@cryptlex/web-components 2.0.2 → 3.1.0

package/dist/components/inputs/form-field.es.js

@@ -0,0 +1,62 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as u } from "../../utils/index.es.js";
+import { Info as p, CircleX as N } from "lucide-react";
+import h from "react";
+import { Label as x } from "../ui/label.es.js";
+function j({
+  field: a,
+  label: s,
+  caption: t,
+  children: m,
+  className: n
+}) {
+  const o = h.useCallback(() => t == null ? void 0 : t(), [t]);
+  return /* @__PURE__ */ l("div", { className: u("", n), children: [
+    /* @__PURE__ */ e(x, { htmlFor: a == null ? void 0 : a.name, children: s }),
+    m,
+    o() && /* @__PURE__ */ e(
+      c,
+      {
+        icon: p,
+        className: "text-muted",
+        value: o(),
+        fieldName: a == null ? void 0 : a.name
+      }
+    ),
+    a && a.state.meta.errors.length !== 0 && /* @__PURE__ */ e(
+      c,
+      {
+        icon: N,
+        className: "text-destructive",
+        value: a == null ? void 0 : a.state.meta.errors.map((r) => r == null ? void 0 : r.message).join(","),
+        fieldName: a == null ? void 0 : a.name
+      }
+    )
+  ] });
+}
+const c = ({
+  fieldName: a,
+  className: s,
+  value: t,
+  icon: m
+}) => {
+  const n = m;
+  return /* @__PURE__ */ l(
+    "label",
+    {
+      htmlFor: a,
+      className: u(
+        s,
+        "flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out"
+      ),
+      children: [
+        /* @__PURE__ */ e(n, { className: "size-3" }),
+        /* @__PURE__ */ e("span", { className: "caption w-full leading-none font-normal", children: t })
+      ]
+    }
+  );
+};
+export {
+  j as FormField
+};
+//# sourceMappingURL=form-field.es.js.map

