{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "label",
  "title": "Label",
  "description": "A form label that pairs with Input, Select and the other controls, with a required marker.",
  "registryDependencies": [
    "https://sproutboat.com/ikada/r/theme.json",
    "https://sproutboat.com/ikada/r/cn.json"
  ],
  "files": [
    {
      "path": "registry/ikada/ui/label.tsx",
      "content": "\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/components/ikada/lib/cn\";\n\nexport const labelStyles = \"inline-flex items-center gap-1 text-sb-sm font-semibold text-fg\";\n\nexport interface LabelProps extends ComponentProps<\"label\"> {\n  /** Shows a required marker. The control still needs `required` itself. */\n  required?: boolean;\n}\n\n/** A form label. `required` adds a marked asterisk for sighted users; the control carries `required`. */\nexport function Label({ required, className, children, ref, ...props }: LabelProps) {\n  return (\n    <label data-slot=\"label\" ref={ref} className={cn(labelStyles, className)} {...props}>\n      {children}\n      {required ? (\n        <span aria-hidden=\"true\" className=\"text-fg-muted\">\n          *\n        </span>\n      ) : null}\n    </label>\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/ikada/label.tsx"
    }
  ],
  "categories": [
    "forms"
  ],
  "type": "registry:ui"
}