love-ui 1.2.12 → 1.2.14

package/public/r/comp-139.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-139",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-139.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"flex gap-6\">\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-a`} />\n        <Label htmlFor={`${id}-a`}>React</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-b`} />\n        <Label htmlFor={`${id}-b`}>Next.js</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-c`} />\n        <Label htmlFor={`${id}-c`}>Astro</Label>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-14.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-14",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/input.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-14.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with start add-on</Label>\n      <div className=\"flex rounded-md shadow-xs\">\n        <span className=\"-z-10 inline-flex items-center rounded-s-md border border-input bg-background px-3 text-sm text-muted-foreground\">\n          https://\n        </span>\n        <Input\n          id={id}\n          className=\"-ms-px rounded-s-none shadow-none\"\n          placeholder=\"google.com\"\n          type=\"text\"\n        />\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label"
+    ]
+  }
+}

package/public/r/comp-140.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-140",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-140.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"flex items-center justify-between gap-2\">\n      <Checkbox id={id} className=\"order-1\" />\n      <Label htmlFor={id}>Right aligned checkbox</Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-141.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-141",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-141.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <Checkbox id={id} aria-describedby={`${id}-description`} />\n      <div className=\"grid grow gap-2\">\n        <Label htmlFor={id}>\n          Label{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (Sublabel)\n          </span>\n        </Label>\n        <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n          You can use this checkbox with a label and a description.\n        </p>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-142.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-142",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/input.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-142.tsx",
+      "content": "\"use client\"\n\nimport { useEffect, useId, useRef, useState } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const checkboxId = useId()\n  const inputId = useId()\n  const [checked, setChecked] = useState<boolean | \"indeterminate\">(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (checked === true && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [checked])\n\n  return (\n    <div>\n      <div className=\"flex items-start gap-2\">\n        <Checkbox\n          id={checkboxId}\n          checked={checked}\n          onCheckedChange={setChecked}\n          aria-describedby={`${checkboxId}-description`}\n          aria-controls={inputId}\n        />\n        <div className=\"grow\">\n          <div className=\"grid gap-2\">\n            <Label htmlFor={checkboxId}>Checkbox with expansion</Label>\n            <p\n              id={`${checkboxId}-description`}\n              className=\"text-xs text-muted-foreground\"\n            >\n              You can use this checkbox with a label and a description.\n            </p>\n          </div>\n          {/* Expandable field */}\n          <div\n            role=\"region\"\n            id={inputId}\n            aria-labelledby={checkboxId}\n            className=\"grid transition-all ease-in-out data-[state=collapsed]:grid-rows-[0fr] data-[state=collapsed]:opacity-0 data-[state=expanded]:grid-rows-[1fr] data-[state=expanded]:opacity-100\"\n            data-state={checked ? \"expanded\" : \"collapsed\"}\n          >\n            <div className=\"pointer-events-none -m-2 overflow-hidden p-2\">\n              <div className=\"pointer-events-auto mt-3\">\n                <Input\n                  ref={inputRef}\n                  type=\"text\"\n                  id=\"checkbox-11-additional-info\"\n                  placeholder=\"Enter details\"\n                  aria-label=\"Additional Information\"\n                  disabled={!checked}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "collapsible",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-143.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-143",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-143.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"flex items-start gap-2\">\n      <Checkbox\n        id={id}\n        className=\"order-1\"\n        aria-describedby={`${id}-description`}\n      />\n      <div className=\"grid grow gap-2\">\n        <Label htmlFor={id}>\n          Label{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (Sublabel)\n          </span>\n        </Label>\n        <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n          You can use this checkbox with a label and a description.\n        </p>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-144.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-144",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-144.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"relative flex w-full items-start gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50\">\n      <Checkbox\n        id={id}\n        className=\"order-1 after:absolute after:inset-0\"\n        aria-describedby={`${id}-description`}\n      />\n      <div className=\"grid grow gap-2\">\n        <Label htmlFor={id}>\n          Label{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (Sublabel)\n          </span>\n        </Label>\n        <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n          A short description goes here.\n        </p>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-145.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-145",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-145.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"relative flex w-full items-start gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50\">\n      <Checkbox\n        id={id}\n        className=\"order-1 after:absolute after:inset-0\"\n        aria-describedby={`${id}-description`}\n      />\n      <div className=\"flex grow items-start gap-3\">\n        <svg\n          className=\"shrink-0\"\n          width={32}\n          height={24}\n          viewBox=\"0 0 32 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-hidden=\"true\"\n        >\n          <rect width=\"32\" height=\"24\" rx=\"4\" fill=\"#252525\" />\n          <path\n            d=\"M19.0537 6.49742H12.9282V17.5026H19.0537V6.49742Z\"\n            fill=\"#FF5A00\"\n          />\n          <path\n            d=\"M13.3359 12C13.3359 9.76408 14.3871 7.77961 16 6.49741C14.8129 5.56408 13.3155 5 11.6822 5C7.81295 5 4.68221 8.13074 4.68221 12C4.68221 15.8693 7.81295 19 11.6822 19C13.3155 19 14.8129 18.4359 16 17.5026C14.3848 16.2385 13.3359 14.2359 13.3359 12Z\"\n            fill=\"#EB001B\"\n          />\n          <path\n            d=\"M27.3178 12C27.3178 15.8693 24.1871 19 20.3178 19C18.6845 19 17.1871 18.4359 16 17.5026C17.6333 16.2181 18.6641 14.2359 18.6641 12C18.6641 9.76408 17.6129 7.77961 16 6.49741C17.1848 5.56408 18.6822 5 20.3155 5C24.1871 5 27.3178 8.15113 27.3178 12Z\"\n            fill=\"#F79E1B\"\n          />\n        </svg>\n        <div className=\"grid gap-2\">\n          <Label htmlFor={id}>\n            Label{\" \"}\n            <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n              (Sublabel)\n            </span>\n          </Label>\n          <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n            A short description goes here.\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-146.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-146",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-146.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"relative flex w-full items-start gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50\">\n      <Checkbox\n        id={id}\n        className=\"order-1 after:absolute after:inset-0\"\n        aria-describedby={`${id}-description`}\n      />\n      <div className=\"flex grow items-center gap-3\">\n        <svg\n          className=\"shrink-0\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width={32}\n          height={32}\n          aria-hidden=\"true\"\n        >\n          <circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#121212\" />\n          <g clipPath=\"url(#sb-a)\">\n            <path\n              fill=\"url(#sb-b)\"\n              d=\"M17.63 25.52c-.506.637-1.533.287-1.545-.526l-.178-11.903h8.003c1.45 0 2.259 1.674 1.357 2.81l-7.637 9.618Z\"\n            />\n            <path\n              fill=\"url(#sb-c)\"\n              fillOpacity=\".2\"\n              d=\"M17.63 25.52c-.506.637-1.533.287-1.545-.526l-.178-11.903h8.003c1.45 0 2.259 1.674 1.357 2.81l-7.637 9.618Z\"\n            />\n            <path\n              fill=\"#3ECF8E\"\n              d=\"M14.375 6.367c.506-.638 1.532-.289 1.544.525l.078 11.903H8.094c-1.45 0-2.258-1.674-1.357-2.81l7.638-9.618Z\"\n            />\n          </g>\n          <defs>\n            <linearGradient\n              id=\"sb-b\"\n              x1=\"15.907\"\n              x2=\"23.02\"\n              y1=\"15.73\"\n              y2=\"18.713\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stopColor=\"#249361\" />\n              <stop offset=\"1\" stopColor=\"#3ECF8E\" />\n            </linearGradient>\n            <linearGradient\n              id=\"sb-c\"\n              x1=\"12.753\"\n              x2=\"15.997\"\n              y1=\"11.412\"\n              y2=\"17.519\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop />\n              <stop offset=\"1\" stopOpacity=\"0\" />\n            </linearGradient>\n            <clipPath id=\"sb-a\">\n              <path fill=\"#fff\" d=\"M6.354 6h19.292v20H6.354z\" />\n            </clipPath>\n          </defs>\n        </svg>\n        <div className=\"grid gap-2\">\n          <Label htmlFor={id}>\n            Label{\" \"}\n            <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n              (Sublabel)\n            </span>\n          </Label>\n          <p id={`${id}-description`} className=\"text-xs text-muted-foreground\">\n            A short description goes here.\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-147.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-147",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-147.tsx",
+      "content": "import { useId } from \"react\"\nimport { Brush, Eraser, Scissors, SwatchBook } from \"lucide-react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n\n  const items = [\n    { value: \"1\", label: \"Palette\", Icon: SwatchBook, defaultChecked: true },\n    { value: \"2\", label: \"Brush\", Icon: Brush },\n    { value: \"3\", label: \"Eraser\", Icon: Eraser },\n    { value: \"4\", label: \"Cut\", Icon: Scissors },\n  ]\n\n  return (\n    <div className=\"grid grid-cols-2 gap-3\">\n      {items.map((item) => (\n        <div\n          key={`${id}-${item.value}`}\n          className=\"relative flex cursor-pointer flex-col gap-4 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50\"\n        >\n          <div className=\"flex justify-between gap-2\">\n            <Checkbox\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"order-1 after:absolute after:inset-0\"\n              defaultChecked={item.defaultChecked}\n            />\n            <item.Icon className=\"opacity-60\" size={16} aria-hidden=\"true\" />\n          </div>\n          <Label htmlFor={`${id}-${item.value}`}>{item.label}</Label>\n        </div>\n      ))}\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-148.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-148",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/checkbox-tree.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-148.tsx",
+      "content": "\"use client\"\n\nimport { Fragment, useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { CheckboxTree } from \"@/registry/building-blocks/default/ui/checkbox-tree\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\ninterface TreeNode {\n  id: string\n  label: string\n  defaultChecked?: boolean\n  children?: TreeNode[]\n}\n\nconst initialTree: TreeNode = {\n  id: \"1\",\n  label: \"Natural Wonders\",\n  children: [\n    { id: \"2\", label: \"Mountains\", defaultChecked: true },\n    {\n      id: \"3\",\n      label: \"Waterfalls\",\n      children: [\n        { id: \"4\", label: \"Niagara Falls\" },\n        { id: \"5\", label: \"Angel Falls\", defaultChecked: true },\n      ],\n    },\n    { id: \"6\", label: \"Grand Canyon\" },\n  ],\n}\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"space-y-3\">\n      <CheckboxTree\n        tree={initialTree}\n        renderNode={({ node, isChecked, onCheckedChange, children }) => (\n          <Fragment key={`${id}-${node.id}`}>\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id={`${id}-${node.id}`}\n                checked={isChecked}\n                onCheckedChange={onCheckedChange}\n              />\n              <Label htmlFor={`${id}-${node.id}`}>{node.label}</Label>\n            </div>\n            {children && <div className=\"ms-6 space-y-3\">{children}</div>}\n          </Fragment>\n        )}\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "tree",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-149.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-149",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-149.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\n\nexport default function Component() {\n  const id = useId()\n\n  const items = [\n    { value: \"1\", label: \"Monday\", defaultChecked: true },\n    { value: \"2\", label: \"Tuesday\", defaultChecked: true },\n    { value: \"3\", label: \"Wednesday\" },\n    { value: \"4\", label: \"Thursday\", defaultChecked: true },\n    { value: \"5\", label: \"Friday\", defaultChecked: true },\n    { value: \"6\", label: \"Saturday\" },\n    { value: \"7\", label: \"Sunday\", disabled: true },\n  ]\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Days of the week\n      </legend>\n      <div className=\"flex gap-1.5\">\n        {items.map((item) => (\n          <label\n            key={`${id}-${item.value}`}\n            className=\"relative flex size-9 cursor-pointer flex-col items-center justify-center gap-3 rounded-full border border-input text-center shadow-xs transition-[color,box-shadow] outline-none has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 has-data-disabled:cursor-not-allowed has-data-disabled:opacity-50 has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary has-data-[state=checked]:text-primary-foreground\"\n          >\n            <Checkbox\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"sr-only after:absolute after:inset-0\"\n              defaultChecked={item.defaultChecked}\n              disabled={item.disabled}\n            />\n            <span aria-hidden=\"true\" className=\"text-sm font-medium\">\n              {item.label[0]}\n            </span>\n            <span className=\"sr-only\">{item.label}</span>\n          </label>\n        ))}\n      </div>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "week",
+      "calendar",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-15.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-15",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/input.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-15.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with end add-on</Label>\n      <div className=\"flex rounded-md shadow-xs\">\n        <Input\n          id={id}\n          className=\"-me-px rounded-e-none shadow-none\"\n          placeholder=\"google\"\n          type=\"text\"\n        />\n        <span className=\"-z-10 inline-flex items-center rounded-e-md border border-input bg-background px-3 text-sm text-muted-foreground\">\n          .com\n        </span>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label"
+    ]
+  }
+}