package/dist/components/inputs/form-field.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.es.js","sources":["../../../lib/components/inputs/form-field.tsx"],"sourcesContent":["import { Label } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport type { FieldApi } from \"@tanstack/react-form\";\nimport { CircleX, Info, type LucideIcon } from \"lucide-react\";\nimport React from \"react\";\n\ninterface BaseFormFieldProps {\n\tlabel: string;\n\tcaption?: () => string | undefined;\n}\n\ninterface FormFieldProps extends BaseFormFieldProps {\n\tfield?: FieldApi<\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany,\n\t\tany\n\t>;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\n\n/**\n * Wrapper around form fields. Only to be used within the web-components project.\n */\nexport function FormField({\n\tfield,\n\tlabel,\n\tcaption,\n\tchildren,\n\tclassName,\n}: FormFieldProps) {\n\tconst fieldCaption = React.useCallback(() => {\n\t\treturn caption?.();\n\t}, [caption]);\n\n\treturn (\n\t\t<div className={cn(\"\", className)}>\n\t\t\t<Label htmlFor={field?.name}>{label}</Label>\n\t\t\t{children}\n\t\t\t{/* Field information (if any) */}\n\t\t\t{fieldCaption() && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={Info}\n\t\t\t\t\tclassName=\"text-muted\"\n\t\t\t\t\tvalue={fieldCaption()}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{/* Field errors (if any) */}\n\t\t\t{field && field.state.meta.errors.length !== 0 && (\n\t\t\t\t<FieldLabel\n\t\t\t\t\ticon={CircleX}\n\t\t\t\t\tclassName=\"text-destructive\"\n\t\t\t\t\tvalue={field?.state.meta.errors.map((e) => e?.message).join(\",\")}\n\t\t\t\t\tfieldName={field?.name}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nconst FieldLabel = ({\n\tfieldName,\n\tclassName,\n\tvalue,\n\ticon,\n}: {\n\tfieldName?: string;\n\tclassName?: string;\n\tvalue?: string;\n\ticon: LucideIcon;\n}) => {\n\tconst Icon = icon;\n\treturn (\n\t\t<label\n\t\t\thtmlFor={fieldName}\n\t\t\tclassName={cn(\n\t\t\t\tclassName,\n\t\t\t\t\"flex flex-row basis-3 gap-1 mt-2 data-[state=open]:animate-in 'data-[state=open]:animate-in data-[state=open]:fade-in data-[state=closed]:animate-out data-[state=closed]:fade-out\",\n\t\t\t)}\n\t\t>\n\t\t\t{/* Possibly the only place where icons are size-3 and not size-icon. This will change if we have more \"caption\" sized text with icons. */}\n\t\t\t<Icon className=\"size-3\" />\n\t\t\t<span className=\"caption w-full leading-none font-normal\">{value}</span>\n\t\t</label>\n\t);\n};\n"],"names":["FormField","field","label","caption","children","className","fieldCaption","React","cn","jsx","Label","FieldLabel","Info","CircleX","e","fieldName","value","icon","Icon","jsxs"],"mappings":";;;;;AAwCO,SAASA,EAAU;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACD,GAAmB;AACZ,QAAAC,IAAeC,EAAM,YAAY,MAC/BJ,KAAA,gBAAAA,KACL,CAACA,CAAO,CAAC;AAEZ,2BACE,OAAI,EAAA,WAAWK,EAAG,IAAIH,CAAS,GAC/B,UAAA;AAAA,IAAA,gBAAAI,EAACC,GAAM,EAAA,SAAST,KAAA,gBAAAA,EAAO,MAAO,UAAMC,GAAA;AAAA,IACnCE;AAAA,IAEAE,EACA,KAAA,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAMC;AAAA,QACN,WAAU;AAAA,QACV,OAAON,EAAa;AAAA,QACpB,WAAWL,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IACnB;AAAA,IAGAA,KAASA,EAAM,MAAM,KAAK,OAAO,WAAW,KAC5C,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACA,MAAME;AAAA,QACN,WAAU;AAAA,QACV,OAAOZ,KAAA,gBAAAA,EAAO,MAAM,KAAK,OAAO,IAAI,CAACa,MAAMA,KAAA,gBAAAA,EAAG,SAAS,KAAK;AAAA,QAC5D,WAAWb,KAAA,gBAAAA,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GAEF;AAEF;AAEA,MAAMU,IAAa,CAAC;AAAA,EACnB,WAAAI;AAAA,EACA,WAAAV;AAAA,EACA,OAAAW;AAAA,EACA,MAAAC;AACD,MAKM;AACL,QAAMC,IAAOD;AAEZ,SAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAASJ;AAAA,MACT,WAAWP;AAAA,QACVH;AAAA,QACA;AAAA,MACD;AAAA,MAGA,UAAA;AAAA,QAAC,gBAAAI,EAAAS,GAAA,EAAK,WAAU,SAAS,CAAA;AAAA,QACxB,gBAAAT,EAAA,QAAA,EAAK,WAAU,2CAA2C,UAAMO,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAClE;AAEF;"}

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

