@cryptlex/web-components 2.0.1 → 3.0.0

package/dist/components/inputs/password-input.es.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import * as s from "react";
+import { Input as n } from "./input.es.js";
+import { EyeIcon as p, EyeOffIcon as c, KeySquare as f } from "lucide-react";
+const i = s.forwardRef(
+  ({ ...t }, r) => {
+    const [o, e] = s.useState(!1);
+    return /* @__PURE__ */ a(n, { icon: f, type: o ? "text" : "password", ref: r, ...t, buttonProps: {
+      onClick: () => e(!o),
+      icon: () => o ? p : c
+    } });
+  }
+);
+i.displayName = "PasswordInput";
+export {
+  i as PasswordInput
+};
+//# sourceMappingURL=password-input.es.js.map

package/dist/components/inputs/password-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/inputs/password-input.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\n\nimport { Input, type InputProps } from '@/components/inputs/input';\nimport { EyeIcon, EyeOffIcon, KeySquare } from 'lucide-react';\n\n\nconst PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ ...props }, ref) => {\n    const [showPassword, setShowPassword] = React.useState<boolean>(false);\n    return (\n      <Input icon={KeySquare} type={showPassword ? 'text' : 'password'} ref={ref} {...props} buttonProps={\n        {\n          onClick: () => setShowPassword(!showPassword),\n          icon: () => showPassword ? EyeIcon : EyeOffIcon\n        }\n      } />\n    );\n  },\n);\nPasswordInput.displayName = 'PasswordInput';\n\nexport { PasswordInput };\n"],"names":["PasswordInput","React","props","ref","showPassword","setShowPassword","jsx","Input","KeySquare","EyeIcon","EyeOffIcon"],"mappings":";;;;;AAOA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CAAC,EAAE,GAAGC,KAASC,MAAQ;AACrB,UAAM,CAACC,GAAcC,CAAe,IAAIJ,EAAM,SAAkB,EAAK;AAEnE,WAAA,gBAAAK,EAACC,GAAM,EAAA,MAAMC,GAAW,MAAMJ,IAAe,SAAS,YAAY,KAAAD,GAAW,GAAGD,GAAO,aACrF;AAAA,MACE,SAAS,MAAMG,EAAgB,CAACD,CAAY;AAAA,MAC5C,MAAM,MAAMA,IAAeK,IAAUC;AAAA,IAAA,GAEvC;AAAA,EAAA;AAGR;AACAV,EAAc,cAAc;"}

package/dist/components/inputs/radio-group.es.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Root as i, Item as s, Indicator as d } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.6_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-radio-group/dist/index.es.js";
+import * as t from "react";
+import { cn as c } from "../../utils/index.es.js";
+import { Check as m } from "lucide-react";
+const n = t.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ e(
+  i,
+  {
+    className: c("grid gap-2", r),
+    ...o,
+    ref: a
+  }
+));
+n.displayName = i.displayName;
+const l = t.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ e(
+  s,
+  {
+    ref: a,
+    className: c(
+      "aspect-square size-icon rounded-full border border-accent text-accent focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      r
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(d, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "size-icon" }) })
+  }
+));
+l.displayName = s.displayName;
+export {
+  n as RadioGroup,
+  l as RadioGroupItem
+};
+//# sourceMappingURL=radio-group.es.js.map

package/dist/components/inputs/radio-group.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/inputs/radio-group.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/utils\"\nimport { Check } from \"lucide-react\"\n\nconst RadioGroup = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Root\n      className={cn(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName\n\nconst RadioGroupItem = React.forwardRef<\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadioGroupPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"aspect-square size-icon rounded-full border border-accent text-accent focus:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n        <Check className=\"size-icon\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  )\n})\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName\n\nexport { RadioGroup, RadioGroupItem }\n"],"names":["RadioGroup","React","className","props","ref","jsx","RadioGroupPrimitive.Root","cn","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator","Check"],"mappings":";;;;;AAMM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,IACpC,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CAEH;AACDJ,EAAW,cAAcM,EAAyB;AAE5C,MAAAE,IAAiBP,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE,EAACK,GAAA,EAA8B,WAAU,oCACvC,UAAC,gBAAAL,EAAAM,GAAA,EAAM,WAAU,YAAY,CAAA,EAC/B,CAAA;AAAA,EAAA;AACF,CAEH;AACDH,EAAe,cAAcC,EAAyB;"}

