love-ui 1.2.12 → 1.2.14

package/public/r/comp-383.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-383",
+  "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-383.tsx",
+      "content": "\"use client\"\n\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    image: \"https://i.pravatar.cc/160?img=14\",\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    image: \"https://i.pravatar.cc/160?img=15\",\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    image: \"https://i.pravatar.cc/160?img=16\",\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    image: \"https://github.com/monster0506.png\",\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    image: \"https://i.pravatar.cc/160?img=18\",\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    image: \"https://i.pravatar.cc/160?img=19\",\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 gap-3 pe-3\">\n              <img\n                className=\"size-9 rounded-md\"\n                src={notification.image}\n                width={32}\n                height={32}\n                alt={notification.user}\n              />\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                  <Dot />\n                </div>\n              )}\n            </div>\n          </div>\n        ))}\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "notification",
+      "user",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-384.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-384",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-384.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\nexport default function Component() {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\">Tooltip-like popover</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"max-w-[280px] py-3 shadow-none\" side=\"top\">\n        <div className=\"space-y-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-[13px] font-medium\">Popover with button</p>\n            <p className=\"text-xs text-muted-foreground\">\n              I am a popover that would like to look like a tooltip. I\n              can&lsquo;t be a tooltip because of the interactive element inside\n              me.\n            </p>\n          </div>\n          <Button size=\"sm\" className=\"h-7 px-2\">\n            Know more\n          </Button>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-385.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-385",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-385.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\n\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 tips = [\n  {\n    title: \"Welcome to Dashboard\",\n    description:\n      \"This is your new workspace. Here you'll find all your projects, recent activities, settings, and more.\",\n  },\n  {\n    title: \"Quick Actions\",\n    description:\n      \"Use the toolbar above to create new projects, invite team members, or access settings.\",\n  },\n  {\n    title: \"Need Help?\",\n    description:\n      \"Click the support icon in the top right corner to access our help center and documentation.\",\n  },\n]\n\nexport default function Component() {\n  const [currentTip, setCurrentTip] = useState(0)\n\n  const handleNavigation = () => {\n    if (currentTip === tips.length - 1) {\n      setCurrentTip(0)\n    } else {\n      setCurrentTip(currentTip + 1)\n    }\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\">Tooltip-like with steps</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"max-w-[280px] py-3 shadow-none\" side=\"top\">\n        <div className=\"space-y-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-[13px] font-medium\">{tips[currentTip].title}</p>\n            <p className=\"text-xs text-muted-foreground\">\n              {tips[currentTip].description}\n            </p>\n          </div>\n          <div className=\"flex items-center justify-between gap-2\">\n            <span className=\"text-xs text-muted-foreground\">\n              {currentTip + 1}/{tips.length}\n            </span>\n            <button\n              className=\"text-xs font-medium hover:underline\"\n              onClick={handleNavigation}\n            >\n              {currentTip === tips.length - 1 ? \"Start over\" : \"Next\"}\n            </button>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-386.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-386",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-386.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\"\n\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 tips = [\n  {\n    title: \"Welcome to Dashboard\",\n    description:\n      \"This is your new workspace. Here you'll find all your projects, recent activities, settings, and more.\",\n  },\n  {\n    title: \"Quick Actions\",\n    description:\n      \"Use the toolbar above to create new projects, invite team members, or access settings.\",\n  },\n  {\n    title: \"Need Help?\",\n    description:\n      \"Click the support icon in the top right corner to access our help center and documentation.\",\n  },\n  {\n    title: \"Keyboard Shortcuts\",\n    description:\n      \"Press ⌘K to open the command palette. Use arrow keys to navigate and Enter to select an action.\",\n  },\n  {\n    title: \"Stay Updated\",\n    description:\n      \"Enable notifications to receive updates about your projects, team activity, and important deadlines.\",\n  },\n]\n\nexport default function Component() {\n  const [currentTip, setCurrentTip] = useState(0)\n\n  const handleNext = () => {\n    if (currentTip < tips.length - 1) {\n      setCurrentTip(currentTip + 1)\n    }\n  }\n\n  const handlePrev = () => {\n    if (currentTip > 0) {\n      setCurrentTip(currentTip - 1)\n    }\n  }\n\n  const isFirstTip = currentTip === 0\n  const isLastTip = currentTip === tips.length - 1\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\">Tooltip-like with nav</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"max-w-[280px] py-3 shadow-none\" side=\"top\">\n        <div className=\"space-y-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-[13px] font-medium\">{tips[currentTip].title}</p>\n            <p className=\"text-xs text-muted-foreground\">\n              {tips[currentTip].description}\n            </p>\n          </div>\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-xs text-muted-foreground\">\n              {currentTip + 1}/{tips.length}\n            </span>\n            <div className=\"flex gap-0.5\">\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                className=\"size-6\"\n                onClick={handlePrev}\n                disabled={isFirstTip}\n                aria-label=\"Previous tip\"\n              >\n                <ArrowLeftIcon size={14} aria-hidden=\"true\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"ghost\"\n                className=\"size-6\"\n                onClick={handleNext}\n                disabled={isLastTip}\n                aria-label=\"Next tip\"\n              >\n                <ArrowRightIcon size={14} aria-hidden=\"true\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-387.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-387",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/input.json",
+    "https://loveui.dev/building-blocks/r/popover.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-387.tsx",
+      "content": "\"use client\"\n\nimport { useId, useRef, useState } from \"react\"\nimport {\n  RiCodeFill,\n  RiFacebookFill,\n  RiMailLine,\n  RiTwitterXFill,\n} from \"@remixicon/react\"\nimport { CheckIcon, CopyIcon } from \"lucide-react\"\n\nimport { cn } from \"@/registry/building-blocks/default/lib/utils\"\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  const id = useId()\n  const [copied, setCopied] = useState<boolean>(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleCopy = () => {\n    if (inputRef.current) {\n      navigator.clipboard.writeText(inputRef.current.value)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 1500)\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\">Share</Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-72\">\n          <div className=\"flex flex-col gap-3 text-center\">\n            <div className=\"text-sm font-medium\">Share code</div>\n            <div className=\"flex flex-wrap justify-center gap-2\">\n              <Button size=\"icon\" variant=\"outline\" aria-label=\"Embed\">\n                <RiCodeFill size={16} aria-hidden=\"true\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"outline\"\n                aria-label=\"Share on Twitter\"\n              >\n                <RiTwitterXFill size={16} aria-hidden=\"true\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"outline\"\n                aria-label=\"Share on Facebook\"\n              >\n                <RiFacebookFill size={16} aria-hidden=\"true\" />\n              </Button>\n              <Button\n                size=\"icon\"\n                variant=\"outline\"\n                aria-label=\"Share via email\"\n              >\n                <RiMailLine size={16} aria-hidden=\"true\" />\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              <div className=\"relative\">\n                <Input\n                  ref={inputRef}\n                  id={id}\n                  className=\"pe-9\"\n                  type=\"text\"\n                  defaultValue=\"https://loveui.dev/building-blocks/Avx8HD\"\n                  aria-label=\"Share link\"\n                  readOnly\n                />\n                <TooltipProvider delayDuration={0}>\n                  <Tooltip>\n                    <TooltipTrigger asChild>\n                      <button\n                        onClick={handleCopy}\n                        className=\"absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md text-muted-foreground/80 transition-[color,box-shadow] outline-none hover:text-foreground focus:z-10 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed\"\n                        aria-label={copied ? \"Copied\" : \"Copy to clipboard\"}\n                        disabled={copied}\n                      >\n                        <div\n                          className={cn(\n                            \"transition-all\",\n                            copied\n                              ? \"scale-100 opacity-100\"\n                              : \"scale-0 opacity-0\"\n                          )}\n                        >\n                          <CheckIcon\n                            className=\"stroke-emerald-500\"\n                            size={16}\n                            aria-hidden=\"true\"\n                          />\n                        </div>\n                        <div\n                          className={cn(\n                            \"absolute transition-all\",\n                            copied\n                              ? \"scale-0 opacity-0\"\n                              : \"scale-100 opacity-100\"\n                          )}\n                        >\n                          <CopyIcon size={16} aria-hidden=\"true\" />\n                        </div>\n                      </button>\n                    </TooltipTrigger>\n                    <TooltipContent className=\"px-2 py-1 text-xs\">\n                      Copy to clipboard\n                    </TooltipContent>\n                  </Tooltip>\n                </TooltipProvider>\n              </div>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "share",
+      "social",
+      "copy",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-388.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-388",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json",
+    "https://loveui.dev/building-blocks/r/textarea.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-388.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\nimport { Textarea } from \"@/registry/building-blocks/default/ui/textarea\"\n\nexport default function Component() {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\">Feedback</Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-72\">\n          <h2 className=\"mb-2 text-sm font-semibold\">Send us feedback</h2>\n          <form className=\"space-y-3\">\n            <Textarea\n              id=\"feedback\"\n              placeholder=\"How can we improve loveui?\"\n              aria-label=\"Send feedback\"\n            />\n            <div className=\"flex flex-col sm:flex-row sm:justify-end\">\n              <Button size=\"sm\">Send feedback</Button>\n            </div>\n          </form>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "feedback",
+      "form",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-389.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-389",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/popover.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-389.tsx",
+      "content": "\"use client\"\n\nimport { useState } from \"react\"\nimport {\n  ClubIcon,\n  DiamondIcon,\n  HeartIcon,\n  LucideIcon,\n  SpadeIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverTrigger,\n} from \"@/registry/building-blocks/default/ui/popover\"\n\ninterface TourStep {\n  icon: LucideIcon\n  title: string\n  description: string\n}\n\nconst tourSteps: TourStep[] = [\n  {\n    icon: HeartIcon,\n    title: \"Heart\",\n    description:\n      \"This is your new workspace. Here you'll find all your projects, recent activities, settings, and more.\",\n  },\n  {\n    icon: DiamondIcon,\n    title: \"Diamond\",\n    description:\n      \"Use the toolbar above to create new projects, invite team members, or access settings.\",\n  },\n  {\n    icon: ClubIcon,\n    title: \"Club\",\n    description:\n      \"Click the support icon in the top right corner to access our help center and documentation.\",\n  },\n  {\n    icon: SpadeIcon,\n    title: \"Spade\",\n    description:\n      \"Press ⌘K to open the command palette. Use arrow keys to navigate and Enter to select an action.\",\n  },\n]\n\ninterface CardProps {\n  number: number\n  isActive: boolean\n}\n\nfunction Card({ number, isActive }: CardProps) {\n  const content = (\n    <div className=\"flex size-10 items-center justify-center rounded-md bg-secondary text-sm font-medium text-muted-foreground\">\n      {number + 1}\n    </div>\n  )\n\n  return isActive ? <PopoverAnchor>{content}</PopoverAnchor> : content\n}\n\nexport default function Component() {\n  const [currentTip, setCurrentTip] = useState(0)\n\n  const handleNavigation = () => {\n    if (currentTip === tourSteps.length - 1) {\n      setCurrentTip(0)\n    } else {\n      setCurrentTip(currentTip + 1)\n    }\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Popover\n        onOpenChange={(open) => {\n          if (open) setCurrentTip(0)\n        }}\n      >\n        <div className=\"grid grid-cols-2 place-items-center gap-4\">\n          {tourSteps.map((step, index) => (\n            <Card\n              key={step.title}\n              number={index}\n              isActive={currentTip === index}\n            />\n          ))}\n        </div>\n\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\">Start tour</Button>\n        </PopoverTrigger>\n\n        <PopoverContent\n          className=\"max-w-[280px] py-3 shadow-none\"\n          side={currentTip % 2 === 0 ? \"left\" : \"right\"}\n          showArrow={true}\n        >\n          <div className=\"space-y-3\">\n            <div className=\"space-y-1\">\n              <p className=\"text-[13px] font-medium\">\n                {tourSteps[currentTip].title}\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                {tourSteps[currentTip].description}\n              </p>\n            </div>\n            <div className=\"flex items-center justify-between gap-2\">\n              <span className=\"text-xs text-muted-foreground\">\n                {currentTip + 1}/{tourSteps.length}\n              </span>\n              <button\n                className=\"text-xs font-medium hover:underline\"\n                onClick={handleNavigation}\n              >\n                {currentTip === tourSteps.length - 1 ? \"Start over\" : \"Next\"}\n              </button>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "popover",
+      "tour",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-39.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-39",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-39.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 end icon\n      </Label>\n      <div className=\"relative\">\n        <DateInput />\n        <div className=\"pointer-events-none absolute inset-y-0 end-0 z-10 flex items-center justify-center pe-3 text-muted-foreground/80\">\n          <ClockIcon size={16} aria-hidden=\"true\" />\n        </div>\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-390.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-390",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-390.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <Avatar>\n      <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n      <AvatarFallback>CL</AvatarFallback>\n    </Avatar>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-391.json

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

package/public/r/comp-392.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-392",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-392.tsx",
+      "content": "import { UserRoundIcon } from \"lucide-react\"\n\nimport { Avatar, AvatarFallback } from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <Avatar>\n      <AvatarFallback>\n        <UserRoundIcon size={16} className=\"opacity-60\" aria-hidden=\"true\" />\n      </AvatarFallback>\n    </Avatar>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-393.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-393",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-393.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <Avatar className=\"rounded-md\">\n      <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n      <AvatarFallback>CL</AvatarFallback>\n    </Avatar>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-394.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-394",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-394.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar>\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <span className=\"absolute -end-0.5 -bottom-0.5 size-3 rounded-full border-2 border-background bg-emerald-500\">\n        <span className=\"sr-only\">Online</span>\n      </span>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-395.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-395",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-395.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar>\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <span className=\"absolute -end-0.5 -bottom-0.5 size-3 rounded-full border-2 border-background bg-muted-foreground\">\n        <span className=\"sr-only\">Offline</span>\n      </span>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-396.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-396",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-396.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar className=\"rounded-md\">\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <span className=\"absolute -end-1 -top-1 size-3 rounded-full border-2 border-background bg-emerald-500\">\n        <span className=\"sr-only\">Online</span>\n      </span>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "status"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-397.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-397",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-397.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar>\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <span className=\"absolute -end-1.5 -top-1.5\">\n        <span className=\"sr-only\">Verified</span>\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <path\n            className=\"fill-background\"\n            d=\"M3.046 8.277A4.402 4.402 0 0 1 8.303 3.03a4.4 4.4 0 0 1 7.411 0 4.397 4.397 0 0 1 5.19 3.068c.207.713.23 1.466.067 2.19a4.4 4.4 0 0 1 0 7.415 4.403 4.403 0 0 1-3.06 5.187 4.398 4.398 0 0 1-2.186.072 4.398 4.398 0 0 1-7.422 0 4.398 4.398 0 0 1-5.257-5.248 4.4 4.4 0 0 1 0-7.437Z\"\n          />\n          <path\n            className=\"fill-primary\"\n            d=\"M4.674 8.954a3.602 3.602 0 0 1 4.301-4.293 3.6 3.6 0 0 1 6.064 0 3.598 3.598 0 0 1 4.3 4.302 3.6 3.6 0 0 1 0 6.067 3.6 3.6 0 0 1-4.29 4.302 3.6 3.6 0 0 1-6.074 0 3.598 3.598 0 0 1-4.3-4.293 3.6 3.6 0 0 1 0-6.085Z\"\n          />\n          <path\n            className=\"fill-background\"\n            d=\"M15.707 9.293a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 1 1 1.414-1.414L11 12.586l3.293-3.293a1 1 0 0 1 1.414 0Z\"\n          />\n        </svg>\n      </span>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-398.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-398",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json",
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-398.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar>\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <Badge className=\"absolute -top-1.5 left-full min-w-5 -translate-x-3.5 border-background px-1\">\n        6\n      </Badge>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-399.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-399",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/avatar.json",
+    "https://loveui.dev/building-blocks/r/badge.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-399.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from \"@/registry/building-blocks/default/ui/avatar\"\nimport { Badge } from \"@/registry/building-blocks/default/ui/badge\"\n\nexport default function Component() {\n  return (\n    <div className=\"relative\">\n      <Avatar className=\"rounded-md\">\n        <AvatarImage src={\"https://i.pravatar.cc/160?img=20\"} alt=\"Kelly King\" />\n        <AvatarFallback>CL</AvatarFallback>\n      </Avatar>\n      <Badge className=\"absolute -top-2 left-full min-w-5 -translate-x-3 border-background px-1\">\n        6\n      </Badge>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile",
+      "badge",
+      "chip"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-40.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-40",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-40.tsx",
+      "content": "\"use client\"\n\nimport { Label } from \"react-aria-components\"\n\nimport { DateField, DateInput } from \"@/registry/building-blocks/default/ui/datefield-rac\"\n\nexport default function Component() {\n  return (\n    <DateField className=\"*:not-first:mt-2\" granularity=\"minute\" hourCycle={24}>\n      <Label className=\"text-sm font-medium text-foreground\">\n        Date and time input\n      </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    </DateField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-400.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-400",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-400.tsx",
+      "content": "import { assetPath } from \"@/lib/building-blocks/utils\"\n\nexport default function Component() {\n  return (\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  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "avatar",
+      "user",
+      "profile"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-401.json

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

package/public/r/comp-402.json

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