love-ui 1.2.12 → 1.2.14

package/public/r/comp-275.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-275",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-275.tsx",
+      "content": "import { ArrowRightIcon, TriangleAlert } from \"lucide-react\"\n\nexport default function Component() {\n  return (\n    <div className=\"rounded-md border px-4 py-3\">\n      <div className=\"flex gap-3\">\n        <TriangleAlert\n          className=\"hrink-0 mt-0.5 text-amber-500\"\n          size={16}\n          aria-hidden=\"true\"\n        />\n        <div className=\"flex grow justify-between gap-3\">\n          <p className=\"text-sm\">Some information is missing!</p>\n          <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n            Link\n            <ArrowRightIcon\n              className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n              size={16}\n              aria-hidden=\"true\"\n            />\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "alert",
+      "warning"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-276.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-276",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-276.tsx",
+      "content": "import { ArrowRightIcon, TriangleAlert } from \"lucide-react\"\n\nexport default function Component() {\n  return (\n    <div className=\"rounded-md border border-amber-500/50 px-4 py-3 text-amber-600\">\n      <div className=\"flex gap-3\">\n        <TriangleAlert\n          className=\"mt-0.5 shrink-0 opacity-60\"\n          size={16}\n          aria-hidden=\"true\"\n        />\n        <div className=\"flex grow justify-between gap-3\">\n          <p className=\"text-sm\">Some information is missing!</p>\n          <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n            Link\n            <ArrowRightIcon\n              className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n              size={16}\n              aria-hidden=\"true\"\n            />\n          </a>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "alert",
+      "warning"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-277.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-277",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-277.tsx",
+      "content": "import { CircleAlertIcon } from \"lucide-react\"\n\nexport default function Component() {\n  return (\n    <div className=\"rounded-md border px-4 py-3\">\n      <div className=\"flex gap-3\">\n        <CircleAlertIcon\n          className=\"mt-0.5 shrink-0 text-red-500 opacity-60\"\n          size={16}\n          aria-hidden=\"true\"\n        />\n        <div className=\"grow space-y-1\">\n          <p className=\"text-sm font-medium\">\n            Password does not meet requirements:\n          </p>\n          <ul className=\"list-inside list-disc text-sm text-muted-foreground\">\n            <li>Minimum 8 characters</li>\n            <li>Inlcude a special character</li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "alert",
+      "error",
+      "signup",
+      "authentication"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-278.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-278",
+  "type": "registry:component",
+  "files": [
+    {
+      "path": "registry/default/components/comp-278.tsx",
+      "content": "import { CircleAlertIcon } from \"lucide-react\"\n\nexport default function Component() {\n  return (\n    <div className=\"rounded-md border border-red-500/50 px-4 py-3 text-red-600\">\n      <div className=\"flex gap-3\">\n        <CircleAlertIcon\n          className=\"mt-0.5 shrink-0 opacity-60\"\n          size={16}\n          aria-hidden=\"true\"\n        />\n        <div className=\"grow space-y-1\">\n          <p className=\"text-sm font-medium\">\n            Password does not meet requirements:\n          </p>\n          <ul className=\"list-inside list-disc text-sm opacity-80\">\n            <li>Minimum 8 characters</li>\n            <li>Inlcude a special character</li>\n          </ul>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "alert",
+      "error",
+      "signup",
+      "authentication"
+    ],
+    "colSpan": 2
+  }
+}