package/dist/components/{ui → inputs}/search-input.es.js

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { X as i, Search as p } from "lucide-react";
-import { useState as s } from "react";
-import { Input as a } from "./input.es.js";
+import { Input as i } from "./input.es.js";
+import { X as p, Search as s } from "lucide-react";
+import { useState as a } from "react";
 const S = ({ onChange: t, ...l }) => {
-  const [c, r] = s("");
+  const [c, r] = a("");
   return /* @__PURE__ */ o(
-    a,
+    i,
     {
-      icon: p,
+      icon: s,
       ...l,
       value: c,
       onChange: (u) => {
@@ -19,7 +19,7 @@ const S = ({ onChange: t, ...l }) => {
         onClick: () => {
           r(""), t == null || t("");
         },
-        icon: () => i
+        icon: () => p
       }
     }
   );

package/dist/components/inputs/search-input.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/inputs/search-input.tsx"],"sourcesContent":["'use client';\nimport { Input, type InputProps } from '@/components/inputs/input';\nimport { Search, X } from 'lucide-react'; // Assuming LucideIcon is the type of your icons\nimport React, { useState } from 'react';\n\ninterface SearchInputProps extends Omit<InputProps, 'onChange'> {\n  onChange?: (value: string) => void; // Function to handle input value changes\n}\n\nexport const SearchInput: React.FC<SearchInputProps> = ({ onChange, ...props }) => {\n  const [value, setValue] = useState<string>('');\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setValue(newValue);\n    onChange?.(newValue); // Call the custom onChange handler with the new value\n  };\n\n  const handleClearClick = () => {\n    setValue('');\n    onChange?.(''); // Notify the parent that the input has been cleared\n  };\n\n  return (\n    <Input\n      icon={Search}\n      {...props}\n      value={value}\n      onChange={handleInputChange} // Use the internal handler\n      buttonProps={\n        {\n          onClick: handleClearClick,\n          icon: () => X,\n        }\n      }\n    />\n  );\n};\n"],"names":["SearchInput","onChange","props","value","setValue","useState","jsx","Input","Search","event","newValue","X"],"mappings":";;;;;AASO,MAAMA,IAA0C,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAY;AACjF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE;AAc3C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMC;AAAA,MACL,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,UAhBsB,CAACM,MAA+C;AAClE,cAAAC,IAAWD,EAAM,OAAO;AAC9B,QAAAL,EAASM,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,MACb;AAAA,MAaI,aACE;AAAA,QACE,SAbiB,MAAM;AAC7B,UAAAN,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,QACb;AAAA,QAWQ,MAAM,MAAMU;AAAA,MAAA;AAAA,IACd;AAAA,EAEJ;AAEJ;"}

package/dist/components/inputs/select.es.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as e, Fragment as f, jsxs as h } from "react/jsx-runtime";
+import { cn as p } from "../../utils/index.es.js";
+import { useFieldContext as S } from "../../utils/form-context.es.js";
+import * as d from "react";
+import { DropdownMenu as g, DropdownMenuTrigger as w, DropdownMenuContent as C, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as M } from "../ui/dropdown-menu.es.js";
+const i = d.forwardRef(({ value: l, setValue: r, options: o, className: u, buttonLabel: t, ...a }, c) => {
+  const m = d.useCallback(() => {
+    var n;
+    return (n = o.find((s) => s.value === l)) == null ? void 0 : n.label;
+  }, [l]);
+  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ h(g, { children: [
+    /* @__PURE__ */ e(w, { ...a, asChild: !0, children: /* @__PURE__ */ e("button", { ref: c, className: p("btn-dropdown", u), ...a, children: t || m() }) }),
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(D, { value: l, children: o.map((n) => /* @__PURE__ */ e(M, { onSelect: () => {
+      r(n.value);
+    }, value: n.value, children: n.label })) }) })
+  ] }) });
+});
+i.displayName = "SingleSelect";
+const b = ({ ...l }) => {
+  const r = S();
+  return /* @__PURE__ */ e(i, { value: r.state.value, setValue: r.handleChange, onBlur: r.handleBlur, ...l });
+};
+b.displayName = "TfSingleSelect";
+export {
+  i as SingleSelect,
+  b as TfSingleSelect
+};
+//# sourceMappingURL=select.es.js.map

