love-ui 1.2.12 → 1.2.14

package/public/r/comp-346.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-346",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-346.tsx",
+      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Tabs w/ left chevron</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full space-y-2\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"rounded-md border bg-background px-4 py-1 outline-none last:border-b has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionTrigger className=\"justify-start gap-3 py-2 text-[15px] leading-6 hover:no-underline focus-visible:ring-0 [&>svg]:-order-1\">\n              {item.title}\n            </AccordionTrigger>\n            <AccordionContent className=\"ps-7 pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-347.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-347",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-347.tsx",
+      "content": "import { PlusIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Tabs w/ left plus-minus</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full space-y-2\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"rounded-md border bg-background px-4 py-1 outline-none last:border-b has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionPrimitive.Header className=\"flex\">\n              <AccordionPrimitive.Trigger className=\"flex flex-1 items-center justify-between rounded-md py-2 text-left text-sm text-[15px] leading-6 font-semibold transition-all outline-none focus-visible:ring-0 [&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0\">\n                {item.title}\n                <PlusIcon\n                  size={16}\n                  className=\"pointer-events-none shrink-0 opacity-60 transition-transform duration-200\"\n                  aria-hidden=\"true\"\n                />\n              </AccordionPrimitive.Trigger>\n            </AccordionPrimitive.Header>\n            <AccordionContent className=\"pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-348.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-348",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-348.tsx",
+      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Table w/ chevron</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full -space-y-px\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"relative border bg-background px-4 py-1 outline-none first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionTrigger className=\"py-2 text-[15px] leading-6 hover:no-underline focus-visible:ring-0\">\n              {item.title}\n            </AccordionTrigger>\n            <AccordionContent className=\"pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-349.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-349",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-349.tsx",
+      "content": "import { PlusIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Table w/ plus-minus</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full -space-y-px\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"relative border bg-background px-4 py-1 outline-none first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionPrimitive.Header className=\"flex\">\n              <AccordionPrimitive.Trigger className=\"flex flex-1 items-center justify-between rounded-md py-2 text-left text-sm text-[15px] leading-6 font-semibold transition-all outline-none focus-visible:ring-0 [&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0\">\n                {item.title}\n                <PlusIcon\n                  size={16}\n                  className=\"pointer-events-none shrink-0 opacity-60 transition-transform duration-200\"\n                  aria-hidden=\"true\"\n                />\n              </AccordionPrimitive.Trigger>\n            </AccordionPrimitive.Header>\n            <AccordionContent className=\"pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-35.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-35",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/input.json",
+    "https://loveui.dev/building-blocks/r/label.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-35.tsx",
+      "content": "\"use client\"\n\nimport { useId } from \"react\"\n\nimport { useCharacterLimit } from \"@/registry/building-blocks/default/hooks/use-character-limit\"\nimport { Input } from \"@/registry/building-blocks/default/ui/input\"\nimport { Label } from \"@/registry/building-blocks/default/ui/label\"\n\nexport default function Component() {\n  const id = useId()\n  const maxLength = 8\n  const {\n    value,\n    characterCount,\n    handleChange,\n    maxLength: limit,\n  } = useCharacterLimit({ maxLength })\n\n  return (\n    <div className=\"*:not-first:mt-2\">\n      <Label htmlFor={id}>Input with characters left</Label>\n      <Input\n        id={id}\n        type=\"text\"\n        value={value}\n        maxLength={maxLength}\n        onChange={handleChange}\n        aria-describedby={`${id}-description`}\n      />\n      <p\n        id={`${id}-description`}\n        className=\"mt-2 text-xs text-muted-foreground\"\n        role=\"status\"\n        aria-live=\"polite\"\n      >\n        <span className=\"tabular-nums\">{limit - characterCount}</span>{\" \"}\n        characters left\n      </p>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    },
+    {
+      "path": "registry/default/hooks/use-character-limit.ts",
+      "content": "\"use client\"\n\nimport { ChangeEvent, useState } from \"react\"\n\ntype UseCharacterLimitProps = {\n  maxLength: number\n  initialValue?: string\n}\n\nexport function useCharacterLimit({\n  maxLength,\n  initialValue = \"\",\n}: UseCharacterLimitProps) {\n  const [value, setValue] = useState(initialValue)\n  const [characterCount, setCharacterCount] = useState(initialValue.length)\n\n  const handleChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n  ) => {\n    const newValue = e.target.value\n    if (newValue.length <= maxLength) {\n      setValue(newValue)\n      setCharacterCount(newValue.length)\n    }\n  }\n\n  return {\n    value,\n    characterCount,\n    handleChange,\n    maxLength,\n  }\n}\n",
+      "type": "registry:hook"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label"
+    ]
+  }
+}