package/public/r/comp-279.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-279",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-279.tsx",
+      "content": "import { TriangleAlert, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <p className=\"grow text-sm\">\n          <TriangleAlert\n            className=\"me-3 -mt-0.5 inline-flex text-amber-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          Invite a workspace owner before you share this report.\n        </p>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "warning"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-28.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-28",
+  "type": "registry:component",
+  "dependencies": [
+    "react-aria-components"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-28.tsx",
+      "content": "\"use client\"\n\nimport { MinusIcon, PlusIcon } from \"lucide-react\"\nimport { Button, Group, Input, Label, NumberField } from \"react-aria-components\"\n\nexport default function Component() {\n  return (\n    <NumberField defaultValue={2048} minValue={0}>\n      <div className=\"*:not-first:mt-2\">\n        <Label className=\"text-sm font-medium text-foreground\">\n          Number input with plus/minus buttons\n        </Label>\n        <Group className=\"relative inline-flex h-9 w-full items-center overflow-hidden rounded-md border border-input text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none data-disabled:opacity-50 data-focus-within:border-ring data-focus-within:ring-[3px] data-focus-within:ring-ring/50 data-focus-within:has-aria-invalid:border-destructive data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40\">\n          <Button\n            slot=\"decrement\"\n            className=\"-ms-px flex aspect-square h-[inherit] items-center justify-center rounded-s-md border border-input bg-background text-sm text-muted-foreground/80 transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            <MinusIcon size={16} aria-hidden=\"true\" />\n          </Button>\n          <Input className=\"w-full grow bg-background px-3 py-2 text-center text-foreground tabular-nums\" />\n          <Button\n            slot=\"increment\"\n            className=\"-me-px flex aspect-square h-[inherit] items-center justify-center rounded-e-md border border-input bg-background text-sm text-muted-foreground/80 transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            <PlusIcon size={16} aria-hidden=\"true\" />\n          </Button>\n        </Group>\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/NumberField.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </NumberField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "button",
+      "number",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-280.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-280",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-280.tsx",
+      "content": "import { CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <p className=\"grow text-sm\">\n          <CircleCheckIcon\n            className=\"me-3 -mt-0.5 inline-flex text-red-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          Payment failed for the Pro workspace. Update your card to retry.\n        </p>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "error"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-281.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-281",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-281.tsx",
+      "content": "import { CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <p className=\"grow text-sm\">\n          <CircleCheckIcon\n            className=\"me-3 -mt-0.5 inline-flex text-emerald-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          Campaign launch completed. Emails are queued for delivery.\n        </p>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "success"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-282.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-282",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-282.tsx",
+      "content": "import { InfoIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <p className=\"grow text-sm\">\n          <InfoIcon\n            className=\"me-3 -mt-0.5 inline-flex text-blue-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          Heads up: maintenance begins tonight at 11 PM UTC.\n        </p>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "info"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-283.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-283",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-283.tsx",
+      "content": "import { ArrowRightIcon, TriangleAlert, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <TriangleAlert\n            className=\"mt-0.5 shrink-0 text-amber-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow justify-between gap-12\">\n            <p className=\"text-sm\">Usage is at 92% of this month's automation limit.</p>\n            <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n              Manage limits\n              <ArrowRightIcon\n                className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n                size={16}\n                aria-hidden=\"true\"\n              />\n            </a>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "warning"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-284.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-284",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-284.tsx",
+      "content": "import { ArrowRightIcon, CircleAlert, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <CircleAlert\n            className=\"mt-0.5 shrink-0 text-red-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow justify-between gap-12\">\n            <p className=\"text-sm\">Shopify token expired. Reconnect to resume inventory sync.</p>\n            <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n              Reconnect store\n              <ArrowRightIcon\n                className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n                size={16}\n                aria-hidden=\"true\"\n              />\n            </a>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "error"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-285.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-285",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-285.tsx",
+      "content": "import { ArrowRightIcon, CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <CircleCheckIcon\n            className=\"mt-0.5 shrink-0 text-emerald-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow justify-between gap-12\">\n            <p className=\"text-sm\">Real-time dashboards are now live for your team.</p>\n            <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n              See what's new\n              <ArrowRightIcon\n                className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n                size={16}\n                aria-hidden=\"true\"\n              />\n            </a>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "success"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-286.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-286",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-286.tsx",
+      "content": "import { ArrowRightIcon, InfoIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <InfoIcon\n            className=\"mt-0.5 shrink-0 text-blue-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow justify-between gap-12\">\n            <p className=\"text-sm\">New approvals experience ships next Tuesday. Preview the changes.</p>\n            <a href=\"#\" className=\"group text-sm font-medium whitespace-nowrap\">\n              Read update\n              <ArrowRightIcon\n                className=\"ms-1 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5\"\n                size={16}\n                aria-hidden=\"true\"\n              />\n            </a>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "info"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-287.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-287",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-287.tsx",
+      "content": "import { CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex items-center gap-2\">\n        <div className=\"flex grow items-center gap-3\">\n          <CircleCheckIcon\n            className=\"mt-0.5 shrink-0 text-emerald-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow items-center justify-between gap-12\">\n            <p className=\"text-sm\">Deliveries paused after hitting your send limit.</p>\n            <Button size=\"sm\">Resume flows</Button>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "success"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-288.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-288",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-288.tsx",
+      "content": "import { CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background px-4 py-3 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <CircleCheckIcon\n            className=\"mt-0.5 shrink-0 text-emerald-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow justify-between gap-12\">\n            <p className=\"text-sm\">Receipt sent to billing@acme. Need to copy someone else?</p>\n            <div className=\"text-sm whitespace-nowrap\">\n              <button className=\"text-sm font-medium hover:underline\">\n                View receipt\n              </button>{\" \"}\n              <span className=\"mx-1 text-muted-foreground\">·</span>{\" \"}\n              <button className=\"text-sm font-medium hover:underline\">\n                Send to another inbox\n              </button>\n            </div>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close banner\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "success"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-289.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-289",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-289.tsx",
+      "content": "import { TriangleAlertIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <TriangleAlertIcon\n            className=\"mt-0.5 shrink-0 text-amber-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow flex-col gap-3\">\n            <div className=\"space-y-1\">\n              <p className=\"text-sm font-medium\">\n                Approval needed for workspace transfer.\n              </p>\n              <p className=\"text-sm text-muted-foreground\">\n                Grant access so the team can finish moving projects.\n              </p>\n            </div>\n            <div>\n              <Button size=\"sm\">Review request</Button>\n            </div>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "warning"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-29.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-29",
+  "type": "registry:component",
+  "dependencies": [
+    "react-aria-components"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-29.tsx",
+      "content": "\"use client\"\n\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\nimport { Button, Group, Input, Label, NumberField } from \"react-aria-components\"\n\nexport default function Component() {\n  return (\n    <NumberField\n      defaultValue={99}\n      formatOptions={{\n        style: \"currency\",\n        currency: \"EUR\",\n        currencySign: \"accounting\",\n      }}\n    >\n      <div className=\"*:not-first:mt-2\">\n        <Label className=\"text-sm font-medium text-foreground\">\n          Number input with chevrons\n        </Label>\n        <Group className=\"relative inline-flex h-9 w-full items-center overflow-hidden rounded-md border border-input text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none data-disabled:opacity-50 data-focus-within:border-ring data-focus-within:ring-[3px] data-focus-within:ring-ring/50 data-focus-within:has-aria-invalid:border-destructive data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40\">\n          <Input className=\"flex-1 bg-background px-3 py-2 text-foreground tabular-nums\" />\n          <div className=\"flex h-[calc(100%+2px)] flex-col\">\n            <Button\n              slot=\"increment\"\n              className=\"-me-px flex h-1/2 w-6 flex-1 items-center justify-center border border-input bg-background text-sm text-muted-foreground/80 transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronUpIcon size={12} aria-hidden=\"true\" />\n            </Button>\n            <Button\n              slot=\"decrement\"\n              className=\"-me-px -mt-px flex h-1/2 w-6 flex-1 items-center justify-center border border-input bg-background text-sm text-muted-foreground/80 transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            >\n              <ChevronDownIcon size={12} aria-hidden=\"true\" />\n            </Button>\n          </div>\n        </Group>\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/NumberField.html\"\n          target=\"_blank\"\n          rel=\"noopener nofollow\"\n        >\n          React Aria\n        </a>\n      </p>\n    </NumberField>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "input",
+      "label",
+      "button",
+      "number",
+      "react aria"
+    ]
+  }
+}

