@cryptlex/web-components 2.0.2 → 3.1.0

package/dist/components/key-value-card/key-value-card.es.js

@@ -1,91 +1,63 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { Badge as c } from "../ui/badge.es.js";
-import "../ui/accordion.es.js";
-import "../ui/avatar.es.js";
-import "../ui/breadcrumb.es.js";
-import "../ui/button.es.js";
-import "../ui/calendar.es.js";
-import { Card as l, CardHeader as d, CardTitle as f, CardContent as h } from "../ui/card.es.js";
-import "../ui/chart.es.js";
-import "../ui/checkbox.es.js";
-import "@radix-ui/react-collapsible";
-import "../ui/command.es.js";
-import { CopyButton as x } from "../ui/copy-button.es.js";
-import "../ui/dialog.es.js";
-import "../ui/drawer.es.js";
-import "../ui/dropdown-menu.es.js";
-import "../ui/form.es.js";
-import "../ui/input.es.js";
-import "../ui/input-otp.es.js";
-import "../ui/label.es.js";
-import { Link as u } from "@tanstack/react-router";
-import "lucide-react";
-import "../ui/mutli-select.es.js";
-import "../ui/navigation-menu.es.js";
-import "../ui/pagination.es.js";
-import "../ui/password-input.es.js";
-import "../ui/popover.es.js";
-import "../ui/radio-group.es.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Badge as d } from "../ui/badge.es.js";
 import "react";
-import "../ui/select.es.js";
-import "../ui/separator.es.js";
-import "../ui/sheet.es.js";
-import "../ui/sidebar.es.js";
-import { Skeleton as y } from "../ui/skeleton.es.js";
-import "sonner";
-import "../ui/table.es.js";
-import "../ui/tabs.es.js";
-import "../ui/textarea.es.js";
-import "../ui/tooltip.es.js";
-import { FormatDate as w } from "../data-table/table-utils/date.es.js";
-const er = ({ data: n, label: s, fields: m }) => {
-  const a = (p, r) => {
-    if (p.transform)
-      return p.transform(r);
+import "../../utils/form-context.es.js";
+import "../../utils/form-hook.es.js";
+import { Card as i, CardHeader as f, CardTitle as m, CardContent as h } from "../ui/card.es.js";
+import { Skeleton as x } from "../ui/skeleton.es.js";
+import { CopyButton as u } from "../ui/copy-button.es.js";
+import { FormatDate as y } from "../data-table/table-utils/date.es.js";
+const S = ({
+  data: c,
+  label: o,
+  fields: l
+}) => {
+  const p = (n, r) => {
+    if (n.transform)
+      return n.transform(r);
     if (r == null)
       return "-";
-    switch (p.type) {
+    switch (n.type) {
       case "link":
-        return /* @__PURE__ */ t(u, { to: r, children: r });
       case "copyButton":
-        return /* @__PURE__ */ e("span", { className: "flex items-center gap-2", children: [
+        return /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
           r,
-          /* @__PURE__ */ t(x, { value: r })
+          /* @__PURE__ */ e(u, { value: r })
         ] });
       case "date":
-        return /* @__PURE__ */ t("span", { children: w(r) });
+        return /* @__PURE__ */ e("span", { children: y(r) });
       case "yesno":
-        return /* @__PURE__ */ t("span", { children: r ? "Yes" : "No" });
+        return /* @__PURE__ */ e("span", { children: r ? "Yes" : "No" });
       case "badge":
-        return /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1", children: Array.isArray(r) ? r.map((o, i) => /* @__PURE__ */ t(c, { children: typeof o == "object" ? (o == null ? void 0 : o.name) || (o == null ? void 0 : o.id) : o }, i)) : r });
+        return /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: Array.isArray(r) ? r.map((s, a) => /* @__PURE__ */ e(d, { children: typeof s == "object" ? (s == null ? void 0 : s.name) || (s == null ? void 0 : s.id) : s }, a)) : r });
       case "boolean":
-        return /* @__PURE__ */ t("span", { children: r.toString() });
+        return /* @__PURE__ */ e("span", { children: r.toString() });
       default:
-        return /* @__PURE__ */ t("span", { children: r });
+        return /* @__PURE__ */ e("span", { children: r });
     }
   };
-  return /* @__PURE__ */ e(l, { children: [
-    /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(f, { children: s }) }),
-    /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: n ? m.map((p) => {
-      const r = p.accessor ? p.accessor.split(".").reduce(
-        (o, i) => o && i in o ? o[i] : void 0,
-        n
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(m, { children: o }) }),
+    /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: c ? l.map((n) => {
+      const r = n.accessor ? n.accessor.split(".").reduce(
+        (s, a) => s && a in s ? s[a] : void 0,
+        c
       ) : null;
-      return /* @__PURE__ */ e(
+      return /* @__PURE__ */ t(
         "div",
         {
           className: "flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0",
           children: [
-            /* @__PURE__ */ t("p", { className: "text-sm flex w-full justify-start col-span-1", children: p.display }),
-            /* @__PURE__ */ t("div", { className: "text-sm flex w-full justify-start text-wrap break-all", children: a(p, r) })
+            /* @__PURE__ */ e("p", { className: "text-sm flex w-full justify-start col-span-1", children: n.display }),
+            /* @__PURE__ */ e("div", { className: "text-sm flex w-full justify-start text-wrap break-all", children: p(n, r) })
           ]
         },
-        p.display
+        n.display
       );
-    }) : m.map((p, r) => /* @__PURE__ */ t(y, { className: "h-12 w-full" }, r)) }) })
+    }) : l.map((n, r) => /* @__PURE__ */ e(x, { className: "h-12 w-full" }, r)) }) })
   ] });
 };
 export {
-  er as KeyValueCard
+  S as KeyValueCard
 };
 //# sourceMappingURL=key-value-card.es.js.map

