@cryptlex/web-components 1.3.2 → 1.3.4

package/dist/components/sidebar/nav-main.es.js

@@ -0,0 +1,76 @@
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { Collapsible as u, CollapsibleTrigger as b, CollapsibleContent as p } from "../ui/collapsible.es.js";
+import { useSidebar as g, SidebarGroup as S, SidebarMenu as f, SidebarMenuItem as o, SidebarMenuButton as i, SidebarMenuSub as C, SidebarMenuSubItem as m, SidebarMenuSubButton as N } from "../ui/sidebar.es.js";
+import { Link as t } from "@tanstack/react-router";
+import { ChevronRight as v } from "lucide-react";
+import { useState as M } from "react";
+function T({ items: c }) {
+  const { setOpen: d } = g(), [a, s] = M(null), h = (e) => {
+    s((n) => n === e ? null : e);
+  };
+  return /* @__PURE__ */ l(S, { children: /* @__PURE__ */ l(f, { children: c.map(
+    (e) => e.chidren && e.chidren.length > 0 ? /* @__PURE__ */ l(
+      u,
+      {
+        asChild: !0,
+        open: a === e.label,
+        className: "group/collapsible",
+        children: /* @__PURE__ */ r(o, { children: [
+          /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ r(
+            i,
+            {
+              tooltip: e.label,
+              onClick: () => {
+                d(!0), h(e.label);
+              },
+              className: "hover:bg-neutral-5",
+              children: [
+                e.icon && /* @__PURE__ */ l(e.icon, {}),
+                /* @__PURE__ */ l("span", { children: e.label }),
+                /* @__PURE__ */ l(
+                  v,
+                  {
+                    className: `ml-auto transition-transform duration-200 ${a === e.label ? "rotate-90" : ""}`
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l(C, { children: e.chidren.map((n) => /* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ r(
+            t,
+            {
+              activeProps: {
+                className: "bg-neutral-4 font-bold"
+              },
+              className: "text-neutral-10 no-underline  hover:bg-neutral-5",
+              to: n.path,
+              children: [
+                n.icon && /* @__PURE__ */ l(n.icon, {}),
+                /* @__PURE__ */ l("span", { children: n.label })
+              ]
+            }
+          ) }) }, n.label)) }) })
+        ] })
+      },
+      e.label
+    ) : /* @__PURE__ */ l(o, { children: /* @__PURE__ */ l(i, { asChild: !0, tooltip: e.label, children: /* @__PURE__ */ r(
+      t,
+      {
+        activeProps: {
+          className: "bg-neutral-4 font-bold"
+          // Add active styling here
+        },
+        className: "no-underline text-neutral-10 flex items-center hover:bg-neutral-5",
+        to: e.path,
+        children: [
+          e.icon && /* @__PURE__ */ l(e.icon, {}),
+          /* @__PURE__ */ l("span", { children: e.label })
+        ]
+      }
+    ) }) }, e.label)
+  ) }) });
+}
+export {
+  T as NavMain
+};
+//# sourceMappingURL=nav-main.es.js.map