package/public/r/comp-290.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-290",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-290.tsx",
+      "content": "import { CircleAlertIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <CircleAlertIcon\n            className=\"mt-0.5 shrink-0 text-red-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow flex-col gap-3\">\n            <div className=\"space-y-1\">\n              <p className=\"text-sm font-medium\">Export failed before finishing.</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Retry in a few minutes or contact support if it continues.\n              </p>\n            </div>\n            <div className=\"flex gap-2\">\n              <Button size=\"sm\">View status</Button>\n            </div>\n          </div>\n          <Button\n            variant=\"ghost\"\n            className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n            aria-label=\"Close notification\"\n          >\n            <XIcon\n              size={16}\n              className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "error"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-291.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-291",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-291.tsx",
+      "content": "import { CircleCheckIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <CircleCheckIcon\n            className=\"mt-0.5 shrink-0 text-emerald-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow flex-col gap-3\">\n            <div className=\"space-y-1\">\n              <p className=\"text-sm font-medium\">Payout sent to your bank account.</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Expect funds within two business days.\n              </p>\n            </div>\n            <div className=\"flex gap-2\">\n              <Button size=\"sm\">View transfer</Button>\n            </div>\n          </div>\n          <Button\n            variant=\"ghost\"\n            className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n            aria-label=\"Close notification\"\n          >\n            <XIcon\n              size={16}\n              className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "success"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-292.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-292",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-292.tsx",
+      "content": "import { Info, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow gap-3\">\n          <Info\n            className=\"mt-0.5 shrink-0 text-blue-500\"\n            size={16}\n            aria-hidden=\"true\"\n          />\n          <div className=\"flex grow flex-col gap-3\">\n            <div className=\"space-y-1\">\n              <p className=\"text-sm font-medium\">Weekly summary is ready to review.</p>\n              <p className=\"text-sm text-muted-foreground\">\n                See highlights from your team's activity.\n              </p>\n            </div>\n            <div className=\"flex gap-2\">\n              <Button size=\"sm\">Open summary</Button>\n            </div>\n          </div>\n          <Button\n            variant=\"ghost\"\n            className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n            aria-label=\"Close notification\"\n          >\n            <XIcon\n              size={16}\n              className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n              aria-hidden=\"true\"\n            />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "info"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-293.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-293",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-293.tsx",
+      "content": "import { XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-2\">\n        <div className=\"flex grow flex-col gap-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-sm font-medium\">Manage your cookie preferences</p>\n            <p className=\"text-sm text-muted-foreground\">\n              We use cookies to understand traffic and personalize your experience.\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\">Accept all</Button>\n            <Button size=\"sm\" variant=\"outline\">\n              Manage choices\n            </Button>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "cookies",
+      "gdpr",
+      "privacy"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-294.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-294",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-294.tsx",
+      "content": "import { RefreshCwIcon, XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-3\">\n        <div\n          className=\"flex size-9 shrink-0 items-center justify-center rounded-full border\"\n          aria-hidden=\"true\"\n        >\n          <RefreshCwIcon className=\"opacity-60\" size={16} />\n        </div>\n        <div className=\"flex grow flex-col gap-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-sm font-medium\">Version 2.1 is ready to install.</p>\n            <p className=\"text-sm text-muted-foreground\">\n              Includes faster build times and important security fixes.\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\">Install update</Button>\n            <Button size=\"sm\" variant=\"link\">\n              Remind me later\n            </Button>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button",
+      "info"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}

