@cryptlex/web-components 3.8.2 → 5.0.0

package/dist/components/inputs/license-type-select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"license-type-select.es.js","sources":["../../../lib/components/inputs/license-type-select.tsx"],"sourcesContent":["import {\n\tTfSingleSelect,\n\ttype TfSingleSelectProps,\n} from \"@/components/inputs/select\";\n\nexport function TfLicenseTypeSelect({\n\t...props\n}: Omit<TfSingleSelectProps, \"options\">) {\n\treturn (\n\t\t<TfSingleSelect\n\t\t\toptions={[\n\t\t\t\t{\n\t\t\t\t\tlabel: <>Node-locked</>,\n\t\t\t\t\tvalue: \"node-locked\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: <>Hosted floating</>,\n\t\t\t\t\tvalue: \"hosted-floating\",\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: <>LexFloatServer</>,\n\t\t\t\t\tvalue: \"on-premise-floating\",\n\t\t\t\t},\n\t\t\t]}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["TfLicenseTypeSelect","props","jsx","TfSingleSelect"],"mappings":";;AAKO,SAASA,EAAoB;AAAA,EACnC,GAAGC;AACJ,GAAyC;AACxC,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,SAAS;AAAA,QACR;AAAA,UACC,8BAAS,UAAA,cAAA,CAAW;AAAA,UACpB,OAAO;AAAA,QAAA;AAAA,QAER;AAAA,UACC,8BAAS,UAAA,kBAAA,CAAe;AAAA,UACxB,OAAO;AAAA,QAAA;AAAA,QAER;AAAA,UACC,8BAAS,UAAA,iBAAA,CAAc;AAAA,UACvB,OAAO;AAAA,QAAA;AAAA,MACR;AAAA,MAEA,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"license-type-select.es.js","sources":["../../../lib/components/inputs/license-type-select.tsx"],"sourcesContent":["import { SelectItem, TfSingleSelect } from \"@/components/inputs/select\";\n\nexport const LICENSE_TYPE_OPTIONS = [\n\t{\n\t\tlabel: <>Node-locked</>,\n\t\tid: \"node-locked\",\n\t},\n\t{\n\t\tlabel: <>Hosted floating</>,\n\t\tid: \"hosted-floating\",\n\t},\n\t{\n\t\tlabel: <>LexFloatServer</>,\n\t\tid: \"on-premise-floating\",\n\t},\n];\n\nexport function TfLicenseTypeSelect({ ...props }: Omit<React.ComponentProps<typeof TfSingleSelect>, 'items' | 'children'>) {\n\treturn (\n\t\t<TfSingleSelect\n\t\t\t{...props}\n\t\t\titems={LICENSE_TYPE_OPTIONS}\n\t\t>\n\t\t\t{(item) => <SelectItem id={item.id} key={item.id}>{item.label}</SelectItem>}\n\t\t</TfSingleSelect>\n\t);\n};\n"],"names":["LICENSE_TYPE_OPTIONS","TfLicenseTypeSelect","props","jsx","TfSingleSelect","item","SelectItem"],"mappings":";;AAEO,MAAMA,IAAuB;AAAA,EACnC;AAAA,IACC,8BAAS,UAAA,cAAA,CAAW;AAAA,IACpB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,kBAAA,CAAe;AAAA,IACxB,IAAI;AAAA,EAAA;AAAA,EAEL;AAAA,IACC,8BAAS,UAAA,iBAAA,CAAc;AAAA,IACvB,IAAI;AAAA,EAAA;AAEN;AAEO,SAASC,EAAoB,EAAE,GAAGC,KAAkF;AAC1H,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,GAAGF;AAAA,MACJ,OAAOF;AAAA,MAEN,UAAA,CAACK,MAAS,gBAAAF,EAACG,GAAA,EAAW,IAAID,EAAK,IAAmB,UAAAA,EAAK,MAAA,GAAfA,EAAK,EAAgB;AAAA,IAAA;AAAA,EAAA;AAGjE;"}

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

@@ -1,70 +1,54 @@
-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,
+import { jsx as r } from "react/jsx-runtime";
+import { FormField as u } from "./field.es.js";
+import { EasyMenu as d, MenuItem as m } from "../ui/menu.es.js";
+import { useFieldContext as c } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as f } from "../../utils/form-hook.es.js";
+function M({
+  options: i,
   value: l,
-  setValue: c,
-  buttonLabel: o,
-  className: m,
-  ...u
+  setValue: t,
+  label: n,
+  errorMessage: s,
+  description: o,
+  ...a
 }) {
-  const f = j.useCallback(() => {
-    const e = l ?? [];
-    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]), 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,
+  return /* @__PURE__ */ r("div", { className: "group form-field", children: /* @__PURE__ */ r(u, { label: n, description: o, errorMessage: s, children: /* @__PURE__ */ r(
+    d,
+    {
+      selectionMode: "multiple",
+      selectedKeys: l,
+      onSelectionChange: (e) => {
+        typeof e != "string" && t(e);
+      },
+      label: l.size,
+      ...a,
+      children: i.map((e) => /* @__PURE__ */ r(
+        m,
         {
-          onSelect: (t) => {
-            t.preventDefault(), g(e.value);
-          },
-          disabled: e.disabled,
-          checked: p(e.value),
+          id: e.value,
+          isDisabled: e == null ? void 0 : e.disabled,
           children: e.label
         },
         e.value
       ))
-    ] }) })
-  ] }) });
+    }
+  ) }) });
 }