package/dist/components/inputs/select.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\"\nimport type { SelectionProps } from \"@/components/inputs/multi-select\"\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from \"@/components/ui\"\nimport { cn } from \"@/utils\"\nimport { useFieldContext } from \"@/utils/form-context\"\nimport * as React from \"react\"\n\nexport interface SingleSelectProps extends SelectionProps<string> { }\n\nexport const SingleSelect = React.forwardRef<HTMLButtonElement, SingleSelectProps>(({ value, setValue, options, className, buttonLabel, ...props }, ref) => {\n  const defaultButtonLabel = React.useCallback(() => {\n    return options.find(o => o.value === value)?.label\n  }, [value]);\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger {...props} asChild>\n          <button ref={ref} className={cn('btn-dropdown', className)} {...props}>{buttonLabel ? buttonLabel : defaultButtonLabel()}</button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent>\n          <DropdownMenuRadioGroup value={value}>\n            {options.map(opt => <DropdownMenuRadioItem onSelect={() => { setValue(opt.value) }} value={opt.value}>{opt.label}</DropdownMenuRadioItem>)}\n          </DropdownMenuRadioGroup>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </>);\n})\nSingleSelect.displayName = \"SingleSelect\";\n\nexport interface TfSingleSelectProps extends Omit<SingleSelectProps, 'value' | 'setValue'> { };\nexport const TfSingleSelect = ({ ...props }: TfSingleSelectProps) => {\n  const field = useFieldContext<string>();\n\n  return (<SingleSelect value={field.state.value} setValue={field.handleChange} onBlur={field.handleBlur} {...props} />);\n}\nTfSingleSelect.displayName = \"TfSingleSelect\";\n\n"],"names":["SingleSelect","React","value","setValue","options","className","buttonLabel","props","ref","defaultButtonLabel","_a","o","jsx","Fragment","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuRadioGroup","opt","DropdownMenuRadioItem","TfSingleSelect","field","useFieldContext"],"mappings":";;;;;;AASO,MAAMA,IAAeC,EAAM,WAAiD,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,aAAAC,GAAa,GAAGC,EAAA,GAASC,MAAQ;AACpJ,QAAAC,IAAqBR,EAAM,YAAY,MAAM;;AACjD,YAAOS,IAAAN,EAAQ,KAAK,CAAAO,MAAKA,EAAE,UAAUT,CAAK,MAAnC,gBAAAQ,EAAsC;AAAA,EAAA,GAC5C,CAACR,CAAK,CAAC;AAGR,SAAA,gBAAAU,EAAAC,GAAA,EACE,4BAACC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAqB,GAAGR,GAAO,SAAO,IACrC,UAAA,gBAAAK,EAAC,YAAO,KAAAJ,GAAU,WAAWQ,EAAG,gBAAgBX,CAAS,GAAI,GAAGE,GAAQ,eAA4BE,IAAqB,CAAA,GAC3H;AAAA,IACA,gBAAAG,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACM,GAAuB,EAAA,OAAAhB,GACrB,UAAQE,EAAA,IAAI,CAAOe,MAAA,gBAAAP,EAACQ,GAAsB,EAAA,UAAU,MAAM;AAAE,MAAAjB,EAASgB,EAAI,KAAK;AAAA,IAAA,GAAK,OAAOA,EAAI,OAAQ,YAAI,MAAM,CAAA,CAAwB,GAC3I,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AACJ,CAAC;AACDnB,EAAa,cAAc;AAGpB,MAAMqB,IAAiB,CAAC,EAAE,GAAGd,QAAiC;AACnE,QAAMe,IAAQC,EAAwB;AAEtC,SAAS,gBAAAX,EAAAZ,GAAA,EAAa,OAAOsB,EAAM,MAAM,OAAO,UAAUA,EAAM,cAAc,QAAQA,EAAM,YAAa,GAAGf,GAAO;AACrH;AACAc,EAAe,cAAc;"}

package/dist/components/inputs/textarea.es.js

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as l } from "../../utils/index.es.js";
+import { useFieldContext as m } from "../../utils/form-context.es.js";
+const n = i.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  "textarea",
+  {
+    className: l(
+      "flex input min-h-input",
+      a
+    ),
+    ref: e,
+    ...t
+  }
+));
+n.displayName = "Textarea";
+const s = ({ disabled: a, ...t }) => {
+  const e = m();
+  return /* @__PURE__ */ r(
+    n,
+    {
+      value: e.state.value,
+      onChange: (o) => e.handleChange(o.target.value),
+      onBlur: e.handleBlur,
+      disabled: a || e.form.state.isSubmitting,
+      ...t
+    }
+  );
+};
+s.displayName = "TfTextarea";
+export {
+  n as Textarea,
+  s as TfTextarea
+};
+//# sourceMappingURL=textarea.es.js.map

