@dimasbaguspm/versaur 0.0.53 → 0.0.55

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

@@ -1,1562 +0,0 @@
-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 i = me(), c = b.useId(), l = n || c, u = s || i.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: i,
-    ...c
-  }, 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),
-        ...c,
-        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: i }),
-          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: i = "md", maxWidth: c, ...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: c ? { maxWidth: c } : void 0,
-        className: y(
-          be({
-            size: i
-          }),
-          f && "opacity-50 cursor-not-allowed pointer-events-none",
-          m && "cursor-default pointer-events-none",
-          c && "overflow-hidden",
-          r
-        ),
-        children: /* @__PURE__ */ t.jsx(
-          "span",
-          {
-            className: y(
-              "flex items-center gap-2",
-              c && "truncate min-w-0"
-            ),
-            children: e
-          }
-        )
-      }
-    )
-  ] });
-}), xe = P(
-  ({
-    size: e = "md",
-    label: r,
-    required: a,
-    helperText: s,
-    error: n,
-    className: o,
-    disabled: d,
-    readOnly: i,
-    maxWidth: c,
-    name: l,
-    value: u,
-    onChange: p,
-    children: f,
-    ...m
-  }, h) => {
-    const w = !!n, g = {
-      size: e,
-      disabled: d,
-      readOnly: i,
-      error: w,
-      name: l,
-      value: u,
-      maxWidth: c,
-      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: i = "md", maxWidth: c, ...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: c ? { maxWidth: c } : void 0,
-        className: y(
-          we({
-            size: i
-          }),
-          f && "opacity-50 cursor-not-allowed pointer-events-none",
-          m && "cursor-default pointer-events-none",
-          c && "overflow-hidden",
-          r
-        ),
-        children: /* @__PURE__ */ t.jsx(
-          "span",
-          {
-            className: y(
-              "flex items-center gap-2",
-              c && "truncate min-w-0"
-            ),
-            children: e
-          }
-        )
-      }
-    )
-  ] });
-}), je = P(
-  ({
-    size: e = "md",
-    label: r,
-    required: a,
-    helperText: s,
-    error: n,
-    className: o,
-    disabled: d,
-    readOnly: i,
-    maxWidth: c,
-    name: l,
-    value: u = [],
-    onChange: p,
-    children: f,
-    ...m
-  }, h) => {
-    const w = !!n, g = {
-      size: e,
-      disabled: d,
-      readOnly: i,
-      error: w,
-      name: l,
-      value: u,
-      maxWidth: c,
-      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: i,
-    id: c,
-    required: l,
-    ...u
-  }, p) => {
-    const f = b.useId(), m = c || 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: i,
-            "aria-invalid": g,
-            "aria-describedby": I,
-            "aria-errormessage": g ? w : void 0,
-            className: y(
-              ke({
-                state: g ? "error" : i ? "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, ...i }, c) {
-  const l = T(null), u = (h) => {
-    l.current = h, typeof c == "function" ? c(h) : c && typeof c == "object" && (c.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",
-            ...i
-          }
-        )
-      }
-    ),
-    /* @__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: i,
-    inputRef: c,
-    index: l,
-    id: u
-  }, p) => /* @__PURE__ */ t.jsx(
-    "input",
-    {
-      ref: c,
-      id: u,
-      type: "text",
-      inputMode: "numeric",
-      pattern: i ? void 0 : "[0-9]*",
-      maxLength: 1,
-      value: i ? 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: i = 6,
-    className: c,
-    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, i), V = C.split("").concat(Array(i - C.length).fill("")), R = b.useCallback(
-      (v) => {
-        const x = W(v, i);
-        o(x), x.length === i && d?.(x);
-      },
-      [o, d, i]
-    ), D = b.useCallback(
-      (v, x) => {
-        const j = [...V];
-        j[v] = x;
-        const S = j.join("").replace(/\s+$/, "");
-        R(S), x && v < i - 1 && k.current[v + 1]?.focus();
-      },
-      [V, R, i]
-    ), 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 < i - 1 && (x.preventDefault(), k.current[v + 1]?.focus());
-      },
-      [V, R, i]
-    ), A = b.useCallback(
-      (v) => {
-        v.preventDefault();
-        const x = v.clipboardData.getData("text"), j = W(x, i);
-        if (j.length > 0) {
-          R(j);
-          const S = Math.min(j.length, i - 1);
-          k.current[S]?.focus();
-        }
-      },
-      [R, i]
-    );
-    return /* @__PURE__ */ t.jsxs("div", { ref: h, className: y("w-full", c), ...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, ""), i = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + i;
-  }
-  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,
-  ...i
-}) => {
-  const c = 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: c,
-      type: "text",
-      label: n,
-      value: l,
-      onChange: p,
-      error: d,
-      helperText: o,
-      placeholder: i.placeholder,
-      leftContent: /* @__PURE__ */ t.jsx(O, { as: ie, color: "inherit", size: "sm" }),
-      inputMode: "numeric",
-      autoComplete: "off",
-      pattern: "[0-9.,-]*",
-      ...s,
-      ...i
-    }
-  );
-}, 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 }, i) => {
-    const c = Fe(), l = b.useId(), u = n || l, p = s || c.disabled, f = c.error ? "danger" : c.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: i,
-          type: "radio",
-          id: u,
-          name: c.name,
-          value: o,
-          disabled: p,
-          className: y(
-            $e({
-              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",
-            a
-          ),
-          ...d
-        }
-      ) }),
-      /* @__PURE__ */ t.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ t.jsx(
-          "label",
-          {
-            htmlFor: u,
-            className: Ee({
-              size: c.size,
-              disabled: p
-            }),
-            children: e
-          }
-        ),
-        r && /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: y(
-              "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
-          }
-        )
-      ] })
-    ] });
-  }
-), Be = b.forwardRef(
-  ({
-    variant: e = "primary",
-    size: r = "md",
-    label: a,
-    helperText: s,
-    error: n,
-    direction: o = "vertical",
-    className: d,
-    disabled: i,
-    name: c,
-    children: l,
-    ...u
-  }, p) => {
-    const f = !!n, m = {
-      variant: e,
-      size: r,
-      disabled: i,
-      error: f,
-      name: c
-    };
-    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
-    ...i
-  }, c) => /* @__PURE__ */ t.jsx(
-    $,
-    {
-      ref: c,
-      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" }),
-      ...i
-    }
-  )
-), 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: i,
-    placeholder: c,
-    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,
-            i && /* @__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: i,
-            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: [
-              c && /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
-              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: i = !1,
-    ...c
-  }, 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: i
-          }),
-          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,
-              ...c
-            }
-          ),
-          !i && /* @__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: i = !1,
-    ...c
-  }, 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: i
-          }),
-          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,
-              ...c
-            }
-          ),
-          !i && /* @__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: i,
-    ...c
-  }, 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": i || 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",
-            ...c
-          }
-        ),
-        /* @__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 i = new Event("input", { bubbles: !0 });
-  e.currentTarget.dispatchEvent(i);
-}, tt = b.forwardRef(
-  ({
-    label: e,
-    helperText: r,
-    error: a,
-    className: s,
-    disabled: n,
-    readOnly: o,
-    id: d,
-    value: i,
-    defaultValue: c,
-    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(c || ""), v = i !== void 0, x = v ? i : 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
-};