love-ui 1.2.12 → 1.2.14

package/public/r/comp-365.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-365",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/hover-card.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-365.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/registry/building-blocks/default/ui/hover-card\"\n\nexport default function HoverCardDemo() {\n  return (\n    <div className=\"max-w-md text-sm\">\n      <HoverCard>\n        <HoverCardTrigger asChild>\n          <a className=\"flex size-16 overflow-hidden rounded-md\" href=\"#\">\n            <img\n              className=\"size-full object-cover\"\n              src={assetPath(\"/building-blocks/dialog-content.png\")}\n              width={382}\n              height={216}\n              alt=\"Content image\"\n            />\n          </a>\n        </HoverCardTrigger>\n        <HoverCardContent className=\"w-[320px]\" showArrow>\n          <div className=\"space-y-3\">\n            <div className=\"space-y-1\">\n              <h2 className=\"font-semibold\">\n                Building a Design System with Next.js and Tailwind CSS\n              </h2>\n              <p className=\"text-sm text-muted-foreground\">\n                Learn how to build a comprehensive design system using Tailwind\n                CSS, including component architecture, and theme customization.\n              </p>\n            </div>\n            <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n              <span>8 min read</span>\n              <span>·</span>\n              <span>Updated 2 days ago</span>\n            </div>\n          </div>\n        </HoverCardContent>\n      </HoverCard>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "hover card",
+      "image",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-366.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-366",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-366.tsx",
+      "content": "import { EllipsisIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          className=\"rounded-full shadow-none\"\n          aria-label=\"Open edit menu\"\n        >\n          <EllipsisIcon size={16} aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuItem>Option 1</DropdownMenuItem>\n        <DropdownMenuItem>Option 2</DropdownMenuItem>\n        <DropdownMenuItem>Option 3</DropdownMenuItem>\n        <DropdownMenuItem>Option 4</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-367.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-367",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-367.tsx",
+      "content": "import { ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Same width of trigger\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"min-w-(--radix-dropdown-menu-trigger-width)\">\n        <DropdownMenuItem>Option 1</DropdownMenuItem>\n        <DropdownMenuItem>Option 2</DropdownMenuItem>\n        <DropdownMenuItem>Option 3</DropdownMenuItem>\n        <DropdownMenuItem>Option 4</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-368.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-368",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-368.tsx",
+      "content": "import {\n  BoltIcon,\n  ChevronDownIcon,\n  CopyPlusIcon,\n  FilesIcon,\n  Layers2Icon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Menu with icons\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuItem>\n          <CopyPlusIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          Copy\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <BoltIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          Edit\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <Layers2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          Group\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <FilesIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          Clone\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-369.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-369",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-369.tsx",
+      "content": "import {\n  BoltIcon,\n  ChevronDownIcon,\n  CopyPlusIcon,\n  FilesIcon,\n  Layers2Icon,\n  TrashIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Grouped items\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <CopyPlusIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Copy\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <BoltIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Edit\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Layers2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Group\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <FilesIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Clone\n          </DropdownMenuItem>\n          <DropdownMenuItem variant=\"destructive\">\n            <TrashIcon size={16} aria-hidden=\"true\" />\n            Delete\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-37.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-37",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-37.tsx",
+      "content": "\"use client\"\n\nimport { Label } from \"react-aria-components\"\n\nimport { DateInput, TimeField } from \"@/registry/building-blocks/default/ui/datefield-rac\"\n\nexport default function Component() {\n  return (\n    <TimeField className=\"*:not-first:mt-2\">\n      <Label className=\"text-sm font-medium text-foreground\">Time input</Label>\n      <DateInput />\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/DateField.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </TimeField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-370.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-370",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-370.tsx",
+      "content": "import {\n  BoltIcon,\n  ChevronDownIcon,\n  CopyPlusIcon,\n  FilesIcon,\n  Layers2Icon,\n  TrashIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Labeled grouped items\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuLabel>Label</DropdownMenuLabel>\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <CopyPlusIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Copy\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <BoltIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Edit\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuLabel>Label</DropdownMenuLabel>\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Layers2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Group\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <FilesIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Clone\n          </DropdownMenuItem>\n          <DropdownMenuItem variant=\"destructive\">\n            <TrashIcon size={16} aria-hidden=\"true\" />\n            Delete\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-371.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-371",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-371.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\ntype Checked = boolean\n\nexport default function Component() {\n  const [nextjs, setNextjs] = useState<Checked>(false)\n  const [sveltekit, setSveltekit] = useState<Checked>(true)\n  const [astro, setAstro] = useState<Checked>(false)\n  const [remix, setRemix] = useState<Checked>(false)\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Checkbox items\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuCheckboxItem checked={nextjs} onCheckedChange={setNextjs}>\n          Next.js\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuCheckboxItem\n          checked={sveltekit}\n          onCheckedChange={setSveltekit}\n        >\n          SvelteKit\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuCheckboxItem\n          checked={remix}\n          onCheckedChange={setRemix}\n          disabled\n        >\n          Remix\n        </DropdownMenuCheckboxItem>\n        <DropdownMenuCheckboxItem checked={astro} onCheckedChange={setAstro}>\n          Astro\n        </DropdownMenuCheckboxItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "checkbox",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-372.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-372",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-372.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  const [framework, setFramework] = useState(\"nextjs\")\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Radio items\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuRadioGroup value={framework} onValueChange={setFramework}>\n          <DropdownMenuRadioItem value=\"nextjs\">Next.js</DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"sveltekit\" disabled>\n            SvelteKit\n          </DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"remix\">Remix</DropdownMenuRadioItem>\n          <DropdownMenuRadioItem value=\"astro\">Astro</DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "radio",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-373.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-373",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-373.tsx",
+      "content": "import { ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Rich menu\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <span>Edit</span>\n            <DropdownMenuShortcut>⌘E</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <span>Duplicate</span>\n            <DropdownMenuShortcut>⌘D</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <span>Archive</span>\n            <DropdownMenuShortcut>⌘A</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>More</DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>Move to project</DropdownMenuItem>\n                <DropdownMenuItem>Move to folder</DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>Advanced options</DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>Share</DropdownMenuItem>\n          <DropdownMenuItem>Add to favorites</DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem variant=\"destructive\">\n          <span>Delete</span>\n          <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "kbd",
+      "delete",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-374.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-374",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-374.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport {\n  ArchiveRestoreIcon,\n  ChevronDownIcon,\n  PlusIcon,\n  Share2Icon,\n  TrashIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  const [framework, setFramework] = useState(\"nextjs\")\n  const [emailNotifications, setEmailNotifications] = useState(false)\n  const [pushNotifications, setPushNotifications] = useState(true)\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"outline\">\n          Rich menu with icons\n          <ChevronDownIcon\n            className=\"-me-1 opacity-60\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <PlusIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>New</span>\n            <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger inset>Framework</DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuRadioGroup\n                  value={framework}\n                  onValueChange={setFramework}\n                >\n                  <DropdownMenuRadioItem value=\"nextjs\">\n                    Next.js\n                  </DropdownMenuRadioItem>\n                  <DropdownMenuRadioItem value=\"sveltekit\" disabled>\n                    SvelteKit\n                  </DropdownMenuRadioItem>\n                  <DropdownMenuRadioItem value=\"remix\">\n                    Remix\n                  </DropdownMenuRadioItem>\n                  <DropdownMenuRadioItem value=\"astro\">\n                    Astro\n                  </DropdownMenuRadioItem>\n                </DropdownMenuRadioGroup>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger inset>Notifications</DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuCheckboxItem\n                  checked={emailNotifications}\n                  onCheckedChange={setEmailNotifications}\n                >\n                  Email\n                </DropdownMenuCheckboxItem>\n                <DropdownMenuCheckboxItem\n                  checked={pushNotifications}\n                  onCheckedChange={setPushNotifications}\n                >\n                  Push\n                </DropdownMenuCheckboxItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Share2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Share</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <ArchiveRestoreIcon\n              size={16}\n              className=\"opacity-60\"\n              aria-hidden=\"true\"\n            />\n            <span>Archive</span>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem variant=\"destructive\">\n          <TrashIcon size={16} aria-hidden=\"true\" />\n          <span>Delete</span>\n          <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "checkbox",
+      "radio",
+      "delete",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-375.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-375",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-375.tsx",
+      "content": "import { CircleUserRoundIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"icon\" variant=\"outline\" aria-label=\"Open account menu\">\n          <CircleUserRoundIcon size={16} aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"max-w-64\">\n        <DropdownMenuLabel className=\"flex flex-col\">\n          <span>Signed in as</span>\n          <span className=\"text-xs font-normal text-foreground\">\n            clove@loveui.dev\n          </span>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>Option 1</DropdownMenuItem>\n          <DropdownMenuItem>Option 2</DropdownMenuItem>\n          <DropdownMenuItem>Option 3</DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>Logout</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "user",
+      "profile",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-376.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-376",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-376.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  BoltIcon,\n  BookOpenIcon,\n  CircleUserRoundIcon,\n  Layers2Icon,\n  LogOutIcon,\n  PinIcon,\n  UserPenIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button size=\"icon\" variant=\"outline\" aria-label=\"Open account menu\">\n          <CircleUserRoundIcon size={16} aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"max-w-64\">\n        <DropdownMenuLabel className=\"flex items-start gap-3\">\n          <img\n            src={\"https://i.pravatar.cc/160?img=21\"}\n            alt=\"Avatar\"\n            width={32}\n            height={32}\n            className=\"shrink-0 rounded-full\"\n          />\n          <div className=\"flex min-w-0 flex-col\">\n            <span className=\"truncate text-sm font-medium text-foreground\">\n              Connor Love\n            </span>\n            <span className=\"truncate text-xs font-normal text-muted-foreground\">\n              clove@loveui.dev\n            </span>\n          </div>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <BoltIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Layers2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <BookOpenIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <PinIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 4</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <UserPenIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 5</span>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOutIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          <span>Logout</span>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "user",
+      "profile",
+      "avatar",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-377.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-377",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json",
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-377.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  BoltIcon,\n  BookOpenIcon,\n  ChevronDownIcon,\n  Layers2Icon,\n  LogOutIcon,\n  PinIcon,\n  UserPenIcon,\n} from \"lucide-react\"\n\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" className=\"h-auto p-0 hover:bg-transparent\">\n          <Avatar>\n            <AvatarImage src={\"https://i.pravatar.cc/160?img=21\"} alt=\"Profile image\" />\n            <AvatarFallback>CL</AvatarFallback>\n          </Avatar>\n          <ChevronDownIcon\n            size={16}\n            className=\"opacity-60\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"max-w-64\">\n        <DropdownMenuLabel className=\"flex min-w-0 flex-col\">\n          <span className=\"truncate text-sm font-medium text-foreground\">\n            Connor Love\n          </span>\n          <span className=\"truncate text-xs font-normal text-muted-foreground\">\n            clove@loveui.dev\n          </span>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <BoltIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 1</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Layers2Icon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 2</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <BookOpenIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 3</span>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <PinIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 4</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <UserPenIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Option 5</span>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOutIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n          <span>Logout</span>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "user",
+      "avatar",
+      "profile",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-378.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-378",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-378.tsx",
+      "content": "import {\n  BookIcon,\n  InfoIcon,\n  LifeBuoyIcon,\n  MessageCircleMoreIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          className=\"rounded-full shadow-none\"\n          aria-label=\"Open edit menu\"\n        >\n          <InfoIcon size={16} aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"pb-2\">\n        <DropdownMenuLabel>Need help?</DropdownMenuLabel>\n        <DropdownMenuItem\n          className=\"cursor-pointer py-1 focus:bg-transparent focus:underline\"\n          asChild\n        >\n          <a href=\"#\">\n            <BookIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Documentation\n          </a>\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          className=\"cursor-pointer py-1 focus:bg-transparent focus:underline\"\n          asChild\n        >\n          <a href=\"#\">\n            <LifeBuoyIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            Support\n          </a>\n        </DropdownMenuItem>\n        <DropdownMenuItem\n          className=\"cursor-pointer py-1 focus:bg-transparent focus:underline\"\n          asChild\n        >\n          <a href=\"#\">\n            <MessageCircleMoreIcon\n              size={16}\n              className=\"opacity-60\"\n              aria-hidden=\"true\"\n            />\n            Contact us\n          </a>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "info",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-379.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-379",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-379.tsx",
+      "content": "import {\n  Heading1Icon,\n  Heading2Icon,\n  MinusIcon,\n  PlusIcon,\n  TextQuoteIcon,\n  TypeIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\nexport default function Component() {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          size=\"icon\"\n          variant=\"ghost\"\n          className=\"rounded-full shadow-none\"\n          aria-label=\"Open edit menu\"\n        >\n          <PlusIcon size={16} aria-hidden=\"true\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent className=\"pb-2\">\n        <DropdownMenuLabel>Add block</DropdownMenuLabel>\n        <DropdownMenuItem>\n          <div\n            className=\"flex size-8 items-center justify-center rounded-md border bg-background\"\n            aria-hidden=\"true\"\n          >\n            <TypeIcon size={16} className=\"opacity-60\" />\n          </div>\n          <div>\n            <div className=\"text-sm font-medium\">Text</div>\n            <div className=\"text-xs text-muted-foreground\">\n              Start writing with plain text\n            </div>\n          </div>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <div\n            className=\"flex size-8 items-center justify-center rounded-md border bg-background\"\n            aria-hidden=\"true\"\n          >\n            <TextQuoteIcon size={16} className=\"opacity-60\" />\n          </div>\n          <div>\n            <div className=\"text-sm font-medium\">Quote</div>\n            <div className=\"text-xs text-muted-foreground\">Capture a quote</div>\n          </div>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <div\n            className=\"flex size-8 items-center justify-center rounded-md border bg-background\"\n            aria-hidden=\"true\"\n          >\n            <MinusIcon size={16} className=\"opacity-60\" />\n          </div>\n          <div>\n            <div className=\"text-sm font-medium\">Divider</div>\n            <div className=\"text-xs text-muted-foreground\">\n              Visually divide blocks\n            </div>\n          </div>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <div\n            className=\"flex size-8 items-center justify-center rounded-md border bg-background\"\n            aria-hidden=\"true\"\n          >\n            <Heading1Icon size={16} className=\"opacity-60\" />\n          </div>\n          <div>\n            <div className=\"text-sm font-medium\">Heading 1</div>\n            <div className=\"text-xs text-muted-foreground\">\n              Big section heading\n            </div>\n          </div>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <div\n            className=\"flex size-8 items-center justify-center rounded-md border bg-background\"\n            aria-hidden=\"true\"\n          >\n            <Heading2Icon size={16} className=\"opacity-60\" />\n          </div>\n          <div>\n            <div className=\"text-sm font-medium\">Heading 2</div>\n            <div className=\"text-xs text-muted-foreground\">\n              Medium section subheading\n            </div>\n          </div>\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "text editor",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-38.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-38",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-38.tsx",
+      "content": "\"use client\"\n\nimport { ClockIcon } from \"lucide-react\"\nimport { Label } from \"react-aria-components\"\n\nimport { DateInput, TimeField } from \"@/registry/building-blocks/default/ui/datefield-rac\"\n\nexport default function Component() {\n  return (\n    <TimeField className=\"*:not-first:mt-2\">\n      <Label className=\"text-sm font-medium text-foreground\">\n        Time input with start icon\n      </Label>\n      <div className=\"relative\">\n        <div className=\"pointer-events-none absolute inset-y-0 start-0 z-10 flex items-center justify-center ps-3 text-muted-foreground/80\">\n          <ClockIcon size={16} aria-hidden=\"true\" />\n        </div>\n        <DateInput className=\"ps-9\" />\n      </div>\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/DateField.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </TimeField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-380.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-380",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/dropdown-menu.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-380.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { MonitorIcon, MoonIcon, SunIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/registry/building-blocks/default/ui/dropdown-menu\"\n\ntype Theme = \"light\" | \"dark\" | \"system\"\n\nexport default function Component() {\n  const [theme, setTheme] = useState<Theme>(\"system\")\n\n  // For demo purposes, we'll simulate system preference as \"light\"\n  const systemPreference = \"light\"\n  const displayTheme = theme === \"system\" ? systemPreference : theme\n\n  return (\n    <div>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button size=\"icon\" variant=\"outline\" aria-label=\"Select theme\">\n            {displayTheme === \"light\" && (\n              <SunIcon size={16} aria-hidden=\"true\" />\n            )}\n            {displayTheme === \"dark\" && (\n              <MoonIcon size={16} aria-hidden=\"true\" />\n            )}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className=\"min-w-32\">\n          <DropdownMenuItem onClick={() => setTheme(\"light\")}>\n            <SunIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Light</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => setTheme(\"dark\")}>\n            <MoonIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>Dark</span>\n          </DropdownMenuItem>\n          <DropdownMenuItem onClick={() => setTheme(\"system\")}>\n            <MonitorIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n            <span>System</span>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "dropdown",
+      "darkmode",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-381.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-381",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/checkbox.json",
+    "https://loveui.dev/building-blocks/r/label.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-381.tsx",
+      "content": "import { useId } from \"react\"\nimport { ListFilterIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport { Checkbox } from \"@/registry/building-blocks/default/ui/checkbox\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nexport default function Component() {\n  const id = useId()\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\" size=\"icon\" aria-label=\"Filters\">\n            <ListFilterIcon size={16} aria-hidden=\"true\" />\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-36 p-3\">\n          <div className=\"space-y-3\">\n            <div className=\"text-xs font-medium text-muted-foreground\">\n              Filters\n            </div>\n            <form>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center gap-2\">\n                  <Checkbox id={`${id}-1`} />\n                  <Label htmlFor={`${id}-1`} className=\"font-normal\">\n                    Real Time\n                  </Label>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Checkbox id={`${id}-2`} />\n                  <Label htmlFor={`${id}-2`} className=\"font-normal\">\n                    Top Channels\n                  </Label>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Checkbox id={`${id}-3`} />\n                  <Label htmlFor={`${id}-3`} className=\"font-normal\">\n                    Last Orders\n                  </Label>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Checkbox id={`${id}-4`} />\n                  <Label htmlFor={`${id}-4`} className=\"font-normal\">\n                    Total Spent\n                  </Label>\n                </div>\n              </div>\n              <div\n                role=\"separator\"\n                aria-orientation=\"horizontal\"\n                className=\"-mx-3 my-3 h-px bg-border\"\n              ></div>\n              <div className=\"flex justify-between gap-2\">\n                <Button size=\"sm\" variant=\"outline\" className=\"h-7 px-2\">\n                  Clear\n                </Button>\n                <Button size=\"sm\" className=\"h-7 px-2\">\n                  Apply\n                </Button>\n              </div>\n            </form>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "filter",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-382.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-382",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/badge.json",
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-382.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { BellIcon } from \"lucide-react\"\n\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nconst initialNotifications = [\n  {\n    id: 1,\n    user: \"Connor Love\",\n    action: \"requested review on\",\n    target: \"PR #42: Feature implementation\",\n    timestamp: \"15 minutes ago\",\n    unread: true,\n  },\n  {\n    id: 2,\n    user: \"Nathan Wickersham\",\n    action: \"shared\",\n    target: \"New component library\",\n    timestamp: \"45 minutes ago\",\n    unread: true,\n  },\n  {\n    id: 3,\n    user: \"Ian Shroeter\",\n    action: \"assigned you to\",\n    target: \"API integration task\",\n    timestamp: \"4 hours ago\",\n    unread: false,\n  },\n  {\n    id: 4,\n    user: \"Thomas Raklovits\",\n    action: \"replied to your comment in\",\n    target: \"Authentication flow\",\n    timestamp: \"12 hours ago\",\n    unread: false,\n  },\n  {\n    id: 5,\n    user: \"Sampson Addae\",\n    action: \"commented on\",\n    target: \"Dashboard redesign\",\n    timestamp: \"2 days ago\",\n    unread: false,\n  },\n  {\n    id: 6,\n    user: \"Sam Altman\",\n    action: \"mentioned you in\",\n    target: \"loveui open graph image\",\n    timestamp: \"2 weeks ago\",\n    unread: false,\n  },\n]\n\nfunction Dot({ className }: { className?: string }) {\n  return (\n    <svg\n      width=\"6\"\n      height=\"6\"\n      fill=\"currentColor\"\n      viewBox=\"0 0 6 6\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"3\" cy=\"3\" r=\"3\" />\n    </svg>\n  )\n}\n\nexport default function Component() {\n  const [notifications, setNotifications] = useState(initialNotifications)\n  const unreadCount = notifications.filter((n) => n.unread).length\n\n  const handleMarkAllAsRead = () => {\n    setNotifications(\n      notifications.map((notification) => ({\n        ...notification,\n        unread: false,\n      }))\n    )\n  }\n\n  const handleNotificationClick = (id: number) => {\n    setNotifications(\n      notifications.map((notification) =>\n        notification.id === id\n          ? { ...notification, unread: false }\n          : notification\n      )\n    )\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          size=\"icon\"\n          variant=\"outline\"\n          className=\"relative\"\n          aria-label=\"Open notifications\"\n        >\n          <BellIcon size={16} aria-hidden=\"true\" />\n          {unreadCount > 0 && (\n            <Badge className=\"absolute -top-2 left-full min-w-5 -translate-x-1/2 px-1\">\n              {unreadCount > 99 ? \"99+\" : unreadCount}\n            </Badge>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80 p-1\">\n        <div className=\"flex items-baseline justify-between gap-4 px-3 py-2\">\n          <div className=\"text-sm font-semibold\">Notifications</div>\n          {unreadCount > 0 && (\n            <button\n              className=\"text-xs font-medium hover:underline\"\n              onClick={handleMarkAllAsRead}\n            >\n              Mark all as read\n            </button>\n          )}\n        </div>\n        <div\n          role=\"separator\"\n          aria-orientation=\"horizontal\"\n          className=\"-mx-1 my-1 h-px bg-border\"\n        ></div>\n        {notifications.map((notification) => (\n          <div\n            key={notification.id}\n            className=\"rounded-md px-3 py-2 text-sm transition-colors hover:bg-accent\"\n          >\n            <div className=\"relative flex items-start pe-3\">\n              <div className=\"flex-1 space-y-1\">\n                <button\n                  className=\"text-left text-foreground/80 after:absolute after:inset-0\"\n                  onClick={() => handleNotificationClick(notification.id)}\n                >\n                  <span className=\"font-medium text-foreground hover:underline\">\n                    {notification.user}\n                  </span>{\" \"}\n                  {notification.action}{\" \"}\n                  <span className=\"font-medium text-foreground hover:underline\">\n                    {notification.target}\n                  </span>\n                  .\n                </button>\n                <div className=\"text-xs text-muted-foreground\">\n                  {notification.timestamp}\n                </div>\n              </div>\n              {notification.unread && (\n                <div className=\"absolute end-0 self-center\">\n                  <span className=\"sr-only\">Unread</span>\n                  <Dot />\n                </div>\n              )}\n            </div>\n          </div>\n        ))}\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "notification",
+      "radix"
+    ],
+    "style": 1
+  }
+}