{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "fieldset",
  "title": "Fieldset",
  "description": "Groups related fields under a shared legend.",
  "dependencies": [
    "@vllnt/ui@^0.2.1"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/fieldset/fieldset.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@vllnt/ui\";\n\n/** Groups related fields under a shared legend. */\nexport type FieldsetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\n\nconst Fieldset = ({\n  className,\n  ref,\n  ...props\n}: FieldsetProps & { ref?: React.Ref<HTMLFieldSetElement> }) => (\n  <fieldset\n    className={cn(\"flex min-w-0 flex-col gap-4 disabled:opacity-50\", className)}\n    data-slot=\"fieldset\"\n    ref={ref}\n    {...props}\n  />\n);\nFieldset.displayName = \"Fieldset\";\n\n/** Caption that names the purpose of a Fieldset. */\nexport type FieldsetLegendProps = React.ComponentPropsWithoutRef<\"legend\">;\n\nconst FieldsetLegend = ({\n  className,\n  ref,\n  ...props\n}: FieldsetLegendProps & { ref?: React.Ref<HTMLLegendElement> }) => (\n  <legend\n    className={cn(\"text-sm font-medium leading-none\", className)}\n    data-slot=\"fieldset-legend\"\n    ref={ref}\n    {...props}\n  />\n);\nFieldsetLegend.displayName = \"FieldsetLegend\";\n\n/** Body wrapper that spaces the controls inside a Fieldset. */\nexport type FieldsetContentProps = React.ComponentPropsWithoutRef<\"div\">;\n\nconst FieldsetContent = ({\n  className,\n  ref,\n  ...props\n}: FieldsetContentProps & { ref?: React.Ref<HTMLDivElement> }) => (\n  <div\n    className={cn(\"flex flex-col gap-4\", className)}\n    data-slot=\"fieldset-content\"\n    ref={ref}\n    {...props}\n  />\n);\nFieldsetContent.displayName = \"FieldsetContent\";\n\nexport { Fieldset, FieldsetContent, FieldsetLegend };\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component",
  "version": "0.2.1",
  "stability": "stable"
}