package/dist/components/inputs/textarea.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.es.js","sources":["../../../lib/components/inputs/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/utils\"\nimport { useFieldContext } from \"@/utils/form-context\"\n\nexport const Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex input min-h-input\",\n        className\n      )}\n      ref={ref}\n      {...props}\n    />\n  )\n})\nTextarea.displayName = \"Textarea\"\n\nexport interface TfTextareaProps extends Omit<React.ComponentPropsWithoutRef<typeof Textarea>, 'value' | 'onChange' | 'onBlur'> { }\n\nexport const TfTextarea = ({ disabled, ...props }: TfTextareaProps) => {\n  const field = useFieldContext<string>();\n  return (\n    <Textarea\n      value={field.state.value}\n      onChange={e => field.handleChange(e.target.value)}\n      onBlur={field.handleBlur}\n      disabled={disabled || field.form.state.isSubmitting}\n      {...props}\n    />\n  )\n}\nTfTextarea.displayName = \"TfTextarea\"\n\n"],"names":["Textarea","React","className","props","ref","jsx","cn","TfTextarea","disabled","field","useFieldContext","e"],"mappings":";;;;AAKa,MAAAA,IAAWC,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAExB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACA,KAAAE;AAAA,IACC,GAAGD;AAAA,EAAA;AACN,CAEH;AACDH,EAAS,cAAc;AAIhB,MAAMO,IAAa,CAAC,EAAE,UAAAC,GAAU,GAAGL,QAA6B;AACrE,QAAMM,IAAQC,EAAwB;AAEpC,SAAA,gBAAAL;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,OAAOS,EAAM,MAAM;AAAA,MACnB,UAAU,CAAKE,MAAAF,EAAM,aAAaE,EAAE,OAAO,KAAK;AAAA,MAChD,QAAQF,EAAM;AAAA,MACd,UAAUD,KAAYC,EAAM,KAAK,MAAM;AAAA,MACtC,GAAGN;AAAA,IAAA;AAAA,EACN;AAEJ;AACAI,EAAW,cAAc;"}

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

@@ -1,91 +1,59 @@
-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  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CopyButton,\n  FormatDate,\n  Skeleton,\n} from '@/index';\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","jsxs","jsx","CopyButton","FormatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;;;;AAmCO,MAAMA,IAAe,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;AAAA,MAEL,KAAK;AACI,eAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,2BAA2B,UAAA;AAAA,UAAAD;AAAA,UAAM,gBAAAE,EAACC,KAAW,OAAAH,EAAc,CAAA;AAAA,QAAA,GAAE;AAAA,MACtF,KAAK;AACH,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAWE,EAAAJ,CAAK,GAAE;AAAA,MAClC,KAAK;AACH,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAQF,IAAA,QAAQ,MAAK;AAAA,MACrC,KAAK;AAED,eAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,wBACZ,UAAA,MAAM,QAAQF,CAAK,IAChBA,EAAM,IAAI,CAACK,GAAMC,wBAChBC,GACE,EAAA,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAD3C,GAAAC,CAEZ,CACD,IACCN,EACN,CAAA;AAAA,MAGJ,KAAK;AACH,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAMF,EAAA,SAAA,GAAW;AAAA,MACjC;AACS,eAAA,gBAAAE,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,IAAA;AAAA,EAE1B;AAEA,2BACGQ,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACO,GACC,EAAA,UAAA,gBAAAP,EAACQ,GAAW,EAAA,UAAAd,EAAM,CAAA,GACpB;AAAA,IACA,gBAAAM,EAACS,GACC,EAAA,UAAA,gBAAAT,EAAC,OAAI,EAAA,WAAU,uBACZ,UACGP,IAAAE,EAAO,IAAI,CAACE,MAAU;AAEtB,YAAMC,IAAQD,EAAM,WAChBA,EAAM,SACL,MAAM,GAAG,EACT;AAAA,QACC,CAACa,GAAKC,MAASD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAC9ClB;AAAA,MAAA,IAEF;AAGF,aAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAE,EAAA,WAAU,gDAAgD,UAAAH,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,CAACiB,GAAGR,MAAW,gBAAAJ,EAAAa,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAAE,EAC/E,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/sidebar/app-layout.es.js

@@ -1,74 +1,40 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { BreadCrumbs as p } from "./breadcrumb.es.js";
-import { SideBar as l } from "./sidebar.es.js";
-import { SidebarProvider as c, SidebarTrigger as a } from "../ui/sidebar.es.js";
-import "../ui/accordion.es.js";
-import { Avatar as n, AvatarImage as d, AvatarFallback as f } from "../ui/avatar.es.js";
-import { logout as h } from "../../utils/index.es.js";
-import "../ui/breadcrumb.es.js";
-import "../ui/button.es.js";
-import "../ui/calendar.es.js";
-import "../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 { LogOutIcon as s } from "lucide-react";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { SidebarProvider as a, SidebarTrigger as t } from "../ui/sidebar.es.js";
 import "react";