-function I({ ...r }) {
-  const l = B();
-  return /* @__PURE__ */ n(
-    A,
+function v({ ...i }) {
+  const l = c();
+  return /* @__PURE__ */ r(
+    M,
     {
       value: l.state.value,
       setValue: l.setValue,
-      onBlur: l.handleBlur,
-      ...r
+      onClose: l.handleBlur,
+      errorMessage: f(l),
+      ...i
     }
   );
 }
 export {
-  A as MultiSelect,
-  I as TfMultiSelect
+  M as MultiSelect,
+  v 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 {\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;AAGpB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;AAClD,UAAMC,IAAWP,KAAS,CAAA;AAC1B,WAAOD,EACL,OAAO,CAACS,MAAMD,EAAS,SAASC,EAAE,KAAK,CAAC,EACxC,IAAI,CAACA,GAAGC,GAAGC,MACX,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAAJ,EAAE;AAAA,MACFC,IAAI,MAAMC,EAAI,iCAAY,UAAA,KAAA,CAAE;AAAA,IAAA,EAAA,CAC9B,CACA;AAAA,EACH,GAAG,CAACV,CAAK,CAAC,GAEJa,IAAc,CAACC,MAAc;AAClC,IAAAd,EAAM,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,CAAA,CAAE,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;AAEnB,SACC,gBAAAsB,EAAAT,GAAA,EACC,4BAACU,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAD,EAACE,KAAqB,GAAGnB,GAAO,SAAO,IACtC,UAAA,gBAAAiB,EAAC,YAAQ,GAAGjB,GAAO,WAAWoB,EAAG,gBAAgBrB,CAAS,GACxD,eAA4BE,KAC9B,GACD;AAAA,IACA,gBAAAgB,EAACI,GAAA,EACA,UAAA,gBAAAd,EAACe,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,UAAU,CAAC,MAAM;AAChB,cAAE,eAAA,GACFX,EAAA;AAAA,UACD;AAAA,UACA,SAASC,EAAA;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGAlB,EAAQ,IAAI,CAACmB,MACb,gBAAAG;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,UAAU,CAACC,MAAM;AAEhB,YAAAA,EAAE,eAAA,GACFf,EAAYK,EAAI,KAAK;AAAA,UACtB;AAAA,UAEA,UAAUA,EAAI;AAAA,UACd,SAASC,EAAUD,EAAI,KAAK;AAAA,UAE3B,UAAAA,EAAI;AAAA,QAAA;AAAA,QAJAA,EAAI;AAAA,MAAA,CAMV;AAAA,IAAA,EAAA,CACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASW,EAAc,EAAE,GAAGzB,KAA6B;AAC/D,QAAM0B,IAAQC,EAAA;AAEd,SACC,gBAAAV;AAAA,IAACvB;AAAA,IAAA;AAAA,MACA,OAAOgC,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAG1B;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"multi-select.es.js","sources":["../../../lib/components/inputs/multi-select.tsx"],"sourcesContent":["import { FormField, type FormFieldProps } from \"@/components/inputs/field\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport { getFieldErrorMessage } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport React from \"react\";\n\nexport interface SelectionProps<V extends number | string | Set<string | number>> {\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<Set<string | number>>, FormFieldProps, Omit<React.ComponentProps<typeof EasyMenu>, 'label'> { }\n\nexport function MultiSelect({\n\toptions,\n\tvalue,\n\tsetValue,\n\tlabel,\n\terrorMessage,\n\tdescription,\n\t...props\n}: MultiSelectProps) {\n\treturn (\n\t\t<div className=\"group form-field\">\n\t\t\t<FormField {...{ label, description, errorMessage }}>\n\t\t\t\t<EasyMenu\n\t\t\t\t\tselectionMode=\"multiple\"\n\t\t\t\t\tselectedKeys={value}\n\t\t\t\t\tonSelectionChange={(v) => {\n\t\t\t\t\t\tif (typeof (v) === 'string') return\n\t\t\t\t\t\tsetValue(v)\n\t\t\t\t\t}}\n\t\t\t\t\tlabel={value.size}\n\t\t\t\t\t{...props}>\n\t\t\t\t\t{options.map((opt) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tid={opt.value}\n\t\t\t\t\t\t\tkey={opt.value}\n\t\t\t\t\t\t\tisDisabled={opt?.disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</EasyMenu>\n\t\t\t</FormField>\n\t\t</div>\n\t);\n};\n\nexport interface TfMultiSelectProps\n\textends Omit<MultiSelectProps, \"value\" | \"setValue\"> { }\nexport function TfMultiSelect({ ...props }: TfMultiSelectProps) {\n\tconst field = useFieldContext<Set<number | string>>();\n\n\treturn (\n\t\t<MultiSelect\n\t\t\tvalue={field.state.value}\n\t\t\tsetValue={field.setValue}\n\t\t\tonClose={field.handleBlur}\n\t\t\terrorMessage={getFieldErrorMessage(field)}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["MultiSelect","options","value","setValue","label","errorMessage","description","props","jsx","FormField","EasyMenu","v","opt","MenuItem","TfMultiSelect","field","useFieldContext","getFieldErrorMessage"],"mappings":";;;;;AAmBO,SAASA,EAAY;AAAA,EAC3B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAqB;AACpB,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAU,oBACd,UAAA,gBAAAA,EAACC,GAAA,EAAgB,OAAAL,GAAO,aAAAE,GAAa,cAAAD,GACpC,UAAA,gBAAAG;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,eAAc;AAAA,MACd,cAAcR;AAAA,MACd,mBAAmB,CAACS,MAAM;AACzB,QAAI,OAAQA,KAAO,YACnBR,EAASQ,CAAC;AAAA,MACX;AAAA,MACA,OAAOT,EAAM;AAAA,MACZ,GAAGK;AAAA,MACH,UAAAN,EAAQ,IAAI,CAACW,MACb,gBAAAJ;AAAA,QAACK;AAAA,QAAA;AAAA,UACA,IAAID,EAAI;AAAA,UAER,YAAYA,KAAA,gBAAAA,EAAK;AAAA,UAEhB,UAAAA,EAAI;AAAA,QAAA;AAAA,QAHAA,EAAI;AAAA,MAAA,CAKV;AAAA,IAAA;AAAA,EAAA,GAEH,EAAA,CACD;AAEF;AAIO,SAASE,EAAc,EAAE,GAAGP,KAA6B;AAC/D,QAAMQ,IAAQC,EAAA;AAEd,SACC,gBAAAR;AAAA,IAACR;AAAA,IAAA;AAAA,MACA,OAAOe,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,SAASA,EAAM;AAAA,MACf,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,103 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Input as u } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Input.es.js";
+import { NumberField as f } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/NumberField.es.js";
+import { ChevronUp as p, ChevronDown as b } from "lucide-react";
+import { FormField as h, FieldGroup as N } from "./field.es.js";
+import { useFieldContext as g } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as d } from "../../utils/form-hook.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+import { Button as x } from "../ui/button.es.js";
+const F = f;
+function $({ className: o, ...t }) {
+  return /* @__PURE__ */ r(
+    u,
+    {
+      className: n(
+        o,
+        (e) => i(
+          "w-fit min-w-0 flex-1 border-r border-transparent bg-card pr-2 outline-0 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
+          e
+        )
+      ),
+      ...t
+    }
+  );
+}
+function v({
+  className: o,
+  ...t
+}) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: i(
+        "absolute right-0 flex h-full flex-col border-l",
+        o
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ r(a, { slot: "increment", children: /* @__PURE__ */ r(p, { "aria-hidden": !0, className: "size-icon" }) }),
+        /* @__PURE__ */ r("div", { className: "border-b" }),
+        /* @__PURE__ */ r(a, { slot: "decrement", children: /* @__PURE__ */ r(b, { "aria-hidden": !0, className: "size-icon" }) })
+      ]
+    }
+  );
+}
+function a({ className: o, ...t }) {
+  return /* @__PURE__ */ r(
+    x,
+    {
+      className: n(
+        o,
+        (e) => i("w-auto grow h-3 px-0.5 text-muted-foreground", e)
+      ),
+      variant: "ghost",
+      size: "none",
+      ...t
+    }
+  );
+}
+function w({
+  label: o,
+  description: t,
+  errorMessage: e,
+  className: m,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    F,
+    {
+      className: n(
+        m,
+        (c) => i("group form-field", c)
+      ),
+      ...s,
+      children: /* @__PURE__ */ r(h, { label: o, description: t, errorMessage: e, children: /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ r($, {}),
+        /* @__PURE__ */ r(v, {})
+      ] }) })
+    }
+  );
+}
+function E({ isDisabled: o, ...t }) {
+  const e = g();
+  return /* @__PURE__ */ r(
+    w,
+    {
+      isInvalid: !!d(e),
+      isDisabled: o || e.form.state.isSubmitting,
+      value: e.state.value,
+      id: e.name,
+      onChange: e.handleChange,
+      onBlur: e.handleBlur,
+      errorMessage: d(e),
+      ...t
+    }
+  );
+}
+export {
+  w as NumberField,
+  E as TfNumberField
+};
+//# sourceMappingURL=numberfield.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numberfield.es.js","sources":["../../../lib/components/inputs/numberfield.tsx"],"sourcesContent":["import {\n  ButtonProps as AriaButtonProps,\n  Input as AriaInput,\n  InputProps as AriaInputProps,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { Button } from \"@/components/ui\"\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\nimport { ChevronDown, ChevronUp } from \"lucide-react\"\nimport type React from \"react\"\nimport { FieldGroup, FormField, type FormFieldProps } from \"./field\"\n\nconst ANumberField = AriaNumberField\n\nfunction NumberFieldInput({ className, ...props }: AriaInputProps) {\n  return (\n    <AriaInput\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"w-fit min-w-0 flex-1 border-r border-transparent bg-card pr-2 outline-0 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction NumberFieldSteppers({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"absolute right-0 flex h-full flex-col border-l\",\n        className\n      )}\n      {...props}\n    >\n      <NumberFieldStepper slot=\"increment\">\n        <ChevronUp aria-hidden className=\"size-icon\" />\n      </NumberFieldStepper>\n      <div className=\"border-b\" />\n      <NumberFieldStepper slot=\"decrement\">\n        <ChevronDown aria-hidden className=\"size-icon\" />\n      </NumberFieldStepper>\n    </div>\n  )\n}\n\nfunction NumberFieldStepper({ className, ...props }: AriaButtonProps) {\n  return (\n    <Button\n      className={composeRenderProps(className, (className) =>\n        cn(\"w-auto grow h-3 px-0.5 text-muted-foreground\", className)\n      )}\n      variant={\"ghost\"}\n      size={\"none\"}\n      {...props}\n    />\n  )\n}\n\ntype NumberFieldProps = AriaNumberFieldProps & FormFieldProps\nexport function NumberField({\n  label,\n  description,\n  errorMessage,\n  className,\n  ...props\n}: NumberFieldProps) {\n  return (\n    <ANumberField\n      className={composeRenderProps(className, (className) =>\n        cn(\"group form-field\", className)\n      )}\n      {...props}\n    >\n      <FormField label={label} description={description} errorMessage={errorMessage}>\n        <FieldGroup>\n          <NumberFieldInput />\n          <NumberFieldSteppers />\n        </FieldGroup>\n      </FormField>\n    </ANumberField>\n  )\n}\n\nexport function TfNumberField({ isDisabled, ...props }: Omit<React.ComponentProps<typeof NumberField>, 'value' | 'id' | 'onChange' | 'onBlur'>) {\n  const field = useFieldContext<number>();\n\n  return (\n    <NumberField\n      isInvalid={!!getFieldErrorMessage(field)}\n      isDisabled={isDisabled || field.form.state.isSubmitting}\n      value={field.state.value}\n      id={field.name}\n      onChange={field.handleChange}\n      onBlur={field.handleBlur}\n      errorMessage={getFieldErrorMessage(field)}\n      {...props}\n    />)\n}\n\n"],"names":["ANumberField","AriaNumberField","NumberFieldInput","className","props","jsx","AriaInput","composeRenderProps","cn","NumberFieldSteppers","jsxs","NumberFieldStepper","ChevronUp","ChevronDown","Button","NumberField","label","description","errorMessage","FormField","FieldGroup","TfNumberField","isDisabled","field","useFieldContext","getFieldErrorMessage"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAeC;AAErB,SAASC,EAAiB,EAAE,WAAAC,GAAW,GAAGC,KAAyB;AACjE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAoB;AAAA,EAC3B,WAAAN;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACM,GAAA,EAAmB,MAAK,aACvB,UAAA,gBAAAN,EAACO,KAAU,eAAW,IAAC,WAAU,YAAA,CAAY,EAAA,CAC/C;AAAA,QACA,gBAAAP,EAAC,OAAA,EAAI,WAAU,WAAA,CAAW;AAAA,QAC1B,gBAAAA,EAACM,GAAA,EAAmB,MAAK,aACvB,UAAA,gBAAAN,EAACQ,KAAY,eAAW,IAAC,WAAU,YAAA,CAAY,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASF,EAAmB,EAAE,WAAAR,GAAW,GAAGC,KAA0B;AACpE,SACE,gBAAAC;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,WAAWP;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,gDAAgDL,CAAS;AAAA,MAAA;AAAA,MAE9D,SAAS;AAAA,MACT,MAAM;AAAA,MACL,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAGO,SAASW,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAf;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWO;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,4BAACe,GAAA,EAAU,OAAAH,GAAc,aAAAC,GAA0B,cAAAC,GACjD,4BAACE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAf,EAACH,GAAA,EAAiB;AAAA,0BACjBO,GAAA,CAAA,CAAoB;AAAA,MAAA,EAAA,CACvB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASY,EAAc,EAAE,YAAAC,GAAY,GAAGlB,KAAiG;AAC9I,QAAMmB,IAAQC,EAAA;AAEd,SACE,gBAAAnB;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAACU,EAAqBF,CAAK;AAAA,MACvC,YAAYD,KAAcC,EAAM,KAAK,MAAM;AAAA,MAC3C,OAAOA,EAAM,MAAM;AAAA,MACnB,IAAIA,EAAM;AAAA,MACV,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACd,cAAcE,EAAqBF,CAAK;AAAA,MACvC,GAAGnB;AAAA,IAAA;AAAA,EAAA;AAEV;"}

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