package/public/r/comp-350.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-350",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-350.tsx",
+      "content": "import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Table w/ left chevron</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full -space-y-px\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"relative border bg-background px-4 py-1 outline-none first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionTrigger className=\"justify-start gap-3 rounded-md py-2 text-[15px] leading-6 outline-none hover:no-underline focus-visible:ring-0 [&>svg]:-order-1\">\n              {item.title}\n            </AccordionTrigger>\n            <AccordionContent className=\"ps-7 pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-351.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-351",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-351.tsx",
+      "content": "import { PlusIcon } from \"lucide-react\"\nimport { Accordion as AccordionPrimitive } from \"radix-ui\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n} from \"@/registry/building-blocks/default/ui/accordion\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    content:\n      \"loveui focuses on developer experience and performance. Built with TypeScript, it offers excellent type safety, follows accessibility standards, and provides comprehensive documentation with regular updates.\",\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    content:\n      \"Use our CSS variables for global styling, or className and style props for component-specific changes. We support CSS modules, Tailwind, and dark mode out of the box.\",\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    content:\n      \"Yes, with tree-shaking, code splitting, and minimal runtime overhead. Most components are under 5KB gzipped.\",\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    content:\n      \"All components follow WAI-ARIA standards, featuring proper ARIA attributes, keyboard navigation, and screen reader support. Regular testing ensures compatibility with NVDA, VoiceOver, and JAWS.\",\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Table w/ left plus-minus</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full -space-y-px\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"relative border bg-background px-4 py-1 outline-none first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionPrimitive.Header className=\"flex\">\n              <AccordionPrimitive.Trigger className=\"flex flex-1 items-center gap-4 rounded-md py-2 text-left text-sm text-[15px] leading-6 font-semibold transition-all outline-none focus-visible:ring-0 [&>svg]:-order-1 [&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&[data-state=open]>svg]:rotate-180 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0\">\n                {item.title}\n                <PlusIcon\n                  size={16}\n                  className=\"pointer-events-none shrink-0 opacity-60 transition-transform duration-200\"\n                  aria-hidden=\"true\"\n                />\n              </AccordionPrimitive.Trigger>\n            </AccordionPrimitive.Header>\n            <AccordionContent className=\"ps-7 pb-2 text-muted-foreground\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-352.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-352",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json",
+    "https://loveui.dev/building-blocks/r/collapsible.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-352.tsx",
+      "content": "import { ChevronDownIcon } from \"lucide-react\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/building-blocks/default/ui/accordion\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/building-blocks/default/ui/collapsible\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    collapsibles: [\n      {\n        title: \"What about performance?\",\n        content:\n          \"We optimize every component for maximum performance and minimal bundle size.\",\n      },\n      {\n        title: \"How is the documentation?\",\n        content:\n          \"Our documentation is comprehensive and includes live examples for every component.\",\n      },\n    ],\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    collapsibles: [\n      {\n        title: \"Can I use custom themes?\",\n        content:\n          \"Yes, our theming system is fully customizable and supports both light and dark modes.\",\n      },\n      {\n        title: \"What about Tailwind support?\",\n        content:\n          \"We have first-class support for Tailwind CSS with custom utility classes.\",\n      },\n    ],\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    collapsibles: [\n      {\n        title: \"What's the bundle size impact?\",\n        content:\n          \"Our components are tree-shakeable and typically add minimal overhead to your bundle.\",\n        open: true,\n      },\n      {\n        title: \"How is code splitting handled?\",\n        content:\n          \"We support automatic code splitting for optimal loading performance.\",\n      },\n    ],\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    collapsibles: [\n      {\n        title: \"Which screen readers are supported?\",\n        content:\n          \"We test with NVDA, VoiceOver, and JAWS to ensure broad compatibility.\",\n      },\n      {\n        title: \"What about keyboard navigation?\",\n        content:\n          \"Full keyboard navigation support is implemented following WAI-ARIA best practices.\",\n      },\n    ],\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Multi-level</h2>\n      <Accordion\n        type=\"single\"\n        collapsible\n        className=\"w-full -space-y-px\"\n        defaultValue=\"3\"\n      >\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"relative border bg-background outline-none first:rounded-t-md last:rounded-b-md last:border-b has-focus-visible:z-10 has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionTrigger className=\"rounded-md px-4 py-3 text-[15px] leading-6 outline-none hover:no-underline focus-visible:ring-0\">\n              {item.title}\n            </AccordionTrigger>\n            <AccordionContent className=\"p-0\">\n              {item.collapsibles.map((collapsible, index) => (\n                <CollapsibleDemo\n                  key={index}\n                  title={collapsible.title}\n                  content={collapsible.content}\n                  open={collapsible.open}\n                />\n              ))}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n\nfunction CollapsibleDemo({\n  title,\n  content,\n  open,\n}: {\n  title: string\n  content: string\n  open?: boolean\n}) {\n  return (\n    <Collapsible className=\"border-t bg-accent px-4 py-3\" defaultOpen={open}>\n      <CollapsibleTrigger className=\"flex gap-2 text-[15px] leading-6 font-semibold [&[data-state=open]>svg]:rotate-180\">\n        <ChevronDownIcon\n          size={16}\n          className=\"mt-1 shrink-0 opacity-60 transition-transform duration-200\"\n          aria-hidden=\"true\"\n        />\n        {title}\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"mt-1 overflow-hidden ps-6 text-sm text-muted-foreground transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\">\n        {content}\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "collapsible",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-353.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-353",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/accordion.json",
+    "https://loveui.dev/building-blocks/r/collapsible.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-353.tsx",
+      "content": "import {\n  AtSignIcon,\n  ChevronDownIcon,\n  CircleDashedIcon,\n  CommandIcon,\n  EclipseIcon,\n  GaugeIcon,\n  LucideIcon,\n  ZapIcon,\n} from \"lucide-react\"\n\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/registry/building-blocks/default/ui/accordion\"\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/registry/building-blocks/default/ui/collapsible\"\n\nconst items = [\n  {\n    id: \"1\",\n    title: \"What makes loveui different?\",\n    icon: CommandIcon,\n    collapsibles: [\n      {\n        title: \"What about performance?\",\n        content:\n          \"We optimize every component for maximum performance and minimal bundle size.\",\n        icon: GaugeIcon,\n      },\n      {\n        title: \"How is the documentation?\",\n        content:\n          \"Our documentation is comprehensive and includes live examples for every component.\",\n        icon: CircleDashedIcon,\n      },\n    ],\n  },\n  {\n    id: \"2\",\n    title: \"How can I customize the components?\",\n    icon: EclipseIcon,\n    collapsibles: [\n      {\n        title: \"Can I use custom themes?\",\n        content:\n          \"Yes, our theming system is fully customizable and supports both light and dark modes.\",\n        icon: GaugeIcon,\n      },\n      {\n        title: \"What about Tailwind support?\",\n        content:\n          \"We have first-class support for Tailwind CSS with custom utility classes.\",\n        icon: CircleDashedIcon,\n      },\n    ],\n  },\n  {\n    id: \"3\",\n    title: \"Is loveui optimized for performance?\",\n    icon: ZapIcon,\n    collapsibles: [\n      {\n        title: \"What's the bundle size impact?\",\n        content:\n          \"Our components are tree-shakeable and typically add minimal overhead to your bundle.\",\n        open: true,\n        icon: GaugeIcon,\n      },\n      {\n        title: \"How is code splitting handled?\",\n        content:\n          \"We support automatic code splitting for optimal loading performance.\",\n        icon: CircleDashedIcon,\n      },\n    ],\n  },\n  {\n    id: \"4\",\n    title: \"How accessible are the components?\",\n    icon: AtSignIcon,\n    collapsibles: [\n      {\n        title: \"Which screen readers are supported?\",\n        content:\n          \"We test with NVDA, VoiceOver, and JAWS to ensure broad compatibility.\",\n        icon: GaugeIcon,\n      },\n      {\n        title: \"What about keyboard navigation?\",\n        content:\n          \"Full keyboard navigation support is implemented following WAI-ARIA best practices.\",\n        icon: CircleDashedIcon,\n      },\n    ],\n  },\n]\n\nexport default function Component() {\n  return (\n    <div className=\"space-y-4\">\n      <h2 className=\"text-xl font-bold\">Multi-level w/ icon</h2>\n      <Accordion type=\"single\" collapsible className=\"w-full\" defaultValue=\"3\">\n        {items.map((item) => (\n          <AccordionItem\n            value={item.id}\n            key={item.id}\n            className=\"outline-none has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50\"\n          >\n            <AccordionTrigger className=\"justify-start gap-3 rounded-md text-[15px] leading-6 outline-none hover:no-underline focus-visible:ring-0 [&>svg]:-order-1\">\n              <span className=\"flex items-center gap-3\">\n                <item.icon\n                  size={16}\n                  className=\"shrink-0 opacity-60\"\n                  aria-hidden=\"true\"\n                />\n                <span>{item.title}</span>\n              </span>\n            </AccordionTrigger>\n            <AccordionContent className=\"p-0\">\n              {item.collapsibles.map((collapsible, index) => (\n                <CollapsibleDemo\n                  key={index}\n                  title={collapsible.title}\n                  content={collapsible.content}\n                  open={collapsible.open}\n                  icon={collapsible.icon}\n                />\n              ))}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}\n\nfunction CollapsibleDemo({\n  title,\n  content,\n  open,\n  icon: Icon,\n}: {\n  title: string\n  content: string\n  open?: boolean\n  icon: LucideIcon\n}) {\n  return (\n    <Collapsible className=\"border-t py-3 ps-6 pe-4\" defaultOpen={open}>\n      <CollapsibleTrigger className=\"flex gap-2 text-[15px] leading-6 font-semibold [&[data-state=open]>svg]:rotate-180\">\n        <ChevronDownIcon\n          size={16}\n          className=\"mt-1 shrink-0 opacity-60 transition-transform duration-200\"\n          aria-hidden=\"true\"\n        />\n        <span className=\"flex items-center gap-3\">\n          <Icon size={16} className=\"shrink-0 opacity-60\" aria-hidden=\"true\" />\n          <span>{title}</span>\n        </span>\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"mt-1 overflow-hidden ps-6 text-sm text-muted-foreground transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down\">\n        {content}\n      </CollapsibleContent>\n    </Collapsible>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "accordion",
+      "collapsible",
+      "radix"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-354.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-354",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-354.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            Tiny\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"px-2 py-1 text-xs\">\n          This is a simple tooltip\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-355.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-355",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-355.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            Dark\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"dark px-2 py-1 text-xs\">\n          This tooltip will be always dark\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-356.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-356",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-356.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            W/ arrow\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"dark px-2 py-1 text-xs\" showArrow={true}>\n          This tooltip has an arrow\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-357.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-357",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-357.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            W/ title\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"py-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-[13px] font-medium\">Tooltip with title</p>\n            <p className=\"text-xs text-muted-foreground\">\n              Tooltips are made to be highly customizable, with features like\n              dynamic placement, rich content, and a robust API. You can even\n              use them as a full-featured dropdown menu by setting the{\" \"}\n              <code>trigger</code> prop to <code>click</code>.\n            </p>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-358.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-358",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-358.tsx",
+      "content": "import { GlobeIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            W/ icon\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"dark py-3\">\n          <div className=\"flex gap-3\">\n            <GlobeIcon\n              className=\"mt-0.5 shrink-0 opacity-60\"\n              size={16}\n              aria-hidden=\"true\"\n            />\n            <div className=\"space-y-1\">\n              <p className=\"text-[13px] font-medium\">\n                Tooltip with title and icon\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                Tooltips are made to be highly customizable, with features like\n                dynamic placement, rich content, and a robust API.\n              </p>\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-359.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-359",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-359.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            W/ image\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"py-3\">\n          <div className=\"space-y-2\">\n            <img\n              className=\"w-full rounded\"\n              src={assetPath(\"/building-blocks/dialog-content.png\")}\n              width={382}\n              height={216}\n              alt=\"Content image\"\n            />\n            <div className=\"space-y-1\">\n              <p className=\"text-[13px] font-medium\">\n                Tooltip with title and icon\n              </p>\n              <p className=\"text-xs text-muted-foreground\">\n                Tooltips are made to be highly customizable, with features like\n                dynamic placement, rich content, and a robust API.\n              </p>\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "image",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-36.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-36",
+  "type": "registry:component",
+  "dependencies": [
+    "react-aria-components"
+  ],
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/datefield-rac.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-36.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\">\n      <Label className=\"text-sm font-medium text-foreground\">Date 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    </DateField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "date",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-360.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-360",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-360.tsx",
+      "content": "import {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronUpIcon,\n  CircleIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <div className=\"inline-grid w-fit grid-cols-3 gap-1\">\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              className=\"col-start-2\"\n              variant=\"outline\"\n              size=\"icon\"\n              aria-label=\"Pan camera up\"\n            >\n              <ChevronUpIcon size={16} aria-hidden=\"true\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent side=\"top\" className=\"px-2 py-1 text-xs\">\n            Pan top\n            <kbd className=\"ms-2 -me-1 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70\">\n              ⌘T\n            </kbd>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              className=\"col-start-1\"\n              variant=\"outline\"\n              size=\"icon\"\n              aria-label=\"Pan camera left\"\n            >\n              <ChevronLeftIcon size={16} aria-hidden=\"true\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent side=\"left\" className=\"px-2 py-1 text-xs\">\n            Pan left\n            <kbd className=\"ms-2 -me-1 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70\">\n              ⌘L\n            </kbd>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n      <div className=\"flex items-center justify-center\" aria-hidden=\"true\">\n        <CircleIcon className=\"opacity-60\" size={16} />\n      </div>\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button variant=\"outline\" size=\"icon\" aria-label=\"Pan camera right\">\n              <ChevronRightIcon size={16} aria-hidden=\"true\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent side=\"right\" className=\"px-2 py-1 text-xs\">\n            Pan right\n            <kbd className=\"ms-2 -me-1 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70\">\n              ⌘R\n            </kbd>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              className=\"col-start-2\"\n              variant=\"outline\"\n              size=\"icon\"\n              aria-label=\"Pan camera down\"\n            >\n              <ChevronDownIcon size={16} aria-hidden=\"true\" />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent side=\"bottom\" className=\"px-2 py-1 text-xs\">\n            Pan bottom\n            <kbd className=\"ms-2 -me-1 inline-flex h-5 max-h-full items-center rounded border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70\">\n              ⌘B\n            </kbd>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "button",
+      "kbd",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-361.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-361",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-361.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            Stats\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"py-3\">\n          <ul className=\"grid gap-3 text-xs\">\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Status</span>\n              <span className=\"font-medium\">Completed</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Code Coverage</span>\n              <span className=\"font-medium\">94.3%</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Last Deploy</span>\n              <span className=\"font-medium\">Today at 15:42</span>\n            </li>\n            <li className=\"grid gap-0.5\">\n              <span className=\"text-muted-foreground\">Performance Score</span>\n              <span className=\"font-medium\">98/100</span>\n            </li>\n          </ul>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-362.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-362",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/tooltip.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-362.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/registry/building-blocks/default/ui/tooltip\"\n\nexport default function Component() {\n  return (\n    <TooltipProvider delayDuration={0}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\">\n            Chart\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent className=\"py-2\">\n          <div className=\"space-y-2\">\n            <div className=\"text-[13px] font-medium\">Tuesday, Aug 13</div>\n            <div className=\"flex items-center gap-2 text-xs\">\n              <svg\n                width=\"8\"\n                height=\"8\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 8 8\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"shrink-0 text-indigo-500\"\n                aria-hidden=\"true\"\n              >\n                <circle cx=\"4\" cy=\"4\" r=\"4\"></circle>\n              </svg>\n              <span className=\"flex grow gap-2\">\n                Sales <span className=\"ml-auto\">$40</span>\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2 text-xs\">\n              <svg\n                width=\"8\"\n                height=\"8\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 8 8\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"shrink-0 text-purple-500\"\n                aria-hidden=\"true\"\n              >\n                <circle cx=\"4\" cy=\"4\" r=\"4\"></circle>\n              </svg>\n              <span className=\"flex grow gap-2\">\n                Revenue <span className=\"ml-auto\">$74</span>\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2 text-xs\">\n              <svg\n                width=\"8\"\n                height=\"8\"\n                fill=\"currentColor\"\n                viewBox=\"0 0 8 8\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"shrink-0 text-rose-500\"\n                aria-hidden=\"true\"\n              >\n                <circle cx=\"4\" cy=\"4\" r=\"4\"></circle>\n              </svg>\n              <span className=\"flex grow gap-2\">\n                Costs <span className=\"ml-auto\">$410</span>\n              </span>\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "chart",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-363.json