package/dist/components/sidebar/nav-main.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-main.es.js","sources":["../../../lib/components/sidebar/nav-main.tsx"],"sourcesContent":["import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\nimport {\n  SidebarGroup,\n  SidebarMenu,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  useSidebar,\n} from '@/components/ui/sidebar';\nimport { Link } from '@tanstack/react-router';\nimport { ChevronRight, type LucideIcon } from 'lucide-react';\nimport { useState } from 'react';\n\nexport type NavItem = {\n  path: string;\n  label: string;\n  display: boolean;\n  icon: LucideIcon;\n  chidren?: { path: string; label: string; icon: LucideIcon; display: boolean }[];\n};\n\nexport function NavMain({ items }: { items: NavItem[] }) {\n  const { setOpen } = useSidebar();\n  const [openItem, setOpenItem] = useState<string | null>(null); // Tracks the currently open item\n\n  const handleToggle = (title: string) => {\n    setOpenItem((prev) => (prev === title ? null : title)); // Toggle the open state\n  };\n\n  return (\n    <SidebarGroup>\n      <SidebarMenu>\n        {items.map((item) =>\n          item.chidren && item.chidren.length > 0 ? (\n            <Collapsible\n              key={item.label}\n              asChild\n              open={openItem === item.label}\n              className=\"group/collapsible\"\n            >\n              <SidebarMenuItem>\n                <CollapsibleTrigger asChild>\n                  <SidebarMenuButton\n                    tooltip={item.label}\n                    onClick={() => {\n                      setOpen(true);\n                      handleToggle(item.label);\n                    }}\n                    className=\"hover:bg-neutral-5\"\n                  >\n                    {item.icon && <item.icon />}\n                    <span>{item.label}</span>\n                    <ChevronRight\n                      className={`ml-auto transition-transform duration-200 ${\n                        openItem === item.label ? 'rotate-90' : ''\n                      }`}\n                    />\n                  </SidebarMenuButton>\n                </CollapsibleTrigger>\n                <CollapsibleContent>\n                  <SidebarMenuSub>\n                    {item.chidren.map((subItem) => (\n                      <SidebarMenuSubItem key={subItem.label}>\n                        <SidebarMenuSubButton asChild>\n                          <Link\n                            activeProps={{\n                              className: 'bg-neutral-4 font-bold',\n                            }}\n                            className=\"text-neutral-10 no-underline  hover:bg-neutral-5\"\n                            to={subItem.path}\n                          >\n                            {subItem.icon && <subItem.icon />}\n                            <span>{subItem.label}</span>\n                          </Link>\n                        </SidebarMenuSubButton>\n                      </SidebarMenuSubItem>\n                    ))}\n                  </SidebarMenuSub>\n                </CollapsibleContent>\n              </SidebarMenuItem>\n            </Collapsible>\n          ) : (\n            <SidebarMenuItem key={item.label}>\n              <SidebarMenuButton asChild tooltip={item.label}>\n                <Link\n                  activeProps={{\n                    className: 'bg-neutral-4 font-bold', // Add active styling here\n                  }}\n                  className=\"no-underline text-neutral-10 flex items-center hover:bg-neutral-5\"\n                  to={item.path}\n                >\n                  {item.icon && <item.icon />}\n                  <span>{item.label}</span>\n                </Link>\n              </SidebarMenuButton>\n            </SidebarMenuItem>\n          ),\n        )}\n      </SidebarMenu>\n    </SidebarGroup>\n  );\n}\n"],"names":["NavMain","items","setOpen","useSidebar","openItem","setOpenItem","useState","handleToggle","title","prev","jsx","SidebarGroup","SidebarMenu","item","Collapsible","SidebarMenuItem","CollapsibleTrigger","jsxs","SidebarMenuButton","ChevronRight","CollapsibleContent","SidebarMenuSub","subItem","SidebarMenuSubItem","SidebarMenuSubButton","Link"],"mappings":";;;;;;AAuBgB,SAAAA,EAAQ,EAAE,OAAAC,KAA+B;AACjD,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAW,GACzB,CAACC,GAAUC,CAAW,IAAIC,EAAwB,IAAI,GAEtDC,IAAe,CAACC,MAAkB;AACtC,IAAAH,EAAY,CAACI,MAAUA,MAASD,IAAQ,OAAOA,CAAM;AAAA,EACvD;AAEA,SACG,gBAAAE,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,GAAA,EACE,UAAMX,EAAA;AAAA,IAAI,CAACY,MACVA,EAAK,WAAWA,EAAK,QAAQ,SAAS,IACpC,gBAAAH;AAAA,MAACI;AAAA,MAAA;AAAA,QAEC,SAAO;AAAA,QACP,MAAMV,MAAaS,EAAK;AAAA,QACxB,WAAU;AAAA,QAEV,4BAACE,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAM,GAAA,EAAmB,SAAO,IACzB,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAASL,EAAK;AAAA,cACd,SAAS,MAAM;AACb,gBAAAX,EAAQ,EAAI,GACZK,EAAaM,EAAK,KAAK;AAAA,cACzB;AAAA,cACA,WAAU;AAAA,cAET,UAAA;AAAA,gBAAAA,EAAK,QAAQ,gBAAAH,EAACG,EAAK,MAAL,CAAA,CAAU;AAAA,gBACzB,gBAAAH,EAAC,QAAM,EAAA,UAAAG,EAAK,MAAM,CAAA;AAAA,gBAClB,gBAAAH;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,WAAW,6CACTf,MAAaS,EAAK,QAAQ,cAAc,EAC1C;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA,GAEJ;AAAA,UACC,gBAAAH,EAAAU,GAAA,EACC,UAAC,gBAAAV,EAAAW,GAAA,EACE,YAAK,QAAQ,IAAI,CAACC,MAChB,gBAAAZ,EAAAa,GAAA,EACC,UAAC,gBAAAb,EAAAc,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAP;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,aAAa;AAAA,gBACX,WAAW;AAAA,cACb;AAAA,cACA,WAAU;AAAA,cACV,IAAIH,EAAQ;AAAA,cAEX,UAAA;AAAA,gBAAAA,EAAQ,QAAQ,gBAAAZ,EAACY,EAAQ,MAAR,CAAA,CAAa;AAAA,gBAC/B,gBAAAZ,EAAC,QAAM,EAAA,UAAAY,EAAQ,MAAM,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,aAEzB,EAZuB,GAAAA,EAAQ,KAajC,CACD,EACH,CAAA,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,MA5CKT,EAAK;AAAA,IA6CZ,sBAECE,GACC,EAAA,UAAA,gBAAAL,EAACQ,KAAkB,SAAO,IAAC,SAASL,EAAK,OACvC,UAAA,gBAAAI;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,UACX,WAAW;AAAA;AAAA,QACb;AAAA,QACA,WAAU;AAAA,QACV,IAAIZ,EAAK;AAAA,QAER,UAAA;AAAA,UAAAA,EAAK,QAAQ,gBAAAH,EAACG,EAAK,MAAL,CAAA,CAAU;AAAA,UACzB,gBAAAH,EAAC,QAAM,EAAA,UAAAG,EAAK,MAAM,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEtB,EAZoB,GAAAA,EAAK,KAa3B;AAAA,KAGN,EACF,CAAA;AAEJ;"}

package/dist/components/sidebar/sidebar.es.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Sidebar as e, SidebarContent as o } from "../ui/sidebar.es.js";
+import { NavMain as c } from "./nav-main.es.js";
+function t({ data: i, ...a }) {
+  return /* @__PURE__ */ r(e, { collapsible: "icon", ...a, className: "bg-card h-full", children: /* @__PURE__ */ r(o, { className: "bg-card", children: /* @__PURE__ */ r(c, { items: i }) }) });
+}
+export {
+  t as SideBar
+};
+//# sourceMappingURL=sidebar.es.js.map

package/dist/components/sidebar/sidebar.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.es.js","sources":["../../../lib/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Sidebar, SidebarContent } from '@/components/ui/sidebar';\nimport * as React from 'react';\nimport { type NavItem, NavMain } from './nav-main';\n\ninterface SidebarProps extends React.ComponentProps<typeof Sidebar> {\n  data: NavItem[];\n}\n\nexport function SideBar({ data, ...props }: SidebarProps) {\n  return (\n    <Sidebar collapsible=\"icon\" {...props} className=\"bg-card h-full\">\n      {/* Sidebar Content */}\n      <SidebarContent className=\"bg-card\">\n        <NavMain items={data} />\n      </SidebarContent>\n    </Sidebar>\n  );\n}\n"],"names":["SideBar","data","props","Sidebar","jsx","SidebarContent","NavMain"],"mappings":";;;AAQO,SAASA,EAAQ,EAAE,MAAAC,GAAM,GAAGC,KAAuB;AACxD,2BACGC,GAAQ,EAAA,aAAY,QAAQ,GAAGD,GAAO,WAAU,kBAE/C,UAAC,gBAAAE,EAAAC,GAAA,EAAe,WAAU,WACxB,UAAA,gBAAAD,EAACE,KAAQ,OAAOL,EAAA,CAAM,EACxB,CAAA,GACF;AAEJ;"}