package/public/r/comp-295.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "comp-295",
+  "type": "registry:component",
+  "registryDependencies": [
+    "https://loveui.dev/building-blocks/r/button.json"
+  ],
+  "files": [
+    {
+      "path": "registry/default/components/comp-295.tsx",
+      "content": "import { XIcon } from \"lucide-react\"\n\nimport { Button } from \"@/registry/building-blocks/default/ui/button\"\n\nexport default function Component() {\n  return (\n    // To make the notification fixed, add classes like `fixed bottom-4 right-4` to the container element.\n    <div className=\"z-50 max-w-[400px] rounded-md border bg-background p-4 shadow-lg\">\n      <div className=\"flex gap-3\">\n        <img\n          className=\"size-9 rounded-full\"\n          src=\"https://i.pravatar.cc/160?img=7\"\n          width={32}\n          height={32}\n          alt=\"Connor Love\"\n        />\n        <div className=\"flex grow flex-col gap-3\">\n          <div className=\"space-y-1\">\n            <p className=\"text-sm text-muted-foreground\">\n              <a\n                className=\"font-medium text-foreground hover:underline\"\n                href=\"#\"\n              >\n                Connor Love\n              </a>{\" \"}\n              shared a file in{\" \"}\n              <a\n                className=\"font-medium text-foreground hover:underline\"\n                href=\"#\"\n              >\n                brand-refresh\n              </a>\n              .\n            </p>\n            <p className=\"text-xs text-muted-foreground\">3 min ago</p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\">View file</Button>\n            <Button size=\"sm\" variant=\"outline\">\n              Mark as read\n            </Button>\n          </div>\n        </div>\n        <Button\n          variant=\"ghost\"\n          className=\"group -my-1.5 -me-2 size-8 shrink-0 p-0 hover:bg-transparent\"\n          aria-label=\"Close notification\"\n        >\n          <XIcon\n            size={16}\n            className=\"opacity-60 transition-opacity group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
+      "type": "registry:component"
+    }
+  ],
+  "meta": {
+    "tags": [
+      "notification",
+      "button"
+    ],
+    "colSpan": 2,
+    "style": 1
+  }
+}