@@ -0,0 +1,27 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-363",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json",
+    "https://loveui.dev/building-blocks/r/hover-card.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-363.tsx",
+      "content": "import { Button } from \"@/registry/building-blocks/default/ui/button\"\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/registry/building-blocks/default/ui/hover-card\"\n\nexport default function HoverCardDemo() {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild>\n        <Button\n          className=\"size-auto overflow-hidden rounded-full bg-transparent p-0 hover:bg-transparent\"\n          aria-label=\"My profile\"\n          asChild\n        >\n          <a href=\"#\">\n            <img\n              src={\"https://i.pravatar.cc/160?img=11\"}\n              width={40}\n              height={40}\n              alt=\"Avatar\"\n            />\n          </a>\n        </Button>\n      </HoverCardTrigger>\n      <HoverCardContent className=\"w-[340px]\">\n        <div className=\"flex items-start gap-3\">\n          <img\n            className=\"shrink-0 rounded-full\"\n            src={\"https://i.pravatar.cc/160?img=11\"}\n            width={40}\n            height={40}\n            alt=\"Avatar\"\n          />\n          <div className=\"space-y-1\">\n            <p className=\"text-sm font-medium\">@Love_UI</p>\n            <p className=\"text-sm text-muted-foreground\">\n              Beautiful UI components built with Tailwind CSS and Next.js.\n            </p>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "hover card",
+      "user",
+      "avatar",
+      "profile",
+      "radix"
+    ],
+    "style": 1
+  }
+}