@@ -0,0 +1,83 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { SearchIcon as f, XIcon as m } from "lucide-react";
+import { Button as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Button.es.js";
+import { composeRenderProps as t } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Input as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Input.es.js";
+import { SearchField as u } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/SearchField.es.js";
+import { FormField as b, FieldGroup as h } from "./field.es.js";
+import { cn as a } from "../../utils/primitives.es.js";
+function $({ className: r, ...o }) {
+  return /* @__PURE__ */ e(
+    u,
+    {
+      className: t(
+        r,
+        (i) => a("group", i)
+      ),
+      ...o
+    }
+  );
+}
+function x({ className: r, ...o }) {
+  return /* @__PURE__ */ e(
+    l,
+    {
+      className: t(
+        r,
+        (i) => a(
+          "min-w-0 ring-0 focus-visible:outline-none flex-1 bg-card px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden",
+          i
+        )
+      ),
+      ...o
+    }
+  );
+}
+function g({ className: r, ...o }) {
+  return /* @__PURE__ */ e(
+    p,
+    {
+      className: t(
+        r,
+        (i) => a(
+          "mr-1 opacity-70 ring-offset-background transition-opacity",
+          /* Hover */
+          "data-[hovered]:opacity-100",
+          /* Disabled */
+          "data-[disabled]:pointer-events-none",
+          /* Empty */
+          "group-data-[empty]:invisible",
+          i
+        )
+      ),
+      ...o
+    }
+  );
+}
+function w({
+  label: r,
+  description: o,
+  className: i,
+  errorMessage: c,
+  ...n
+}) {
+  return /* @__PURE__ */ e(
+    $,
+    {
+      className: t(
+        i,
+        (d) => a("group form-field", d)
+      ),
+      ...n,
+      children: /* @__PURE__ */ e(b, { label: r, description: o, errorMessage: c, children: /* @__PURE__ */ s(h, { children: [
+        /* @__PURE__ */ e(f, { "aria-hidden": !0, className: "size-icon text-muted-foreground" }),
+        /* @__PURE__ */ e(x, { placeholder: "" }),
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(m, { "aria-hidden": !0, className: "size-icon" }) })
+      ] }) })
+    }
+  );
+}
+export {
+  w as SearchField
+};
+//# sourceMappingURL=searchfield.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"searchfield.es.js","sources":["../../../lib/components/inputs/searchfield.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from \"lucide-react\"\nimport {\n  Button as AriaButton,\n  ButtonProps as AriaButtonProps,\n  Input as AriaInput,\n  InputProps as AriaInputProps,\n  SearchField as AriaSearchField,\n  SearchFieldProps as AriaSearchFieldProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nimport { FieldGroup, FormField, type FormFieldProps } from \"./field\"\n\nfunction ASearchField({ className, ...props }: AriaSearchFieldProps) {\n  return (\n    <AriaSearchField\n      className={composeRenderProps(className, (className) =>\n        cn(\"group\", className)\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ASearchFieldInput({ className, ...props }: AriaInputProps) {\n  return (\n    <AriaInput\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"min-w-0 ring-0 focus-visible:outline-none flex-1 bg-card px-2 py-1.5 placeholder:text-muted-foreground [&::-webkit-search-cancel-button]:hidden\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SearchFieldClear({ className, ...props }: AriaButtonProps) {\n  return (\n    <AriaButton\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"mr-1 opacity-70 ring-offset-background transition-opacity\",\n          /* Hover */\n          \"data-[hovered]:opacity-100\",\n          /* Disabled */\n          \"data-[disabled]:pointer-events-none\",\n          /* Empty */\n          \"group-data-[empty]:invisible\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface SearchFieldProps extends AriaSearchFieldProps, FormFieldProps { };\nexport function SearchField({\n  label,\n  description,\n  className,\n  errorMessage,\n  ...props\n}: SearchFieldProps) {\n  return (\n    <ASearchField\n      className={composeRenderProps(className, (className) =>\n        cn(\"group form-field\", className)\n      )}\n      {...props}\n    >\n      <FormField label={label} description={description} errorMessage={errorMessage}>\n        <FieldGroup>\n          <SearchIcon aria-hidden className=\"size-icon text-muted-foreground\" />\n          <ASearchFieldInput placeholder=\"\" />\n          <SearchFieldClear>\n            <XIcon aria-hidden className=\"size-icon\" />\n          </SearchFieldClear>\n        </FieldGroup>\n      </FormField>\n    </ASearchField>\n  )\n}"],"names":["ASearchField","className","props","jsx","AriaSearchField","composeRenderProps","cn","ASearchFieldInput","AriaInput","SearchFieldClear","AriaButton","SearchField","label","description","errorMessage","FormField","FieldGroup","SearchIcon","XIcon"],"mappings":";;;;;;;;AAeA,SAASA,EAAa,EAAE,WAAAC,GAAW,GAAGC,KAA+B;AACnE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,SAASL,CAAS;AAAA,MAAA;AAAA,MAEtB,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAkB,EAAE,WAAAN,GAAW,GAAGC,KAAyB;AAClE,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB,EAAE,WAAAR,GAAW,GAAGC,KAA0B;AAClE,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAGO,SAASS,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAZ;AAAA,EACA,cAAAa;AAAA,EACA,GAAGZ;AACL,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,WAAWK;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,4BAACa,GAAA,EAAU,OAAAH,GAAc,aAAAC,GAA0B,cAAAC,GACjD,4BAACE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAA,EAAW,eAAW,IAAC,WAAU,mCAAkC;AAAA,QACpE,gBAAAd,EAACI,GAAA,EAAkB,aAAY,GAAA,CAAG;AAAA,QAClC,gBAAAJ,EAACM,KACC,UAAA,gBAAAN,EAACe,GAAA,EAAM,eAAW,IAAC,WAAU,aAAY,EAAA,CAC3C;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,49 +1,114 @@
 "use client";