@@ -0,0 +1,60 @@
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { cn as n } from "../../utils/index.es.js";
+import { OTPInput as l, OTPInputContext as p } from "input-otp";
+import { Minus as m } from "lucide-react";
+import * as d from "react";
+function v({
+  className: e,
+  containerClassName: r,
+  ...o
+}) {
+  return /* @__PURE__ */ t(
+    l,
+    {
+      containerClassName: n(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        r
+      ),
+      className: n("disabled:cursor-not-allowed", e),
+      ...o
+    }
+  );
+}
+function O({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t("div", { className: n("flex items-center", e), ...r });
+}
+function P({
+  index: e,
+  className: r,
+  ...o
+}) {
+  const i = d.use(p), { char: s, hasFakeCaret: a, isActive: c } = i.slots[e];
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: n(
+        "relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all",
+        c ? "z-10  border-2 border-primary" : "",
+        r
+      ),
+      ...o,
+      children: [
+        s,
+        a && /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
+}
+function T({ ...e }) {
+  return /* @__PURE__ */ t("div", { role: "separator", ...e, children: /* @__PURE__ */ t(m, {}) });
+}
+export {
+  v as InputOTP,
+  O as InputOTPGroup,
+  T as InputOTPSeparator,
+  P as InputOTPSlot
+};
+//# sourceMappingURL=input-otp.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.es.js","sources":["../../../lib/components/inputs/input-otp.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\nimport { Minus } from \"lucide-react\";\nimport * as React from \"react\";\n\nexport function InputOTP({\n\tclassName,\n\tcontainerClassName,\n\t...props\n}: React.ComponentProps<typeof OTPInput>) {\n\treturn (\n\t\t<OTPInput\n\t\t\tcontainerClassName={cn(\n\t\t\t\t\"flex items-center gap-2 has-disabled:opacity-50\",\n\t\t\t\tcontainerClassName,\n\t\t\t)}\n\t\t\tclassName={cn(\"disabled:cursor-not-allowed\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function InputOTPGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn <div className={cn(\"flex items-center\", className)} {...props} />;\n}\n\nexport function InputOTPSlot({\n\tindex,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\"> & { index: number }) {\n\tconst inputOTPContext = React.use(OTPInputContext);\n\tconst { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex h-input w-9 items-center justify-center border-2 border-input body shadow-xs transition-all\",\n\t\t\t\tisActive ? \"z-10  border-2 border-primary\" : \"\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{char}\n\t\t\t{hasFakeCaret && (\n\t\t\t\t<div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n\t\t\t\t\t<div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport function InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div role=\"separator\" {...props}>\n\t\t\t<Minus />\n\t\t</div>\n\t);\n}\n"],"names":["InputOTP","className","containerClassName","props","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","inputOTPContext","React","OTPInputContext","char","hasFakeCaret","isActive","jsxs","InputOTPSeparator","Minus"],"mappings":";;;;;AAKO,SAASA,EAAS;AAAA,EACxB,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACJ,GAA0C;AAExC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,oBAAoBC;AAAA,QACnB;AAAA,QACAJ;AAAA,MACD;AAAA,MACA,WAAWI,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EACL;AAEF;AAEO,SAASI,EAAc;AAAA,EAC7B,WAAAN;AAAA,EACA,GAAGE;AACJ,GAAgC;AACxB,SAAA,gBAAAC,EAAC,SAAI,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO;AACvE;AAEO,SAASK,EAAa;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAR;AAAA,EACA,GAAGE;AACJ,GAAoD;AAC7C,QAAAO,IAAkBC,EAAM,IAAIC,CAAe,GAC3C,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAL,EAAgB,MAAMD,CAAK;AAGnE,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWV;AAAA,QACV;AAAA,QACAS,IAAW,kCAAkC;AAAA,QAC7Cd;AAAA,MACD;AAAA,MACC,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAU;AAAA,QACAC,uBACC,OAAI,EAAA,WAAU,yEACd,UAAC,gBAAAV,EAAA,OAAA,EAAI,WAAU,2DAA2D,CAAA,EAC3E,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEF;AAEF;AAEO,SAASa,EAAkB,EAAE,GAAGd,KAAsC;AAE3E,SAAA,gBAAAC,EAAC,SAAI,MAAK,aAAa,GAAGD,GACzB,UAAA,gBAAAC,EAACc,KAAM,EACR,CAAA;AAEF;"}

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

@@ -0,0 +1,52 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { cn as r } from "../../utils/index.es.js";
+import { useFieldContext as o } from "../../utils/form-context.es.js";
+import { Button as m } from "../ui/button.es.js";
+function s({
+  className: a,
+  type: n,
+  icon: e,
+  buttonProps: t,
+  ...l
+}) {
+  return /* @__PURE__ */ u("div", { className: r("relative flex gap-1 items-center", a), children: [
+    e && /* @__PURE__ */ i(e, { className: "absolute left-2 size-icon text-muted-foreground" }),
+    /* @__PURE__ */ i(
+      "input",
+      {
+        type: n,
+        className: r(
+          "h-input input file:border-0 file:bg-transparent grow file:body file:font-medium",
+          e ? "pl-8" : ""
+        ),
+        ...l
+      }
+    ),
+    t && /* @__PURE__ */ i(m, { ...t, variant: "outline", size: "icon" })
+  ] });
+}
+function g({
+  disabled: a,
+  ...n
+}) {
+  const e = o();
+  return /* @__PURE__ */ i(
+    s,
+    {
+      disabled: a || e.form.state.isSubmitting,
+      value: e.state.value,
+      id: e.name,
+      name: e.name,
+      onBlur: e.handleBlur,
+      onChange: (t) => e.handleChange(
+        n.type === "number" ? t.target.valueAsNumber : t.target.value
+      ),
+      ...n
+    }
+  );
+}
+export {
+  s as Input,
+  g as TfInput
+};
+//# sourceMappingURL=input.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.es.js","sources":["../../../lib/components/inputs/input.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@/components/ui\";\nimport { cn } from \"@/utils\";\nimport { useFieldContext } from \"@/utils/form-context\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type React from \"react\";\n\nexport type InputProps = React.ComponentProps<\"input\"> & {\n\ticon?: LucideIcon;\n\tbuttonProps?: ButtonProps;\n};\n\nexport function Input({\n\tclassName,\n\ttype,\n\ticon: Icon,\n\tbuttonProps,\n\t...props\n}: InputProps) {\n\treturn (\n\t\t<div className={cn(\"relative flex gap-1 items-center\", className)}>\n\t\t\t{Icon && (\n\t\t\t\t<Icon className=\"absolute left-2 size-icon text-muted-foreground\" />\n\t\t\t)}\n\t\t\t<input\n\t\t\t\ttype={type}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"h-input input file:border-0 file:bg-transparent grow file:body file:font-medium\",\n\t\t\t\t\tIcon ? \"pl-8\" : \"\",\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t{buttonProps && (\n\t\t\t\t<Button {...buttonProps} variant={\"outline\"} size={\"icon\"} />\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport function TfInput({\n\tdisabled,\n\t...props\n}: Omit<InputProps, \"value\" | \"id\" | \"name\" | \"onBlur\" | \"onChange\">) {\n\tconst field = useFieldContext<string | number>();\n\n\treturn (\n\t\t<Input\n\t\t\tdisabled={disabled || field.form.state.isSubmitting}\n\t\t\tvalue={field.state.value}\n\t\t\tid={field.name}\n\t\t\tname={field.name}\n\t\t\tonBlur={field.handleBlur}\n\t\t\tonChange={(e) =>\n\t\t\t\tfield.handleChange(\n\t\t\t\t\tprops.type === \"number\" ? e.target.valueAsNumber : e.target.value,\n\t\t\t\t)\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n"],"names":["Input","className","type","Icon","buttonProps","props","cn","jsx","Button","TfInput","disabled","field","useFieldContext","e"],"mappings":";;;;AAWO,SAASA,EAAM;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC;AAAA,EACA,GAAGC;AACJ,GAAe;AACd,2BACE,OAAI,EAAA,WAAWC,EAAG,oCAAoCL,CAAS,GAC9D,UAAA;AAAA,IACAE,KAAA,gBAAAI,EAACJ,GAAK,EAAA,WAAU,kDAAkD,CAAA;AAAA,IAEnE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAAL;AAAA,QACA,WAAWI;AAAA,UACV;AAAA,UACAH,IAAO,SAAS;AAAA,QACjB;AAAA,QACC,GAAGE;AAAA,MAAA;AAAA,IACL;AAAA,IACCD,uBACCI,GAAQ,EAAA,GAAGJ,GAAa,SAAS,WAAW,MAAM,OAAQ,CAAA;AAAA,EAAA,GAE7D;AAEF;AAEO,SAASK,EAAQ;AAAA,EACvB,UAAAC;AAAA,EACA,GAAGL;AACJ,GAAsE;AACrE,QAAMM,IAAQC,EAAiC;AAG9C,SAAA,gBAAAL;AAAA,IAACP;AAAA,IAAA;AAAA,MACA,UAAUU,KAAYC,EAAM,KAAK,MAAM;AAAA,MACvC,OAAOA,EAAM,MAAM;AAAA,MACnB,IAAIA,EAAM;AAAA,MACV,MAAMA,EAAM;AAAA,MACZ,QAAQA,EAAM;AAAA,MACd,UAAU,CAACE,MACVF,EAAM;AAAA,QACLN,EAAM,SAAS,WAAWQ,EAAE,OAAO,gBAAgBA,EAAE,OAAO;AAAA,MAC7D;AAAA,MAEA,GAAGR;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

@@ -0,0 +1,30 @@
+import { jsx as e, Fragment as l } from "react/jsx-runtime";
+import { TfSingleSelect as n } from "./select.es.js";
+function i({
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    n,
+    {
+      options: [
+        {
+          label: /* @__PURE__ */ e(l, { children: "Node-locked" }),
+          value: "node-locked"
+        },
+        {
+          label: /* @__PURE__ */ e(l, { children: "Hosted floating" }),
+          value: "hosted-floating"
+        },
+        {
+          label: /* @__PURE__ */ e(l, { children: "LexFloatServer" }),
+          value: "on-premise-floating"
+        }
+      ],
+      ...o
+    }
+  );
+}
+export {
+  i as TfLicenseTypeSelect
+};
+//# sourceMappingURL=license-type-select.es.js.map

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

@@ -0,0 +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;AAEvC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,SAAS;AAAA,QACR;AAAA,UACC,8BAAS,UAAW,cAAA,CAAA;AAAA,UACpB,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,8BAAS,UAAe,kBAAA,CAAA;AAAA,UACxB,OAAO;AAAA,QACR;AAAA,QACA;AAAA,UACC,8BAAS,UAAc,iBAAA,CAAA;AAAA,UACvB,OAAO;AAAA,QAAA;AAAA,MAET;AAAA,MACC,GAAGF;AAAA,IAAA;AAAA,EACL;AAEF;"}

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

@@ -0,0 +1,70 @@
+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 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,
+        {
+          onSelect: (t) => {
+            t.preventDefault(), g(e.value);
+          },
+          disabled: e.disabled,
+          checked: p(e.value),
+          children: e.label
+        },
+        e.value
+      ))
+    ] }) })
+  ] }) });
+}
+function I({ ...r }) {
+  const l = B();
+  return /* @__PURE__ */ n(
+    A,
+    {
+      value: l.state.value,
+      setValue: l.setValue,
+      onBlur: l.handleBlur,
+      ...r
+    }
+  );
+}
+export {
+  A as MultiSelect,
+  I as TfMultiSelect
+};
+//# sourceMappingURL=multi-select.es.js.map

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