package/public/r/comp-364.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-364",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/hover-card.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-364.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    <HoverCard>\n      <div className=\"flex items-center gap-3\">\n        <img\n          className=\"shrink-0 rounded-full\"\n          src={\"https://i.pravatar.cc/160?img=12\"}\n          width={40}\n          height={40}\n          alt=\"Avatar\"\n        />\n        <div className=\"space-y-0.5\">\n          <HoverCardTrigger asChild>\n            <p>\n              <a className=\"text-sm font-medium hover:underline\" href=\"#\">\n                Connor Love\n              </a>\n            </p>\n          </HoverCardTrigger>\n          <p className=\"text-xs text-muted-foreground\">@loveconnor</p>\n        </div>\n      </div>\n      <HoverCardContent>\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-3\">\n            <img\n              className=\"shrink-0 rounded-full\"\n              src={\"https://i.pravatar.cc/160?img=12\"}\n              width={40}\n              height={40}\n              alt=\"Avatar\"\n            />\n            <div className=\"space-y-0.5\">\n              <p className=\"text-sm font-medium\">Connor Love</p>\n              <p className=\"text-xs text-muted-foreground\">@loveconnor</p>\n            </div>\n          </div>\n          <p className=\"text-sm text-muted-foreground\">\n            Designer at{\" \"}\n            <strong className=\"font-medium text-foreground\">@loveui</strong>.\n            Crafting web experiences with Tailwind CSS.\n          </p>\n          <div className=\"flex items-center gap-2\">\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=4\"}\n                width={20}\n                height={20}\n                alt=\"Friend 01\"\n              />\n              <img\n                className=\"rounded-full ring-1 ring-background\"\n                src={\"https://i.pravatar.cc/160?img=5\"}\n                width={20}\n                height={20}\n                alt=\"Friend 02\"\n              />\n              <img\n                className=\"rounded-full ring-1 ring-background\"\n                src={\"https://i.pravatar.cc/160?img=6\"}\n                width={20}\n                height={20}\n                alt=\"Friend 03\"\n              />\n            </div>\n            <div className=\"text-xs text-muted-foreground\">\n              3 mutual friends\n            </div>\n          </div>\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "tooltip",
+      "hover card",
+      "user",
+      "avatar",
+      "profile",
+      "radix"
+    ],
+    "style": 1
+  }
+}