@dimasbaguspm/versaur 0.0.53 → 0.0.55

package/dist/js/time-picker-input-CYBfc7s_.js

@@ -0,0 +1,1678 @@
+import { c as C, j as e, a as x } from "./index-DOdDlCoL.js";
+import m, { createContext as F, useContext as A, useId as B, forwardRef as O, useRef as T, useEffect as ae, useState as se } from "react";
+import { I as $ } from "./image-rectangle-K9jmTTED.js";
+import { Calendar as oe, MailIcon as ie, Banknote as ce, SearchIcon as le, ChevronDown as de, Clock as ue } from "lucide-react";
+import "./snackbar-DH8jCh2V.js";
+const fe = C("space-y-2", {
+  variants: {
+    direction: {
+      vertical: "space-y-2 space-x-0",
+      horizontal: "flex flex-wrap gap-4 space-y-0"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), pe = C(
+  "relative h-4 w-4 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20"
+), me = C(
+  "text-sm text-foreground cursor-pointer select-none",
+  {
+    variants: {
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      disabled: !1
+    }
+  }
+), q = F(null), he = () => {
+  const t = A(q);
+  if (!t)
+    throw new Error("CheckboxOption must be used within CheckboxInput");
+  return t;
+}, G = m.forwardRef(({ children: t, description: r, className: n, disabled: o, id: s, ...i }, d) => {
+  const l = he(), c = m.useId(), a = s || c, u = o || l.disabled;
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center mt-0.5", children: /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: d,
+        type: "checkbox",
+        id: a,
+        disabled: u,
+        className: x(
+          pe(),
+          // Custom checkmark styling using ::after - centered positioning
+          'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
+          // Checkmark dimensions for md size (default)
+          "after:w-[4px] after:h-[8px]",
+          "checked:after:opacity-100",
+          n
+        ),
+        ...i
+      }
+    ) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: a,
+          className: me({
+            disabled: u
+          }),
+          children: t
+        }
+      ),
+      r && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: x(
+            "text-xs text-gray-600 mt-1",
+            u && "opacity-50"
+          ),
+          children: r
+        }
+      )
+    ] })
+  ] });
+});
+G.displayName = "CheckboxOption";
+const K = m.forwardRef(
+  ({
+    label: t,
+    helperText: r,
+    error: n,
+    direction: o = "vertical",
+    className: s,
+    disabled: i,
+    required: d,
+    children: l,
+    ...c
+  }, a) => {
+    const u = !!n, p = {
+      disabled: i
+    };
+    return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
+      "fieldset",
+      {
+        ref: a,
+        disabled: i,
+        className: x("w-full border-0 p-0 m-0", s),
+        ...c,
+        children: [
+          t && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3", children: [
+            t,
+            d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: fe({ direction: o }), children: l }),
+          u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !u && r && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
+        ]
+      }
+    ) });
+  }
+);
+K.displayName = "CheckboxInput";
+const lt = Object.assign(K, {
+  Option: G
+}), _ = F(null), be = () => {
+  const t = A(_);
+  if (!t)
+    throw new Error(
+      "useChipSingleInputContext must be used within ChipSingleInputContext"
+    );
+  return t;
+}, ge = C(
+  "inline-flex items-center justify-center rounded-full bg-white transition-colors duration-200 cursor-pointer border border-border hover:bg-primary-soft hover:border-primary-bold focus:border-primary-light data-[selected=true]:bg-primary data-[selected=true]:border-primary data-[selected=true]:text-white",
+  {
+    variants: {
+      size: {
+        sm: "h-7 px-3 text-sm min-w-[2.25rem]",
+        md: "h-9 px-4 text-sm min-w-[2.5rem]",
+        lg: "h-10 px-8 text-lg min-w-[2.75rem]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), xe = m.forwardRef(({ children: t, className: r, disabled: n, id: o, value: s, ...i }, d) => {
+  const { size: l = "md", maxWidth: c, ...a } = be(), u = B(), p = o || u, f = n || a.disabled, h = a.readOnly, b = a.value === s, w = (g) => {
+    !f && !h && a.onChange?.(s), i.onChange?.(g);
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: d,
+        type: "radio",
+        id: p,
+        name: a.name,
+        value: s,
+        checked: b,
+        disabled: f,
+        readOnly: h,
+        onChange: w,
+        className: "sr-only",
+        ...i
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "label",
+      {
+        htmlFor: p,
+        "data-selected": b,
+        style: c ? { maxWidth: c } : void 0,
+        className: x(
+          ge({
+            size: l
+          }),
+          f && "opacity-50 cursor-not-allowed pointer-events-none",
+          h && "cursor-default pointer-events-none",
+          c && "overflow-hidden",
+          r
+        ),
+        children: /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: x(
+              "flex items-center gap-2",
+              c && "truncate min-w-0"
+            ),
+            children: t
+          }
+        )
+      }
+    )
+  ] });
+}), ye = O(
+  ({
+    size: t = "md",
+    label: r,
+    required: n,
+    helperText: o,
+    error: s,
+    className: i,
+    disabled: d,
+    readOnly: l,
+    maxWidth: c,
+    name: a,
+    value: u,
+    onChange: p,
+    children: f,
+    ...h
+  }, b) => {
+    const w = !!s, g = {
+      size: t,
+      disabled: d,
+      readOnly: l,
+      error: w,
+      name: a,
+      value: u,
+      maxWidth: c,
+      onChange: p
+    };
+    return /* @__PURE__ */ e.jsx(_.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
+      "fieldset",
+      {
+        ref: b,
+        className: x("w-full border-0 p-0 m-0", i),
+        disabled: d,
+        ...h,
+        children: [
+          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+            r,
+            n && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+        ]
+      }
+    ) });
+  }
+), dt = Object.assign(ye, {
+  Option: xe
+}), H = F(null), we = () => {
+  const t = A(H);
+  if (!t)
+    throw new Error(
+      "useChipMultipleInputContext must be used within ChipMultipleInputContext"
+    );
+  return t;
+}, je = C(
+  "inline-flex items-center justify-center rounded-full bg-white transition-colors duration-200 cursor-pointer border border-border hover:bg-primary-soft hover:border-primary-bold focus:border-primary-light data-[selected=true]:bg-primary data-[selected=true]:border-primary data-[selected=true]:text-white",
+  {
+    variants: {
+      size: {
+        sm: "h-7 px-3 text-sm min-w-[2.25rem]",
+        md: "h-9 px-4 text-sm min-w-[2.5rem]",
+        lg: "h-10 px-8 text-lg min-w-[2.75rem]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), ve = m.forwardRef(({ children: t, className: r, disabled: n, id: o, value: s, ...i }, d) => {
+  const { size: l = "md", maxWidth: c, ...a } = we(), u = B(), p = o || u, f = n || a.disabled, h = a.readOnly, b = a.value?.includes(s) ?? !1, w = (g) => {
+    if (!f && !h) {
+      const k = a.value || [];
+      let j;
+      b ? j = k.filter((N) => N !== s) : j = [...k, s], a.onChange?.(j);
+    }
+    i.onChange?.(g);
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: d,
+        type: "checkbox",
+        id: p,
+        name: `${a.name}[]`,
+        value: s,
+        checked: b,
+        disabled: f,
+        readOnly: h,
+        onChange: w,
+        className: "sr-only",
+        ...i
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "label",
+      {
+        htmlFor: p,
+        "data-selected": b,
+        style: c ? { maxWidth: c } : void 0,
+        className: x(
+          je({
+            size: l
+          }),
+          f && "opacity-50 cursor-not-allowed pointer-events-none",
+          h && "cursor-default pointer-events-none",
+          c && "overflow-hidden",
+          r
+        ),
+        children: /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: x(
+              "flex items-center gap-2",
+              c && "truncate min-w-0"
+            ),
+            children: t
+          }
+        )
+      }
+    )
+  ] });
+}), ke = O(
+  ({
+    size: t = "md",
+    label: r,
+    required: n,
+    helperText: o,
+    error: s,
+    className: i,
+    disabled: d,
+    readOnly: l,
+    maxWidth: c,
+    name: a,
+    value: u = [],
+    onChange: p,
+    children: f,
+    ...h
+  }, b) => {
+    const w = !!s, g = {
+      size: t,
+      disabled: d,
+      readOnly: l,
+      error: w,
+      name: a,
+      value: u,
+      maxWidth: c,
+      onChange: p
+    };
+    return /* @__PURE__ */ e.jsx(H.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
+      "fieldset",
+      {
+        ref: b,
+        className: x("w-full border-0 p-0 m-0", i),
+        disabled: d,
+        ...h,
+        children: [
+          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+            r,
+            n && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+          !w && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+        ]
+      }
+    ) });
+  }
+), ut = Object.assign(ke, {
+  Option: ve
+}), Ie = C(
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50 text-left",
+  {
+    variants: {
+      state: {
+        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20 hover:border-primary/50",
+        error: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        readOnly: "border-gray-300 bg-gray-50 text-foreground cursor-default focus:ring-0 focus:border-gray-300"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+), J = m.forwardRef(
+  ({
+    label: t,
+    leftContent: r,
+    rightContent: n,
+    helperText: o,
+    error: s,
+    className: i,
+    disabled: d,
+    id: l,
+    required: c,
+    value: a,
+    displayValue: u,
+    placeholder: p = "",
+    name: f,
+    ...h
+  }, b) => {
+    const w = m.useId(), g = l || w, k = `${g}-helper`, j = `${g}-error`, N = !!s, V = m.useMemo(() => {
+      if (u) return u;
+      if (a != null && a !== "") {
+        if (typeof a == "string") return a;
+        if (typeof a == "number" || typeof a == "boolean")
+          return String(a);
+        if (Array.isArray(a)) return a.join(", ");
+        if (typeof a == "object") return JSON.stringify(a);
+      }
+      return p;
+    }, [a, u, p]), R = m.useMemo(() => a == null ? "" : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : Array.isArray(a) || typeof a == "object" ? JSON.stringify(a) : String(a), [a]), S = a != null && a !== "" && V !== p, E = m.useMemo(() => {
+      const z = [];
+      return N ? z.push(j) : o && z.push(k), z.length > 0 ? z.join(" ") : void 0;
+    }, [N, o, j, k]);
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", i), children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: g,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: [
+            t,
+            c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        r && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5 z-10",
+            "aria-hidden": "true",
+            "data-testid": "left-content",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            ref: b,
+            id: g,
+            type: "button",
+            disabled: d,
+            "aria-invalid": N || void 0,
+            "aria-describedby": E,
+            "aria-errormessage": N ? j : void 0,
+            "aria-required": c || void 0,
+            className: x(
+              Ie({
+                state: N ? "error" : "default"
+              }),
+              r ? "pl-9" : "pl-3",
+              n ? "pr-9" : "pr-3",
+              "h-9",
+              !S && "text-gray-400"
+            ),
+            ...h,
+            children: V
+          }
+        ),
+        n && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5 z-10",
+            "aria-hidden": "true",
+            "data-testid": "right-content",
+            children: n
+          }
+        ),
+        f && /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "hidden",
+            name: f,
+            value: R,
+            readOnly: !0,
+            "data-testid": "hidden-input"
+          }
+        )
+      ] }),
+      N && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: j,
+          className: "mt-1 text-sm text-danger",
+          role: "alert",
+          "aria-live": "polite",
+          children: s
+        }
+      ),
+      !N && o && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: o })
+    ] });
+  }
+);
+J.displayName = "TextInputAsButton";
+function Ne(t) {
+  if (!t) return "";
+  const r = new Date(t);
+  return isNaN(r.getTime()) ? t : r.toLocaleDateString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+const ft = m.forwardRef(function({ value: r = "", onChange: n, label: o, formatter: s, min: i, max: d, ...l }, c) {
+  const a = T(null), u = (b) => {
+    a.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
+  }, p = () => {
+    a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
+  }, f = (b) => {
+    n(b.target.value);
+  }, h = (s ?? Ne)(r);
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ e.jsx(
+      J,
+      {
+        onClick: p,
+        value: h,
+        label: o,
+        leftContent: /* @__PURE__ */ e.jsx($, { as: oe, color: "inherit", size: "sm" }),
+        "data-testid": "date-single-picker-visible-input",
+        ...l
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: u,
+        type: "date",
+        value: r,
+        onChange: f,
+        min: i,
+        max: d,
+        className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
+        tabIndex: -1,
+        "aria-label": typeof o == "string" ? o : void 0
+      }
+    )
+  ] });
+}), Ce = C(
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50",
+  {
+    variants: {
+      state: {
+        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        error: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        readOnly: "border-gray-300 bg-gray-50 text-foreground cursor-default focus:ring-0 focus:border-gray-300"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+), M = m.forwardRef(
+  ({
+    label: t,
+    leftContent: r,
+    rightContent: n,
+    helperText: o,
+    error: s,
+    className: i,
+    disabled: d,
+    readOnly: l,
+    id: c,
+    required: a,
+    ...u
+  }, p) => {
+    const f = m.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!s, k = m.useMemo(() => {
+      const j = [];
+      return g ? j.push(w) : o && j.push(b), j.length > 0 ? j.join(" ") : void 0;
+    }, [g, o, w, b]);
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", i), children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: h,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: [
+            t,
+            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        r && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "aria-hidden": "true",
+            "data-testid": "left-content",
+            children: r
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: p,
+            id: h,
+            required: a,
+            disabled: d,
+            readOnly: l,
+            "aria-invalid": g,
+            "aria-describedby": k,
+            "aria-errormessage": g ? w : void 0,
+            className: x(
+              Ce({
+                state: g ? "error" : l ? "readOnly" : "default"
+              }),
+              r ? "pl-9" : "pl-3",
+              n ? "pr-9" : "pr-3",
+              "h-9"
+            ),
+            ...u
+          }
+        ),
+        n && /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
+            "aria-hidden": "true",
+            "data-testid": "right-content",
+            children: n
+          }
+        )
+      ] }),
+      g && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: w,
+          className: "mt-1 text-sm text-danger",
+          role: "alert",
+          "aria-live": "polite",
+          children: s
+        }
+      ),
+      !g && o && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: o })
+    ] });
+  }
+);
+M.displayName = "TextInput";
+const pt = O(
+  (t, r) => /* @__PURE__ */ e.jsx(
+    M,
+    {
+      ...t,
+      ref: r,
+      type: "email",
+      autoComplete: "email",
+      inputMode: "email",
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ie, color: "inherit", size: "sm" })
+    }
+  )
+), Ve = "w-9 h-9 text-center border border-primary/30 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Re = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Se = (t) => /^\d$/.test(t), W = (t, r) => t?.replace(/\D/g, "").slice(0, r) || "", Q = m.forwardRef(
+  ({
+    value: t,
+    onChange: r,
+    onKeyDown: n,
+    onFocus: o,
+    onPaste: s,
+    disabled: i,
+    error: d,
+    secure: l,
+    inputRef: c,
+    index: a,
+    id: u
+  }, p) => /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      ref: c,
+      id: u,
+      type: "text",
+      inputMode: "numeric",
+      pattern: l ? void 0 : "[0-9]*",
+      maxLength: 1,
+      value: l ? t ? "•" : "" : t,
+      onChange: (f) => {
+        const h = f.target.value;
+        (h === "" || Se(h)) && r(h);
+      },
+      onKeyDown: n,
+      onFocus: o,
+      onPaste: s,
+      disabled: i,
+      "aria-invalid": d,
+      "aria-disabled": i,
+      className: d ? Re : Ve,
+      autoComplete: "one-time-code",
+      "data-testid": `pin-input-${a}`
+    }
+  )
+);
+Q.displayName = "PinInput";
+const De = m.forwardRef(
+  ({
+    label: t,
+    helperText: r,
+    error: n,
+    disabled: o,
+    value: s,
+    onChange: i,
+    onComplete: d,
+    digits: l = 6,
+    className: c,
+    id: a,
+    name: u,
+    required: p,
+    secure: f = !1,
+    ...h
+  }, b) => {
+    const w = m.useId(), g = a || w, k = !!n, j = m.useRef([]), N = W(s, l), V = N.split("").concat(Array(l - N.length).fill("")), R = m.useCallback(
+      (v) => {
+        const y = W(v, l);
+        i(y), y.length === l && d?.(y);
+      },
+      [i, d, l]
+    ), S = m.useCallback(
+      (v, y) => {
+        const I = [...V];
+        I[v] = y;
+        const D = I.join("").replace(/\s+$/, "");
+        R(D), y && v < l - 1 && j.current[v + 1]?.focus();
+      },
+      [V, R, l]
+    ), E = m.useCallback(
+      (v, y) => {
+        if (y.key === "Backspace") {
+          if (!V[v] && v > 0) {
+            y.preventDefault();
+            const I = [...V];
+            I[v - 1] = "";
+            const D = I.join("").replace(/\s+$/, "");
+            R(D), j.current[v - 1]?.focus();
+          } else if (V[v]) {
+            y.preventDefault();
+            const I = [...V];
+            I[v] = "";
+            const D = I.join("").replace(/\s+$/, "");
+            R(D);
+          }
+        } else y.key === "ArrowLeft" && v > 0 ? (y.preventDefault(), j.current[v - 1]?.focus()) : y.key === "ArrowRight" && v < l - 1 && (y.preventDefault(), j.current[v + 1]?.focus());
+      },
+      [V, R, l]
+    ), z = m.useCallback(
+      (v) => {
+        v.preventDefault();
+        const y = v.clipboardData.getData("text"), I = W(y, l);
+        if (I.length > 0) {
+          R(I);
+          const D = Math.min(I.length, l - 1);
+          j.current[D]?.focus();
+        }
+      },
+      [R, l]
+    );
+    return /* @__PURE__ */ e.jsxs("div", { ref: b, className: x("w-full", c), ...h, children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: `${g}-0`,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: [
+            t,
+            p && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "flex gap-2 justify-center",
+          role: "group",
+          "aria-labelledby": t ? `${g}-label` : void 0,
+          "aria-describedby": k ? `${g}-error` : r ? `${g}-helper` : void 0,
+          children: V.map((v, y) => /* @__PURE__ */ e.jsx(
+            Q,
+            {
+              value: v,
+              onChange: (I) => S(y, I),
+              onKeyDown: (I) => E(y, I),
+              onFocus: () => {
+                const I = j.current[y];
+                I && I.select();
+              },
+              onPaste: z,
+              disabled: o,
+              error: k,
+              secure: f,
+              inputRef: (I) => {
+                j.current[y] = I;
+              },
+              index: y,
+              id: `${g}-${y}`
+            },
+            y
+          ))
+        }
+      ),
+      u && /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "hidden",
+          name: u,
+          value: N,
+          required: p
+        }
+      ),
+      k && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: `${g}-error`,
+          className: "mt-2 text-sm text-danger",
+          role: "alert",
+          children: n
+        }
+      ),
+      !k && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
+    ] });
+  }
+);
+De.displayName = "PinField";
+function ze(t, r) {
+  ae(() => {
+    typeof t == "number" && !isNaN(t) ? r(`${t}`) : t === "" || t === null || t === void 0 ? r("") : typeof t == "string" && r(t);
+  }, [t, r]);
+}
+function Oe(t, r = !1) {
+  if (t === "" || t === "-" && r) return !0;
+  const n = r && t.startsWith("-") ? t.slice(1) : t;
+  if (r && t.startsWith("-") && n === "") return !0;
+  if (n.startsWith(".") || n.startsWith(",") || !/^[\d.,]+$/.test(n)) return !1;
+  const o = n.split(",");
+  if (o.length > 2) return !1;
+  const s = o[0], i = o[1];
+  return !(s === "" || !Pe(s) || i !== void 0 && i !== "" && !$e(i));
+}
+function Pe(t) {
+  if (t === "") return !1;
+  if (!t.includes("."))
+    return /^\d+$/.test(t);
+  const r = t.split(".");
+  if (r[0] === "" || !/^\d{1,3}$/.test(r[0])) return !1;
+  for (let n = 1; n < r.length; n++) {
+    const o = r[n];
+    if (n === r.length - 1) {
+      if (o !== "" && !/^\d{1,3}$/.test(o)) return !1;
+    } else if (!/^\d{3}$/.test(o)) return !1;
+  }
+  return !0;
+}
+function $e(t) {
+  return /^\d{1,2}$/.test(t);
+}
+function U(t, r = !1) {
+  if (t === "") return "";
+  const n = t.startsWith("-");
+  if (n && !r)
+    return U(t.slice(1), !1);
+  if (n && t.length === 1) return "-";
+  let s = (n ? t.slice(1) : t).replace(/[^\d.,]/g, "");
+  const i = s.lastIndexOf(",");
+  if (i !== -1) {
+    const d = s.slice(0, i).replace(/,/g, ""), l = s.slice(i + 1).replace(/,/g, "");
+    s = d + "," + l;
+  }
+  return s = s.replace(/\.{2,}/g, "."), (n ? "-" : "") + s;
+}
+const mt = ({
+  value: t,
+  onChange: r,
+  allowNegative: n = !1,
+  inputProps: o,
+  label: s,
+  helperText: i,
+  error: d,
+  ...l
+}) => {
+  const c = T(null), [a, u] = se(
+    t === "" ? "" : String(t)
+  );
+  ze(t, u);
+  const p = (f) => {
+    const h = f.target.value, b = U(h, n);
+    Oe(b, n) ? (u(b), r(b)) : f.preventDefault();
+  };
+  return /* @__PURE__ */ e.jsx(
+    M,
+    {
+      ref: c,
+      type: "text",
+      label: s,
+      value: a,
+      onChange: p,
+      error: d,
+      helperText: i,
+      placeholder: l.placeholder,
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ce, color: "inherit", size: "sm" }),
+      inputMode: "numeric",
+      autoComplete: "off",
+      pattern: "[0-9.,-]*",
+      ...o,
+      ...l
+    }
+  );
+}, Ee = C("space-y-2", {
+  variants: {
+    direction: {
+      vertical: "space-y-2 space-x-0",
+      horizontal: "flex flex-wrap gap-4 space-y-0"
+    }
+  },
+  defaultVariants: {
+    direction: "vertical"
+  }
+}), Me = C(
+  "relative h-4 w-4 rounded-full border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white",
+  {
+    variants: {
+      variant: {
+        // Core variants using Versaur color system
+        primary: "border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
+        secondary: "border-secondary/40 checked:bg-secondary checked:border-secondary focus:ring-secondary/20",
+        tertiary: "border-tertiary/40 checked:bg-tertiary checked:border-tertiary focus:ring-tertiary/20",
+        ghost: "border-ghost/40 checked:bg-ghost checked:border-ghost focus:ring-ghost/20",
+        neutral: "border-gray-300 checked:bg-gray-500 checked:border-gray-500 focus:ring-gray-400/20",
+        // Outline variants
+        "primary-outline": "border-primary checked:bg-white checked:border-primary focus:ring-primary/20",
+        "secondary-outline": "border-secondary checked:bg-white checked:border-secondary focus:ring-secondary/20",
+        "tertiary-outline": "border-tertiary checked:bg-white checked:border-tertiary focus:ring-tertiary/20",
+        "ghost-outline": "border-ghost checked:bg-white checked:border-ghost focus:ring-ghost/20",
+        "neutral-outline": "border-gray-400 checked:bg-white checked:border-gray-400 focus:ring-gray-500/20",
+        // Semantic variants
+        success: "border-success/40 checked:bg-success checked:border-success focus:ring-success/20",
+        "success-outline": "border-success checked:bg-white checked:border-success focus:ring-success/20",
+        info: "border-info/40 checked:bg-info checked:border-info focus:ring-info/20",
+        "info-outline": "border-info checked:bg-white checked:border-info focus:ring-info/20",
+        warning: "border-warning/40 checked:bg-warning checked:border-warning focus:ring-warning/20",
+        "warning-outline": "border-warning checked:bg-white checked:border-warning focus:ring-warning/20",
+        danger: "border-danger/40 checked:bg-danger checked:border-danger focus:ring-danger/20",
+        "danger-outline": "border-danger checked:bg-white checked:border-danger focus:ring-danger/20"
+      },
+      size: {
+        sm: "h-3 w-3",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+), Fe = C(
+  "text-foreground cursor-pointer select-none",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: !1
+    }
+  }
+), X = F(
+  null
+), Ae = () => {
+  const t = A(X);
+  if (!t)
+    throw new Error(
+      "useRadioInputContext must be used within RadioInputContext"
+    );
+  return t;
+}, Be = m.forwardRef(
+  ({ children: t, description: r, className: n, disabled: o, id: s, value: i, ...d }, l) => {
+    const c = Ae(), a = m.useId(), u = s || a, p = o || c.disabled, f = c.error ? "danger" : c.variant || "primary";
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: l,
+          type: "radio",
+          id: u,
+          name: c.name,
+          value: i,
+          disabled: p,
+          className: x(
+            Me({
+              variant: f,
+              size: c.size
+            }),
+            // Custom radio dot styling using ::before - centered positioning with size variants
+            'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-white before:opacity-0 before:transition-opacity before:duration-200',
+            // Size-specific radio dot dimensions
+            c.size === "sm" && "before:w-[6px] before:h-[6px]",
+            c.size === "md" && "before:w-[8px] before:h-[8px]",
+            c.size === "lg" && "before:w-[10px] before:h-[10px]",
+            "checked:before:opacity-100",
+            // Outline variants use colored radio dot
+            f?.includes("outline") && "checked:before:bg-current",
+            n
+          ),
+          ...d
+        }
+      ) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ e.jsx(
+          "label",
+          {
+            htmlFor: u,
+            className: Fe({
+              size: c.size,
+              disabled: p
+            }),
+            children: t
+          }
+        ),
+        r && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: x(
+              "text-gray-600 mt-1",
+              c.size === "sm" && "text-xs",
+              c.size === "md" && "text-xs",
+              c.size === "lg" && "text-sm",
+              p && "opacity-50"
+            ),
+            children: r
+          }
+        )
+      ] })
+    ] });
+  }
+), We = m.forwardRef(
+  ({
+    variant: t = "primary",
+    size: r = "md",
+    label: n,
+    helperText: o,
+    error: s,
+    direction: i = "vertical",
+    className: d,
+    disabled: l,
+    name: c,
+    children: a,
+    ...u
+  }, p) => {
+    const f = !!s, h = {
+      variant: t,
+      size: r,
+      disabled: l,
+      error: f,
+      name: c
+    };
+    return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: p, className: x("w-full", d), ...u, children: [
+      n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
+      /* @__PURE__ */ e.jsx("div", { className: Ee({ direction: i }), children: a }),
+      f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
+      !f && o && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: o })
+    ] }) });
+  }
+), ht = Object.assign(We, {
+  Option: Be
+}), bt = O(
+  ({
+    autoComplete: t = "off",
+    spellCheck: r = !1,
+    inputMode: n = "search",
+    placeholder: o = "Search...",
+    maxLength: s = 256,
+    enterKeyHint: i = "search",
+    "aria-label": d = "Search",
+    // internal default, not in props
+    ...l
+  }, c) => /* @__PURE__ */ e.jsx(
+    M,
+    {
+      ref: c,
+      type: "search",
+      inputMode: n,
+      autoComplete: t,
+      spellCheck: r,
+      placeholder: o,
+      maxLength: s,
+      enterKeyHint: i,
+      "aria-label": d,
+      leftContent: /* @__PURE__ */ e.jsx($, { as: le, color: "inherit", size: "sm" }),
+      ...l
+    }
+  )
+), Le = C(
+  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none disabled:bg-gray-50 appearance-none bg-no-repeat bg-right pr-10",
+  {
+    variants: {
+      state: {
+        default: "border-primary/30 text-foreground focus:border-primary focus:ring-primary/20",
+        error: "border-danger bg-danger/5 text-foreground focus:border-danger focus:ring-danger/20",
+        readOnly: "border-gray-300 bg-gray-50 text-foreground cursor-default focus:ring-0 focus:border-gray-300"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+), Y = m.forwardRef(({ value: t, children: r, ...n }, o) => /* @__PURE__ */ e.jsx("option", { ref: o, value: t, ...n, children: r }));
+Y.displayName = "SelectOption";
+const Z = m.forwardRef(({ label: t, children: r, ...n }, o) => /* @__PURE__ */ e.jsx("optgroup", { ref: o, label: t, ...n, children: r }));
+Z.displayName = "SelectOptionGroup";
+const ee = m.forwardRef(
+  ({
+    label: t,
+    helperText: r,
+    error: n,
+    className: o,
+    disabled: s,
+    readOnly: i,
+    id: d,
+    required: l,
+    placeholder: c,
+    children: a,
+    onChange: u,
+    ...p
+  }, f) => {
+    const h = m.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, k = !!n, j = m.useMemo(() => {
+      const N = [];
+      return k ? N.push(g) : r && N.push(w), N.length > 0 ? N.join(" ") : void 0;
+    }, [k, r, g, w]);
+    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: b,
+          className: "block text-sm font-medium text-foreground mb-2",
+          children: [
+            t,
+            l && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ e.jsxs(
+          "select",
+          {
+            ref: f,
+            id: b,
+            required: l,
+            disabled: s || i,
+            "aria-invalid": k,
+            "aria-describedby": j,
+            "aria-errormessage": k ? g : void 0,
+            onChange: u,
+            className: x(
+              Le({
+                state: k ? "error" : i ? "readOnly" : "default"
+              }),
+              "h-9 pl-3"
+            ),
+            ...p,
+            children: [
+              c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
+              a
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: x(
+              "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none transition-transform duration-200"
+            ),
+            children: /* @__PURE__ */ e.jsx($, { as: de, size: "sm", color: "gray", "aria-hidden": "true" })
+          }
+        )
+      ] }),
+      k && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          id: g,
+          className: "mt-1 text-sm text-danger",
+          role: "alert",
+          "aria-live": "polite",
+          children: n
+        }
+      ),
+      !k && r && /* @__PURE__ */ e.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
+    ] });
+  }
+);
+ee.displayName = "SelectInput";
+const gt = Object.assign(ee, {
+  Option: Y,
+  OptionGroup: Z
+}), Te = C(
+  "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      },
+      checkboxPlacement: {
+        top: "items-start",
+        center: "items-center",
+        bottom: "items-end"
+      },
+      hideCheckbox: {
+        true: "",
+        false: "p-4 hover:bg-neutral-light"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1,
+      checkboxPlacement: "center",
+      hideCheckbox: !1
+    }
+  }
+), qe = C(
+  "relative h-6 w-6 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary border-primary",
+        false: "border-primary/40 bg-white"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), Ge = O(
+  ({
+    value: t,
+    children: r,
+    checked: n,
+    id: o,
+    className: s,
+    disabled: i,
+    checkboxPlacement: d = "center",
+    hideCheckbox: l = !1,
+    ...c
+  }, a) => {
+    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
+    return /* @__PURE__ */ e.jsxs(
+      "label",
+      {
+        htmlFor: p,
+        className: x(
+          Te({
+            checked: !!n,
+            disabled: !!i,
+            checkboxPlacement: d,
+            hideCheckbox: l
+          }),
+          s
+        ),
+        "aria-checked": n,
+        role: "radio",
+        "aria-label": `Select ${t}`,
+        tabIndex: i ? -1 : 0,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              ref: a,
+              id: p,
+              type: "radio",
+              value: t,
+              checked: n,
+              disabled: i,
+              className: "sr-only",
+              "aria-hidden": !0,
+              "aria-checked": n,
+              ...c
+            }
+          ),
+          !l && /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: x(
+                qe({
+                  checked: !!n,
+                  disabled: !!i
+                }),
+                // Custom checkmark styling using ::after - centered positioning
+                'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
+                // Checkmark dimensions scaled up for h-6 w-6 size
+                "after:w-[6px] after:h-[12px]",
+                n && "after:opacity-100"
+              ),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+        ]
+      }
+    );
+  }
+);
+Ge.displayName = "SelectableSingleInput";
+const Ke = C(
+  "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
+  {
+    variants: {
+      checked: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      },
+      checkboxPlacement: {
+        top: "items-start",
+        center: "items-center",
+        bottom: "items-end"
+      },
+      hideCheckbox: {
+        true: "",
+        false: "p-4 hover:bg-neutral-light"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1,
+      checkboxPlacement: "center",
+      hideCheckbox: !1
+    }
+  }
+), _e = C(
+  "relative h-6 w-6 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none bg-white border-primary/40 checked:bg-primary checked:border-primary focus:ring-primary/20",
+  {
+    variants: {
+      checked: {
+        true: "bg-primary border-primary",
+        false: "border-primary/40 bg-white"
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: "active:scale-95"
+      }
+    },
+    defaultVariants: {
+      checked: !1,
+      disabled: !1
+    }
+  }
+), He = O(
+  ({
+    value: t,
+    children: r,
+    checked: n,
+    id: o,
+    className: s,
+    disabled: i,
+    checkboxPlacement: d = "center",
+    hideCheckbox: l = !1,
+    ...c
+  }, a) => {
+    const u = B(), p = o || u, f = typeof r == "function" ? r(n) : r;
+    return /* @__PURE__ */ e.jsxs(
+      "label",
+      {
+        htmlFor: p,
+        className: x(
+          Ke({
+            checked: !!n,
+            disabled: !!i,
+            checkboxPlacement: d,
+            hideCheckbox: l
+          }),
+          s
+        ),
+        "aria-checked": n,
+        role: "checkbox",
+        "aria-label": `Select ${t}`,
+        tabIndex: i ? -1 : 0,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              ref: a,
+              id: p,
+              type: "checkbox",
+              value: t,
+              checked: n,
+              disabled: i,
+              className: "sr-only",
+              "aria-hidden": !0,
+              "aria-checked": n,
+              ...c
+            }
+          ),
+          !l && /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: x(
+                _e({
+                  checked: !!n,
+                  disabled: !!i
+                }),
+                // Custom checkmark styling using ::after - centered positioning
+                'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
+                // Checkmark dimensions scaled up for h-6 w-6 size
+                "after:w-[6px] after:h-[12px]",
+                n && "after:opacity-100"
+              ),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+        ]
+      }
+    );
+  }
+);
+He.displayName = "SelectableMultipleInput";
+const Je = C(
+  "relative inline-flex items-center h-5 w-10 rounded-full transition-colors duration-200 border border-transparent",
+  {
+    variants: {
+      disabled: {
+        true: "opacity-50 cursor-not-allowed",
+        false: ""
+      },
+      checked: {
+        true: "bg-primary",
+        false: "bg-white border-border"
+      }
+    },
+    defaultVariants: {
+      disabled: !1,
+      checked: !1
+    }
+  }
+), Qe = C(
+  "absolute h-4 w-4 rounded-full transition-transform duration-200",
+  {
+    variants: {
+      checked: {
+        true: "translate-x-full bg-white left-1.5",
+        false: "bg-neutral left-0.5"
+      }
+    },
+    defaultVariants: {
+      checked: !1
+    }
+  }
+), Ue = ({ disabled: t = !1, checked: r = !1, className: n }) => /* @__PURE__ */ e.jsx(
+  "span",
+  {
+    className: x(
+      Je({ disabled: t, checked: r }),
+      "pointer-events-none",
+      n
+    ),
+    "aria-hidden": "true"
+  }
+), Xe = ({ checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: x(Qe({ checked: t })), "aria-hidden": "true" }), Ye = ({ label: t, htmlFor: r, disabled: n = !1, required: o = !1 }) => t ? /* @__PURE__ */ e.jsxs(
+  "label",
+  {
+    htmlFor: r,
+    className: x(
+      "text-sm select-none font-medium text-foreground",
+      n && "opacity-50 cursor-not-allowed"
+    ),
+    children: [
+      t,
+      o && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+    ]
+  }
+) : null, Ze = m.forwardRef(
+  ({
+    value: t,
+    onChange: r,
+    label: n,
+    disabled: o = !1,
+    required: s = !1,
+    className: i,
+    id: d,
+    ariaLabel: l,
+    ...c
+  }, a) => {
+    const u = m.useId(), p = d || u, f = t ?? !1, h = (b) => {
+      r?.(b.target.checked);
+    };
+    return /* @__PURE__ */ e.jsxs("div", { className: x("inline-flex items-center gap-2", i), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex items-center", children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: a,
+            type: "checkbox",
+            role: "switch",
+            id: p,
+            "aria-label": l || n,
+            "aria-checked": f,
+            checked: f,
+            disabled: o,
+            required: s,
+            onChange: h,
+            className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
+            ...c
+          }
+        ),
+        /* @__PURE__ */ e.jsx(Ue, { disabled: o, checked: f }),
+        /* @__PURE__ */ e.jsx(Xe, { checked: f })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        Ye,
+        {
+          label: n,
+          htmlFor: p,
+          disabled: o,
+          required: s
+        }
+      )
+    ] });
+  }
+);
+Ze.displayName = "SwitchInput";
+const et = C(
+  "block w-full rounded-md border bg-white text-foreground transition-colors focus:outline-none overflow-y-auto whitespace-pre-wrap break-words",
+  {
+    variants: {
+      state: {
+        default: "border-primary/30 focus:ring-2 focus:ring-primary/20 focus:border-primary",
+        error: "border-danger bg-danger/5 focus:ring-2 focus:border-danger focus:ring-danger/20",
+        disabled: "opacity-50 pointer-events-none bg-gray-50 border-gray-300 cursor-not-allowed",
+        readOnly: "bg-gray-50 cursor-default focus:ring-0 border-gray-300 focus:border-gray-300"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+), tt = (t, r, n) => t ? "disabled" : r ? "readOnly" : n ? "error" : "default", rt = (t, r, n) => {
+  if (r || n) {
+    t.preventDefault();
+    return;
+  }
+  t.preventDefault();
+  const o = t.clipboardData.getData("text/plain"), s = window.getSelection();
+  if (!s || !s.rangeCount) return;
+  s.deleteFromDocument();
+  const i = s.getRangeAt(0), d = document.createTextNode(o);
+  i.insertNode(d), i.setStartAfter(d), i.setEndAfter(d), s.removeAllRanges(), s.addRange(i);
+  const l = new Event("input", { bubbles: !0 });
+  t.currentTarget.dispatchEvent(l);
+}, nt = m.forwardRef(
+  ({
+    label: t,
+    helperText: r,
+    error: n,
+    className: o,
+    disabled: s,
+    readOnly: i,
+    id: d,
+    value: l,
+    defaultValue: c,
+    onChange: a,
+    placeholder: u,
+    name: p,
+    row: f = 3,
+    required: h,
+    onBlur: b,
+    onFocus: w,
+    onKeyDown: g,
+    ...k
+  }, j) => {
+    const N = m.useId(), V = d || N, R = !!n, S = m.useRef(null), [E, z] = m.useState(c || ""), v = l !== void 0, y = v ? l : E;
+    m.useImperativeHandle(j, () => S.current), m.useEffect(() => {
+      S.current && S.current.textContent !== y && (S.current.textContent = y);
+    }, [y]);
+    const I = tt(s, i, R), D = !y && u, te = (P) => {
+      const L = P.currentTarget.textContent || "";
+      v || z(L), a?.(L);
+    }, re = (P) => {
+      if (s || i) {
+        P.preventDefault();
+        return;
+      }
+      g?.(P);
+    }, ne = () => {
+      S.current?.focus();
+    };
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      t && /* @__PURE__ */ e.jsxs(
+        "label",
+        {
+          htmlFor: V,
+          className: "block text-sm font-medium text-foreground mb-2 cursor-pointer",
+          onClick: ne,
+          children: [
+            t,
+            h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", o), children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          ref: S,
+          id: V,
+          role: "textbox",
+          "aria-multiline": "true",
+          "aria-invalid": R,
+          "aria-disabled": s,
+          "aria-readonly": i,
+          "aria-required": h,
+          "aria-label": typeof t == "string" ? t : void 0,
+          contentEditable: !s && !i,
+          "data-name": p,
+          onInput: te,
+          onKeyDown: re,
+          onPaste: (P) => rt(P, s, i),
+          onBlur: b,
+          onFocus: w,
+          suppressContentEditableWarning: !0,
+          style: { minHeight: `${f * 1.5 + 1}rem` },
+          className: x(
+            et({ state: I }),
+            "px-3 py-2",
+            D && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400"
+          ),
+          "data-placeholder": u,
+          ...k
+        }
+      ) }),
+      R && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: n }),
+      !R && r && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
+    ] });
+  }
+);
+nt.displayName = "TextAreaInput";
+const xt = O(function(r, n) {
+  const o = (s) => {
+    r?.onChange?.(s.target.value);
+  };
+  return /* @__PURE__ */ e.jsx(
+    M,
+    {
+      type: "time",
+      tabIndex: 0,
+      "aria-hidden": "true",
+      leftContent: /* @__PURE__ */ e.jsx($, { as: ue, color: "inherit", size: "sm" }),
+      ref: n,
+      ...r,
+      onChange: o
+    }
+  );
+});
+export {
+  lt as C,
+  ft as D,
+  pt as E,
+  De as P,
+  ht as R,
+  bt as S,
+  M as T,
+  dt as a,
+  ut as b,
+  mt as c,
+  gt as d,
+  Ge as e,
+  He as f,
+  Ze as g,
+  J as h,
+  nt as i,
+  xt as j
+};