love-ui 1.2.12 → 1.2.14

package/public/r/comp-403.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-403",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-403.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-[0.6rem]\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={32}\n        height={32}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={32}\n        height={32}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={32}\n        height={32}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={32}\n        height={32}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-404.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-404",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-404.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-[0.675rem]\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={36}\n        height={36}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={36}\n        height={36}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={36}\n        height={36}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={36}\n        height={36}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-405.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-405",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-405.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-3\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-406.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-406",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-406.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-[0.9rem]\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={48}\n        height={48}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={48}\n        height={48}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={48}\n        height={48}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={48}\n        height={48}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-407.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-407",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-407.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-[1.2rem]\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={64}\n        height={64}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={64}\n        height={64}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={64}\n        height={64}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={64}\n        height={64}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-408.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-408",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-408.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-6\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={80}\n        height={80}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={80}\n        height={80}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={80}\n        height={80}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={80}\n        height={80}\n        alt=\"Avatar 04\"\n      />\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-409.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-409",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-409.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nexport default function Component() {\n  return (\n    <div className=\"flex -space-x-3\">\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=16\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 01\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=17\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 02\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=18\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 03\"\n      />\n      <img\n        className=\"rounded-full ring-2 ring-background\"\n        src={\"https://i.pravatar.cc/160?img=19\"}\n        width={40}\n        height={40}\n        alt=\"Avatar 04\"\n      />\n      <Button\n        variant=\"secondary\"\n        className=\"flex size-10 items-center justify-center rounded-full bg-secondary text-xs text-muted-foreground ring-2 ring-background hover:bg-secondary hover:text-foreground\"\n        size=\"icon\"\n      >\n        +3\n      </Button>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-41.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-41",
+  "type": "registry:component",
+  "dependencies": [
+    "react-aria-components"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/calendar-rac.json",
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-41.tsx",
+      "content": "\"use client\"\n\nimport { CalendarIcon } from \"lucide-react\"\nimport {\n  Button,\n  DatePicker,\n  Dialog,\n  Group,\n  Label,\n  Popover,\n} from \"react-aria-components\"\n\nimport { Calendar } from \"@/registry/building-blocks/default/ui/calendar-rac\"\nimport { DateInput } from \"@/registry/building-blocks/default/ui/datefield-rac\"\n\nexport default function Component() {\n  return (\n    <DatePicker className=\"*:not-first:mt-2\">\n      <Label className=\"text-sm font-medium text-foreground\">Date picker</Label>\n      <div className=\"flex\">\n        <Group className=\"w-full\">\n          <DateInput className=\"pe-9\" />\n        </Group>\n        <Button className=\"z-10 -ms-9 -me-px flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 transition-[color,box-shadow] outline-none hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50\">\n          <CalendarIcon size={16} />\n        </Button>\n      </div>\n      <Popover\n        className=\"z-50 rounded-lg border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\"\n        offset={4}\n      >\n        <Dialog className=\"max-h-[inherit] overflow-auto p-2\">\n          <Calendar />\n        </Dialog>\n      </Popover>\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/DatePicker.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </DatePicker>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "calendar",
+      "picker",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-410.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-410",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-410.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nexport default function Component() {\n  return (\n    <div className=\"flex items-center rounded-full bg-muted p-0.5\">\n      <div className=\"flex -space-x-3\">\n        <img\n          className=\"rounded-full ring-2 ring-muted\"\n          src={\"https://i.pravatar.cc/160?img=16\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 01\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-muted\"\n          src={\"https://i.pravatar.cc/160?img=17\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 02\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-muted\"\n          src={\"https://i.pravatar.cc/160?img=18\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 03\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-muted\"\n          src={\"https://i.pravatar.cc/160?img=19\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 04\"\n        />\n      </div>\n      <Button\n        variant=\"secondary\"\n        className=\"flex items-center justify-center rounded-full bg-transparent px-3 text-xs text-muted-foreground shadow-none hover:bg-transparent hover:text-foreground\"\n      >\n        +3\n      </Button>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-411.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-411",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-411.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nexport default function Component() {\n  return (\n    <div className=\"flex items-center rounded-full border bg-background p-1 shadow-sm\">\n      <div className=\"flex -space-x-3\">\n        <img\n          className=\"rounded-full ring-2 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=16\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 01\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=17\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 02\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=18\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 03\"\n        />\n        <img\n          className=\"rounded-full ring-2 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=19\"}\n          width={40}\n          height={40}\n          alt=\"Avatar 04\"\n        />\n      </div>\n      <Button\n        variant=\"secondary\"\n        className=\"flex items-center justify-center rounded-full bg-transparent px-3 text-xs text-muted-foreground shadow-none hover:bg-transparent hover:text-foreground\"\n      >\n        +3\n      </Button>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-412.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-412",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-412.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex items-center rounded-full border bg-background p-1 shadow-sm\">\n      <div className=\"flex -space-x-1.5\">\n        <img\n          className=\"rounded-full ring-1 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=16\"}\n          width={20}\n          height={20}\n          alt=\"Avatar 01\"\n        />\n        <img\n          className=\"rounded-full ring-1 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=17\"}\n          width={20}\n          height={20}\n          alt=\"Avatar 02\"\n        />\n        <img\n          className=\"rounded-full ring-1 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=18\"}\n          width={20}\n          height={20}\n          alt=\"Avatar 03\"\n        />\n        <img\n          className=\"rounded-full ring-1 ring-background\"\n          src={\"https://i.pravatar.cc/160?img=19\"}\n          width={20}\n          height={20}\n          alt=\"Avatar 04\"\n        />\n      </div>\n      <p className=\"px-2 text-xs text-muted-foreground\">\n        Trusted by <strong className=\"font-medium text-foreground\">60K+</strong>{\" \"}\n        developers.\n      </p>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "avatar group"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-413.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-413",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-413.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return <Badge>Badge</Badge>\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-414.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-414",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-414.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return <Badge className=\"rounded\">Badge</Badge>\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-415.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-415",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-415.tsx",
+      "content": "import { ZapIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge>\n      <ZapIcon className=\"-ms-0.5 opacity-60\" size={12} aria-hidden=\"true\" />\n      Badge\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-416.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-416",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-416.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return <Badge className=\"min-w-5 px-1\">6</Badge>\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "counter"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-417.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-417",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-417.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge asChild>\n      <a href=\"#\">Link</a>\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-418.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-418",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-418.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge className=\"items-baseline gap-1.5\">\n      Badge\n      <span className=\"text-[0.625rem] font-medium text-primary-foreground/60\">\n        73\n      </span>\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "counter"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-419.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-419",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-419.tsx",
+      "content": "import { CheckIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge variant=\"outline\" className=\"gap-1\">\n      <CheckIcon className=\"text-emerald-500\" size={12} aria-hidden=\"true\" />\n      Badge\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-42.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-42",
+  "type": "registry:component",
+  "dependencies": [
+    "react-aria-components"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/calendar-rac.json",
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-42.tsx",
+      "content": "\"use client\"\n\nimport { CalendarIcon } from \"lucide-react\"\nimport {\n  Button,\n  DateRangePicker,\n  Dialog,\n  Group,\n  Label,\n  Popover,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/registry/building-blocks/default/lib/utils\"\nimport { RangeCalendar } from \"@/registry/building-blocks/default/ui/calendar-rac\"\nimport { DateInput, dateInputStyle } from \"@/registry/building-blocks/default/ui/datefield-rac\"\n\nexport default function Component() {\n  return (\n    <DateRangePicker className=\"*:not-first:mt-2\">\n      <Label className=\"text-sm font-medium text-foreground\">\n        Date range picker\n      </Label>\n      <div className=\"flex\">\n        <Group className={cn(dateInputStyle, \"pe-9\")}>\n          <DateInput slot=\"start\" unstyled />\n          <span aria-hidden=\"true\" className=\"px-2 text-muted-foreground/70\">\n            -\n          </span>\n          <DateInput slot=\"end\" unstyled />\n        </Group>\n        <Button className=\"z-10 -ms-9 -me-px flex w-9 items-center justify-center rounded-e-md text-muted-foreground/80 transition-[color,box-shadow] outline-none hover:text-foreground data-focus-visible:border-ring data-focus-visible:ring-[3px] data-focus-visible:ring-ring/50\">\n          <CalendarIcon size={16} />\n        </Button>\n      </div>\n      <Popover\n        className=\"z-50 rounded-md border bg-background text-popover-foreground shadow-lg outline-hidden data-entering:animate-in data-exiting:animate-out data-[entering]:fade-in-0 data-[entering]:zoom-in-95 data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95 data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\"\n        offset={4}\n      >\n        <Dialog className=\"max-h-[inherit] overflow-auto p-2\">\n          <RangeCalendar />\n        </Dialog>\n      </Popover>\n      <p\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"region\"\n        aria-live=\"polite\"\n      >\n        Built with{\" \"}\n        <a\n          className=\"underline hover:text-foreground\"\n          href=\"https://react-spectrum.adobe.com/react-aria/DateRangePicker.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </DateRangePicker>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "calendar",
+      "range calendar",
+      "picker",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-420.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-420",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-420.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge variant=\"outline\" className=\"gap-1.5\">\n      <span\n        className=\"size-1.5 rounded-full bg-emerald-500\"\n        aria-hidden=\"true\"\n      ></span>\n      Badge\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-421.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-421",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-421.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge variant=\"outline\" className=\"gap-1.5\">\n      <span\n        className=\"size-1.5 rounded-full bg-amber-500\"\n        aria-hidden=\"true\"\n      ></span>\n      Badge\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-422.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-422",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-422.tsx",
+      "content": "import { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <Badge variant=\"outline\" className=\"gap-1.5\">\n      <span\n        className=\"size-1.5 rounded-full bg-red-500\"\n        aria-hidden=\"true\"\n      ></span>\n      Badge\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-423.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-423",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json",
+    "https://loveui.dev/building-blocks/r/checkbox.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-423.tsx",
+      "content": "import { useId } from \"react\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <Badge className=\"relative outline-none has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50 has-data-[state=unchecked]:bg-muted has-data-[state=unchecked]:text-muted-foreground\">\n      <Checkbox\n        id={id}\n        className=\"peer sr-only after:absolute after:inset-0\"\n        defaultChecked\n      />\n      <CheckIcon\n        size={12}\n        className=\"hidden peer-data-[state=checked]:block\"\n        aria-hidden=\"true\"\n      />\n      <label\n        htmlFor={id}\n        className=\"cursor-pointer select-none after:absolute after:inset-0\"\n      >\n        Selectable\n      </label>\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "checkbox"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-424.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-424",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-424.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { XIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  const [isActive, setIsActive] = useState(true)\n\n  if (!isActive) return null\n\n  return (\n    <Badge className=\"gap-0\">\n      Removable\n      <button\n        className=\"-my-px -ms-px -me-1.5 inline-flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-[inherit] p-0 text-primary-foreground/60 transition-[color,box-shadow] outline-none hover:text-primary-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n        onClick={() => setIsActive(false)}\n      >\n        <XIcon size={12} aria-hidden=\"true\" />\n      </button>\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-425.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-425",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-425.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { XIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  const [isActive, setIsActive] = useState(true)\n\n  if (!isActive) return null\n\n  return (\n    <Badge variant=\"outline\" className=\"gap-0 rounded-md px-2 py-1\">\n      Tag\n      <button\n        className=\"-my-[5px] -ms-0.5 -me-2 inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-[inherit] p-0 text-foreground/60 transition-[color,box-shadow] outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\"\n        onClick={() => setIsActive(false)}\n        aria-label=\"Delete\"\n      >\n        <XIcon size={14} aria-hidden=\"true\" />\n      </button>\n    </Badge>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "badge",
+      "chip",
+      "tag"
+    ],
+    "style": 1
+  }
+}