package/dist/components/key-value-card/key-value-card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-value-card.es.js","sources":["../../../lib/components/key-value-card/key-value-card.tsx"],"sourcesContent":["import { Badge } from '@/components/ui/badge';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CopyButton,\n  FormatDate,\n  Skeleton,\n} from '@/index';\nimport { Link } from '@tanstack/react-router';\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n  ? {\n    [K in keyof T]: K extends string | number\n    ? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}`\n    : never;\n  }[keyof T]\n  : never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n  display: string;\n  accessor: NestedKeyOf<T>;\n  type?: 'text' | 'badge' | 'boolean' | 'date' | 'yesno' | 'copyButton' | 'link'; // Field types\n  transform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n  data: T; // Ensure data is of type T\n  label: string;\n  fields: DisplayField<T>[];\n  className?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({ data, label, fields }: KeyValueCardProps<T>) => {\n  const renderValue = (field: DisplayField<T>, value: any) => {\n    if (field.transform) {\n      return field.transform(value);\n    }\n    if (value === undefined || value === null) {\n      return '-';\n    }\n    switch (field.type) {\n      case 'link':\n        return <Link to={value}>{value}</Link>;\n      case 'copyButton':\n        return <span className='flex items-center gap-2'>{value}<CopyButton value={value} /></span>;\n      case 'date':\n        return <span>{FormatDate(value)}</span>;\n      case 'yesno':\n        return <span>{value ? 'Yes' : 'No'}</span>;\n      case 'badge':\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {Array.isArray(value)\n              ? value.map((item, index) => (\n                <Badge key={index}>\n                  {typeof item === 'object' ? item?.name || item?.id : item}\n                </Badge>\n              ))\n              : value}\n          </div>\n        );\n\n      case 'boolean':\n        return <span>{value.toString()}</span>;\n      default:\n        return <span>{value}</span>;\n    }\n  };\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle>{label}</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-col gap-2\">\n          {data\n            ? fields.map((field) => {\n              // TODO: improve this\n              const value = field.accessor\n                ? field.accessor\n                  .split('.')\n                  .reduce(\n                    (obj, key) => (obj && key in obj ? obj[key] : undefined),\n                    data as Record<string, any>,\n                  )\n                : null;\n\n              return (\n                <div\n                  key={field.display}\n                  className=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n                >\n                  <p className=\"text-sm flex w-full justify-start col-span-1\">{field.display}</p>\n                  <div className=\"text-sm flex w-full justify-start text-wrap break-all\">\n                    {renderValue(field, value)}\n                  </div>\n                </div>\n              );\n            })\n            : fields.map((_, index) => <Skeleton key={index} className=\"h-12 w-full\" />)}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsx","Link","jsxs","CopyButton","FormatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAMA,KAAe,CAAe,EAAE,MAAAC,GAAM,OAAAC,GAAO,QAAAC,QAAmC;AACrF,QAAAC,IAAc,CAACC,GAAwBC,MAAe;AAC1D,QAAID,EAAM;AACD,aAAAA,EAAM,UAAUC,CAAK;AAE1B,QAAuBA,KAAU;AAC5B,aAAA;AAET,YAAQD,EAAM,MAAM;AAAA,MAClB,KAAK;AACH,eAAQ,gBAAAE,EAAAC,GAAA,EAAK,IAAIF,GAAQ,UAAMA,GAAA;AAAA,MACjC,KAAK;AACI,eAAA,gBAAAG,EAAC,QAAK,EAAA,WAAU,2BAA2B,UAAA;AAAA,UAAAH;AAAA,UAAM,gBAAAC,EAACG,KAAW,OAAAJ,EAAc,CAAA;AAAA,QAAA,GAAE;AAAA,MACtF,KAAK;AACH,eAAQ,gBAAAC,EAAA,QAAA,EAAM,UAAWI,EAAAL,CAAK,GAAE;AAAA,MAClC,KAAK;AACH,eAAQ,gBAAAC,EAAA,QAAA,EAAM,UAAQD,IAAA,QAAQ,MAAK;AAAA,MACrC,KAAK;AAED,eAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,wBACZ,UAAA,MAAM,QAAQD,CAAK,IAChBA,EAAM,IAAI,CAACM,GAAMC,wBAChBC,GACE,EAAA,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAD3C,GAAAC,CAEZ,CACD,IACCP,EACN,CAAA;AAAA,MAGJ,KAAK;AACH,eAAQ,gBAAAC,EAAA,QAAA,EAAM,UAAMD,EAAA,SAAA,GAAW;AAAA,MACjC;AACS,eAAA,gBAAAC,EAAC,UAAM,UAAMD,EAAA,CAAA;AAAA,IAAA;AAAA,EAE1B;AAEA,2BACGS,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAR,EAACS,GACC,EAAA,UAAA,gBAAAT,EAACU,GAAW,EAAA,UAAAf,EAAM,CAAA,GACpB;AAAA,IACA,gBAAAK,EAACW,GACC,EAAA,UAAA,gBAAAX,EAAC,OAAI,EAAA,WAAU,uBACZ,UACGN,IAAAE,EAAO,IAAI,CAACE,MAAU;AAEtB,YAAMC,IAAQD,EAAM,WAChBA,EAAM,SACL,MAAM,GAAG,EACT;AAAA,QACC,CAACc,GAAKC,MAASD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAC9CnB;AAAA,MAAA,IAEF;AAGF,aAAA,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAF,EAAC,KAAE,EAAA,WAAU,gDAAgD,UAAAF,EAAM,SAAQ;AAAA,8BAC1E,OAAI,EAAA,WAAU,yDACZ,UAAYD,EAAAC,GAAOC,CAAK,EAC3B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QANKD,EAAM;AAAA,MAOb;AAAA,IAEH,CAAA,IACCF,EAAO,IAAI,CAACkB,GAAGR,MAAW,gBAAAN,EAAAe,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAAE,EAC/E,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"key-value-card.es.js","sources":["../../../lib/components/key-value-card/key-value-card.tsx"],"sourcesContent":["import { Badge } from \"@/components/ui/badge\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n\tCopyButton,\n\tFormatDate,\n\tSkeleton,\n} from \"@/index\";\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n\t? {\n\t\t\t[K in keyof T]: K extends string | number\n\t\t\t\t? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}`\n\t\t\t\t: never;\n\t\t}[keyof T]\n\t: never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n\tdisplay: string;\n\taccessor: NestedKeyOf<T>;\n\ttype?:\n\t\t| \"text\"\n\t\t| \"badge\"\n\t\t| \"boolean\"\n\t\t| \"date\"\n\t\t| \"yesno\"\n\t\t| \"copyButton\"\n\t\t| \"link\"; // Field types\n\ttransform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n\tdata: T; // Ensure data is of type T\n\tlabel: string;\n\tfields: DisplayField<T>[];\n\tclassName?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({\n\tdata,\n\tlabel,\n\tfields,\n}: KeyValueCardProps<T>) => {\n\tconst renderValue = (field: DisplayField<T>, value: any) => {\n\t\tif (field.transform) {\n\t\t\treturn field.transform(value);\n\t\t}\n\t\tif (value === undefined || value === null) {\n\t\t\treturn \"-\";\n\t\t}\n\t\tswitch (field.type) {\n\t\t\tcase \"link\":\n\t\t\t// return <Link to={value}>{value}</Link>;\n\t\t\tcase \"copyButton\":\n\t\t\t\treturn (\n\t\t\t\t\t<span className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\t<CopyButton value={value} />\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\tcase \"date\":\n\t\t\t\treturn <span>{FormatDate(value)}</span>;\n\t\t\tcase \"yesno\":\n\t\t\t\treturn <span>{value ? \"Yes\" : \"No\"}</span>;\n\t\t\tcase \"badge\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1\">\n\t\t\t\t\t\t{Array.isArray(value)\n\t\t\t\t\t\t\t? value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t<Badge key={index}>\n\t\t\t\t\t\t\t\t\t\t{typeof item === \"object\" ? item?.name || item?.id : item}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t: value}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\n\t\t\tcase \"boolean\":\n\t\t\t\treturn <span>{value.toString()}</span>;\n\t\t\tdefault:\n\t\t\t\treturn <span>{value}</span>;\n\t\t}\n\t};\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{label}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t{data\n\t\t\t\t\t\t? fields.map((field) => {\n\t\t\t\t\t\t\t\t// TODO: improve this\n\t\t\t\t\t\t\t\tconst value = field.accessor\n\t\t\t\t\t\t\t\t\t? field.accessor\n\t\t\t\t\t\t\t\t\t\t\t.split(\".\")\n\t\t\t\t\t\t\t\t\t\t\t.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t(obj, key) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tobj && key in obj ? obj[key] : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\tdata as Record<string, any>,\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={field.display}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<p className=\"text-sm flex w-full justify-start col-span-1\">\n\t\t\t\t\t\t\t\t\t\t\t{field.display}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm flex w-full justify-start text-wrap break-all\">\n\t\t\t\t\t\t\t\t\t\t\t{renderValue(field, value)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: fields.map((_, index) => (\n\t\t\t\t\t\t\t\t<Skeleton key={index} className=\"h-12 w-full\" />\n\t\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsxs","jsx","CopyButton","FormatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;;;;AA0CO,MAAMA,IAAe,CAAe;AAAA,EAC1C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACD,MAA4B;AACrB,QAAAC,IAAc,CAACC,GAAwBC,MAAe;AAC3D,QAAID,EAAM;AACF,aAAAA,EAAM,UAAUC,CAAK;AAEzB,QAAuBA,KAAU;AAC7B,aAAA;AAER,YAAQD,EAAM,MAAM;AAAA,MACnB,KAAK;AAAA,MAEL,KAAK;AAEH,eAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,2BACd,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAE,EAACC,KAAW,OAAAH,EAAc,CAAA;AAAA,QAAA,GAC3B;AAAA,MAEF,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAWE,EAAAJ,CAAK,GAAE;AAAA,MACjC,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAQF,IAAA,QAAQ,MAAK;AAAA,MACpC,KAAK;AAEH,eAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,wBACb,UAAA,MAAM,QAAQF,CAAK,IACjBA,EAAM,IAAI,CAACK,GAAMC,wBAChBC,GACC,EAAA,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAD1C,GAAAC,CAEZ,CACA,IACAN,EACJ,CAAA;AAAA,MAGF,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAMF,EAAA,SAAA,GAAW;AAAA,MAChC;AACQ,eAAA,gBAAAE,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,IAAA;AAAA,EAEvB;AAEA,2BACEQ,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACO,GACA,EAAA,UAAA,gBAAAP,EAACQ,GAAW,EAAA,UAAAd,EAAM,CAAA,GACnB;AAAA,IACA,gBAAAM,EAACS,GACA,EAAA,UAAA,gBAAAT,EAAC,OAAI,EAAA,WAAU,uBACb,UACEP,IAAAE,EAAO,IAAI,CAACE,MAAU;AAEtB,YAAMC,IAAQD,EAAM,WACjBA,EAAM,SACL,MAAM,GAAG,EACT;AAAA,QACA,CAACa,GAAKC,MACLD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAChClB;AAAA,MAAA,IAED;AAGF,aAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAE,EAAA,WAAU,gDACX,UAAAH,EAAM,SACR;AAAA,8BACC,OAAI,EAAA,WAAU,yDACb,UAAYD,EAAAC,GAAOC,CAAK,EAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QARKD,EAAM;AAAA,MASZ;AAAA,IAED,CAAA,IACAF,EAAO,IAAI,CAACiB,GAAGR,MACd,gBAAAJ,EAAAa,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAC9C,EACJ,CAAA,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}

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