-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,
+import { jsx as t, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import { composeRenderProps as n } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { ListBox as p } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/ListBox.es.js";
+import { SelectValue as u, Select as h } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Select.es.js";
+import { FormField as S } from "./field.es.js";
+import { ChevronDown as g } from "lucide-react";
+import { ListBoxItem as x, ListBoxHeader as $, ListBoxCollection as B } from "../ui/list-box.es.js";
+import { Popover as v } from "../ui/popover.es.js";
+import { useFieldContext as C } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as N } from "../../utils/form-hook.es.js";
+import { Button as w } from "../ui/button.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+const F = h, k = x, q = $, G = B, L = ({
+  className: r,
+  ...e
+}) => /* @__PURE__ */ t(
+  u,
+  {
+    className: n(
+      r,
+      (o) => i(
+        "line-clamp-1 data-[placeholder]:text-muted-foreground",
+        /* Description */
+        "[&>[slot=description]]:hidden",
+        o
+      )
+    ),
+    ...e
+  }
+);
+function _({ className: r, children: e, ...o }) {
+  return /* @__PURE__ */ t(w, { ...o, children: n(e, (l) => /* @__PURE__ */ c(f, { children: [
+    l,
+    /* @__PURE__ */ t(g, { "aria-hidden": "true", className: "size-icon opacity-50" })
+  ] })) });
+}
+function P({ className: r, ...e }) {
+  return /* @__PURE__ */ t(
+    v,
+    {
+      className: n(
+        r,
+        (o) => i("w-auto min-w-[--trigger-width]", o)
+      ),
+      ...e
+    }
+  );
+}
+function j({
+  className: r,
+  ...e
+}) {
+  return /* @__PURE__ */ t(
+    p,
+    {
+      className: n(
+        r,
+        (o) => i(
+          "overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
+          o
+        )
+      ),
+      ...e
+    }
+  );
+}
+function y({
+  label: r,
+  description: e,
+  errorMessage: o,
+  children: l,
   className: a,
-  buttonLabel: t,
-  ...u
+  items: s,
+  ...m
 }) {
-  const d = h.useCallback(() => {
-    var n;
-    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
-      }
-    )) }) })
-  ] }) });
+  return /* @__PURE__ */ t(
+    F,
+    {
+      className: n(
+        a,
+        (d) => i("group form-field", d)
+      ),
+      ...m,
+      children: /* @__PURE__ */ c(S, { label: r, description: e, errorMessage: o, children: [
+        /* @__PURE__ */ t(_, { children: /* @__PURE__ */ t(L, {}) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(j, { items: s, children: l }) })
+      ] })
+    }
+  );
 }
