@cryptlex/web-components 3.0.0 → 3.1.1

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

@@ -1,57 +1,70 @@
-import { jsx as t, jsxs as d, Fragment as a } from "react/jsx-runtime";
-import { DropdownMenu as k, DropdownMenuTrigger as x, DropdownMenuContent as N, DropdownMenuGroup as B, DropdownMenuCheckboxItem as s } from "../ui/dropdown-menu.es.js";
-import { cn as F } from "../../utils/index.es.js";
-import { useFieldContext as j } from "../../utils/form-context.es.js";
-import m, { useCallback as h } from "react";
-const f = m.forwardRef(({ options: n, value: l, setValue: c, buttonLabel: i, className: g, ...o }, p) => {
-  const M = m.useCallback(() => {
+import { jsx as n, jsxs as d, Fragment as i } from "react/jsx-runtime";
+import { DropdownMenu as M, DropdownMenuTrigger as k, DropdownMenuContent as w, DropdownMenuGroup as S, DropdownMenuCheckboxItem as s } from "../ui/dropdown-menu.es.js";
+import { cn as x } from "../../utils/index.es.js";
+import { useFieldContext as B } from "../../utils/form-context.es.js";
+import j, { useCallback as h } from "react";
+function A({
+  options: r,
+  value: l,
+  setValue: c,
+  buttonLabel: o,
+  className: m,
+  ...u
+}) {
+  const f = j.useCallback(() => {
     const e = l ?? [];
-    return n.filter((r) => e.includes(r.value)).map((r, C, D) => /* @__PURE__ */ d(a, { children: [
-      r.label,
-      C + 1 !== D.length && /* @__PURE__ */ t(a, { children: ", " })
+    return r.filter((t) => e.includes(t.value)).map((t, C, D) => /* @__PURE__ */ d(i, { children: [
+      t.label,
+      C + 1 !== D.length && /* @__PURE__ */ n(i, { children: ", " })
     ] }));
-  }, [l]), b = (e) => {
-    l.includes(e) ? c([...l.filter((r) => r !== e)]) : c([...l, e]);
-  }, S = () => {
-    u() ? c([]) : c(n.map((e) => e.value));
-  }, w = h(
-    (e) => l.includes(e),
-    [l]
-  ), u = h(
-    () => l.length === n.length,
-    [l, n]
-  );
-  return /* @__PURE__ */ t(a, { children: /* @__PURE__ */ d(k, { children: [
-    /* @__PURE__ */ t(x, { ...o, asChild: !0, children: /* @__PURE__ */ t("button", { ...o, ref: p, className: F("btn-dropdown", g), children: i || M() }) }),
-    /* @__PURE__ */ t(N, { children: /* @__PURE__ */ d(B, { children: [
-      /* @__PURE__ */ t(s, { className: "italic", onSelect: (e) => {
-        e.preventDefault(), S();
-      }, checked: u(), children: "(Select all)" }),
-      n.map(
-        (e) => /* @__PURE__ */ t(
-          s,
-          {
-            onSelect: (r) => {
-              r.preventDefault(), b(e.value);
-            },
-            disabled: e.disabled,
-            checked: w(e.value),
-            children: e.label
+  }, [l]), g = (e) => {
+    l.includes(e) ? c([...l.filter((t) => t !== e)]) : c([...l, e]);
+  }, b = () => {
+    a() ? c([]) : c(r.map((e) => e.value));
+  }, p = h((e) => l.includes(e), [l]), a = h(() => l.length === r.length, [l, r]);
+  return /* @__PURE__ */ n(i, { children: /* @__PURE__ */ d(M, { children: [
+    /* @__PURE__ */ n(k, { ...u, asChild: !0, children: /* @__PURE__ */ n("button", { ...u, className: x("btn-dropdown", m), children: o || f() }) }),
+    /* @__PURE__ */ n(w, { children: /* @__PURE__ */ d(S, { children: [
+      /* @__PURE__ */ n(
+        s,
+        {
+          className: "italic",
+          onSelect: (e) => {
+            e.preventDefault(), b();
+          },
+          checked: a(),
+          children: "(Select all)"
+        }
+      ),
+      r.map((e) => /* @__PURE__ */ n(
+        s,
+        {
+          onSelect: (t) => {
+            t.preventDefault(), g(e.value);
           },
-          e.value
-        )
-      )
+          disabled: e.disabled,
+          checked: p(e.value),
+          children: e.label
+        },
+        e.value
+      ))
     ] }) })
   ] }) });
-});
-f.displayName = "MultiSelect";
-const y = ({ ...n }) => {
-  const l = j();
-  return /* @__PURE__ */ t(f, { value: l.state.value, setValue: l.setValue, onBlur: l.handleBlur, ...n });
-};
-y.displayName = "FormMultiSelect";
+}
+function I({ ...r }) {
+  const l = B();
+  return /* @__PURE__ */ n(
+    A,
+    {
+      value: l.state.value,
+      setValue: l.setValue,
+      onBlur: l.handleBlur,
+      ...r
+    }
+  );
+}
 export {
-  f as MultiSelect,
-  y as TfMultiSelect
+  A as MultiSelect,
+  I as TfMultiSelect
 };
 //# sourceMappingURL=multi-select.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuTrigger } from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React, { useCallback } from \"react\";\n\nexport interface SelectionProps<V extends number | string | string[]> extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'values' | 'defaultValue'> {\n    value: V;\n    setValue: (v: V) => void;\n    buttonLabel?: React.ReactNode;\n    options: {\n        value: string;\n        label: React.ReactElement;\n        disabled?: boolean;\n    }[]\n}\n\nexport interface MultiSelectProps extends SelectionProps<string[]> { }\n\nexport const MultiSelect = React.forwardRef<React.ElementRef<typeof Button>, MultiSelectProps>(({ options, value, setValue, buttonLabel, className, ...props }, ref) => {\n\n    // Returns an array of labels for every value that’s currently selected.\n    // If nothing is selected, it returns an empty array.\n    const defaultButtonLabel = React.useCallback(() => {\n        const selected = value ?? [];\n        return options\n            .filter(o => selected.includes(o.value))\n            .map((o, i, arr) => (<>{o.label}{i + 1 !== arr.length && <>, </>}</>));\n    }, [value]);\n\n    const toggleValue = (v: string) => { value.includes(v) ? setValue([...(value.filter(vx => vx !== v))]) : setValue([...value, v]) }\n\n    // Select/deselect all\n    const toggleAll = () => {\n        areAllSelected() ? setValue([]) : setValue(options.map(opt => opt.value));\n    }\n\n    const isChecked = useCallback(\n        (v: string) => value.includes(v),\n        [value],\n    );\n\n    const areAllSelected = useCallback(\n        () => {\n            return value.length === options.length\n        },\n        [value, options]\n    )\n\n    return (\n        <>\n            <DropdownMenu>\n                <DropdownMenuTrigger {...props} asChild>\n                    <button {...props} ref={ref} className={cn(\"btn-dropdown\", className)}>{buttonLabel ? buttonLabel : defaultButtonLabel()}</button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent>\n                    <DropdownMenuGroup>\n                        <DropdownMenuCheckboxItem className=\"italic\" onSelect={(e) => { e.preventDefault(); toggleAll(); }} checked={areAllSelected()}>(Select all)</DropdownMenuCheckboxItem>\n                        {options.map(opt =>\n                            <DropdownMenuCheckboxItem\n                                onSelect={(e) => {\n                                    // Don't close the popover when selecting items\n                                    e.preventDefault();\n                                    toggleValue(opt.value)\n                                }}\n                                key={opt.value}\n                                disabled={opt.disabled}\n                                checked={isChecked(opt.value)}>{opt.label}</DropdownMenuCheckboxItem>\n                        )}\n                    </DropdownMenuGroup>\n                </DropdownMenuContent>\n            </DropdownMenu>\n        </>);\n})\nMultiSelect.displayName = \"MultiSelect\";\n\nexport interface TfMultiSelectProps extends Omit<MultiSelectProps, 'value' | 'setValue'> { }\nexport const TfMultiSelect = ({ ...props }: TfMultiSelectProps) => {\n    const field = useFieldContext<string[]>();\n\n    return (<MultiSelect value={field.state.value} setValue={field.setValue} onBlur={field.handleBlur} {...props} />);\n}\nTfMultiSelect.displayName = \"FormMultiSelect\";"],"names":["MultiSelect","React","options","value","setValue","buttonLabel","className","props","ref","defaultButtonLabel","selected","o","i","arr","jsxs","Fragment","toggleValue","v","vx","toggleAll","areAllSelected","opt","isChecked","useCallback","jsx","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuGroup","DropdownMenuCheckboxItem","e","TfMultiSelect","field","useFieldContext"],"mappings":";;;;;AAmBO,MAAMA,IAAcC,EAAM,WAA8D,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,aAAAC,GAAa,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAI9J,QAAAC,IAAqBR,EAAM,YAAY,MAAM;AACzC,UAAAS,IAAWP,KAAS,CAAC;AAC3B,WAAOD,EACF,OAAO,CAAKS,MAAAD,EAAS,SAASC,EAAE,KAAK,CAAC,EACtC,IAAI,CAACA,GAAGC,GAAGC,MAAY,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAEJ,EAAA;AAAA,MAAOC,IAAI,MAAMC,EAAI,iCAAY,UAAE,KAAA,CAAA;AAAA,IAAA,EAAA,CAAI,CAAI;AAAA,EAAA,GAC1E,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAAE,IAAAd,EAAM,SAASc,CAAC,IAAIb,EAAS,CAAC,GAAID,EAAM,OAAO,CAAAe,MAAMA,MAAOD,CAAC,CAAE,CAAC,IAAIb,EAAS,CAAC,GAAGD,GAAOc,CAAC,CAAC;AAAA,EAAE,GAG3HE,IAAY,MAAM;AACL,IAAAC,MAAIhB,EAAS,CAAE,CAAA,IAAIA,EAASF,EAAQ,IAAI,CAAAmB,MAAOA,EAAI,KAAK,CAAC;AAAA,EAC5E,GAEMC,IAAYC;AAAA,IACd,CAACN,MAAcd,EAAM,SAASc,CAAC;AAAA,IAC/B,CAACd,CAAK;AAAA,EACV,GAEMiB,IAAiBG;AAAA,IACnB,MACWpB,EAAM,WAAWD,EAAQ;AAAA,IAEpC,CAACC,GAAOD,CAAO;AAAA,EACnB;AAGI,SAAA,gBAAAsB,EAAAT,GAAA,EACI,4BAACU,GACG,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACnC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,KAAAC,GAAU,WAAWmB,EAAG,gBAAgBrB,CAAS,GAAI,eAA4BG,IAAqB,CAAA,GAC7H;AAAA,IACA,gBAAAe,EAACI,GACG,EAAA,UAAA,gBAAAd,EAACe,GACG,EAAA,UAAA;AAAA,MAAA,gBAAAL,EAACM,GAAyB,EAAA,WAAU,UAAS,UAAU,CAAC,MAAM;AAAE,UAAE,eAAe,GAAaX,EAAA;AAAA,MAAM,GAAA,SAASC,EAAe,GAAG,UAAY,eAAA,CAAA;AAAA,MAC1IlB,EAAQ;AAAA,QAAI,CACTmB,MAAA,gBAAAG;AAAA,UAACM;AAAA,UAAA;AAAA,YACG,UAAU,CAACC,MAAM;AAEb,cAAAA,EAAE,eAAe,GACjBf,EAAYK,EAAI,KAAK;AAAA,YACzB;AAAA,YAEA,UAAUA,EAAI;AAAA,YACd,SAASC,EAAUD,EAAI,KAAK;AAAA,YAAI,UAAIA,EAAA;AAAA,UAAA;AAAA,UAF/BA,EAAI;AAAA,QAAA;AAAA,MAEiC;AAAA,IAClD,EAAA,CACJ,EACJ,CAAA;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AACR,CAAC;AACDrB,EAAY,cAAc;AAGnB,MAAMgC,IAAgB,CAAC,EAAE,GAAGzB,QAAgC;AAC/D,QAAM0B,IAAQC,EAA0B;AAExC,SAAS,gBAAAV,EAAAxB,GAAA,EAAY,OAAOiC,EAAM,MAAM,OAAO,UAAUA,EAAM,UAAU,QAAQA,EAAM,YAAa,GAAG1B,GAAO;AAClH;AACAyB,EAAc,cAAc;"}
+{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import {\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React, { useCallback } from \"react\";\n\nexport interface SelectionProps<V extends number | string | string[]>\n\textends Omit<\n\t\tReact.ComponentProps<\"button\">,\n\t\t\"value\" | \"values\" | \"defaultValue\"\n\t> {\n\tvalue: V;\n\tsetValue: (v: V) => void;\n\tbuttonLabel?: React.ReactNode;\n\toptions: {\n\t\tvalue: string;\n\t\tlabel: React.ReactElement;\n\t\tdisabled?: boolean;\n\t}[];\n}\n\nexport interface MultiSelectProps extends SelectionProps<string[]> { }\n\nexport function MultiSelect({\n\toptions,\n\tvalue,\n\tsetValue,\n\tbuttonLabel,\n\tclassName,\n\t...props\n}: MultiSelectProps) {\n\t// Returns an array of labels for every value that’s currently selected.\n\t// If nothing is selected, it returns an empty array.\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\tconst selected = value ?? [];\n\t\treturn options\n\t\t\t.filter((o) => selected.includes(o.value))\n\t\t\t.map((o, i, arr) => (\n\t\t\t\t<>\n\t\t\t\t\t{o.label}\n\t\t\t\t\t{i + 1 !== arr.length && <>, </>}\n\t\t\t\t</>\n\t\t\t));\n\t}, [value]);\n\n\tconst toggleValue = (v: string) => {\n\t\tvalue.includes(v)\n\t\t\t? setValue([...value.filter((vx) => vx !== v)])\n\t\t\t: setValue([...value, v]);\n\t};\n\n\t// Select/deselect all\n\tconst toggleAll = () => {\n\t\tareAllSelected() ? setValue([]) : setValue(options.map((opt) => opt.value));\n\t};\n\n\tconst isChecked = useCallback((v: string) => value.includes(v), [value]);\n\n\tconst areAllSelected = useCallback(() => {\n\t\treturn value.length === options.length;\n\t}, [value, options]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button {...props} className={cn(\"btn-dropdown\", className)}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\tclassName=\"italic\"\n\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\ttoggleAll();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tchecked={areAllSelected()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t(Select all)\n\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\t\t// Don't close the popover when selecting items\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\ttoggleValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\t\tdisabled={opt.disabled}\n\t\t\t\t\t\t\t\tchecked={isChecked(opt.value)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n};\n\nexport interface TfMultiSelectProps\n\textends Omit<MultiSelectProps, \"value\" | \"setValue\"> { }\nexport function TfMultiSelect({ ...props }: TfMultiSelectProps) {\n\tconst field = useFieldContext<string[]>();\n\n\treturn (\n\t\t<MultiSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.setValue}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["MultiSelect","options","value","setValue","buttonLabel","className","props","defaultButtonLabel","React","selected","o","i","arr","jsxs","Fragment","toggleValue","v","vx","toggleAll","areAllSelected","opt","isChecked","useCallback","jsx","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuGroup","DropdownMenuCheckboxItem","e","TfMultiSelect","field","useFieldContext"],"mappings":";;;;;AA4BO,SAASA,EAAY;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AAGd,QAAAC,IAAqBC,EAAM,YAAY,MAAM;AAC5C,UAAAC,IAAWP,KAAS,CAAC;AAC3B,WAAOD,EACL,OAAO,CAACS,MAAMD,EAAS,SAASC,EAAE,KAAK,CAAC,EACxC,IAAI,CAACA,GAAGC,GAAGC,MAET,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAEJ,EAAA;AAAA,MACFC,IAAI,MAAMC,EAAI,iCAAY,UAAE,KAAA,CAAA;AAAA,IAAA,EAAA,CAC9B,CACA;AAAA,EAAA,GACA,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAC5B,IAAAd,EAAA,SAASc,CAAC,IACbb,EAAS,CAAC,GAAGD,EAAM,OAAO,CAACe,MAAOA,MAAOD,CAAC,CAAC,CAAC,IAC5Cb,EAAS,CAAC,GAAGD,GAAOc,CAAC,CAAC;AAAA,EAC1B,GAGME,IAAY,MAAM;AACvB,IAAAC,MAAmBhB,EAAS,CAAE,CAAA,IAAIA,EAASF,EAAQ,IAAI,CAACmB,MAAQA,EAAI,KAAK,CAAC;AAAA,EAC3E,GAEMC,IAAYC,EAAY,CAACN,MAAcd,EAAM,SAASc,CAAC,GAAG,CAACd,CAAK,CAAC,GAEjEiB,IAAiBG,EAAY,MAC3BpB,EAAM,WAAWD,EAAQ,QAC9B,CAACC,GAAOD,CAAO,CAAC;AAGlB,SAAA,gBAAAsB,EAAAT,GAAA,EACC,4BAACU,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACtC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,WAAWoB,EAAG,gBAAgBrB,CAAS,GACxD,eAA4BE,IAC9B,CAAA,GACD;AAAA,IACA,gBAAAgB,EAACI,GACA,EAAA,UAAA,gBAAAd,EAACe,GACA,EAAA,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,UAAU,CAAC,MAAM;AAChB,cAAE,eAAe,GACPX,EAAA;AAAA,UACX;AAAA,UACA,SAASC,EAAe;AAAA,UACxB,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACClB,EAAQ,IAAI,CAACmB,MACb,gBAAAG;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,UAAU,CAACC,MAAM;AAEhB,YAAAA,EAAE,eAAe,GACjBf,EAAYK,EAAI,KAAK;AAAA,UACtB;AAAA,UAEA,UAAUA,EAAI;AAAA,UACd,SAASC,EAAUD,EAAI,KAAK;AAAA,UAE3B,UAAIA,EAAA;AAAA,QAAA;AAAA,QAJAA,EAAI;AAAA,MAMV,CAAA;AAAA,IAAA,EAAA,CACF,EACD,CAAA;AAAA,EAAA,EAAA,CACD,EACD,CAAA;AAEF;AAIO,SAASW,EAAc,EAAE,GAAGzB,KAA6B;AAC/D,QAAM0B,IAAQC,EAA0B;AAGvC,SAAA,gBAAAV;AAAA,IAACvB;AAAA,IAAA;AAAA,MACA,OAAOgC,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAG1B;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

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

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

@@ -1 +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;"}
+{"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\nexport function PasswordInput({ ...props }: InputProps) {\n\tconst [showPassword, setShowPassword] = React.useState<boolean>(false);\n\treturn (\n\t\t<Input\n\t\t\ticon={KeySquare}\n\t\t\ttype={showPassword ? \"text\" : \"password\"}\n\t\t\t{...props}\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: () => setShowPassword(!showPassword),\n\t\t\t\ticon: () => (showPassword ? EyeIcon : EyeOffIcon),\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["PasswordInput","props","showPassword","setShowPassword","React","jsx","Input","KeySquare","EyeIcon","EyeOffIcon"],"mappings":";;;;;AAMO,SAASA,EAAc,EAAE,GAAGC,KAAqB;AACvD,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAM,SAAkB,EAAK;AAEpE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACN,MAAML,IAAe,SAAS;AAAA,MAC7B,GAAGD;AAAA,MACJ,aAAa;AAAA,QACZ,SAAS,MAAME,EAAgB,CAACD,CAAY;AAAA,QAC5C,MAAM,MAAOA,IAAeM,IAAUC;AAAA,MAAA;AAAA,IACvC;AAAA,EACD;AAEF;"}

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

@@ -1,32 +1,37 @@
 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;
+import { Root as t, Item as c, Indicator as s } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.3.7_@types_react-dom@19.1.0_@types_react@19.1.0_react-dom@19.1.0_react@19.1.0/node_modules/@radix-ui/react-radio-group/dist/index.es.js";
+import { cn as i } from "../../utils/index.es.js";
+import { Check as n } from "lucide-react";
+function u({
+  className: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    t,
+    {
+      className: i("grid gap-2", o),
+      ...r
+    }
+  );
+}
+function f({
+  className: o,
+  ...r
+}) {
+  return /* @__PURE__ */ e(
+    c,
+    {
+      className: i(
+        "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",
+        o
+      ),
+      ...r,
+      children: /* @__PURE__ */ e(s, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "size-icon" }) })
+    }
+  );
+}
 export {
-  n as RadioGroup,
-  l as RadioGroupItem
+  u as RadioGroup,
+  f as RadioGroupItem
 };
 //# sourceMappingURL=radio-group.es.js.map

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

@@ -1 +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;"}
+{"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 type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { Check } from \"lucide-react\";\n\nexport function RadioGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Root\n\t\t\tclassName={cn(\"grid gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function RadioGroupItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tclassName={cn(\n\t\t\t\t\"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\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n\t\t\t\t<Check className=\"size-icon\" />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t);\n}\n"],"names":["RadioGroup","className","props","jsx","RadioGroupPrimitive.Root","cn","RadioGroupItem","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator","Check"],"mappings":";;;;AAMO,SAASA,EAAW;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGC;AACJ,GAA0D;AAExD,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC,EAAG,cAAcJ,CAAS;AAAA,MACpC,GAAGC;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASI,EAAe;AAAA,EAC9B,WAAAL;AAAA,EACA,GAAGC;AACJ,GAA0D;AAExD,SAAA,gBAAAC;AAAA,IAACI;AAAAA,IAAA;AAAA,MACA,WAAWF;AAAA,QACV;AAAA,QACAJ;AAAA,MACD;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA,gBAAAC,EAACK,GAAA,EAA8B,WAAU,oCACxC,UAAC,gBAAAL,EAAAM,GAAA,EAAM,WAAU,YAAY,CAAA,EAC9B,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;"}

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

@@ -1,12 +1,15 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Input as i } from "./input.es.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Input as o } 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 }) => {
+function S({
+  onChange: t,
+  ...l
+}) {
   const [c, r] = a("");
-  return /* @__PURE__ */ o(
-    i,
+  return /* @__PURE__ */ i(
+    o,
     {
       icon: s,
       ...l,
@@ -23,7 +26,7 @@ const S = ({ onChange: t, ...l }) => {
       }
     }
   );
-};
+}
 export {
   S as SearchInput
 };

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

@@ -1 +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;"}
+{"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 type React from \"react\";\nimport { useState } from \"react\";\n\ninterface SearchInputProps extends Omit<InputProps, \"onChange\"> {\n\tonChange?: (value: string) => void; // Function to handle input value changes\n}\n\nexport function SearchInput({\n\tonChange,\n\t...props\n}: SearchInputProps) {\n\tconst [value, setValue] = useState<string>(\"\");\n\n\tconst handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst newValue = event.target.value;\n\t\tsetValue(newValue);\n\t\tonChange?.(newValue); // Call the custom onChange handler with the new value\n\t};\n\n\tconst handleClearClick = () => {\n\t\tsetValue(\"\");\n\t\tonChange?.(\"\"); // Notify the parent that the input has been cleared\n\t};\n\n\treturn (\n\t\t<Input\n\t\t\ticon={Search}\n\t\t\t{...props}\n\t\t\tvalue={value}\n\t\t\tonChange={handleInputChange} // Use the internal handler\n\t\t\tbuttonProps={{\n\t\t\t\tonClick: handleClearClick,\n\t\t\t\ticon: () => X,\n\t\t\t}}\n\t\t/>\n\t);\n};\n"],"names":["SearchInput","onChange","props","value","setValue","useState","jsx","Input","Search","event","newValue","X"],"mappings":";;;;;AAUO,SAASA,EAAY;AAAA,EAC3B,UAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE;AAc5C,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAMC;AAAA,MACL,GAAGN;AAAA,MACJ,OAAAC;AAAA,MACA,UAhBwB,CAACM,MAA+C;AACnE,cAAAC,IAAWD,EAAM,OAAO;AAC9B,QAAAL,EAASM,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,MACZ;AAAA,MAaE,aAAa;AAAA,QACZ,SAZsB,MAAM;AAC9B,UAAAN,EAAS,EAAE,GACXH,KAAA,QAAAA,EAAW;AAAA,QACZ;AAAA,QAUG,MAAM,MAAMU;AAAA,MAAA;AAAA,IACb;AAAA,EACD;AAEF;"}

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\";\nimport type { SelectionProps } from \"@/components/inputs/multi-select\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuTrigger,\n} 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 function SingleSelect({\n\tvalue,\n\tsetValue,\n\toptions,\n\tclassName,\n\tbuttonLabel,\n\t...props\n}: SingleSelectProps) {\n\tconst defaultButtonLabel = React.useCallback(() => {\n\t\treturn options.find((o) => o.value === value)?.label;\n\t}, [value]);\n\n\treturn (\n\t\t<>\n\t\t\t<DropdownMenu>\n\t\t\t\t<DropdownMenuTrigger {...props} asChild>\n\t\t\t\t\t<button className={cn(\"btn-dropdown\", className)} {...props}>\n\t\t\t\t\t\t{buttonLabel ? buttonLabel : defaultButtonLabel()}\n\t\t\t\t\t</button>\n\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t<DropdownMenuContent>\n\t\t\t\t\t<DropdownMenuRadioGroup value={value}>\n\t\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\t\tonSelect={() => {\n\t\t\t\t\t\t\t\t\tsetValue(opt.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuRadioGroup>\n\t\t\t\t</DropdownMenuContent>\n\t\t\t</DropdownMenu>\n\t\t</>\n\t);\n}\n\nexport interface TfSingleSelectProps\n\textends Omit<SingleSelectProps, \"value\" | \"setValue\"> { }\nexport function TfSingleSelect({ ...props }: TfSingleSelectProps) {\n\tconst field = useFieldContext<string>();\n\n\treturn (\n\t\t<SingleSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.handleChange}\n\t\t\tonBlur={field.handleBlur}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["SingleSelect","value","setValue","options","className","buttonLabel","props","defaultButtonLabel","React","_a","o","jsx","Fragment","DropdownMenu","DropdownMenuTrigger","cn","DropdownMenuContent","DropdownMenuRadioGroup","opt","DropdownMenuRadioItem","TfSingleSelect","field","useFieldContext"],"mappings":";;;;;;AAeO,SAASA,EAAa;AAAA,EAC5B,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAsB;AACf,QAAAC,IAAqBC,EAAM,YAAY,MAAM;;AAClD,YAAOC,IAAAN,EAAQ,KAAK,CAACO,MAAMA,EAAE,UAAUT,CAAK,MAArC,gBAAAQ,EAAwC;AAAA,EAAA,GAC7C,CAACR,CAAK,CAAC;AAGT,SAAA,gBAAAU,EAAAC,GAAA,EACC,4BAACC,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAqB,GAAGR,GAAO,SAAO,IACtC,UAAA,gBAAAK,EAAC,YAAO,WAAWI,EAAG,gBAAgBX,CAAS,GAAI,GAAGE,GACpD,eAA4BC,IAC9B,CAAA,GACD;AAAA,IACA,gBAAAI,EAACK,KACA,UAAC,gBAAAL,EAAAM,GAAA,EAAuB,OAAAhB,GACtB,UAAQE,EAAA,IAAI,CAACe,MACb,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACA,UAAU,MAAM;AACf,UAAAjB,EAASgB,EAAI,KAAK;AAAA,QACnB;AAAA,QACA,OAAOA,EAAI;AAAA,QAEV,UAAIA,EAAA;AAAA,MAAA;AAAA,IAEN,CAAA,EACF,CAAA,EACD,CAAA;AAAA,EAAA,EAAA,CACD,EACD,CAAA;AAEF;AAIO,SAASE,EAAe,EAAE,GAAGd,KAA8B;AACjE,QAAMe,IAAQC,EAAwB;AAGrC,SAAA,gBAAAX;AAAA,IAACX;AAAA,IAAA;AAAA,MACA,OAAOqB,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAGf;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

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

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

@@ -1 +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;"}
+{"version":3,"file":"textarea.es.js","sources":["../../../lib/components/inputs/textarea.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\n\nexport function Textarea({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<textarea className={cn(\"flex input min-h-input\", className)} {...props} />\n\t);\n}\n\nexport interface TfTextareaProps\n\textends Omit<\n\t\tReact.ComponentProps<typeof Textarea>,\n\t\t\"value\" | \"onChange\" | \"onBlur\"\n\t> {}\n\nexport function TfTextarea({ disabled, ...props }: TfTextareaProps) {\n\tconst field = useFieldContext<string>();\n\treturn (\n\t\t<Textarea\n\t\t\tvalue={field.state.value}\n\t\t\tonChange={(e) => field.handleChange(e.target.value)}\n\t\t\tonBlur={field.handleBlur}\n\t\t\tdisabled={disabled || field.form.state.isSubmitting}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"names":["Textarea","className","props","jsx","cn","TfTextarea","disabled","field","useFieldContext","e"],"mappings":";;;AAKO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,GAAGC;AACJ,GAAqC;AAEnC,SAAA,gBAAAC,EAAC,cAAS,WAAWC,EAAG,0BAA0BH,CAAS,GAAI,GAAGC,GAAO;AAE3E;AAQO,SAASG,EAAW,EAAE,UAAAC,GAAU,GAAGJ,KAA0B;AACnE,QAAMK,IAAQC,EAAwB;AAErC,SAAA,gBAAAL;AAAA,IAACH;AAAA,IAAA;AAAA,MACA,OAAOO,EAAM,MAAM;AAAA,MACnB,UAAU,CAACE,MAAMF,EAAM,aAAaE,EAAE,OAAO,KAAK;AAAA,MAClD,QAAQF,EAAM;AAAA,MACd,UAAUD,KAAYC,EAAM,KAAK,MAAM;AAAA,MACtC,GAAGL;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

@@ -7,7 +7,11 @@ import { Card as i, CardHeader as f, CardTitle as m, CardContent as h } from "..
 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 S = ({
+  data: c,
+  label: o,
+  fields: l
+}) => {
   const p = (n, r) => {
     if (n.transform)
       return n.transform(r);

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';\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;"}
+{"version":3,"file":"key-value-card.es.js","sources":["../../../lib/components/key-value-card/key-value-card.tsx"],"sourcesContent":["import { Badge } from \"@/components/ui/badge\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n\tCopyButton,\n\tFormatDate,\n\tSkeleton,\n} from \"@/index\";\n\n// Utility type to handle nested keys (dot notation) in any object\ntype NestedKeyOf<T> = T extends object\n\t? {\n\t\t\t[K in keyof T]: K extends string | number\n\t\t\t\t? `${K & string}` | `${K & string}.${NestedKeyOf<T[K]>}`\n\t\t\t\t: never;\n\t\t}[keyof T]\n\t: never;\n\n// DisplayField type that works with nested keys\nexport type DisplayField<T> = {\n\tdisplay: string;\n\taccessor: NestedKeyOf<T>;\n\ttype?:\n\t\t| \"text\"\n\t\t| \"badge\"\n\t\t| \"boolean\"\n\t\t| \"date\"\n\t\t| \"yesno\"\n\t\t| \"copyButton\"\n\t\t| \"link\"; // Field types\n\ttransform?: (value: any) => React.ReactNode;\n};\n\nexport interface KeyValueCardProps<T> {\n\tdata: T; // Ensure data is of type T\n\tlabel: string;\n\tfields: DisplayField<T>[];\n\tclassName?: string;\n}\n\nexport const KeyValueCard = <T extends {}>({\n\tdata,\n\tlabel,\n\tfields,\n}: KeyValueCardProps<T>) => {\n\tconst renderValue = (field: DisplayField<T>, value: any) => {\n\t\tif (field.transform) {\n\t\t\treturn field.transform(value);\n\t\t}\n\t\tif (value === undefined || value === null) {\n\t\t\treturn \"-\";\n\t\t}\n\t\tswitch (field.type) {\n\t\t\tcase \"link\":\n\t\t\t// return <Link to={value}>{value}</Link>;\n\t\t\tcase \"copyButton\":\n\t\t\t\treturn (\n\t\t\t\t\t<span className=\"flex items-center gap-2\">\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\t<CopyButton value={value} />\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\tcase \"date\":\n\t\t\t\treturn <span>{FormatDate(value)}</span>;\n\t\t\tcase \"yesno\":\n\t\t\t\treturn <span>{value ? \"Yes\" : \"No\"}</span>;\n\t\t\tcase \"badge\":\n\t\t\t\treturn (\n\t\t\t\t\t<div className=\"flex flex-wrap gap-1\">\n\t\t\t\t\t\t{Array.isArray(value)\n\t\t\t\t\t\t\t? value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t<Badge key={index}>\n\t\t\t\t\t\t\t\t\t\t{typeof item === \"object\" ? item?.name || item?.id : item}\n\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t: value}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\n\t\t\tcase \"boolean\":\n\t\t\t\treturn <span>{value.toString()}</span>;\n\t\t\tdefault:\n\t\t\t\treturn <span>{value}</span>;\n\t\t}\n\t};\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{label}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t{data\n\t\t\t\t\t\t? fields.map((field) => {\n\t\t\t\t\t\t\t\t// TODO: improve this\n\t\t\t\t\t\t\t\tconst value = field.accessor\n\t\t\t\t\t\t\t\t\t? field.accessor\n\t\t\t\t\t\t\t\t\t\t\t.split(\".\")\n\t\t\t\t\t\t\t\t\t\t\t.reduce(\n\t\t\t\t\t\t\t\t\t\t\t\t(obj, key) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tobj && key in obj ? obj[key] : undefined,\n\t\t\t\t\t\t\t\t\t\t\t\tdata as Record<string, any>,\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t: null;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={field.display}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex w-full flex-col md:flex-row justify-between first:pt-0 last:pb-0\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<p className=\"text-sm flex w-full justify-start col-span-1\">\n\t\t\t\t\t\t\t\t\t\t\t{field.display}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm flex w-full justify-start text-wrap break-all\">\n\t\t\t\t\t\t\t\t\t\t\t{renderValue(field, value)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t: fields.map((_, index) => (\n\t\t\t\t\t\t\t\t<Skeleton key={index} className=\"h-12 w-full\" />\n\t\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n"],"names":["KeyValueCard","data","label","fields","renderValue","field","value","jsxs","jsx","CopyButton","FormatDate","item","index","Badge","Card","CardHeader","CardTitle","CardContent","obj","key","_","Skeleton"],"mappings":";;;;;;;;;AA0CO,MAAMA,IAAe,CAAe;AAAA,EAC1C,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AACD,MAA4B;AACrB,QAAAC,IAAc,CAACC,GAAwBC,MAAe;AAC3D,QAAID,EAAM;AACF,aAAAA,EAAM,UAAUC,CAAK;AAEzB,QAAuBA,KAAU;AAC7B,aAAA;AAER,YAAQD,EAAM,MAAM;AAAA,MACnB,KAAK;AAAA,MAEL,KAAK;AAEH,eAAA,gBAAAE,EAAC,QAAK,EAAA,WAAU,2BACd,UAAA;AAAA,UAAAD;AAAA,UACD,gBAAAE,EAACC,KAAW,OAAAH,EAAc,CAAA;AAAA,QAAA,GAC3B;AAAA,MAEF,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAWE,EAAAJ,CAAK,GAAE;AAAA,MACjC,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAQF,IAAA,QAAQ,MAAK;AAAA,MACpC,KAAK;AAEH,eAAA,gBAAAE,EAAC,OAAI,EAAA,WAAU,wBACb,UAAA,MAAM,QAAQF,CAAK,IACjBA,EAAM,IAAI,CAACK,GAAMC,wBAChBC,GACC,EAAA,UAAA,OAAOF,KAAS,YAAWA,KAAA,gBAAAA,EAAM,UAAQA,KAAA,gBAAAA,EAAM,MAAKA,EAD1C,GAAAC,CAEZ,CACA,IACAN,EACJ,CAAA;AAAA,MAGF,KAAK;AACJ,eAAQ,gBAAAE,EAAA,QAAA,EAAM,UAAMF,EAAA,SAAA,GAAW;AAAA,MAChC;AACQ,eAAA,gBAAAE,EAAC,UAAM,UAAMF,EAAA,CAAA;AAAA,IAAA;AAAA,EAEvB;AAEA,2BACEQ,GACA,EAAA,UAAA;AAAA,IAAA,gBAAAN,EAACO,GACA,EAAA,UAAA,gBAAAP,EAACQ,GAAW,EAAA,UAAAd,EAAM,CAAA,GACnB;AAAA,IACA,gBAAAM,EAACS,GACA,EAAA,UAAA,gBAAAT,EAAC,OAAI,EAAA,WAAU,uBACb,UACEP,IAAAE,EAAO,IAAI,CAACE,MAAU;AAEtB,YAAMC,IAAQD,EAAM,WACjBA,EAAM,SACL,MAAM,GAAG,EACT;AAAA,QACA,CAACa,GAAKC,MACLD,KAAOC,KAAOD,IAAMA,EAAIC,CAAG,IAAI;AAAA,QAChClB;AAAA,MAAA,IAED;AAGF,aAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAC,EAAC,KAAE,EAAA,WAAU,gDACX,UAAAH,EAAM,SACR;AAAA,8BACC,OAAI,EAAA,WAAU,yDACb,UAAYD,EAAAC,GAAOC,CAAK,EAC1B,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QARKD,EAAM;AAAA,MASZ;AAAA,IAED,CAAA,IACAF,EAAO,IAAI,CAACiB,GAAGR,MACd,gBAAAJ,EAAAa,GAAA,EAAqB,WAAU,cAAA,GAAjBT,CAA+B,CAC9C,EACJ,CAAA,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}