@@ -0,0 +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;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

@@ -0,0 +1,24 @@
+"use client";
+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 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 {
+  u as PasswordInput
+};
+//# sourceMappingURL=password-input.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.es.js","sources":["../../../lib/components/inputs/password-input.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\n\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { EyeIcon, EyeOffIcon, KeySquare } from \"lucide-react\";\n\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

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+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 {
+  u as RadioGroup,
+  f as RadioGroupItem
+};
+//# sourceMappingURL=radio-group.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.es.js","sources":["../../../lib/components/inputs/radio-group.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport 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/{ui → inputs}/search-input.es.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.es.js","sources":["../../../lib/components/inputs/search-input.tsx"],"sourcesContent":["\"use client\";\nimport { Input, type InputProps } from \"@/components/inputs/input\";\nimport { Search, X } from \"lucide-react\"; // Assuming LucideIcon is the type of your icons\nimport 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

@@ -0,0 +1,49 @@
+"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,
+  className: a,
+  buttonLabel: t,
+  ...u
+}) {
+  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
+      }
+    )) }) })
+  ] }) });
+}
+function B({ ...r }) {
+  const l = f();
+  return /* @__PURE__ */ e(
+    M,
+    {
+      value: l.state.value,
+      setValue: l.handleChange,
+      onBlur: l.handleBlur,
+      ...r
+    }
+  );
+}
+export {
+  M as SingleSelect,
+  B as TfSingleSelect
+};
+//# sourceMappingURL=select.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.es.js","sources":["../../../lib/components/inputs/select.tsx"],"sourcesContent":["\"use client\";\nimport type { SelectionProps } from \"@/components/inputs/multi-select\";\nimport {\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

@@ -0,0 +1,27 @@
+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: (r) => e.handleChange(r.target.value),
+      onBlur: e.handleBlur,
+      disabled: t || e.form.state.isSubmitting,
+      ...a
+    }
+  );
+}
+export {
+  u as Textarea,
+  s as TfTextarea
+};
+//# sourceMappingURL=textarea.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.es.js","sources":["../../../lib/components/inputs/textarea.tsx"],"sourcesContent":["import 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;"}