-function B({ ...r }) {
-  const l = f();
-  return /* @__PURE__ */ e(
-    M,
+function J({ ...r }) {
+  const e = C();
+  return /* @__PURE__ */ t(
+    y,
     {
-      value: l.state.value,
-      setValue: l.handleChange,
-      onBlur: l.handleBlur,
+      selectedKey: e.state.value,
+      onSelectionChange: (o) => e.handleChange(o.toString()),
+      onBlur: e.handleBlur,
+      errorMessage: N(e),
       ...r
     }
   );
 }
 export {
-  M as SingleSelect,
-  B as TfSingleSelect
+  G as SelectCollection,
+  q as SelectHeader,
+  k as SelectItem,
+  P as SelectPopover,
+  L as SelectValue,
+  y as SingleSelect,
+  J 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 {\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;AACrB,QAAMC,IAAqBC,EAAM,YAAY,MAAM;;AAClD,YAAOC,IAAAN,EAAQ,KAAK,CAACO,MAAMA,EAAE,UAAUT,CAAK,MAArC,gBAAAQ,EAAwC;AAAA,EAChD,GAAG,CAACR,CAAK,CAAC;AAEV,SACC,gBAAAU,EAAAC,GAAA,EACC,4BAACC,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAF,EAACG,KAAqB,GAAGR,GAAO,SAAO,IACtC,UAAA,gBAAAK,EAAC,YAAO,WAAWI,EAAG,gBAAgBX,CAAS,GAAI,GAAGE,GACpD,eAA4BC,KAC9B,GACD;AAAA,IACA,gBAAAI,EAACK,KACA,UAAA,gBAAAL,EAACM,GAAA,EAAuB,OAAAhB,GACtB,UAAAE,EAAQ,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,UAAAA,EAAI;AAAA,MAAA;AAAA,IAAA,CAEN,GACF,EAAA,CACD;AAAA,EAAA,EAAA,CACD,EAAA,CACD;AAEF;AAIO,SAASE,EAAe,EAAE,GAAGd,KAA8B;AACjE,QAAMe,IAAQC,EAAA;AAEd,SACC,gBAAAX;AAAA,IAACX;AAAA,IAAA;AAAA,MACA,OAAOqB,EAAM,MAAM;AAAA,MACnB,UAAUA,EAAM;AAAA,MAChB,QAAQA,EAAM;AAAA,MACb,GAAGf;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\"\nimport {\n  ListBox as AriaListBox,\n  ListBoxProps as AriaListBoxProps,\n  PopoverProps as AriaPopoverProps,\n  Select as AriaSelect,\n  SelectProps as AriaSelectProps,\n  SelectValue as AriaSelectValue,\n  SelectValueProps as AriaSelectValueProps,\n  composeRenderProps\n} from \"react-aria-components\"\n\nimport { cn, getFieldErrorMessage, useFieldContext } from \"@/utils/index\"\n\nimport { FormField, type FormFieldProps } from \"@/components/inputs/field\"\nimport { Button } from \"@/components/ui\"\nimport { ChevronDown } from \"lucide-react\"\nimport {\n  ListBoxCollection,\n  ListBoxHeader,\n  ListBoxItem,\n} from \"../ui/list-box\"\nimport { Popover } from \"../ui/popover\"\n\nconst ASelect = AriaSelect\nexport const SelectItem = ListBoxItem\nexport const SelectHeader = ListBoxHeader\nexport const SelectCollection = ListBoxCollection\n\nexport const SelectValue = <T extends object>({\n  className,\n  ...props\n}: AriaSelectValueProps<T>) => (\n  <AriaSelectValue\n    className={composeRenderProps(className, (className) =>\n      cn(\n        \"line-clamp-1 data-[placeholder]:text-muted-foreground\",\n        /* Description */\n        \"[&>[slot=description]]:hidden\",\n        className\n      )\n    )}\n    {...props}\n  />\n)\n\nfunction SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof Button>) {\n  return (\n    <Button {...props}>\n      {composeRenderProps(children, (children) => (\n        <>\n          {children}\n          <ChevronDown aria-hidden=\"true\" className=\"size-icon opacity-50\" />\n        </>\n      ))}\n    </Button>\n  )\n}\n\nexport function SelectPopover({ className, ...props }: AriaPopoverProps) {\n  return (\n    <Popover\n      className={composeRenderProps(className, (className) =>\n        cn(\"w-auto min-w-[--trigger-width]\", className)\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectListBox<T extends object>({\n  className,\n  ...props\n}: AriaListBoxProps<T>) {\n  return (\n    <AriaListBox\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"overflow-auto p-1 outline-none [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport interface SingleSelectProps<T extends object> extends Omit<AriaSelectProps<T>, \"children\">, FormFieldProps {\n  items: Iterable<T>\n  children: React.ReactNode | ((item: T) => React.ReactNode)\n}\n\nexport function SingleSelect<T extends object>({\n  label,\n  description,\n  errorMessage,\n  children,\n  className,\n  items,\n  ...props\n}: SingleSelectProps<T>) {\n  return (\n    <ASelect\n      className={composeRenderProps(className, (className) =>\n        cn(\"group form-field\", className)\n      )}\n      {...props}\n    >\n      <FormField label={label} description={description} errorMessage={errorMessage}>\n        <SelectTrigger>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectPopover>\n          <SelectListBox items={items}>{children}</SelectListBox>\n        </SelectPopover>\n      </FormField>\n    </ASelect>\n  )\n}\n\n\ntype TfSingleSelectProps<T extends object> = Omit<SingleSelectProps<T>, \"value\" | \"setValue\">;\n\nexport function TfSingleSelect<T extends object>({ ...props }: TfSingleSelectProps<T>) {\n  const field = useFieldContext<string>();\n\n  return (\n    <SingleSelect\n      selectedKey={field.state.value}\n      onSelectionChange={(e) => field.handleChange(e!.toString())}\n      onBlur={field.handleBlur}\n      errorMessage={getFieldErrorMessage(field)}\n      {...props}\n    />\n  );\n}\n"],"names":["ASelect","AriaSelect","SelectItem","ListBoxItem","SelectHeader","ListBoxHeader","SelectCollection","ListBoxCollection","SelectValue","className","props","jsx","AriaSelectValue","composeRenderProps","cn","SelectTrigger","children","Button","jsxs","Fragment","ChevronDown","SelectPopover","Popover","SelectListBox","AriaListBox","SingleSelect","label","description","errorMessage","items","FormField","TfSingleSelect","field","useFieldContext","e","getFieldErrorMessage"],"mappings":";;;;;;;;;;;;;AAwBA,MAAMA,IAAUC,GACHC,IAAaC,GACbC,IAAeC,GACfC,IAAmBC,GAEnBC,IAAc,CAAmB;AAAA,EAC5C,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MAAmBJ;AAAA,MAAW,CAACA,MACxCK;AAAA,QACE;AAAA;AAAA,QAEA;AAAA,QACAL;AAAAA,MAAA;AAAA,IACF;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAGF,SAASK,EAAc,EAAE,WAAAN,GAAW,UAAAO,GAAU,GAAGN,KAA8C;AAC7F,SACE,gBAAAC,EAACM,KAAQ,GAAGP,GACT,YAAmBM,GAAU,CAACA,MAC7B,gBAAAE,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAH;AAAAA,IACD,gBAAAL,EAACS,GAAA,EAAY,eAAY,QAAO,WAAU,uBAAA,CAAuB;AAAA,EAAA,EAAA,CACnE,CACD,EAAA,CACH;AAEJ;AAEO,SAASC,EAAc,EAAE,WAAAZ,GAAW,GAAGC,KAA2B;AACvE,SACE,gBAAAC;AAAA,IAACW;AAAA,IAAA;AAAA,MACC,WAAWT;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,kCAAkCL,CAAS;AAAA,MAAA;AAAA,MAE/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAgC;AAAA,EACvC,WAAAd;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,WAAWX;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAOO,SAASe,EAA+B;AAAA,EAC7C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAZ;AAAA,EACA,WAAAP;AAAA,EACA,OAAAoB;AAAA,EACA,GAAGnB;AACL,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,WAAWa;AAAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK,EAAG,oBAAoBL,CAAS;AAAA,MAAA;AAAA,MAEjC,GAAGC;AAAA,MAEJ,UAAA,gBAAAQ,EAACY,GAAA,EAAU,OAAAJ,GAAc,aAAAC,GAA0B,cAAAC,GACjD,UAAA;AAAA,QAAA,gBAAAjB,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACH,GAAA,CAAA,CAAY,GACf;AAAA,0BACCa,GAAA,EACC,UAAA,gBAAAV,EAACY,GAAA,EAAc,OAAAM,GAAe,UAAAb,GAAS,EAAA,CACzC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAKO,SAASe,EAAiC,EAAE,GAAGrB,KAAiC;AACrF,QAAMsB,IAAQC,EAAA;AAEd,SACE,gBAAAtB;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,aAAaO,EAAM,MAAM;AAAA,MACzB,mBAAmB,CAACE,MAAMF,EAAM,aAAaE,EAAG,UAAU;AAAA,MAC1D,QAAQF,EAAM;AAAA,MACd,cAAcG,EAAqBH,CAAK;AAAA,MACvC,GAAGtB;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,89 @@
+import { jsx as o } from "react/jsx-runtime";
+import { composeRenderProps as f } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { Input as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Input.es.js";
+import { TextArea as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/TextArea.es.js";
+import { TextField as c } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/TextField.es.js";
+import { FormField as u } from "./field.es.js";
+import { useFieldContext as p } from "../../utils/form-context.es.js";
+import { getFieldErrorMessage as x } from "../../utils/form-hook.es.js";
+import { cn as i } from "../../utils/primitives.es.js";
+const b = c;
+function g({ className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      className: f(
+        r,
+        (e) => i(
+          "flex input-dim w-full border border-input bg-card ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground",
+          /* Disabled */
+          "disabled-muted",
+          /* Focused */
+          "focus-ring",
+          e
+        )
+      ),
+      ...t
+    }
+  );
+}
+function $({ className: r, ...t }) {
+  return /* @__PURE__ */ o(
+    s,
+    {
+      className: f(
+        r,
+        (e) => i(
+          "flex min-h-32 w-full border border-input bg-card px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground",
+          /* Focused */
+          "focus-ring",
+          /* Disabled */
+          "disabled-muted",
+          e
+        )
+      ),
+      ...t
+    }
+  );
+}
+function h({
+  label: r,
+  description: t,
+  errorMessage: e,
+  textArea: n,
+  className: d,
+  ...a
+}) {
+  return /* @__PURE__ */ o(
+    b,
+    {
+      className: f(
+        d,
+        (m) => i("group form-field", m)
+      ),
+      ...a,
+      children: /* @__PURE__ */ o(u, { label: r, errorMessage: e, description: t, children: n ? /* @__PURE__ */ o($, {}) : /* @__PURE__ */ o(g, {}) })
+    }
+  );
+}
+function I({ isDisabled: r, ...t }) {
+  const e = p();
+  return /* @__PURE__ */ o(
+    h,
+    {
+      isDisabled: r || e.form.state.isSubmitting,
+      value: e.state.value,
+      id: e.name,
+      name: e.name,
+      onBlur: e.handleBlur,
+      onChange: e.handleChange,
+      errorMessage: x(e),
+      ...t
+    }
+  );
+}
+export {
+  h as TextField,
+  I as TfTextField
+};
+//# sourceMappingURL=textfield.es.js.map