@dimasbaguspm/versaur 0.0.48 → 0.0.49

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

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