package/dist/components/static-data-table/data-table.es.js

@@ -0,0 +1,30 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { Table as s, TableHeader as x, TableRow as p, TableCell as a, TableBody as f } from "../ui/table.es.js";
+import { Badge as g } from "lucide-react";
+import { getResourceDisplayName as u, getValueFromData as v } from "../data-table/table-utils/constants.es.js";
+function b({ accessors: d, data: m, affectedData: t }) {
+  return /* @__PURE__ */ e("div", { className: "relative overflow-hidden border max-h-[50vh]", children: /* @__PURE__ */ e("div", { className: "overflow-y-auto max-h-[50vh]", children: /* @__PURE__ */ n(s, { children: [
+    /* @__PURE__ */ e(x, { className: "text-left align-middle uppercase sticky top-0 z-10 bg-card", children: /* @__PURE__ */ n(p, { children: [
+      d.map((r) => /* @__PURE__ */ e(
+        a,
+        {
+          className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card",
+          children: u(String(r), "admin-portal")
+        },
+        String(r)
+      )),
+      t && /* @__PURE__ */ e(a, { className: "px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card", children: "Affected" })
+    ] }) }),
+    /* @__PURE__ */ e(f, { children: m.map((r, o) => /* @__PURE__ */ n(p, { children: [
+      d.map((l) => {
+        const c = r[l];
+        return Array.isArray(c) ? /* @__PURE__ */ e(a, { className: "flex gap-4", children: c.map((i, h) => /* @__PURE__ */ e(g, { children: (i == null ? void 0 : i.name) || i }, h)) }, String(l)) : /* @__PURE__ */ e(a, { children: v(r, l) }, String(l));
+      }),
+      t && /* @__PURE__ */ e(a, { children: t.includes(r) ? /* @__PURE__ */ e("span", { className: "text-success-10", children: "✔" }) : /* @__PURE__ */ e("span", { className: "text-destructive", children: "✖" }) })
+    ] }, o)) })
+  ] }) }) });
+}
+export {
+  b as StaticDataTable
+};
+//# sourceMappingURL=data-table.es.js.map

package/dist/components/static-data-table/data-table.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/static-data-table/data-table.tsx"],"sourcesContent":["import { getResourceDisplayName, getValueFromData } from '@/components/data-table';\nimport { Table, TableBody, TableCell, TableHeader, TableRow } from '@/components/ui/table';\nimport { Badge } from 'lucide-react';\n\nexport interface StaticDataTableProps<T> {\n  accessors: (keyof T)[];\n  data: T[];\n  affectedData?: T[];\n}\n\nexport function StaticDataTable<T>({ accessors, data, affectedData }: StaticDataTableProps<T>) {\n  return (\n    <div className=\"relative overflow-hidden border max-h-[50vh]\">\n      <div className=\"overflow-y-auto max-h-[50vh]\">\n        <Table>\n          <TableHeader className=\"text-left align-middle uppercase sticky top-0 z-10 bg-card\">\n            <TableRow>\n              {accessors.map((accessor) => (\n                <TableCell\n                  key={String(accessor)}\n                  className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\"\n                >\n                  {getResourceDisplayName(String(accessor), 'admin-portal')}\n                </TableCell>\n              ))}\n              {affectedData && (\n                <TableCell className=\"px-4 py-2 text-left text-sm font-medium cursor-pointer whitespace-nowrap bg-card\">\n                  Affected\n                </TableCell>\n              )}\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {data.map((item, index) => (\n              <TableRow key={index}>\n                {accessors.map((accessor) => {\n                  const value = item[accessor];\n                  // Handle arrays (e.g., userGroups) with badges\n                  if (Array.isArray(value)) {\n                    return (\n                      <TableCell key={String(accessor)} className=\"flex gap-4\">\n                        {value.map((subItem, subIndex) => (\n                          <Badge key={subIndex}>{subItem?.name || subItem}</Badge>\n                        ))}\n                      </TableCell>\n                    );\n                  }\n                  // Handle other data types\n                  return (\n                    <TableCell key={String(accessor)}>{getValueFromData(item, accessor)}</TableCell>\n                  );\n                })}\n                {affectedData && (\n                  <TableCell>\n                    {affectedData.includes(item) ? (\n                      <span className=\"text-success-10\">✔</span>\n                    ) : (\n                      <span className=\"text-destructive\">✖</span>\n                    )}\n                  </TableCell>\n                )}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n}\n"],"names":["StaticDataTable","accessors","data","affectedData","jsx","jsxs","Table","TableHeader","TableRow","accessor","TableCell","getResourceDisplayName","TableBody","item","index","value","subItem","subIndex","Badge","getValueFromData"],"mappings":";;;;AAUO,SAASA,EAAmB,EAAE,WAAAC,GAAW,MAAAC,GAAM,cAAAC,KAAyC;AAE3F,SAAA,gBAAAC,EAAC,SAAI,WAAU,gDACb,4BAAC,OAAI,EAAA,WAAU,gCACb,UAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF,EAACG,GAAY,EAAA,WAAU,8DACrB,UAAA,gBAAAF,EAACG,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MACd,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAuBC,EAAA,OAAOF,CAAQ,GAAG,cAAc;AAAA,QAAA;AAAA,QAHnD,OAAOA,CAAQ;AAAA,MAAA,CAKvB;AAAA,MACAN,KACC,gBAAAC,EAACM,GAAU,EAAA,WAAU,oFAAmF,UAExG,WAAA,CAAA;AAAA,IAAA,EAAA,CAEJ,EACF,CAAA;AAAA,IACA,gBAAAN,EAACQ,KACE,UAAKV,EAAA,IAAI,CAACW,GAAMC,wBACdN,GACE,EAAA,UAAA;AAAA,MAAUP,EAAA,IAAI,CAACQ,MAAa;AACrB,cAAAM,IAAQF,EAAKJ,CAAQ;AAEvB,eAAA,MAAM,QAAQM,CAAK,sBAElBL,GAAiC,EAAA,WAAU,cACzC,UAAMK,EAAA,IAAI,CAACC,GAASC,wBAClBC,GAAsB,EAAA,WAAAF,KAAA,gBAAAA,EAAS,SAAQA,EAA5B,GAAAC,CAAoC,CACjD,EAHa,GAAA,OAAOR,CAAQ,CAI/B,IAKF,gBAAAL,EAACM,KAAkC,UAAiBS,EAAAN,GAAMJ,CAAQ,EAAlD,GAAA,OAAOA,CAAQ,CAAqC;AAAA,MAAA,CAEvE;AAAA,MACAN,KACE,gBAAAC,EAAAM,GAAA,EACE,YAAa,SAASG,CAAI,IACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,mBAAkB,eAAC,IAEnC,gBAAAA,EAAC,UAAK,WAAU,oBAAmB,cAAC,CAAA,EAExC,CAAA;AAAA,IAAA,EAzBW,GAAAU,CA2Bf,CACD,EACH,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA,GACF;AAEJ;"}

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

