{
  "$schema": "https://uipkge.dev/schema/registry-item.json",
  "name": "labeled-value",
  "title": "Labeled Value",
  "type": "registry:ui",
  "files": [
    {
      "path": "packages/registry-svelte/components/labeled-value/LabeledValue.svelte",
      "content": "<script lang=\"ts\" module>\n  import type { Snippet } from 'svelte'\n  import type { HTMLAttributes } from 'svelte/elements'\n\n  export interface LabeledValueProps extends HTMLAttributes<HTMLDivElement> {\n    label: string\n    value?: string\n    children?: Snippet\n  }\n</script>\n\n<script lang=\"ts\">\n  import { cn } from '$lib/utils'\n\n  let { class: className, label, value, children, ...restProps }: LabeledValueProps = $props()\n</script>\n\n<div\n  data-uipkge=\"\"\n  data-slot=\"labeled-value\"\n  class={cn('flex items-center justify-between gap-3 text-sm', className)}\n  {...restProps}\n>\n  <span data-slot=\"labeled-value-label\" class=\"text-muted-foreground shrink-0\">{label}</span>\n  {#if children}\n    {@render children()}\n  {:else}\n    <span data-slot=\"labeled-value-value\" class=\"min-w-0 text-right font-medium\">{value}</span>\n  {/if}\n</div>\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/labeled-value/LabeledValue.svelte"
    },
    {
      "path": "packages/registry-svelte/components/labeled-value/index.ts",
      "content": "export { default as LabeledValue, type LabeledValueProps } from './LabeledValue.svelte'\n",
      "type": "registry:ui",
      "target": "~/src/lib/components/ui/labeled-value/index.ts"
    }
  ],
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "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"
  ]
}