-import "../ui/dialog.es.js";
-import "../ui/drawer.es.js";
-import { DropdownMenu as v, DropdownMenuTrigger as x, DropdownMenuContent as g, DropdownMenuItem as N } from "../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 { Outlet as b } from "@tanstack/react-router";
-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 "../ui/select.es.js";
-import "../ui/separator.es.js";
-import "../ui/sheet.es.js";
-import "sonner";
-import "../ui/table.es.js";
-import "../ui/tabs.es.js";
-import "../ui/textarea.es.js";
-import "../ui/tooltip.es.js";
-function er({ data: e, user: o }) {
-  var t, m;
-  return /* @__PURE__ */ r("div", { className: "h-dvh flex", children: /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(l, { data: e }),
-    /* @__PURE__ */ i("div", { className: "flex flex-col h-screen w-full overflow-auto", children: [
-      /* @__PURE__ */ i("header", { className: "h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b z-10", children: [
-        /* @__PURE__ */ r("div", { className: "flex gap-1 items-center", children: /* @__PURE__ */ r(a, {}) }),
-        /* @__PURE__ */ i(v, { children: [
-          /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "cursor-pointer", children: /* @__PURE__ */ i(n, { className: "justify-center items-center", children: [
-            /* @__PURE__ */ r(
-              d,
-              {
-                src: (o == null ? void 0 : o.logoUrl) ?? "https://app.dev.cryptlex.com/favicon.ico",
-                alt: "icon"
-              }
-            ),
-            /* @__PURE__ */ i(f, { children: [
-              (t = o == null ? void 0 : o.firstName) == null ? void 0 : t.charAt(0),
-              (m = o == null ? void 0 : o.lastName) == null ? void 0 : m.charAt(0)
-            ] })
-          ] }) }) }),
-          /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(N, { icon: s, onClick: () => h(), children: "Logout" }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col overflow-auto", children: [
-        /* @__PURE__ */ r("div", { className: "p-4 pb-0", children: /* @__PURE__ */ r(p, {}) }),
-        /* @__PURE__ */ r("div", { className: "flex-1 p-4 pt-2", children: /* @__PURE__ */ r(b, {}) })
+import { logout as c } from "../../utils/index.es.js";
+import "../../utils/form-context.es.js";
+import "../../utils/form-hook.es.js";
+import { Avatar as n, AvatarImage as d, AvatarFallback as m } from "../ui/avatar.es.js";
+import { DropdownMenu as p, DropdownMenuTrigger as h, DropdownMenuContent as f, DropdownMenuItem as s } from "../ui/dropdown-menu.es.js";
+function D({ data: v, user: r }) {
+  var l, i;
+  return /* @__PURE__ */ e("div", { className: "h-dvh flex", children: /* @__PURE__ */ e(a, { children: /* @__PURE__ */ o("div", { className: "flex flex-col h-screen w-full overflow-auto", children: [
+    /* @__PURE__ */ o("header", { className: "h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b z-10", children: [
+      /* @__PURE__ */ e("div", { className: "flex gap-1 items-center", children: /* @__PURE__ */ e(t, {}) }),
+      /* @__PURE__ */ o(p, { children: [
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "cursor-pointer", children: /* @__PURE__ */ o(n, { className: "justify-center items-center", children: [
+          /* @__PURE__ */ e(
+            d,
+            {
+              src: (r == null ? void 0 : r.logoUrl) ?? "https://app.dev.cryptlex.com/favicon.ico",
+              alt: "icon"
+            }
+          ),
+          /* @__PURE__ */ o(m, { children: [
+            (l = r == null ? void 0 : r.firstName) == null ? void 0 : l.charAt(0),
+            (i = r == null ? void 0 : r.lastName) == null ? void 0 : i.charAt(0)
+          ] })
+        ] }) }) }),
+        /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(s, { onClick: () => c(), children: "Logout" }) })
       ] })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "flex-1 flex flex-col overflow-auto", children: [
+      /* @__PURE__ */ e("div", { className: "p-4 pb-0" }),
+      /* @__PURE__ */ e("div", { className: "flex-1 p-4 pt-2" })
     ] })
-  ] }) });
+  ] }) }) });
 }
 export {
-  er as AppLayout
+  D as AppLayout
 };
 //# sourceMappingURL=app-layout.es.js.map

