@cryptlex/web-components 3.0.0 → 3.1.1

package/dist/components/ui/accordion.es.js

@@ -1,47 +1,52 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { cn as n } from "../../utils/index.es.js";
-import { Root as m, Content as i, Item as l, Header as f, Trigger as d } from "../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.10_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-accordion/dist/index.es.js";
-import { ChevronDown as p } from "lucide-react";
-import * as s from "react";
-const b = m, N = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
-  l,
-  {
-    ref: t,
-    className: n("border-b", e),
-    ...o
-  }
-));
-N.displayName = "AccordionItem";
-const y = s.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(f, { className: "flex", children: /* @__PURE__ */ c(
-  d,
-  {
-    ref: r,
-    className: n(
-      "flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      e
-    ),
-    ...t,
-    children: [
-      o,
-      /* @__PURE__ */ a(p, { className: "size-icon shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
-  }
-) }));
-y.displayName = d.displayName;
-const g = s.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
-  i,
-  {
-    ref: r,
-    className: "overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...t,
-    children: /* @__PURE__ */ a("div", { className: n("pb-4 pt-0", e), children: o })
-  }
-));
-g.displayName = i.displayName;
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { cn as r } from "../../utils/index.es.js";
+import { Root as i, Item as s, Header as c, Trigger as d, Content as m } from "../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-accordion/dist/index.es.js";
+import { ChevronDown as l } from "lucide-react";
+const x = i;
+function h({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(s, { className: r("border-b", e), ...o });
+}
+function b({
+  className: e,
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ t(c, { className: "flex", children: /* @__PURE__ */ a(
+    d,
+    {
+      className: r(
+        "flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+        e
+      ),
+      ...n,
+      children: [
+        o,
+        /* @__PURE__ */ t(l, { className: "size-icon shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  ) });
+}
+function N({
+  className: e,
+  children: o,
+  ...n
+}) {
+  return /* @__PURE__ */ t(
+    m,
+    {
+      className: "overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...n,
+      children: /* @__PURE__ */ t("div", { className: r("pb-4 pt-0", e), children: o })
+    }
+  );
+}
 export {
-  b as Accordion,
-  g as AccordionContent,
-  N as AccordionItem,
-  y as AccordionTrigger
+  x as Accordion,
+  N as AccordionContent,
+  h as AccordionItem,
+  b as AccordionTrigger
 };
 //# sourceMappingURL=accordion.es.js.map

package/dist/components/ui/accordion.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.es.js","sources":["../../../lib/components/ui/accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\nimport * as React from \"react\"\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(\"border-b\", className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"size-icon shrink-0 text-muted-foreground transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger }\n\n"],"names":["Accordion","AccordionPrimitive.Root","AccordionItem","React","className","props","ref","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDown","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;;AAKA,MAAMA,IAAYC,GAEZC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,YAAYL,CAAS;AAAA,IAClC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMQ,IAAmBP,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,EAAM,GAAGC,MACnC,gBAAAC,EAAAK,GAAA,EAA0B,WAAU,QACnC,UAAA,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAR;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAM;AAAA,MACD,gBAAAJ,EAACQ,GAAY,EAAA,WAAU,6EAA6E,CAAA;AAAA,IAAA;AAAA,EAAA;AACtG,GACF,CACD;AACDL,EAAiB,cAAcI,EAA2B;AAEpD,MAAAE,IAAmBb,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACU;AAAAA,EAAA;AAAA,IACC,KAAAX;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWI,EAAG,aAAaL,CAAS,GAAI,UAAAO,EAAS,CAAA;AAAA,EAAA;AACxD,CACD;AACDK,EAAiB,cAAcC,EAA2B;"}
+{"version":3,"file":"accordion.es.js","sources":["../../../lib/components/ui/accordion.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDown } from \"lucide-react\";\nimport type * as React from \"react\";\n\nexport const Accordion = AccordionPrimitive.Root;\n\nexport function AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item className={cn(\"border-b\", className)} {...props} />\n\t);\n}\n\nexport function AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDown className=\"size-icon shrink-0 text-muted-foreground transition-transform duration-200\" />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nexport function AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tclassName=\"overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n"],"names":["Accordion","AccordionPrimitive.Root","AccordionItem","className","props","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDown","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;AAKO,MAAMA,IAAYC;AAElB,SAASC,EAAc;AAAA,EAC7B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAyD;AAEvD,SAAA,gBAAAC,EAACC,GAAA,EAAwB,WAAWC,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO;AAE5E;AAEO,SAASI,EAAiB;AAAA,EAChC,WAAAL;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAC3D,SACE,gBAAAC,EAAAK,GAAA,EAA0B,WAAU,QACpC,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWL;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAJ,EAACQ,GAAY,EAAA,WAAU,6EAA6E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtG;AAEF;AAEO,SAASC,EAAiB;AAAA,EAChC,WAAAX;AAAA,EACA,UAAAM;AAAA,EACA,GAAGL;AACJ,GAA4D;AAE1D,SAAA,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACT,GAAGX;AAAA,MAEJ,4BAAC,OAAI,EAAA,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAS,CAAA;AAAA,IAAA;AAAA,EACvD;AAEF;"}

package/dist/components/ui/avatar.es.js

@@ -1,41 +1,19 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import { Root as o, Fallback as t, Image as i } from "../../node_modules/.pnpm/@radix-ui_react-avatar@1.1.9_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-avatar/dist/index.es.js";
-import * as l from "react";
-import { cn as m } from "../../utils/index.es.js";
-const f = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
-  o,
-  {
-    ref: r,
-    className: m("relative flex size-10 shrink-0 overflow-hidden rounded-full", a),
-    ...e
-  }
-));
-f.displayName = o.displayName;
-const d = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
-  i,
-  {
-    ref: r,
-    className: m("aspect-square size-full", a),
-    ...e
-  }
-));
-d.displayName = i.displayName;
-const c = l.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ s(
-  t,
-  {
-    ref: r,
-    className: m(
-      "flex size-full items-center justify-center uppercase rounded-full bg-muted",
-      a
-    ),
-    ...e
-  }
-));
-c.displayName = t.displayName;
+import { jsx as o } from "react/jsx-runtime";
+import { cn as r } from "../../utils/index.es.js";
+function f({ className: e, initials: t, ...n }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(
+        "relative text-xs font-mono font-bold flex items-center justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full",
+        e
+      ),
+      ...n,
+      children: t
+    }
+  );
+}
 export {
-  f as Avatar,
-  c as AvatarFallback,
-  d as AvatarImage
+  f as Avatar
 };
 //# sourceMappingURL=avatar.es.js.map

package/dist/components/ui/avatar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport * as AvatarPrimitive from '@radix-ui/react-avatar';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\n\n// TODO, this need not use primitives, or even context APIs.\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    // TODO, why 10?\n    className={cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)}\n    {...props}\n  />\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square size-full', className)}\n    {...props}\n  />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex size-full items-center justify-center uppercase rounded-full bg-muted',\n      className,\n    )}\n    {...props}\n  />\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive.Root","cn","AvatarImage","AvatarPrimitive.Image","AvatarFallback","AvatarPrimitive.Fallback"],"mappings":";;;;;AAOM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IAEA,WAAWG,EAAG,+DAA+DL,CAAS;AAAA,IACrF,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAqB;AAEpC,MAAAE,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG,EAAG,2BAA2BL,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcC,EAAsB;AAE1C,MAAAC,IAAiBT,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACM;AAAAA,EAAA;AAAA,IACC,KAAAP;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAe,cAAcC,EAAyB;"}
+{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\ninterface InitialString {\n\tinitials: string[2];\n}\nexport interface AvatarProps\n\textends Omit<React.ComponentProps<\"div\">, \"children\">,\n\t\tInitialString {}\nexport function Avatar({ className, initials, ...props }: AvatarProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative text-xs font-mono font-bold flex items-center justify-center bg-accent text-accent-foreground select-none size-input shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{initials}\n\t\t</div>\n\t);\n}\n"],"names":["Avatar","className","initials","props","jsx","cn"],"mappings":";;AASO,SAASA,EAAO,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAsB;AAErE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACF;AAEF;"}

package/dist/components/ui/badge.es.js

@@ -1,7 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as o } from "../../utils/index.es.js";
 function c({ className: e, ...n }) {
-  return /* @__PURE__ */ r("div", { className: o("text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring", e), ...n });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: o(
+        "text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring",
+        e
+      ),
+      ...n
+    }
+  );
 }
 export {
   c as Badge

package/dist/components/ui/badge.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\"\nimport * as React from \"react\"\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> { }\n\nexport function Badge({ className, ...props }: BadgeProps) {\n  return (\n    <div className={cn(\"text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring\", className)} {...props} />\n  )\n}\n"],"names":["Badge","className","props","jsx","cn"],"mappings":";;AAKO,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAqB;AAEvD,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,qNAAqNH,CAAS,GAAI,GAAGC,GAAO;AAEnQ;"}
+{"version":3,"file":"badge.es.js","sources":["../../../lib/components/ui/badge.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport type * as React from \"react\";\n\nexport function Badge({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground hover:text-foreground transition-colors inline-flex items-center justify-center leading-none select-none bg-card border px-2 h-input py-1 focus:outline-hidden focus:ring-1 focus:ring-ring\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Badge","className","props","jsx","cn"],"mappings":";;AAGO,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAE1E,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACV;AAAA,QACAH;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/dist/components/ui/breadcrumb.es.js

@@ -1,91 +1,106 @@
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { Root as c } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.2_@types_react@18.3.21_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.es.js";
-import * as t from "react";
-import { cn as o } from "../../utils/index.es.js";
-import { DotSquare as n, ChevronRight as d } from "lucide-react";
-const l = t.forwardRef(({ ...r }, e) => /* @__PURE__ */ s("nav", { ref: e, "aria-label": "breadcrumb", ...r }));
-l.displayName = "Breadcrumb";
-const p = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
-  "ol",
-  {
-    ref: a,
-    className: o(
-      "flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5",
-      r
-    ),
-    ...e
-  }
-));
-p.displayName = "BreadcrumbList";
-const u = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
-  "li",
-  {
-    ref: a,
-    className: o("inline-flex items-center gap-1.5", r),
-    ...e
-  }
-));
-u.displayName = "BreadcrumbItem";
-const f = t.forwardRef(({ asChild: r, className: e, ...a }, m) => /* @__PURE__ */ s(
-  r ? c : "a",
-  {
-    ref: m,
-    className: o("transition-colors hover:text-foreground", e),
-    ...a
-  }
-));
-f.displayName = "BreadcrumbLink";
-const b = t.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ s(
-  "span",
-  {
-    ref: a,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: o("font-normal text-foreground", r),
-    ...e
-  }
-));
-b.displayName = "BreadcrumbPage";
-const N = ({
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Root as i } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.0_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.es.js";
+import { cn as n } from "../../utils/index.es.js";
+import { ChevronRight as s, DotSquare as c } from "lucide-react";
+function p({ ...r }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", ...r });
+}
+function b({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      className: n(
+        "flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function g({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      className: n("inline-flex items-center gap-1.5", r),
+      ...e
+    }
+  );
+}
+function x({
+  asChild: r,
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    r ? i : "a",
+    {
+      className: n("transition-colors hover:text-foreground", e),
+      ...t
+    }
+  );
+}
+function h({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: n("font-normal text-foreground", r),
+      ...e
+    }
+  );
+}
+function N({
   children: r,
   className: e,
-  ...a
-}) => /* @__PURE__ */ s(
-  "li",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: o("[&>svg]:size-icon", e),
-    ...a,
-    children: r ?? /* @__PURE__ */ s(d, {})
-  }
-);
-N.displayName = "BreadcrumbSeparator";
-const B = ({
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: n("[&>svg]:size-icon", e),
+      ...t,
+      children: r ?? /* @__PURE__ */ a(s, {})
+    }
+  );
+}
+function B({
   className: r,
   ...e
-}) => /* @__PURE__ */ i(
-  "span",
-  {
-    role: "presentation",
-    "aria-hidden": "true",
-    className: o("flex size-9 items-center justify-center", r),
-    ...e,
-    children: [
-      /* @__PURE__ */ s(n, { className: "size-4" }),
-      /* @__PURE__ */ s("span", { className: "sr-only", children: "More" })
-    ]
-  }
-);
-B.displayName = "BreadcrumbElipssis";
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: n("flex size-9 items-center justify-center", r),
+      ...e,
+      children: [
+        /* @__PURE__ */ a(c, { className: "size-4" }),
+        /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
 export {
-  l as Breadcrumb,
+  p as Breadcrumb,
   B as BreadcrumbEllipsis,
-  u as BreadcrumbItem,
-  f as BreadcrumbLink,
-  p as BreadcrumbList,
-  b as BreadcrumbPage,
+  g as BreadcrumbItem,
+  x as BreadcrumbLink,
+  b as BreadcrumbList,
+  h as BreadcrumbPage,
   N as BreadcrumbSeparator
 };
 //# sourceMappingURL=breadcrumb.es.js.map

package/dist/components/ui/breadcrumb.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\nimport { ChevronRight, DotSquare } from \"lucide-react\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\"> & {\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n      className\n    )}\n    {...props}\n  />\n))\nBreadcrumbList.displayName = \"BreadcrumbList\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n))\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<\"a\"> & {\n    asChild?: boolean\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"transition-colors hover:text-foreground\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"font-normal text-foreground\", className)}\n    {...props}\n  />\n))\nBreadcrumbPage.displayName = \"BreadcrumbPage\"\n\nconst BreadcrumbSeparator = ({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) => (\n  <li\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    className={cn(\"[&>svg]:size-icon\", className)}\n    {...props}\n  >\n    {children ?? <ChevronRight />}\n  </li>\n)\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\n\nconst BreadcrumbEllipsis = ({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) => (\n  <span\n    role=\"presentation\"\n    aria-hidden=\"true\"\n    // TODO why 9??\n    className={cn(\"flex size-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <DotSquare className=\"size-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\"\n\nexport {\n  Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem,\n  BreadcrumbLink, BreadcrumbList, BreadcrumbPage,\n  BreadcrumbSeparator\n}\n\n"],"names":["Breadcrumb","React","props","ref","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare"],"mappings":";;;;;AAMA,MAAMA,IAAaC,EAAM,WAKvB,CAAC,EAAE,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAAC,SAAI,KAAAD,GAAU,cAAW,cAAc,GAAGD,GAAO,CAAE;AAC7EF,EAAW,cAAc;AAEnB,MAAAK,IAAiBJ,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI;AAAA,MACT;AAAA,MACAD;AAAA,IACF;AAAA,IACC,GAAGJ;AAAA,EAAA;AACN,CACD;AACDG,EAAe,cAAc;AAEvB,MAAAG,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWI,EAAG,oCAAoCD,CAAS;AAAA,IAC1D,GAAGJ;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAc;AAEvB,MAAAC,IAAiBR,EAAM,WAK3B,CAAC,EAAE,SAAAS,GAAS,WAAAJ,GAAW,GAAGJ,EAAM,GAAGC,MAIjC,gBAAAC;AAAA,EAHWM,IAAUC,IAAO;AAAA,EAG3B;AAAA,IACC,KAAAR;AAAA,IACA,WAAWI,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,EAAA;AACN,CAEH;AACDO,EAAe,cAAc;AAEvB,MAAAG,IAAiBX,EAAM,WAG3B,CAAC,EAAE,WAAAK,GAAW,GAAGJ,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAWI,EAAG,+BAA+BD,CAAS;AAAA,IACrD,GAAGJ;AAAA,EAAA;AACN,CACD;AACDU,EAAe,cAAc;AAE7B,MAAMC,IAAsB,CAAC;AAAA,EAC3B,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,IAC3C,GAAGJ;AAAA,IAEH,UAAAY,uBAAaC,GAAa,CAAA,CAAA;AAAA,EAAA;AAC7B;AAEFF,EAAoB,cAAc;AAElC,MAAMG,IAAqB,CAAC;AAAA,EAC1B,WAAAV;AAAA,EACA,GAAGJ;AACL,MACE,gBAAAe;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,eAAY;AAAA,IAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,IACjE,GAAGJ;AAAA,IAEJ,UAAA;AAAA,MAAC,gBAAAE,EAAAc,GAAA,EAAU,WAAU,SAAS,CAAA;AAAA,MAC7B,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAChC;AAEFY,EAAmB,cAAc;"}
+{"version":3,"file":"breadcrumb.es.js","sources":["../../../lib/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { ChevronRight, DotSquare } from \"lucide-react\";\n\nexport function Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n\treturn <nav aria-label=\"breadcrumb\" {...props} />;\n}\n\nexport function BreadcrumbList({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-wrap items-center gap-1.5 break-words body text-muted-foreground sm:gap-2.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"inline-flex items-center gap-1.5\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"a\"> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tclassName={cn(\"transition-colors hover:text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbPage({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn(\"font-normal text-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"[&>svg]:size-icon\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nexport function BreadcrumbEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\t// TODO why 9??\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DotSquare className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n"],"names":["Breadcrumb","props","jsx","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","jsxs","DotSquare"],"mappings":";;;;AAMO,SAASA,EAAW,EAAE,GAAGC,KAAsC;AACrE,SAAQ,gBAAAC,EAAA,OAAA,EAAI,cAAW,cAAc,GAAGD,GAAO;AAChD;AAEO,SAASE,EAAe;AAAA,EAC9B,WAAAC;AAAA,EACA,GAAGH;AACJ,GAA+B;AAE7B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG;AAAA,QACV;AAAA,QACAD;AAAA,MACD;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASK,EAAe;AAAA,EAC9B,WAAAF;AAAA,EACA,GAAGH;AACJ,GAA+B;AAE7B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWG,EAAG,oCAAoCD,CAAS;AAAA,MAC1D,GAAGH;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASM,EAAe;AAAA,EAC9B,SAAAC;AAAA,EACA,WAAAJ;AAAA,EACA,GAAGH;AACJ,GAAsD;AAIpD,SAAA,gBAAAC;AAAA,IAHYM,IAAUC,IAAO;AAAA,IAG5B;AAAA,MACA,WAAWJ,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASS,EAAe;AAAA,EAC9B,WAAAN;AAAA,EACA,GAAGH;AACJ,GAAiC;AAE/B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWG,EAAG,+BAA+BD,CAAS;AAAA,MACrD,GAAGH;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASU,EAAoB;AAAA,EACnC,UAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGH;AACJ,GAA+B;AAE7B,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWG,EAAG,qBAAqBD,CAAS;AAAA,MAC3C,GAAGH;AAAA,MAEH,UAAAW,uBAAaC,GAAa,CAAA,CAAA;AAAA,IAAA;AAAA,EAC5B;AAEF;AAEO,SAASC,EAAmB;AAAA,EAClC,WAAAV;AAAA,EACA,GAAGH;AACJ,GAAiC;AAE/B,SAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,eAAY;AAAA,MAEZ,WAAWV,EAAG,2CAA2CD,CAAS;AAAA,MACjE,GAAGH;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAC,EAAAc,GAAA,EAAU,WAAU,SAAS,CAAA;AAAA,QAC7B,gBAAAd,EAAA,QAAA,EAAK,WAAU,WAAU,UAAI,OAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B;AAEF;"}

package/dist/components/ui/button.es.js

@@ -1,9 +1,8 @@
-import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "class-variance-authority";
-import * as d from "react";
-import { cn as f } from "../../utils/index.es.js";
-import { Loader as h } from "./loader.es.js";
-const p = y(
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
+import { cn as p } from "../../utils/index.es.js";
+import { Loader as x } from "./loader.es.js";
+const b = f(
   "btn inline-flex items-center justify-center font-medium transition-colors",
   {
     variants: {
@@ -28,30 +27,35 @@ const p = y(
       size: "default"
     }
   }
-), N = d.forwardRef(
-  ({ className: n, variant: s, size: a, loading: e, disabled: i, asChild: o = !1, icon: r, trailingIcon: c, children: l, ...x }, b) => {
-    const u = r ? r() : void 0, m = c ? c() : void 0;
-    return /* @__PURE__ */ v(
-      "button",
-      {
-        className: f(p({ variant: s, size: a, className: n }), "gap-2"),
-        ref: b,
-        disabled: e || i,
-        ...x,
-        children: [
-          e ? /* @__PURE__ */ t(h, {}) : u ? /* @__PURE__ */ t(u, { className: "size-icon opacity-60" }) : null,
-          l && /* @__PURE__ */ t("div", { className: "truncate", children: l }),
-          m ? /* @__PURE__ */ t(m, { className: "size-icon opacity-60" }) : null
-        ]
-      }
-    );
-  }
 );
-N.displayName = "Button";
-const R = d.forwardRef(({ variant: n, size: s, className: a, children: e, ...i }, o) => /* @__PURE__ */ t("a", { ref: o, className: f(p({ variant: n, size: s }), a), ...i, children: e }));
+function N({
+  className: r,
+  variant: c,
+  size: u,
+  loading: e,
+  disabled: l,
+  icon: n,
+  trailingIcon: i,
+  children: s,
+  ...m
+}) {
+  const o = n ? n() : void 0, a = i ? i() : void 0;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      className: p(b({ variant: c, size: u, className: r }), "gap-2"),
+      disabled: e || l,
+      ...m,
+      children: [
+        e ? /* @__PURE__ */ t(x, {}) : o ? /* @__PURE__ */ t(o, { className: "size-icon opacity-60" }) : null,
+        s && /* @__PURE__ */ t("div", { className: "truncate", children: s }),
+        a ? /* @__PURE__ */ t(a, { className: "size-icon opacity-60" }) : null
+      ]
+    }
+  );
+}
 export {
   N as Button,
-  R as ButtonLink,
-  p as buttonVariants
+  b as buttonVariants
 };
 //# sourceMappingURL=button.es.js.map

package/dist/components/ui/button.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/utils';\nimport { LucideIcon } from 'lucide-react';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva(\n\n  `btn inline-flex items-center justify-center font-medium transition-colors`,\n  {\n    variants: {\n      variant: {\n        default: 'btn-primary',\n        destructive: 'btn-destructive',\n        outline: 'btn-outline',\n        ghost: 'btn-ghost',\n        secondary: 'btn-secondary',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        xs: 'h-5 px-1 text-xs',\n        sm: 'h-7 px-2 text-sm',\n        default: 'input-dim',\n        icon: 'size-input',\n        lg: 'h-9 px-6 body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  icon?: (() => LucideIcon);\n  trailingIcon?: (() => LucideIcon)\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, loading, disabled, asChild = false, icon, trailingIcon, children, ...props },\n    ref,\n  ) => {\n    const Icon = icon ? icon() : undefined;\n    const TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n    return (\n      <button\n        className={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Show loader when loading, otherwise show icon if present */}\n        {loading ? <Loader /> : Icon ? <Icon className=\"size-icon opacity-60\" /> : null}\n        {children && <div className='truncate'>{children}</div>}\n        {TrailingIcon ? <TrailingIcon className=\"size-icon opacity-60\" /> : null}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button'; // Set display name for better debugging\n\n\nexport const ButtonLink = React.forwardRef<HTMLAnchorElement, React.ComponentPropsWithoutRef<\"a\"> & VariantProps<typeof buttonVariants>>(({ variant, size, className, children, ...props }, ref) => {\n  return (\n    <a ref={ref} className={cn(buttonVariants({ variant: variant, size: size }), className)} {...props}>\n      {children}\n    </a>\n  );\n});"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","trailingIcon","children","props","ref","Icon","TrailingIcon","jsxs","cn","jsx","Loader","ButtonLink"],"mappings":";;;;;AAOO,MAAMA,IAAiBC;AAAA,EAE5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IAER;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAWaC,IAASC,EAAM;AAAA,EAC1B,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,IAAU,IAAO,MAAAC,GAAM,cAAAC,GAAc,UAAAC,GAAU,GAAGC,EAAA,GACjGC,MACG;AACG,UAAAC,IAAOL,IAAOA,EAAA,IAAS,QACvBM,IAAeL,IAAeA,EAAA,IAAiB;AAGnD,WAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,QACnE,KAAAU;AAAA,QACA,UAAUP,KAAWC;AAAA,QACpB,GAAGK;AAAA,QAGH,UAAA;AAAA,UAAUN,IAAA,gBAAAY,EAACC,KAAO,IAAKL,sBAAQA,GAAK,EAAA,WAAU,wBAAuB,IAAK;AAAA,UAC1EH,KAAY,gBAAAO,EAAC,OAAI,EAAA,WAAU,YAAY,UAAAP,GAAS;AAAA,UAChDI,IAAe,gBAAAG,EAACH,GAAa,EAAA,WAAU,uBAAuB,CAAA,IAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACtE;AAAA,EAAA;AAGN;AAEAd,EAAO,cAAc;AAGd,MAAMmB,IAAalB,EAAM,WAAyG,CAAC,EAAE,SAAAE,GAAS,MAAAC,GAAM,WAAAF,GAAW,UAAAQ,GAAU,GAAGC,EAAM,GAAGC,MAEvL,gBAAAK,EAAA,KAAA,EAAE,KAAAL,GAAU,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAkB,MAAAC,EAAY,CAAA,GAAGF,CAAS,GAAI,GAAGS,GAC1F,UAAAD,GACH,CAEH;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { Loader } from \"./loader\";\n\nexport const buttonVariants = cva(\n\t`btn inline-flex items-center justify-center font-medium transition-colors`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"btn-primary\",\n\t\t\t\tdestructive: \"btn-destructive\",\n\t\t\t\toutline: \"btn-outline\",\n\t\t\t\tghost: \"btn-ghost\",\n\t\t\t\tsecondary: \"btn-secondary\",\n\t\t\t\tlink: \"text-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\txs: \"h-5 px-1 text-xs\",\n\t\t\t\tsm: \"h-7 px-2 text-sm\",\n\t\t\t\tdefault: \"input-dim\",\n\t\t\t\ticon: \"size-input\",\n\t\t\t\tlg: \"h-9 px-6 body\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ComponentProps<\"button\">,\n\t\tVariantProps<typeof buttonVariants> {\n\tloading?: boolean;\n\ticon?: () => LucideIcon;\n\ttrailingIcon?: () => LucideIcon;\n}\n\nexport function Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tloading,\n\tdisabled,\n\ticon,\n\ttrailingIcon,\n\tchildren,\n\t...props\n}: ButtonProps) {\n\tconst Icon = icon ? icon() : undefined;\n\tconst TrailingIcon = trailingIcon ? trailingIcon() : undefined;\n\n\treturn (\n\t\t<button\n\t\t\tclassName={cn(buttonVariants({ variant, size, className }), \"gap-2\")}\n\t\t\tdisabled={loading || disabled}\n\t\t\t{...props}\n\t\t>\n\t\t\t{/* Show loader when loading, otherwise show icon if present */}\n\t\t\t{loading ? (\n\t\t\t\t<Loader />\n\t\t\t) : Icon ? (\n\t\t\t\t<Icon className=\"size-icon opacity-60\" />\n\t\t\t) : null}\n\t\t\t{children && <div className=\"truncate\">{children}</div>}\n\t\t\t{TrailingIcon ? <TrailingIcon className=\"size-icon opacity-60\" /> : null}\n\t\t</button>\n\t);\n}\n"],"names":["buttonVariants","cva","Button","className","variant","size","loading","disabled","icon","trailingIcon","children","props","Icon","TrailingIcon","jsxs","cn","jsx","Loader"],"mappings":";;;;AAOO,MAAMA,IAAiBC;AAAA,EAC7B;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACP;AAEF;AAUO,SAASC,EAAO;AAAA,EACtB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAgB;AACT,QAAAC,IAAOJ,IAAOA,EAAA,IAAS,QACvBK,IAAeJ,IAAeA,EAAA,IAAiB;AAGpD,SAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAGf,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,GAAG,OAAO;AAAA,MACnE,UAAUG,KAAWC;AAAA,MACpB,GAAGI;AAAA,MAGH,UAAA;AAAA,QACAL,IAAA,gBAAAU,EAACC,KAAO,IACLL,sBACFA,GAAK,EAAA,WAAU,wBAAuB,IACpC;AAAA,QACHF,KAAY,gBAAAM,EAAC,OAAI,EAAA,WAAU,YAAY,UAAAN,GAAS;AAAA,QAChDG,IAAe,gBAAAG,EAACH,GAAa,EAAA,WAAU,uBAAuB,CAAA,IAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACrE;AAEF;"}