@@ -1,47 +1,52 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { cn as i } from "../../utils/index.es.js";
-import * as e from "@radix-ui/react-accordion";
-import { ChevronDownIcon as c } from "@radix-ui/react-icons";
-import * as s from "react";
-const g = e.Root, m = s.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
-  e.Item,
-  {
-    ref: r,
-    className: i("border-b", o),
-    ...t
-  }
-));
-m.displayName = "AccordionItem";
-const l = s.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
-  e.Trigger,
-  {
-    ref: n,
-    className: i(
-      "flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
-    ),
-    ...r,
-    children: [
-      t,
-      /* @__PURE__ */ a(c, { className: "size-icon shrink-0 text-muted-foreground transition-transform duration-200" })
-    ]
-  }
-) }));
-l.displayName = e.Trigger.displayName;
-const f = s.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(
-  e.Content,
-  {
-    ref: n,
-    className: "overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...r,
-    children: /* @__PURE__ */ a("div", { className: i("pb-4 pt-0", o), children: t })
-  }
-));
-f.displayName = e.Content.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 {
-  g as Accordion,
-  f as AccordionContent,
-  m as AccordionItem,
-  l 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 { ChevronDownIcon } from \"@radix-ui/react-icons\"\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      <ChevronDownIcon 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","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;;AAKA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,YAAYJ,CAAS;AAAA,IAClC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACnC,gBAAAC,EAAAN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAU;AAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACD,gBAAAH,EAACK,GAAgB,EAAA,WAAU,6EAA6E,CAAA;AAAA,IAAA;AAAA,EAAA;AAC1G,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAEpD,MAAAY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpC,gBAAAC;AAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAS,CAAA;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
+{"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 * as a from "@radix-ui/react-avatar";
-import * as t from "react";
-import { cn as m } from "../../utils/index.es.js";
-const o = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Root,
-  {
-    ref: l,
-    className: m("relative flex size-10 shrink-0 overflow-hidden rounded-full", e),
-    ...r
-  }
-));
-o.displayName = a.Root.displayName;
-const i = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Image,
-  {
-    ref: l,
-    className: m("aspect-square size-full", e),
-    ...r
-  }
-));
-i.displayName = a.Image.displayName;
-const f = t.forwardRef(({ className: e, ...r }, l) => /* @__PURE__ */ s(
-  a.Fallback,
-  {
-    ref: l,
-    className: m(
-      "flex size-full items-center justify-center uppercase rounded-full bg-muted",
-      e
-    ),
-    ...r
-  }
-));
-f.displayName = a.Fallback.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 {
-  o as Avatar,
-  f as AvatarFallback,
-  i 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\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","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAMM,MAAAA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IAEA,WAAWG,EAAG,+DAA+DL,CAAS;AAAA,IACrF,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAO,cAAcM,EAAgB,KAAK;AAEpC,MAAAE,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,2BAA2BL,CAAS;AAAA,IACjD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcF,EAAgB,MAAM;AAE1C,MAAAG,IAAiBR,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAe,cAAcH,EAAgB,SAAS;"}
+{"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 e } from "react/jsx-runtime";
-import { cn as r } from "../../utils/index.es.js";
-function c({ className: n, ...o }) {
-  return /* @__PURE__ */ e("div", { className: r("text-foreground/80 leading-none select-none border px-2.5 py-1 text-caption focus:outline-hidden focus:ring-1 focus:ring-ring", n), ...o });
+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
+    }
+  );
 }
 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\nfunction Badge({ className, ...props }: BadgeProps) {\n  return (\n    <div className={cn(\"text-foreground/80 leading-none select-none border px-2.5 py-1 text-caption focus:outline-hidden focus:ring-1 focus:ring-ring\", className)} {...props} />\n  )\n}\n\nexport { Badge }\n"],"names":["Badge","className","props","jsx","cn"],"mappings":";;AAKA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAqB;AAEhD,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,iIAAiIH,CAAS,GAAI,GAAGC,GAAO;AAE/K;"}
+{"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 { jsx as s, jsxs as m } from "react/jsx-runtime";
-import { DotsHorizontalIcon as n, ChevronRightIcon as c } from "@radix-ui/react-icons";
-import { Slot as d } from "@radix-ui/react-slot";
-import * as t from "react";
-import { cn as o } from "../../utils/index.es.js";
-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 }, i) => /* @__PURE__ */ s(
-  r ? d : "a",
-  {
-    ref: i,
-    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(c, {})
-  }
-);
-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__ */ m(
-  "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