package/dist/components/sidebar/app-layout.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout.es.js","sources":["../../../lib/components/sidebar/app-layout.tsx"],"sourcesContent":["import { BreadCrumbs } from '@/components/sidebar/breadcrumb';\nimport type { NavItem } from '@/components/sidebar/nav-main';\nimport { SideBar } from '@/components/sidebar/sidebar';\nimport { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  logout,\n} from '@/index';\nimport { Outlet } from '@tanstack/react-router';\nimport { LogOutIcon } from 'lucide-react';\n\nexport interface AppLayoutProps {\n  data: NavItem[]; // Navigation items\n  user?: {\n    firstName?: string;\n    lastName?: string;\n    logoUrl?: string;\n  }; // Optional user information\n}\n\nexport function AppLayout({ data, user }: AppLayoutProps) {\n  return (\n    <div className=\"h-dvh flex\">\n      <SidebarProvider>\n        {/* Sidebar */}\n        <SideBar data={data} />\n\n        {/* Main Content */}\n        <div className=\"flex flex-col h-screen w-full overflow-auto\">\n          {/* Header */}\n          <header className=\"h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b z-10\">\n            {/* Sidebar Trigger */}\n            <div className=\"flex gap-1 items-center\">\n              <SidebarTrigger />\n            </div>\n\n            {/* User Dropdown */}\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <div className=\"cursor-pointer\">\n                  <Avatar className=\"justify-center items-center\">\n                    <AvatarImage\n                      src={user?.logoUrl ?? 'https://app.dev.cryptlex.com/favicon.ico'}\n                      alt=\"icon\"\n                    />\n                    <AvatarFallback>\n                      {user?.firstName?.charAt(0)}\n                      {user?.lastName?.charAt(0)}\n                    </AvatarFallback>\n                  </Avatar>\n                </div>\n              </DropdownMenuTrigger>\n\n              <DropdownMenuContent>\n                <DropdownMenuItem icon={LogOutIcon} onClick={() => logout()}>Logout</DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </header>\n\n          {/* Scrollable Content */}\n          <div className=\"flex-1 flex flex-col overflow-auto\">\n            <div className=\"p-4 pb-0\">\n              <BreadCrumbs />\n            </div>\n            <div className=\"flex-1 p-4 pt-2\">\n              <Outlet />\n            </div>\n          </div>\n        </div>\n      </SidebarProvider>\n    </div>\n  );\n}\n"],"names":["AppLayout","data","user","jsx","SidebarProvider","SideBar","jsxs","SidebarTrigger","DropdownMenu","DropdownMenuTrigger","Avatar","AvatarImage","AvatarFallback","_a","_b","DropdownMenuContent","DropdownMenuItem","LogOutIcon","logout","BreadCrumbs","Outlet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAU,EAAE,MAAAC,GAAM,MAAAC,KAAwB;;AACxD,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAU,cACb,4BAACC,GAEC,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAQ,MAAAJ,GAAY;AAAA,IAGrB,gBAAAK,EAAC,OAAI,EAAA,WAAU,+CAEb,UAAA;AAAA,MAAC,gBAAAA,EAAA,UAAA,EAAO,WAAU,yFAEhB,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA,gBAAAA,EAACI,IAAe,CAAA,GAClB;AAAA,0BAGCC,GACC,EAAA,UAAA;AAAA,UAAC,gBAAAL,EAAAM,GAAA,EAAoB,SAAO,IAC1B,UAAC,gBAAAN,EAAA,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAG,EAACI,GAAO,EAAA,WAAU,+BAChB,UAAA;AAAA,YAAA,gBAAAP;AAAA,cAACQ;AAAA,cAAA;AAAA,gBACC,MAAKT,KAAA,gBAAAA,EAAM,YAAW;AAAA,gBACtB,KAAI;AAAA,cAAA;AAAA,YACN;AAAA,8BACCU,GACE,EAAA,UAAA;AAAA,eAAMC,IAAAX,KAAA,gBAAAA,EAAA,cAAA,gBAAAW,EAAW,OAAO;AAAA,eACxBC,IAAAZ,KAAA,gBAAAA,EAAM,aAAN,gBAAAY,EAAgB,OAAO;AAAA,YAAC,EAC3B,CAAA;AAAA,UAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,UAEA,gBAAAX,EAACY,GACC,EAAA,UAAA,gBAAAZ,EAACa,GAAiB,EAAA,MAAMC,GAAY,SAAS,MAAMC,EAAA,GAAU,UAAA,SAAM,CAAA,EACrE,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA,GACF;AAAA,MAGA,gBAAAZ,EAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAI,EAAA,WAAU,YACb,UAAA,gBAAAA,EAACgB,IAAY,CAAA,GACf;AAAA,0BACC,OAAI,EAAA,WAAU,mBACb,UAAA,gBAAAhB,EAACiB,KAAO,EACV,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"app-layout.es.js","sources":["../../../lib/components/sidebar/app-layout.tsx"],"sourcesContent":["// import { BreadCrumbs } from '@/components/sidebar/breadcrumb';\nimport type { NavItem } from '@/components/sidebar/nav-main';\nimport { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  logout,\n} from '@/index';\n\nexport interface AppLayoutProps {\n  data: NavItem[]; // Navigation items\n  user?: {\n    firstName?: string;\n    lastName?: string;\n    logoUrl?: string;\n  }; // Optional user information\n}\n\nexport function AppLayout({ data, user }: AppLayoutProps) {\n  return (\n    <div className=\"h-dvh flex\">\n      <SidebarProvider>\n        {/* Sidebar */}\n        {/* <SideBar data={data} /> */}\n\n        {/* Main Content */}\n        <div className=\"flex flex-col h-screen w-full overflow-auto\">\n          {/* Header */}\n          <header className=\"h-[7vh] sticky top-0 bg-card flex items-center justify-between p-4 pl-0 border-b z-10\">\n            {/* Sidebar Trigger */}\n            <div className=\"flex gap-1 items-center\">\n              <SidebarTrigger />\n            </div>\n\n            {/* User Dropdown */}\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <div className=\"cursor-pointer\">\n                  <Avatar className=\"justify-center items-center\">\n                    <AvatarImage\n                      src={user?.logoUrl ?? 'https://app.dev.cryptlex.com/favicon.ico'}\n                      alt=\"icon\"\n                    />\n                    <AvatarFallback>\n                      {user?.firstName?.charAt(0)}\n                      {user?.lastName?.charAt(0)}\n                    </AvatarFallback>\n                  </Avatar>\n                </div>\n              </DropdownMenuTrigger>\n\n              <DropdownMenuContent>\n                <DropdownMenuItem onClick={() => logout()}>Logout</DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          </header>\n\n          {/* Scrollable Content */}\n          <div className=\"flex-1 flex flex-col overflow-auto\">\n            <div className=\"p-4 pb-0\">\n              {/* <BreadCrumbs /> */}\n            </div>\n            <div className=\"flex-1 p-4 pt-2\">\n              {/* TODO use children???? */}\n              {/* {chi} */}\n              {/* <Outlet /> */}\n            </div>\n          </div>\n        </div>\n      </SidebarProvider>\n    </div>\n  );\n}\n"],"names":["AppLayout","data","user","jsx","SidebarProvider","jsxs","SidebarTrigger","DropdownMenu","DropdownMenuTrigger","Avatar","AvatarImage","AvatarFallback","_a","_b","DropdownMenuContent","DropdownMenuItem","logout"],"mappings":";;;;;;;;AAuBO,SAASA,EAAU,EAAE,MAAAC,GAAM,MAAAC,KAAwB;;AAEtD,SAAA,gBAAAC,EAAC,SAAI,WAAU,cACb,4BAACC,GAKC,EAAA,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,+CAEb,UAAA;AAAA,IAAC,gBAAAA,EAAA,UAAA,EAAO,WAAU,yFAEhB,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA,gBAAAA,EAACG,IAAe,CAAA,GAClB;AAAA,wBAGCC,GACC,EAAA,UAAA;AAAA,QAAC,gBAAAJ,EAAAK,GAAA,EAAoB,SAAO,IAC1B,UAAC,gBAAAL,EAAA,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAE,EAACI,GAAO,EAAA,WAAU,+BAChB,UAAA;AAAA,UAAA,gBAAAN;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,MAAKR,KAAA,gBAAAA,EAAM,YAAW;AAAA,cACtB,KAAI;AAAA,YAAA;AAAA,UACN;AAAA,4BACCS,GACE,EAAA,UAAA;AAAA,aAAMC,IAAAV,KAAA,gBAAAA,EAAA,cAAA,gBAAAU,EAAW,OAAO;AAAA,aACxBC,IAAAX,KAAA,gBAAAA,EAAM,aAAN,gBAAAW,EAAgB,OAAO;AAAA,UAAC,EAC3B,CAAA;AAAA,QAAA,EACF,CAAA,EACF,CAAA,GACF;AAAA,QAEA,gBAAAV,EAACW,KACC,UAAC,gBAAAX,EAAAY,GAAA,EAAiB,SAAS,MAAMC,EAAU,GAAA,UAAA,SAAM,CAAA,EACnD,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAX,EAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,MAAC,gBAAAF,EAAA,OAAA,EAAI,WAAU,WAEf,CAAA;AAAA,MACA,gBAAAA,EAAC,OAAI,EAAA,WAAU,kBAIf,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA,GACF;AAEJ;"}

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

@@ -1,10 +1,9 @@
 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 }) }) });
