{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "labeled-value",
  "title": "Labeled Value",
  "type": "registry:ui",
  "description": "Read-only label/value pair for surface details — \"Email: jane@…\" or \"Status: Active\". Compose them in a Data List, a Stat Card, or a Section Card detail row.",
  "categories": [
    "data-display"
  ],
  "files": [
    {
      "path": "packages/elements-lit/src/components/labeled-value/labeled-value.ts",
      "content": "import { LitElement, css, html } from 'lit'\nimport { tailwind } from '../../lib/styles'\nimport { ThemeController } from '../../lib/theme'\n\n/**\n * <uip-labeled-value> — key-value display pair.\n */\nexport class UipLabeledValue extends LitElement {\n  static styles = [\n    tailwind,\n    css`\n      :host {\n        display: block;\n        width: 100%;\n      }\n    `,\n  ]\n\n  static properties = {\n    label: { reflect: true },\n    value: { reflect: true },\n  }\n\n  label = ''\n  value = ''\n\n  constructor() {\n    super()\n    new ThemeController(this)\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.setAttribute('data-uipkge', '')\n    this.setAttribute('data-slot', 'labeled-value')\n  }\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        data-slot=\"labeled-value\"\n        class=\"flex items-center justify-between gap-3 text-sm\"\n      >\n        <span part=\"label\" data-slot=\"labeled-value-label\" class=\"text-muted-foreground shrink-0\">\n          ${this.label}\n        </span>\n        <slot>\n          <span part=\"value\" data-slot=\"labeled-value-value\" class=\"min-w-0 text-right font-medium\">\n            ${this.value}\n          </span>\n        </slot>\n      </div>\n    `\n  }\n}\n\ncustomElements.get('uip-labeled-value') || customElements.define('uip-labeled-value', UipLabeledValue)\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uip-labeled-value': UipLabeledValue\n  }\n}\n",
      "type": "registry:file",
      "target": "src/uip/components/labeled-value/labeled-value.ts"
    }
  ],
  "dependencies": [
    "lit"
  ],
  "registryDependencies": [
    "https://uipkge.dev/r/lit/lit-core.json"
  ]
}