love-ui 1.2.12 → 1.2.14

package/public/r/comp-159.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-159",
+  "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-159.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-2\" defaultValue=\"1\">\n      {/* Radio card #1 */}\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        <RadioGroupItem\n          value=\"1\"\n          id={`${id}-1`}\n          aria-describedby={`${id}-1-description`}\n          className=\"order-1 after:absolute after:inset-0\"\n        />\n        <div className=\"grid grow gap-2\">\n          <Label htmlFor={`${id}-1`}>\n            Label{\" \"}\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      {/* Radio card #2 */}\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        <RadioGroupItem\n          value=\"2\"\n          id={`${id}-2`}\n          aria-describedby={`${id}-2-description`}\n          className=\"order-1 after:absolute after:inset-0\"\n        />\n        <div className=\"grid grow gap-2\">\n          <Label htmlFor={`${id}-2`}>\n            Label{\" \"}\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",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-16.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-16",
+  "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-16.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 inline start and end add-on</Label>\n      <div className=\"relative flex rounded-md shadow-xs\">\n        <span className=\"pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm text-muted-foreground\">\n          €\n        </span>\n        <Input\n          id={id}\n          className=\"-me-px rounded-e-none ps-6 shadow-none\"\n          placeholder=\"0.00\"\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          EUR\n        </span>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label"
+    ]
+  }
+}

