{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "billing-address",
  "type": "registry:ui",
  "title": "Billing address",
  "description": "Tailwind billing address fieldset with a multiline street field and a responsive row for city, state and postal code. Drops into checkout forms.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/form-field.json",
    "https://ui.minidev.pro/r/input.json",
    "https://ui.minidev.pro/r/textarea.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/billing-address.tsx",
      "type": "registry:ui",
      "target": "components/ui/billing-address.tsx",
      "content": "\"use client\"\nimport { FormField } from \"@/components/ui/form-field\"\nimport { Input } from \"@/components/ui/input\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { cn } from \"@/lib/utils\"\nfunction BillingAddress({ className }: { className?: string }) {\n  return (\n    <div data-slot=\"billing-address\" className={cn(\"space-y-3\", className)}>\n      <FormField id=\"addr-line\" label=\"Address\">\n        <Textarea id=\"addr-line\" placeholder=\"Street, building\" />\n      </FormField>\n      <div className=\"grid gap-3 sm:grid-cols-3\">\n        <FormField id=\"addr-city\" label=\"City\">\n          <Input id=\"addr-city\" />\n        </FormField>\n        <FormField id=\"addr-state\" label=\"State\">\n          <Input id=\"addr-state\" />\n        </FormField>\n        <FormField id=\"addr-zip\" label=\"Postal\">\n          <Input id=\"addr-zip\" />\n        </FormField>\n      </div>\n    </div>\n  )\n}\nexport { BillingAddress }\n"
    }
  ]
}