@@ -1,33 +1,31 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as o from "react";
+"use client";
+import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-avatar";
-import { cn as s } from "../../utils/index.es.js";
-const t = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+import * as t from "react";
+import { cn as m } from "../../utils/index.es.js";
+const o = t.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ s(
   a.Root,
   {
     ref: r,
-    className: s(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      e
-    ),
+    className: m("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", e),
     ...l
   }
 ));
-t.displayName = a.Root.displayName;
-const f = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+o.displayName = a.Root.displayName;
+const f = t.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ s(
   a.Image,
   {
     ref: r,
-    className: s("aspect-square h-full w-full", e),
+    className: m("aspect-square h-full w-full", e),
     ...l
   }
 ));
 f.displayName = a.Image.displayName;
-const i = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
+const i = t.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ s(
   a.Fallback,
   {
     ref: r,
-    className: s(
+    className: m(
       "flex h-full w-full items-center justify-center rounded-full bg-muted",
       e
     ),
@@ -36,7 +34,7 @@ const i = o.forwardRef(({ className: e, ...l }, r) => /* @__PURE__ */ m(
 ));
 i.displayName = a.Fallback.displayName;
 export {
-  t as Avatar,
+  o as Avatar,
   i as AvatarFallback,
   f as AvatarImage
 };

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.es.js","sources":["../../../lib/components/ui/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\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    className={cn(\n      \"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\",\n      className\n    )}\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 h-full w-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 h-full w-full items-center justify-center rounded-full bg-muted\",\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\nexport { Avatar, AvatarImage, AvatarFallback }\n"],"names":["Avatar","React","className","props","ref","jsx","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;AAKM,MAAAA,IAASC,EAAM,WAGnB,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;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,+BAA+BL,CAAS;AAAA,IACrD,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":["'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    className={cn('relative flex h-10 w-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 h-full w-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 h-full w-full items-center justify-center 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,IACA,WAAWG,EAAG,iEAAiEL,CAAS;AAAA,IACvF,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,+BAA+BL,CAAS;AAAA,IACrD,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;"}

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

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import * as g from "react";
-import { Slottable as v, Slot as b } from "@radix-ui/react-slot";
-import { cva as p } from "class-variance-authority";
+import { Slottable as g, Slot as v } from "@radix-ui/react-slot";
+import { cva as b } from "class-variance-authority";
+import * as p from "react";
 import { cn as h } from "../../utils/index.es.js";
 import { Loader as x } from "./loader.es.js";
-const y = p(
+const y = b(
   "inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -20,7 +20,7 @@ const y = p(
         default: "h-10 px-4 py-2",
         sm: "h-9 rounded-md px-3",
         lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
+        icon: "h-6 rounded-md px-2"
       }
     },
     defaultVariants: {
@@ -28,29 +28,19 @@ const y = p(
       size: "default"
     }
   }
-), w = g.forwardRef(
-  ({
-    className: i,
-    variant: a,
-    size: s,
-    loading: t,
-    disabled: d,
-    asChild: c = !1,
-    icon: o,
-    children: r,
-    ...u
-  }, f) => {
-    const l = c ? b : "button", n = o;
+), w = p.forwardRef(
+  ({ className: i, variant: a, size: s, loading: t, disabled: d, asChild: c = !1, icon: o, children: r, ...u }, l) => {
+    const f = c ? v : "button", n = o;
     return /* @__PURE__ */ m(
-      l,
+      f,
       {
         className: h(y({ variant: a, size: s, className: i })),
-        ref: f,
+        ref: l,
         disabled: t || d,
         ...u,
         children: [
-          t ? /* @__PURE__ */ e(x, {}) : n ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : null,
-          /* @__PURE__ */ e(v, { children: r ? /* @__PURE__ */ e("div", { className: o && r ? "ml-2" : "", children: r }) : null })
+          t ? /* @__PURE__ */ e(x, { className: "h-4 w-4" }) : n ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : null,
+          /* @__PURE__ */ e(g, { children: r ? /* @__PURE__ */ e("div", { className: o && r ? "ml-2" : "", children: r }) : null })
         ]
       }
     );

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

@@ -1 +1 @@
-{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/utils\"\nimport { Loader } from \"./loader\";\nimport { LucideIcon } from \"lucide-react\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground\",\n        outline:\n          \"border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\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}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      loading,\n      disabled,\n      asChild = false,\n      icon,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\";\n    const Icon = icon;\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Shows loading when `loading:true` irrespective of icon present or not; otherwise shows button icon if present */}\n        {loading ? <Loader /> : Icon ? <Icon className='h-4 w-4' /> : null}\n        {/* Margin left only when both icon and children (button text) are present */}\n        {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n        <Slottable>\n          {children ? (\n            <div className={icon && children ? \"ml-2\" : \"\"}>{children}</div>\n          ) : null}\n        </Slottable>\n      </Comp>\n    );\n  }\n);\n\nButton.displayName = \"Button\"; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON;AAGX,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,KAAO,IAAKJ,sBAAQA,GAAK,EAAA,WAAU,WAAU,IAAK;AAAA,UAG7D,gBAAAG,EAAAE,GAAA,EACE,UACCV,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAWT,KAAQC,IAAW,SAAS,IAAK,UAAAA,EAAS,CAAA,IACxD,KACN,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}
+{"version":3,"file":"button.es.js","sources":["../../../lib/components/ui/button.tsx"],"sourcesContent":["import { Slot, Slottable } from '@radix-ui/react-slot';\nimport { 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\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center no-underline whitespace-nowrap rounded-lg text-body font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground hover:bg-primary/80 hover:text-primary-foreground',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 hover:text-destructive-foreground',\n        outline:\n          'border border-input text-accent bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:text-secondary-foreground hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        sm: 'h-9 rounded-md px-3',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'h-6 rounded-md px-2',\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}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, loading, disabled, asChild = false, icon, children, ...props },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const Icon = icon;\n\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        disabled={loading || disabled}\n        {...props}\n      >\n        {/* Shows loading when `loading:true` irrespective of icon present or not; otherwise shows button icon if present */}\n        {loading ? <Loader className=\"h-4 w-4\" /> : Icon ? <Icon className=\"h-4 w-4\" /> : null}\n        {/* Margin left only when both icon and children (button text) are present */}\n        {/* https://www.radix-ui.com/primitives/docs/utilities/slot */}\n        <Slottable>\n          {children ? <div className={icon && children ? 'ml-2' : ''}>{children}</div> : null}\n        </Slottable>\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button'; // Set display name for better debugging\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","loading","disabled","asChild","icon","children","props","ref","Comp","Slot","Icon","jsxs","cn","jsx","Loader","Slottable"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IAEV;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,SAAAC,IAAU,IAAO,MAAAC,GAAM,UAAAC,GAAU,GAAGC,EAAA,GACnFC,MACG;AACG,UAAAC,IAAOL,IAAUM,IAAO,UACxBC,IAAON;AAGX,WAAA,gBAAAO;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,WAAWI,EAAGlB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAS;AAAA,QACA,UAAUN,KAAWC;AAAA,QACpB,GAAGI;AAAA,QAGH,UAAA;AAAA,UAAUL,IAAA,gBAAAY,EAACC,GAAO,EAAA,WAAU,UAAU,CAAA,IAAKJ,IAAQ,gBAAAG,EAAAH,GAAA,EAAK,WAAU,UAAA,CAAU,IAAK;AAAA,UAGjF,gBAAAG,EAAAE,GAAA,EACE,UAAWV,IAAA,gBAAAQ,EAAC,OAAI,EAAA,WAAWT,KAAQC,IAAW,SAAS,IAAK,UAAAA,EAAS,CAAA,IAAS,KACjF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEAT,EAAO,cAAc;"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s, jsxs as v, Fragment as P } from "react/jsx-runtime";
 import * as g from "react";
 import * as C from "recharts";
@@ -30,9 +31,7 @@ const S = g.forwardRef(({ id: c, className: e, children: t, config: n, ...o }, f
 });
 S.displayName = "Chart";
 const E = ({ id: c, config: e }) => {
-  const t = Object.entries(e).filter(
-    ([n, o]) => o.theme || o.color
-  );
+  const t = Object.entries(e).filter(([n, o]) => o.theme || o.color);
   return t.length ? /* @__PURE__ */ s(
     "style",
     {
@@ -75,15 +74,7 @@ ${t.map(([f, l]) => {
         return null;
       const [r] = e, w = `${_ || r.dataKey || r.name || "value"}`, m = k(b, r, w), d = !_ && typeof l == "string" ? ((p = b[l]) == null ? void 0 : p.label) || l : m == null ? void 0 : m.label;
       return a ? /* @__PURE__ */ s("div", { className: i("font-medium", h), children: a(d, e) }) : d ? /* @__PURE__ */ s("div", { className: i("font-medium", h), children: d }) : null;
-    }, [
-      l,
-      a,
-      e,
-      o,
-      h,
-      b,
-      _
-    ]);
+    }, [l, a, e, o, h, b, _]);
     if (!c || !(e != null && e.length))
       return null;
     const x = e.length === 1 && n !== "dot";
@@ -152,46 +143,44 @@ ${t.map(([f, l]) => {
   }
 );
 K.displayName = "ChartTooltip";
-const y = C.Legend, M = g.forwardRef(
-  ({ className: c, hideIcon: e = !1, payload: t, verticalAlign: n = "bottom", nameKey: o }, f) => {
-    const { config: l } = $();
-    return t != null && t.length ? /* @__PURE__ */ s(
-      "div",
-      {
-        ref: f,
-        className: i(
-          "flex items-center justify-center gap-4",
-          n === "top" ? "pb-3" : "pt-3",
-          c
-        ),
-        children: t.map((a) => {
-          const h = `${o || a.dataKey || "value"}`, u = k(l, a, h);
-          return /* @__PURE__ */ v(
-            "div",
-            {
-              className: i(
-                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
-              ),
-              children: [
-                u != null && u.icon && !e ? /* @__PURE__ */ s(u.icon, {}) : /* @__PURE__ */ s(
-                  "div",
-                  {
-                    className: "h-2 w-2 shrink-0 rounded-[2px]",
-                    style: {
-                      backgroundColor: a.color
-                    }
+const y = C.Legend, M = g.forwardRef(({ className: c, hideIcon: e = !1, payload: t, verticalAlign: n = "bottom", nameKey: o }, f) => {
+  const { config: l } = $();
+  return t != null && t.length ? /* @__PURE__ */ s(
+    "div",
+    {
+      ref: f,
+      className: i(
+        "flex items-center justify-center gap-4",
+        n === "top" ? "pb-3" : "pt-3",
+        c
+      ),
+      children: t.map((a) => {
+        const h = `${o || a.dataKey || "value"}`, u = k(l, a, h);
+        return /* @__PURE__ */ v(
+          "div",
+          {
+            className: i(
+              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+            ),
+            children: [
+              u != null && u.icon && !e ? /* @__PURE__ */ s(u.icon, {}) : /* @__PURE__ */ s(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: a.color
                   }
-                ),
-                u == null ? void 0 : u.label
-              ]
-            },
-            a.value
-          );
-        })
-      }
-    ) : null;
-  }
-);
+                }
+              ),
+              u == null ? void 0 : u.label
+            ]
+          },
+          a.value
+        );
+      })
+    }
+  ) : null;
+});
 M.displayName = "ChartLegend";
 function k(c, e, t) {
   if (typeof e != "object" || e === null)

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

@@ -1 +1 @@
-{"version":3,"file":"chart.es.js","sources":["../../../lib/components/ui/chart.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\n\nimport { cn } from \"@/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode\n    icon?: React.ComponentType\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  )\n}\n\ntype ChartContextProps = {\n  config: ChartConfig\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null)\n\nfunction useChart() {\n  const context = React.useContext(ChartContext)\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\")\n  }\n\n  return context\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    config: ChartConfig\n    children: React.ComponentProps<\n      typeof RechartsPrimitive.ResponsiveContainer\n    >[\"children\"]\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId()\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-caption [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  )\n})\nChartContainer.displayName = \"Chart\"\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([_, config]) => config.theme || config.color\n  )\n\n  if (!colorConfig.length) {\n    return null\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color\n    return color ? `  --color-${key}: ${color};` : null\n  })\n  .join(\"\\n\")}\n}\n`\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    React.ComponentProps<\"div\"> & {\n      hideLabel?: boolean\n      hideIndicator?: boolean\n      indicator?: \"line\" | \"dot\" | \"dashed\"\n      nameKey?: string\n      labelKey?: string\n    }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = \"dot\",\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref\n  ) => {\n    const { config } = useChart()\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null\n      }\n\n      const [item] = payload\n      const key = `${labelKey || item.dataKey || item.name || \"value\"}`\n      const itemConfig = getPayloadConfigFromPayload(config, item, key)\n      const value =\n        !labelKey && typeof label === \"string\"\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label\n\n      if (labelFormatter) {\n        return (\n          <div className={cn(\"font-medium\", labelClassName)}>\n            {labelFormatter(value, payload)}\n          </div>\n        )\n      }\n\n      if (!value) {\n        return null\n      }\n\n      return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n    }, [\n      label,\n      labelFormatter,\n      payload,\n      hideLabel,\n      labelClassName,\n      config,\n      labelKey,\n    ])\n\n    if (!active || !payload?.length) {\n      return null\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl\",\n          className\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n            const itemConfig = getPayloadConfigFromPayload(config, item, key)\n            const indicatorColor = color || item.payload.fill || item.color\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\",\n                  indicator === \"dot\" && \"items-center\"\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            \"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]\",\n                            {\n                              \"h-2.5 w-2.5\": indicator === \"dot\",\n                              \"w-1\": indicator === \"line\",\n                              \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                indicator === \"dashed\",\n                              \"my-0.5\": nestLabel && indicator === \"dashed\",\n                            }\n                          )}\n                          style={\n                            {\n                              \"--color-bg\": indicatorColor,\n                              \"--color-border\": indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        \"flex flex-1 justify-between leading-none\",\n                        nestLabel ? \"items-end\" : \"items-center\"\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n)\nChartTooltipContent.displayName = \"ChartTooltip\"\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> &\n    Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n      hideIcon?: boolean\n      nameKey?: string\n    }\n>(\n  (\n    { className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey },\n    ref\n  ) => {\n    const { config } = useChart()\n\n    if (!payload?.length) {\n      return null\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center justify-center gap-4\",\n          verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n          className\n        )}\n      >\n        {payload.map((item) => {\n          const key = `${nameKey || item.dataKey || \"value\"}`\n          const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n          return (\n            <div\n              key={item.value}\n              className={cn(\n                \"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n              )}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n)\nChartLegendContent.displayName = \"ChartLegend\"\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined\n\n  let configLabelKey: string = key\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config]\n}\n\nexport {\n  ChartContainer, ChartLegend,\n  ChartLegendContent,\n  ChartStyle, ChartTooltip,\n  ChartTooltipContent\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive","colorConfig","_","theme","prefix","key","itemConfig","color","_a","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
+{"version":3,"file":"chart.es.js","sources":["../../../lib/components/ui/chart.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '@/utils';\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-caption [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([_, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join('\\n')}\n}\n`,\n          )\n          .join('\\n'),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    React.ComponentProps<'div'> & {\n      hideLabel?: boolean;\n      hideIndicator?: boolean;\n      indicator?: 'line' | 'dot' | 'dashed';\n      nameKey?: string;\n      labelKey?: string;\n    }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return (\n          <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>\n        );\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-caption shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            'shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]',\n                            {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent':\n                                indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            },\n                          )}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center justify-center gap-4',\n        verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n        className,\n      )}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn(\n              'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n            )}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n};\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive","colorConfig","_","theme","prefix","key","itemConfig","color","_a","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":";;;;;AAOA,MAAMA,IAAS,EAAE,OAAO,IAAI,MAAM,QAAQ,GAgBpCC,IAAeC,EAAM,cAAwC,IAAI;AAEvE,SAASC,IAAW;AACZ,QAAAC,IAAUF,EAAM,WAAWD,CAAY;AAE7C,MAAI,CAACG;AACG,UAAA,IAAI,MAAM,mDAAmD;AAG9D,SAAAA;AACT;AAEA,MAAMC,IAAiBH,EAAM,WAM3B,CAAC,EAAE,IAAAI,GAAI,WAAAC,GAAW,UAAAC,GAAU,QAAAC,GAAQ,GAAGC,EAAM,GAAGC,MAAQ;AAClD,QAAAC,IAAWV,EAAM,MAAM,GACvBW,IAAU,SAASP,KAAMM,EAAS,QAAQ,MAAM,EAAE,CAAC;AAEzD,2BACGX,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAQ,KAC9B,UAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAYD;AAAA,MACZ,KAAAF;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACAR;AAAA,MACF;AAAA,MACC,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAC,gBAAAM,EAAAC,GAAA,EAAW,IAAIJ,GAAS,QAAAJ,EAAgB,CAAA;AAAA,QACxC,gBAAAO,EAAAE,EAAkB,qBAAlB,EAAuC,UAAAV,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAErD;AAEJ,CAAC;AACDH,EAAe,cAAc;AAE7B,MAAMY,IAAa,CAAC,EAAE,IAAAX,GAAI,QAAAG,QAAkD;AAC1E,QAAMU,IAAc,OAAO,QAAQV,CAAM,EAAE,OAAO,CAAC,CAACW,GAAGX,CAAM,MAAMA,EAAO,SAASA,EAAO,KAAK;AAE3F,SAACU,EAAY,SAKf,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,yBAAyB;AAAA,QACvB,QAAQ,OAAO,QAAQhB,CAAM,EAC1B;AAAA,UACC,CAAC,CAACqB,GAAOC,CAAM,MAAM;AAAA,EAC/BA,CAAM,gBAAgBhB,CAAE;AAAA,EACxBa,EACC,IAAI,CAAC,CAACI,GAAKC,CAAU,MAAM;;AAC1B,kBAAMC,MAAQC,IAAAF,EAAW,UAAX,gBAAAE,EAAmBL,OAA2CG,EAAW;AACvF,mBAAOC,IAAQ,aAAaF,CAAG,KAAKE,CAAK,MAAM;AAAA,UAAA,CAChD,EACA,KAAK;AAAA,CAAI,CAAC;AAAA;AAAA;AAAA,QAGH,EACC,KAAK;AAAA,CAAI;AAAA,MAAA;AAAA,IACd;AAAA,EACF,IArBO;AAuBX,GAEME,IAAeT,EAAkB,SAEjCU,IAAsB1B,EAAM;AAAA,EAWhC,CACE;AAAA,IACE,QAAA2B;AAAA,IACA,SAAAC;AAAA,IACA,WAAAvB;AAAA,IACA,WAAAwB,IAAY;AAAA,IACZ,WAAAC,IAAY;AAAA,IACZ,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAZ;AAAA,IACA,SAAAa;AAAA,IACA,UAAAC;AAAA,KAEF5B,MACG;AACG,UAAA,EAAE,QAAAF,EAAO,IAAIN,EAAS,GAEtBqC,IAAetC,EAAM,QAAQ,MAAM;;AACnC,UAAA8B,KAAa,EAACF,KAAA,QAAAA,EAAS;AAClB,eAAA;AAGH,YAAA,CAACW,CAAI,IAAIX,GACTP,IAAM,GAAGgB,KAAYE,EAAK,WAAWA,EAAK,QAAQ,OAAO,IACzDjB,IAAakB,EAA4BjC,GAAQgC,GAAMlB,CAAG,GAC1DoB,IACJ,CAACJ,KAAY,OAAOL,KAAU,aAC1BR,IAAAjB,EAAOyB,CAA4B,MAAnC,gBAAAR,EAAsC,UAASQ,IAC/CV,KAAA,gBAAAA,EAAY;AAElB,aAAIW,IAEA,gBAAAnB,EAAC,OAAI,EAAA,WAAWD,EAAG,eAAeqB,CAAc,GAAI,UAAAD,EAAeQ,GAAOb,CAAO,EAAE,CAAA,IAIlFa,sBAIG,OAAI,EAAA,WAAW5B,EAAG,eAAeqB,CAAc,GAAI,UAAMO,GAAA,IAHxD;AAAA,IAGwD,GAChE,CAACT,GAAOC,GAAgBL,GAASE,GAAWI,GAAgB3B,GAAQ8B,CAAQ,CAAC;AAEhF,QAAI,CAACV,KAAU,EAACC,KAAA,QAAAA,EAAS;AAChB,aAAA;AAGT,UAAMc,IAAYd,EAAQ,WAAW,KAAKC,MAAc;AAGtD,WAAA,gBAAAjB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,WAAWI;AAAA,UACT;AAAA,UACAR;AAAA,QACF;AAAA,QAEC,UAAA;AAAA,UAACqC,IAA2B,OAAfJ;AAAA,UACd,gBAAAxB,EAAC,SAAI,WAAU,gBACZ,YAAQ,IAAI,CAACyB,GAAMI,MAAU;AAC5B,kBAAMtB,IAAM,GAAGe,KAAWG,EAAK,QAAQA,EAAK,WAAW,OAAO,IACxDjB,IAAakB,EAA4BjC,GAAQgC,GAAMlB,CAAG,GAC1DuB,IAAiBrB,KAASgB,EAAK,QAAQ,QAAQA,EAAK;AAGxD,mBAAA,gBAAAzB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACAgB,MAAc,SAAS;AAAA,gBACzB;AAAA,gBAEC,gBAAaU,KAAA,gBAAAA,EAAM,WAAU,UAAaA,EAAK,OAC9CJ,EAAUI,EAAK,OAAOA,EAAK,MAAMA,GAAMI,GAAOJ,EAAK,OAAO,IAGvD,gBAAA3B,EAAAiC,GAAA,EAAA,UAAA;AAAA,kBAAAvB,KAAA,QAAAA,EAAY,OACV,gBAAAR,EAAAQ,EAAW,MAAX,EAAgB,IAEjB,CAACS,KACC,gBAAAjB;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWD;AAAA,wBACT;AAAA,wBACA;AAAA,0BACE,eAAegB,MAAc;AAAA,0BAC7B,OAAOA,MAAc;AAAA,0BACrB,mDACEA,MAAc;AAAA,0BAChB,UAAUa,KAAab,MAAc;AAAA,wBAAA;AAAA,sBAEzC;AAAA,sBACA,OACE;AAAA,wBACE,cAAce;AAAA,wBACd,kBAAkBA;AAAA,sBAAA;AAAA,oBACpB;AAAA,kBAEJ;AAAA,kBAGJ,gBAAAhC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWC;AAAA,wBACT;AAAA,wBACA6B,IAAY,cAAc;AAAA,sBAC5B;AAAA,sBAEA,UAAA;AAAA,wBAAC,gBAAA9B,EAAA,OAAA,EAAI,WAAU,gBACZ,UAAA;AAAA,0BAAA8B,IAAYJ,IAAe;AAAA,4CAC3B,QAAK,EAAA,WAAU,yBACb,WAAYhB,KAAA,gBAAAA,EAAA,UAASiB,EAAK,KAC7B,CAAA;AAAA,wBAAA,GACF;AAAA,wBACCA,EAAK,SACH,gBAAAzB,EAAA,QAAA,EAAK,WAAU,sDACb,UAAAyB,EAAK,MAAM,eAAA,EACd,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ,EACF,CAAA;AAAA,cAAA;AAAA,cApDGA,EAAK;AAAA,YAsDZ;AAAA,UAAA,CAEH,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AACAb,EAAoB,cAAc;AAElC,MAAMoB,IAAc9B,EAAkB,QAEhC+B,IAAqB/C,EAAM,WAO/B,CAAC,EAAE,WAAAK,GAAW,UAAA2C,IAAW,IAAO,SAAApB,GAAS,eAAAqB,IAAgB,UAAU,SAAAb,EAAA,GAAW3B,MAAQ;AAChF,QAAA,EAAE,QAAAF,EAAO,IAAIN,EAAS;AAExB,SAAC2B,KAAA,QAAAA,EAAS,SAKZ,gBAAAd;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACAoC,MAAkB,QAAQ,SAAS;AAAA,QACnC5C;AAAA,MACF;AAAA,MAEC,UAAAuB,EAAQ,IAAI,CAACW,MAAS;AACrB,cAAMlB,IAAM,GAAGe,KAAWG,EAAK,WAAW,OAAO,IAC3CjB,IAAakB,EAA4BjC,GAAQgC,GAAMlB,CAAG;AAG9D,eAAA,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC;AAAA,cACT;AAAA,YACF;AAAA,YAEC,UAAA;AAAA,cAAAS,KAAA,QAAAA,EAAY,QAAQ,CAAC0B,sBACnB1B,EAAW,MAAX,CAAgB,CAAA,IAEjB,gBAAAR;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,OAAO;AAAA,oBACL,iBAAiByB,EAAK;AAAA,kBAAA;AAAA,gBACxB;AAAA,cACF;AAAA,cAEDjB,KAAA,gBAAAA,EAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAfRiB,EAAK;AAAA,QAgBZ;AAAA,MAEH,CAAA;AAAA,IAAA;AAAA,EACH,IArCO;AAuCX,CAAC;AACDQ,EAAmB,cAAc;AAGjC,SAASP,EAA4BjC,GAAqBqB,GAAkBP,GAAa;AACvF,MAAI,OAAOO,KAAY,YAAYA,MAAY;AACtC;AAGH,QAAAsB,IACJ,aAAatB,KAAW,OAAOA,EAAQ,WAAY,YAAYA,EAAQ,YAAY,OAC/EA,EAAQ,UACR;AAEN,MAAIuB,IAAyB9B;AAE7B,SAAIA,KAAOO,KAAW,OAAOA,EAAQP,CAA2B,KAAM,WACpE8B,IAAiBvB,EAAQP,CAA2B,IAEpD6B,KACA7B,KAAO6B,KACP,OAAOA,EAAe7B,CAAkC,KAAM,aAE9D8B,IAAiBD,EAAe7B,CAAkC,IAG7D8B,KAAkB5C,IAASA,EAAO4C,CAAc,IAAI5C,EAAOc,CAA0B;AAC9F;"}

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

@@ -1,3 +1,4 @@
+"use client";
 import * as l from "@radix-ui/react-collapsible";
 const o = l.Root, e = l.CollapsibleTrigger, i = l.CollapsibleContent;
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.es.js","sources":["../../../lib/components/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAEA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
+{"version":3,"file":"collapsible.es.js","sources":["../../../lib/components/ui/collapsible.tsx"],"sourcesContent":["'use client';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";;AAGA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}