package/public/r/comp-150.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-150",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-150.tsx",
+      "content": "\"use client\"\n\nimport { useId, useState } from \"react\"\nimport { MoonIcon, SunIcon } from \"lucide-react\"\n\nexport default function Component() {\n  const id = useId()\n  const [theme, setTheme] = useState<string>(\"light\")\n\n  return (\n    <div className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Dark mode toggle checkbox\n      </legend>\n      <div className=\"flex flex-col justify-center\">\n        <input\n          type=\"checkbox\"\n          name={id}\n          id={id}\n          className=\"peer sr-only\"\n          checked={theme === \"dark\"}\n          onChange={() =>\n            setTheme((prev) => (prev === \"dark\" ? \"light\" : \"dark\"))\n          }\n        />\n        <label\n          className=\"group relative inline-flex size-9 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-xs transition-[color,box-shadow] outline-none peer-focus-visible:border-ring peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50 hover:bg-accent hover:text-accent-foreground\"\n          htmlFor={id}\n          aria-label={`Switch to ${theme === \"dark\" ? \"light\" : \"dark\"} mode`}\n        >\n          {/* Note: After dark mode implementation, rely on dark: prefix rather than group-peer-checked: */}\n          <MoonIcon\n            size={16}\n            className=\"shrink-0 scale-0 opacity-0 transition-all group-peer-checked:scale-100 group-peer-checked:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <SunIcon\n            size={16}\n            className=\"absolute shrink-0 scale-100 opacity-100 transition-all group-peer-checked:scale-0 group-peer-checked:opacity-0\"\n            aria-hidden=\"true\"\n          />\n        </label>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "toggle",
+      "darkmode",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-151.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-151",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-151.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"grid gap-3\">\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-1`} />\n        <Label htmlFor={`${id}-1`}>React</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-2`} />\n        <Label htmlFor={`${id}-2`}>Next.js</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Checkbox id={`${id}-3`} />\n        <Label htmlFor={`${id}-3`}>Astro</Label>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "checkbox",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-152.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-152",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-152.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <RadioGroup defaultValue=\"1\">\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"1\" id={`${id}-1`} />\n        <Label htmlFor={`${id}-1`}>Option 1</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"2\" id={`${id}-2`} />\n        <Label htmlFor={`${id}-2`}>Option 2</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"3\" id={`${id}-3`} />\n        <Label htmlFor={`${id}-3`}>Option 3</Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-153.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-153",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-153.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <RadioGroup\n      defaultValue=\"1\"\n      className=\"[--primary:var(--color-indigo-500)] [--ring:var(--color-indigo-300)] in-[.dark]:[--primary:var(--color-indigo-500)] in-[.dark]:[--ring:var(--color-indigo-900)]\"\n    >\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"1\" id={`${id}-1`} />\n        <Label htmlFor={`${id}-1`}>Option 1</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"2\" id={`${id}-2`} />\n        <Label htmlFor={`${id}-2`}>Option 2</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"3\" id={`${id}-3`} />\n        <Label htmlFor={`${id}-3`}>Option 3</Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-154.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-154",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-154.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <RadioGroup defaultValue=\"2\" disabled>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"1\" id={`${id}-1`} />\n        <Label htmlFor={`${id}-1`}>Option 1</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"2\" id={`${id}-2`} />\n        <Label htmlFor={`${id}-2`}>Option 2</Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"3\" id={`${id}-3`} />\n        <Label htmlFor={`${id}-3`}>Option 3</Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-155.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-155",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-155.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <RadioGroup className=\"gap-6\" defaultValue=\"1\">\n      <div className=\"flex items-start gap-2\">\n        <RadioGroupItem\n          value=\"1\"\n          id={`${id}-1`}\n          aria-describedby={`${id}-1-description`}\n        />\n        <div className=\"grid grow gap-2\">\n          <Label htmlFor={`${id}-1`}>\n            Small{\" \"}\n            <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n              (Sublabel)\n            </span>\n          </Label>\n          <p\n            id={`${id}-1-description`}\n            className=\"text-xs text-muted-foreground\"\n          >\n            You can use this card with a label and a description.\n          </p>\n        </div>\n      </div>\n      <div className=\"flex items-start gap-2\">\n        <RadioGroupItem\n          value=\"2\"\n          id={`${id}-2`}\n          aria-describedby={`${id}-2-description`}\n        />\n        <div className=\"grid grow gap-2\">\n          <Label htmlFor={`${id}-2`}>\n            Large{\" \"}\n            <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n              (Sublabel)\n            </span>\n          </Label>\n          <p\n            id={`${id}-2-description`}\n            className=\"text-xs text-muted-foreground\"\n          >\n            You can use this card with a label and a description.\n          </p>\n        </div>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-156.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-156",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/input.json",
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-156.tsx",
+      "content": "\"use client\"\n\nimport { useEffect, useId, useRef, useState } from \"react\"\n\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const radioId = useId()\n  const inputId = useId()\n  const [selectedValue, setSelectedValue] = useState(\"without-expansion\")\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (selectedValue === \"with-expansion\" && inputRef.current) {\n      inputRef.current.focus()\n    }\n  }, [selectedValue])\n\n  return (\n    <RadioGroup\n      className=\"gap-6\"\n      value={selectedValue}\n      onValueChange={setSelectedValue}\n    >\n      <div>\n        <div className=\"flex items-start gap-2\">\n          <RadioGroupItem\n            value=\"with-expansion\"\n            id={`${radioId}-1`}\n            aria-describedby={`${radioId}-1-description`}\n            aria-controls={inputId}\n          />\n          <div className=\"grow\">\n            <div className=\"grid grow gap-2\">\n              <Label htmlFor={`${radioId}-1`}>Radio with expansion</Label>\n              <p\n                id={`${radioId}-1-description`}\n                className=\"text-xs text-muted-foreground\"\n              >\n                You can use this radio with a label and a description.\n              </p>\n            </div>\n            {/* Expandable field */}\n            <div\n              role=\"region\"\n              id={inputId}\n              aria-labelledby={`${radioId}-1`}\n              className=\"grid transition-all ease-in-out data-[state=collapsed]:grid-rows-[0fr] data-[state=collapsed]:opacity-0 data-[state=expanded]:grid-rows-[1fr] data-[state=expanded]:opacity-100\"\n              data-state={\n                selectedValue === \"with-expansion\" ? \"expanded\" : \"collapsed\"\n              }\n            >\n              <div className=\"pointer-events-none -m-2 overflow-hidden p-2\">\n                <div className=\"pointer-events-auto mt-3\">\n                  <Input\n                    ref={inputRef}\n                    type=\"text\"\n                    id=\"radio-05-additional-info\"\n                    placeholder=\"Enter details\"\n                    aria-label=\"Additional Information\"\n                    disabled={selectedValue !== \"with-expansion\"}\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"flex items-start gap-2\">\n        <RadioGroupItem\n          value=\"without-expansion\"\n          id={`${radioId}-2`}\n          aria-describedby={`${radioId}-2-description`}\n        />\n        <div className=\"grid grow gap-2\">\n          <Label htmlFor={`${radioId}-2`}>Radio without expansion</Label>\n          <p\n            id={`${radioId}-2-description`}\n            className=\"text-xs text-muted-foreground\"\n          >\n            You can use this checkbox with a label and a description.\n          </p>\n        </div>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "collapsible",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-157.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-157",
+  "type": "registry:component",
+  "dependencies": [
+    "@remixicon/react"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-157.tsx",
+      "content": "import { useId } from \"react\"\nimport { RiStarFill } from \"@remixicon/react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <RadioGroup defaultValue=\"all\">\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"all\" id={`${id}-1`} />\n        <Label htmlFor={`${id}-1`}>\n          All reviews{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (12,921)\n          </span>\n        </Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"5-stars\" id={`${id}-2`} />\n        <Label htmlFor={`${id}-2`} className=\"inline-flex items-center gap-1\">\n          <span\n            className=\"inline-flex items-center text-amber-500\"\n            aria-hidden=\"true\"\n          >\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n          </span>\n          <span className=\"sr-only\">5 stars</span>{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (5,168)\n          </span>\n        </Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"4-stars\" id={`${id}-3`} />\n        <Label htmlFor={`${id}-3`} className=\"inline-flex items-center gap-1\">\n          <span\n            className=\"inline-flex items-center text-amber-500\"\n            aria-hidden=\"true\"\n          >\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} className=\"opacity-30\" />\n          </span>\n          <span className=\"sr-only\">4 stars</span>{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (4,726)\n          </span>\n        </Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"3-stars\" id={`${id}-4`} />\n        <Label htmlFor={`${id}-4`} className=\"inline-flex items-center gap-1\">\n          <span\n            className=\"inline-flex items-center text-amber-500\"\n            aria-hidden=\"true\"\n          >\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n          </span>\n          <span className=\"sr-only\">3 stars</span>{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (3,234)\n          </span>\n        </Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"2-stars\" id={`${id}-5`} />\n        <Label htmlFor={`${id}-5`} className=\"inline-flex items-center gap-1\">\n          <span\n            className=\"inline-flex items-center text-amber-500\"\n            aria-hidden=\"true\"\n          >\n            <RiStarFill size={16} />\n            <RiStarFill size={16} />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n          </span>\n          <span className=\"sr-only\">2 stars</span>{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (1,842)\n          </span>\n        </Label>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <RadioGroupItem value=\"1-star\" id={`${id}-6`} />\n        <Label htmlFor={`${id}-6`} className=\"inline-flex items-center gap-1\">\n          <span\n            className=\"inline-flex items-center text-amber-500\"\n            aria-hidden=\"true\"\n          >\n            <RiStarFill size={16} />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n            <RiStarFill size={16} className=\"opacity-30\" />\n          </span>\n          <span className=\"sr-only\">1 star</span>{\" \"}\n          <span className=\"text-xs leading-[inherit] font-normal text-muted-foreground\">\n            (452)\n          </span>\n        </Label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "rating",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-158.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-158",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-158.tsx",
+      "content": "import { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Choose a color\n      </legend>\n      <RadioGroup className=\"flex gap-1.5\" defaultValue=\"blue\">\n        <RadioGroupItem\n          value=\"blue\"\n          aria-label=\"Blue\"\n          className=\"size-6 border-blue-500 bg-blue-500 shadow-none data-[state=checked]:border-blue-500 data-[state=checked]:bg-blue-500\"\n        />\n        <RadioGroupItem\n          value=\"indigo\"\n          aria-label=\"Indigo\"\n          className=\"size-6 border-indigo-500 bg-indigo-500 shadow-none data-[state=checked]:border-indigo-500 data-[state=checked]:bg-indigo-500\"\n        />\n        <RadioGroupItem\n          value=\"pink\"\n          aria-label=\"Pink\"\n          className=\"size-6 border-pink-500 bg-pink-500 shadow-none data-[state=checked]:border-pink-500 data-[state=checked]:bg-pink-500\"\n        />\n        <RadioGroupItem\n          value=\"red\"\n          aria-label=\"red\"\n          className=\"size-6 border-red-500 bg-red-500 shadow-none data-[state=checked]:border-red-500 data-[state=checked]:bg-red-500\"\n        />\n        <RadioGroupItem\n          value=\"orange\"\n          aria-label=\"orange\"\n          className=\"size-6 border-orange-500 bg-orange-500 shadow-none data-[state=checked]:border-orange-500 data-[state=checked]:bg-orange-500\"\n        />\n        <RadioGroupItem\n          value=\"amber\"\n          aria-label=\"amber\"\n          className=\"size-6 border-amber-500 bg-amber-500 shadow-none data-[state=checked]:border-amber-500 data-[state=checked]:bg-amber-500\"\n        />\n        <RadioGroupItem\n          value=\"emerald\"\n          aria-label=\"emerald\"\n          className=\"size-6 border-emerald-500 bg-emerald-500 shadow-none data-[state=checked]:border-emerald-500 data-[state=checked]:bg-emerald-500\"\n        />\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "color",
+      "picker",
+      "radix"
+    ]
+  }
+}