+import { Sidebar as e, SidebarContent as i } from "../ui/sidebar.es.js";
+function l({ ...a }) {
+  return /* @__PURE__ */ r(e, { collapsible: "icon", ...a, className: "bg-card h-full", children: /* @__PURE__ */ r(i, { className: "bg-card" }) });
 }
 export {
-  t as SideBar
+  l as SideBar
 };
 //# sourceMappingURL=sidebar.es.js.map

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

@@ -1 +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;"}
+{"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';\n// import { type NavItem, NavMain } from './nav-main';\n\ninterface SidebarProps extends React.ComponentProps<typeof Sidebar> {\n  // data: NavItem[];\n}\n\nexport function SideBar({ ...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","props","jsx","Sidebar","SidebarContent"],"mappings":";;AAQO,SAASA,EAAQ,EAAE,GAAGC,KAAuB;AAClD,SACG,gBAAAC,EAAAC,GAAA,EAAQ,aAAY,QAAQ,GAAGF,GAAO,WAAU,kBAE/C,UAAC,gBAAAC,EAAAE,GAAA,EAAe,WAAU,UAE1B,CAAA,GACF;AAEJ;"}

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

@@ -1,47 +1,47 @@
-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 { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { cn as n } from "../../utils/index.es.js";
+import { Root as m, Content as i, Item as l, Header as f, Trigger as d } from "../../node_modules/.pnpm/@radix-ui_react-accordion@1.2.10_@types_react-dom@18.3.7_@types_react@18.3.21_react-dom@18.3.1_react@18.3.1/node_modules/@radix-ui/react-accordion/dist/index.es.js";
+import { ChevronDown as p } from "lucide-react";
 import * as s from "react";
-const g = e.Root, m = s.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
-  e.Item,
+const b = m, N = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ a(
+  l,
   {
-    ref: r,
-    className: i("border-b", o),
-    ...t
+    ref: t,
+    className: n("border-b", e),
+    ...o
   }
 ));