package/public/r/comp-160.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-160",
+  "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-160.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-2\" defaultValue=\"1\">\n      {/* Radio card #1 */}\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        <RadioGroupItem\n          value=\"1\"\n          id={`${id}-1`}\n          aria-describedby={`${id}-1-description`}\n          className=\"order-1 after:absolute after:inset-0\"\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 grow gap-2\">\n            <Label htmlFor={`${id}-1`}>\n              Label{\" \"}\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>\n      {/* Radio card #2 */}\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        <RadioGroupItem\n          value=\"2\"\n          id={`${id}-2`}\n          aria-describedby={`${id}-2-description`}\n          className=\"order-1 after:absolute after:inset-0\"\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            <g clipPath=\"url(#vc-a)\">\n              <path\n                fill=\"#252525\"\n                d=\"M28 0H4a4 4 0 0 0-4 4v16a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4Z\"\n              />\n              <path\n                fill=\"#fff\"\n                d=\"m15.884 8.262-1.604 7.496h-1.94l1.604-7.496h1.94Z\"\n              />\n              <path\n                fill=\"#fff\"\n                fillRule=\"evenodd\"\n                d=\"M26.207 15.758H28l-1.567-7.496H24.78a.882.882 0 0 0-.826.55l-2.91 6.946h2.037l.404-1.12h2.488l.235 1.12Zm-2.165-2.656 1.021-2.815.587 2.815h-1.608Z\"\n                clipRule=\"evenodd\"\n              />\n              <path\n                fill=\"#fff\"\n                d=\"M21.144 13.31c.005-1.183-.975-1.698-1.76-2.11-.526-.276-.964-.506-.957-.861.007-.27.263-.555.823-.628.277-.036 1.044-.065 1.913.335l.34-1.59a5.23 5.23 0 0 0-1.815-.331c-1.917 0-3.265 1.018-3.276 2.477-.013 1.08.963 1.681 1.697 2.04.756.368 1.01.604 1.006.932-.005.503-.604.726-1.16.734-.945.015-1.506-.247-1.95-.454l-.042-.02-.352 1.643c.454.208 1.29.39 2.156.398 2.038 0 3.371-1.006 3.377-2.565ZM13.112 8.262 9.97 15.758H7.92L6.374 9.775c-.094-.368-.175-.503-.46-.658-.467-.253-1.237-.49-1.914-.638l.046-.217h3.3c.42 0 .798.28.894.763l.817 4.338 2.018-5.101h2.037Z\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"vc-a\">\n                <path fill=\"#fff\" d=\"M0 0h32v24H0z\" />\n              </clipPath>\n            </defs>\n          </svg>\n          <div className=\"grid grow gap-2\">\n            <Label htmlFor={`${id}-2`}>\n              Label{\" \"}\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      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-161.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-161",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-161.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-2\" defaultValue=\"1\">\n      {/* Radio card #1 */}\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        <RadioGroupItem\n          value=\"1\"\n          id={`${id}-1`}\n          aria-describedby={`${id}-1-description`}\n          className=\"order-1 after:absolute after:inset-0\"\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 grow gap-2\">\n            <Label htmlFor={`${id}-1`}>\n              Label{\" \"}\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>\n      {/* Radio card #2 */}\n      <div className=\"relative flex items-center gap-2 rounded-md border border-input p-4 shadow-xs outline-none has-data-[state=checked]:border-primary/50\">\n        <RadioGroupItem\n          value=\"2\"\n          id={`${id}-2`}\n          aria-describedby={`${id}-2-description`}\n          className=\"order-1 after:absolute after:inset-0\"\n        />\n        <div className=\"flex grow items-start 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=\"#090A15\" />\n            <path\n              fill=\"#fff\"\n              fillRule=\"evenodd\"\n              d=\"M8.004 19.728a.996.996 0 0 1-.008-1.054l7.478-12.199a.996.996 0 0 1 1.753.104l6.832 14.82a.996.996 0 0 1-.618 1.37l-10.627 3.189a.996.996 0 0 1-1.128-.42l-3.682-5.81Zm8.333-9.686a.373.373 0 0 1 .709-.074l4.712 10.904a.374.374 0 0 1-.236.506L14.18 23.57a.373.373 0 0 1-.473-.431l2.63-13.097Z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          <div className=\"grid grow gap-2\">\n            <Label htmlFor={`${id}-2`}>\n              Label{\" \"}\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      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-162.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-162",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-162.tsx",
+      "content": "import { useId } from \"react\"\nimport { Brush, Eraser, Scissors, SwatchBook } from \"lucide-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\n  const items = [\n    { value: \"1\", label: \"Palette\", Icon: SwatchBook },\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    <RadioGroup className=\"grid-cols-2\" defaultValue=\"1\">\n      {items.map((item) => (\n        <div\n          key={`${id}-${item.value}`}\n          className=\"relative flex 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            <RadioGroupItem\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"order-1 after:absolute after:inset-0\"\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    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-163.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-163",
+  "type": "registry:component",
+  "dependencies": [
+    "@remixicon/react"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-163.tsx",
+      "content": "import { useId } from \"react\"\nimport { RiAppleLine, RiBankCardLine, RiPaypalLine } from \"@remixicon/react\"\n\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=\"grid-cols-3\" defaultValue=\"1\">\n      {/* Credit card */}\n      <div className=\"relative flex cursor-pointer flex-col items-center gap-3 rounded-md border border-input px-2 py-3 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-[state=checked]:border-primary/50\">\n        <RadioGroupItem id={`${id}-1`} value=\"1\" className=\"sr-only\" />\n        <RiBankCardLine className=\"opacity-60\" size={20} aria-hidden=\"true\" />\n        <label\n          htmlFor={`${id}-1`}\n          className=\"cursor-pointer text-xs leading-none font-medium text-foreground after:absolute after:inset-0\"\n        >\n          Card\n        </label>\n      </div>\n      {/* PayPal */}\n      <div className=\"relative flex cursor-pointer flex-col items-center gap-3 rounded-md border border-input px-2 py-3 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-[state=checked]:border-primary/50\">\n        <RadioGroupItem id={`${id}-2`} value=\"2\" className=\"sr-only\" />\n        <RiPaypalLine className=\"opacity-60\" size={20} aria-hidden=\"true\" />\n        <label\n          htmlFor={`${id}-2`}\n          className=\"cursor-pointer text-xs leading-none font-medium text-foreground after:absolute after:inset-0\"\n        >\n          PayPal\n        </label>\n      </div>\n      {/* Apple Pay */}\n      <div className=\"relative flex cursor-pointer flex-col items-center gap-3 rounded-md border border-input px-2 py-3 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-[state=checked]:border-primary/50\">\n        <RadioGroupItem id={`${id}-3`} value=\"3\" className=\"sr-only\" />\n        <RiAppleLine className=\"opacity-60\" size={20} aria-hidden=\"true\" />\n        <label\n          htmlFor={`${id}-3`}\n          className=\"cursor-pointer text-xs leading-none font-medium text-foreground after:absolute after:inset-0\"\n        >\n          Apple Pay\n        </label>\n      </div>\n    </RadioGroup>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "checkout",
+      "payment",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-164.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-164",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-164.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n\n  const items = [\n    { value: \"1\", label: \"2 CPU\" },\n    { value: \"2\", label: \"4 CPU\" },\n    { value: \"3\", label: \"6 CPU\" },\n    { value: \"4\", label: \"8 CPU\" },\n    { value: \"5\", label: \"12 CPU\" },\n    { value: \"6\", label: \"16 CPU\", disabled: true },\n  ]\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        CPU Cores\n      </legend>\n      <RadioGroup className=\"grid grid-cols-3 gap-2\" defaultValue=\"1\">\n        {items.map((item) => (\n          <label\n            key={`${id}-${item.value}`}\n            className=\"relative flex cursor-pointer flex-col items-center gap-3 rounded-md border border-input px-2 py-3 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/50\"\n          >\n            <RadioGroupItem\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"sr-only after:absolute after:inset-0\"\n              disabled={item.disabled}\n            />\n            <p className=\"text-sm leading-none font-medium text-foreground\">\n              {item.label}\n            </p>\n          </label>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "pricing",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-165.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-165",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-165.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\n  const items = [\n    { value: \"1\", label: \"USA\" },\n    { value: \"2\", label: \"UK\" },\n    { value: \"3\", label: \"France\" },\n  ]\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Server location\n      </legend>\n      <RadioGroup className=\"flex flex-wrap gap-2\" defaultValue=\"1\">\n        {items.map((item) => (\n          <div\n            key={`${id}-${item.value}`}\n            className=\"relative flex flex-col items-start gap-4 rounded-md border border-input p-3 shadow-xs outline-none has-data-[state=checked]:border-primary/50\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <RadioGroupItem\n                id={`${id}-${item.value}`}\n                value={item.value}\n                className=\"after:absolute after:inset-0\"\n              />\n              <Label htmlFor={`${id}-${item.value}`}>{item.label}</Label>\n            </div>\n          </div>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "card",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-166.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-166",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json",
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-166.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\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\n  const items = [\n    { value: \"1\", label: \"Hobby\", price: \"$9/mo\" },\n    { value: \"2\", label: \"Plus\", price: \"$29/mo\" },\n    { value: \"3\", label: \"Team\", price: \"$49/mo\" },\n    { value: \"4\", label: \"Enterprise\", price: \"Custom\" },\n  ]\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Choose plan\n      </legend>\n      <RadioGroup\n        className=\"gap-0 -space-y-px rounded-md shadow-xs\"\n        defaultValue=\"2\"\n      >\n        {items.map((item) => (\n          <div\n            key={`${id}-${item.value}`}\n            className=\"relative flex flex-col gap-4 border border-input p-4 outline-none first:rounded-t-md last:rounded-b-md has-data-[state=checked]:z-10 has-data-[state=checked]:border-primary/50 has-data-[state=checked]:bg-accent\"\n          >\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-2\">\n                <RadioGroupItem\n                  id={`${id}-${item.value}`}\n                  value={item.value}\n                  className=\"after:absolute after:inset-0\"\n                  aria-describedby={`${`${id}-${item.value}`}-price`}\n                />\n                <Label\n                  className=\"inline-flex items-start\"\n                  htmlFor={`${id}-${item.value}`}\n                >\n                  {item.label}\n                  {item.value === \"2\" && (\n                    <Badge className=\"ms-2 -mt-1\">Popular</Badge>\n                  )}\n                </Label>\n              </div>\n              <div\n                id={`${`${id}-${item.value}`}-price`}\n                className=\"text-xs leading-[inherit] text-muted-foreground\"\n              >\n                {item.price}\n              </div>\n            </div>\n          </div>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "pricing",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-167.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-167",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-167.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n\n  const items = [\n    { value: \"1\", label: \"Angry\", icon: \"😠\" },\n    { value: \"2\", label: \"Sad\", icon: \"🙁\" },\n    { value: \"3\", label: \"Neutral\", icon: \"😐\" },\n    { value: \"4\", label: \"Happy\", icon: \"🙂\" },\n    { value: \"5\", label: \"Laughing\", icon: \"😀\" },\n  ]\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        How did it go?\n      </legend>\n      <RadioGroup className=\"flex gap-1.5\" defaultValue=\"3\">\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 rounded-full border border-input text-center text-xl 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/50\"\n          >\n            <RadioGroupItem\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"sr-only after:absolute after:inset-0\"\n            />\n            {item.icon}\n          </label>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "rating",
+      "vote",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-168.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-168",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-168.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <>\n      <fieldset className=\"space-y-4\">\n        <legend className=\"text-sm leading-none font-medium text-foreground\">\n          How likely are you to recommend us?\n        </legend>\n        <RadioGroup className=\"flex gap-0 -space-x-px rounded-md shadow-xs\">\n          {[\"0\", \"1\", \"2\", \"3\", \"4\", \"5\"].map((value) => (\n            <label\n              key={value}\n              className=\"relative flex size-9 flex-1 cursor-pointer flex-col items-center justify-center gap-3 border border-input text-center text-sm font-medium transition-[color,box-shadow] outline-none first:rounded-s-md last:rounded-e-md 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]:z-10 has-data-[state=checked]:border-primary/50\"\n            >\n              <RadioGroupItem\n                id={`${id}-${value}`}\n                value={value}\n                className=\"sr-only after:absolute after:inset-0\"\n              />\n              {value}\n            </label>\n          ))}\n        </RadioGroup>\n      </fieldset>\n      <div className=\"mt-1 flex justify-between text-xs font-medium\">\n        <p>\n          <span className=\"text-base\">😡</span> Not likely\n        </p>\n        <p>\n          Very Likely <span className=\"text-base\">😍</span>\n        </p>\n      </div>\n    </>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "rating",
+      "vote",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-169.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-169",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-169.tsx",
+      "content": "import { useId } from \"react\"\nimport { CheckIcon, MinusIcon } from \"lucide-react\"\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nconst items = [\n  { value: \"1\", label: \"Light\", image: assetPath(\"/building-blocks/ui-light.png\") },\n  { value: \"2\", label: \"Dark\", image: assetPath(\"/building-blocks/ui-dark.png\") },\n  { value: \"3\", label: \"System\", image: assetPath(\"/building-blocks/ui-system.png\") },\n]\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Choose a theme\n      </legend>\n      <RadioGroup className=\"flex gap-3\" defaultValue=\"1\">\n        {items.map((item) => (\n          <label key={`${id}-${item.value}`}>\n            <RadioGroupItem\n              id={`${id}-${item.value}`}\n              value={item.value}\n              className=\"peer sr-only after:absolute after:inset-0\"\n            />\n            <img\n              src={item.image}\n              alt={item.label}\n              width={88}\n              height={70}\n              className=\"relative cursor-pointer overflow-hidden rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50 peer-data-disabled:cursor-not-allowed peer-data-disabled:opacity-50 peer-data-[state=checked]:border-ring peer-data-[state=checked]:bg-accent\"\n            />\n            <span className=\"group mt-2 flex items-center gap-1 peer-data-[state=unchecked]:text-muted-foreground/70\">\n              <CheckIcon\n                size={16}\n                className=\"group-peer-data-[state=unchecked]:hidden\"\n                aria-hidden=\"true\"\n              />\n              <MinusIcon\n                size={16}\n                className=\"group-peer-data-[state=checked]:hidden\"\n                aria-hidden=\"true\"\n              />\n              <span className=\"text-xs font-medium\">{item.label}</span>\n            </span>\n          </label>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "darkmode",
+      "radix"
+    ]
+  }
+}

package/public/r/comp-17.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-17",
+  "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/select-native.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-17.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\"\nimport { SelectNative } from \"@/registry/building-blocks/default/ui/select-native\"\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 select</Label>\n      <div className=\"flex rounded-md shadow-xs\">\n        <SelectNative className=\"w-fit rounded-e-none text-muted-foreground shadow-none hover:text-foreground\">\n          <option value=\"https://\">https://</option>\n          <option value=\"http://\">http://</option>\n          <option value=\"ftp://\">ftp://</option>\n          <option value=\"sftp://\">sftp://</option>\n          <option value=\"ws://\">ws://</option>\n          <option value=\"wss://\">wss://</option>\n        </SelectNative>\n        <Input\n          id={id}\n          className=\"-ms-px rounded-s-none shadow-none focus-visible:z-10\"\n          placeholder=\"192.168.1.1\"\n          type=\"text\"\n        />\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "select",
+      "native select"
+    ]
+  }
+}

package/public/r/comp-170.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-170",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-170.tsx",
+      "content": "\"use client\"\n\nimport { useId, useState } from \"react\"\n\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  const [selectedValue, setSelectedValue] = useState(\"on\")\n\n  return (\n    <div className=\"inline-flex h-9 rounded-md bg-input/50 p-0.5\">\n      <RadioGroup\n        value={selectedValue}\n        onValueChange={setSelectedValue}\n        className=\"group relative inline-grid grid-cols-[1fr_1fr] items-center gap-0 text-sm font-medium after:absolute after:inset-y-0 after:w-1/2 after:rounded-sm after:bg-background after:shadow-xs after:transition-[translate,box-shadow] after:duration-300 after:ease-[cubic-bezier(0.16,1,0.3,1)] has-focus-visible:after:border-ring has-focus-visible:after:ring-[3px] has-focus-visible:after:ring-ring/50 data-[state=off]:after:translate-x-0 data-[state=on]:after:translate-x-full\"\n        data-state={selectedValue}\n      >\n        <label className=\"relative z-10 inline-flex h-full min-w-8 cursor-pointer items-center justify-center px-4 whitespace-nowrap transition-colors select-none group-data-[state=on]:text-muted-foreground/70\">\n          Bill Monthly\n          <RadioGroupItem id={`${id}-1`} value=\"off\" className=\"sr-only\" />\n        </label>\n        <label className=\"relative z-10 inline-flex h-full min-w-8 cursor-pointer items-center justify-center px-4 whitespace-nowrap transition-colors select-none group-data-[state=off]:text-muted-foreground/70\">\n          <span>\n            Bill Yearly{\" \"}\n            <span className=\"transition-colors group-data-[state=off]:text-muted-foreground/70 group-data-[state=on]:text-emerald-500\">\n              -20%\n            </span>\n          </span>\n          <RadioGroupItem id={`${id}-2`} value=\"on\" className=\"sr-only\" />\n        </label>\n      </RadioGroup>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "pricing",
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-171.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-171",
+  "type": "registry:component",
+  "dependencies": [
+    "@remixicon/react"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/radio-group.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-171.tsx",
+      "content": "\"use client\"\n\nimport { useId, useState } from \"react\"\nimport { RiStarFill } from \"@remixicon/react\"\n\nimport { RadioGroup, RadioGroupItem } from \"@/registry/building-blocks/default/ui/radio-group\"\n\nexport default function Component() {\n  const id = useId()\n  const [hoverRating, setHoverRating] = useState(\"\")\n  const [currentRating, setCurrentRating] = useState(\"\")\n\n  return (\n    <fieldset className=\"space-y-4\">\n      <legend className=\"text-sm leading-none font-medium text-foreground\">\n        Rate your experience\n      </legend>\n      <RadioGroup\n        className=\"inline-flex gap-0\"\n        onValueChange={setCurrentRating}\n      >\n        {[\"1\", \"2\", \"3\", \"4\", \"5\"].map((value) => (\n          <label\n            key={value}\n            className=\"group relative cursor-pointer rounded p-0.5 outline-none has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n            onMouseEnter={() => setHoverRating(value)}\n            onMouseLeave={() => setHoverRating(\"\")}\n          >\n            <RadioGroupItem\n              id={`${id}-${value}`}\n              value={value}\n              className=\"sr-only\"\n            />\n            <RiStarFill\n              size={24}\n              className={`transition-all ${\n                (hoverRating || currentRating) >= value\n                  ? \"text-amber-500\"\n                  : \"text-input\"\n              } group-hover:scale-110`}\n            />\n            <span className=\"sr-only\">\n              {value} star{value === \"1\" ? \"\" : \"s\"}\n            </span>\n          </label>\n        ))}\n      </RadioGroup>\n    </fieldset>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "radio",
+      "label",
+      "rating",
+      "vote",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-172.json

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

package/public/r/comp-173.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-173",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/switch.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-173.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Switch } from \"@/registry/building-blocks/default/ui/switch\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <Switch\n        id={id}\n        className=\"h-5 w-8 [&_span]:size-4 data-[state=checked]:[&_span]:translate-x-3 data-[state=checked]:[&_span]:rtl:-translate-x-3\"\n      />\n      <Label htmlFor={id} className=\"sr-only\">\n        Small switch\n      </Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-174.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-174",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/switch.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-174.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Switch } from \"@/registry/building-blocks/default/ui/switch\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"inline-flex items-center gap-2 [--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      <Switch id={id} defaultChecked />\n      <Label htmlFor={id} className=\"sr-only\">\n        Colored switch\n      </Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-175.json

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

package/public/r/comp-176.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-176",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/switch.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-176.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Switch } from \"@/registry/building-blocks/default/ui/switch\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <Switch id={id} className=\"rounded-sm [&_span]:rounded\" />\n      <Label htmlFor={id} className=\"sr-only\">\n        Square switch\n      </Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-177.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-177",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/switch.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-177.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Switch } from \"@/registry/building-blocks/default/ui/switch\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <Switch\n        id={id}\n        className=\"h-3 w-9 border-none outline-offset-[6px] [&_span]:border [&_span]:border-input\"\n      />\n      <Label htmlFor={id} className=\"sr-only\">\n        M2-style switch\n      </Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-178.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-178",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/switch.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-178.tsx",
+      "content": "import { useId } from \"react\"\n\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport { Switch } from \"@/registry/building-blocks/default/ui/switch\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      <Switch\n        id={id}\n        className=\"data-[state=unchecked]:border-input data-[state=unchecked]:bg-transparent [&_span]:transition-all data-[state=unchecked]:[&_span]:size-4 data-[state=unchecked]:[&_span]:translate-x-0.5 data-[state=unchecked]:[&_span]:bg-input data-[state=unchecked]:[&_span]:shadow-none data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5\"\n      />\n      <Label htmlFor={id} className=\"sr-only\">\n        M3-style switch\n      </Label>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "switch",
+      "radix"
+    ],
+    "style": 1
+  }
+}