-m.displayName = "AccordionItem";
-const l = s.forwardRef(({ className: o, children: t, ...r }, n) => /* @__PURE__ */ a(e.Header, { className: "flex", children: /* @__PURE__ */ d(
-  e.Trigger,
+N.displayName = "AccordionItem";
+const y = s.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(f, { className: "flex", children: /* @__PURE__ */ c(
+  d,
   {
-    ref: n,
-    className: i(
+    ref: r,
+    className: n(
       "flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
-      o
+      e
     ),
-    ...r,
+    ...t,
     children: [
-      t,
-      /* @__PURE__ */ a(c, { className: "size-icon shrink-0 text-muted-foreground transition-transform duration-200" })
+      o,
+      /* @__PURE__ */ a(p, { 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,
+y.displayName = d.displayName;
+const g = s.forwardRef(({ className: e, children: o, ...t }, r) => /* @__PURE__ */ a(
+  i,
   {
-    ref: n,
+    ref: r,
     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 })
+    ...t,
+    children: /* @__PURE__ */ a("div", { className: n("pb-4 pt-0", e), children: o })
   }
 ));
-f.displayName = e.Content.displayName;
+g.displayName = i.displayName;
 export {
-  g as Accordion,
-  f as AccordionContent,
-  m as AccordionItem,
-  l as AccordionTrigger
+  b as Accordion,
+  g as AccordionContent,
+  N as AccordionItem,
+  y 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 * as React from \"react\"\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn(\"border-b\", className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        \"flex flex-1 items-center justify-between py-4 body font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"size-icon shrink-0 text-muted-foreground transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden body data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger }\n\n"],"names":["Accordion","AccordionPrimitive.Root","AccordionItem","React","className","props","ref","jsx","AccordionPrimitive.Item","cn","AccordionTrigger","children","AccordionPrimitive.Header","jsxs","AccordionPrimitive.Trigger","ChevronDown","AccordionContent","AccordionPrimitive.Content"],"mappings":";;;;;AAKA,MAAMA,IAAYC,GAEZC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG,EAAG,YAAYL,CAAS;AAAA,IAClC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMQ,IAAmBP,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,EAAM,GAAGC,MACnC,gBAAAC,EAAAK,GAAA,EAA0B,WAAU,QACnC,UAAA,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAR;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAM;AAAA,MACD,gBAAAJ,EAACQ,GAAY,EAAA,WAAU,6EAA6E,CAAA;AAAA,IAAA;AAAA,EAAA;AACtG,GACF,CACD;AACDL,EAAiB,cAAcI,EAA2B;AAEpD,MAAAE,IAAmBb,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACU;AAAAA,EAAA;AAAA,IACC,KAAAX;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAI,EAAA,WAAWI,EAAG,aAAaL,CAAS,GAAI,UAAAO,EAAS,CAAA;AAAA,EAAA;AACxD,CACD;AACDK,EAAiB,cAAcC,EAA2B;"}