@dimasbaguspm/versaur 0.0.60 → 0.0.62

package/dist/js/{time-picker-input-Disd231b.js → time-picker-input-DMNSwm-p.js}

@@ -1,10 +1,10 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import m, { createContext as F, useContext as B, useId as A, forwardRef as O, useRef as T, useEffect as ne, useState as se } from "react";
-import { c as C, a as x } from "./index-BDtz_hQY.js";
-import { I as $ } from "./image-rectangle-CCvXv24a.js";
-import { Calendar as oe, MailIcon as ie, Banknote as ce, SearchIcon as le, ChevronDown as de, Clock as ue } from "lucide-react";
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import p, { createContext as M, useContext as A, useId as T, forwardRef as $, useRef as G, useEffect as _, useState as K } from "react";
+import { c as N, a as x } from "./index-BDtz_hQY.js";
+import { I as P, l as xe, n as ye } from "./image-rectangle-BwT5taeR.js";
+import { Calendar as we, MailIcon as ke, Banknote as ve, SearchIcon as je, ChevronDown as Ie, BoldIcon as Ce, ItalicIcon as Ne, UnderlineIcon as Se, StrikethroughIcon as Ve, Heading1Icon as Re, Heading2Icon as De, Heading3Icon as Le, ListOrderedIcon as Oe, ListIcon as ze, LinkIcon as $e, Clock as Ee } from "lucide-react";
 import "./snackbar-CTq4MLir.js";
-const fe = C("space-y-2", {
+const Pe = N("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -14,9 +14,9 @@ const fe = C("space-y-2", {
   defaultVariants: {
     direction: "vertical"
   }
-}), pe = C(
+}), 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"
-), me = C(
+), Be = N(
   "text-sm text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -29,45 +29,45 @@ const fe = C("space-y-2", {
       disabled: !1
     }
   }
-), q = F(null), he = () => {
-  const t = B(q);
-  if (!t)
+), J = M(null), Me = () => {
+  const e = A(J);
+  if (!e)
     throw new Error("CheckboxOption must be used within CheckboxInput");
-  return t;
-}, G = m.forwardRef(({ children: t, description: r, className: a, disabled: s, id: n, ...o }, d) => {
-  const l = he(), c = m.useId(), i = n || c, u = s || l.disabled;
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center mt-0.5", children: /* @__PURE__ */ e.jsx(
+  return e;
+}, Q = p.forwardRef(({ children: e, description: r, className: n, disabled: s, id: a, ...i }, d) => {
+  const l = Me(), c = p.useId(), o = a || c, u = s || l.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: i,
+        id: o,
         disabled: u,
         className: x(
-          pe(),
+          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
+          n
         ),
-        ...o
+        ...i
       }
     ) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ t.jsx(
         "label",
         {
-          htmlFor: i,
-          className: me({
+          htmlFor: o,
+          className: Be({
             disabled: u
           }),
-          children: t
+          children: e
         }
       ),
-      r && /* @__PURE__ */ e.jsx(
+      r && /* @__PURE__ */ t.jsx(
         "div",
         {
           className: x(
@@ -80,53 +80,53 @@ const fe = C("space-y-2", {
     ] })
   ] });
 });
-G.displayName = "CheckboxOption";
-const K = m.forwardRef(
+Q.displayName = "CheckboxOption";
+const X = p.forwardRef(
   ({
-    label: t,
+    label: e,
     helperText: r,
-    error: a,
+    error: n,
     direction: s = "vertical",
-    className: n,
-    disabled: o,
+    className: a,
+    disabled: i,
     required: d,
     children: l,
     ...c
-  }, i) => {
-    const u = !!a, p = {
-      disabled: o
+  }, o) => {
+    const u = !!n, m = {
+      disabled: i
     };
-    return /* @__PURE__ */ e.jsx(q.Provider, { value: p, children: /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsx(J.Provider, { value: m, children: /* @__PURE__ */ t.jsxs(
       "fieldset",
       {
-        ref: i,
-        disabled: o,
-        className: x("w-full border-0 p-0 m-0", n),
+        ref: o,
+        disabled: i,
+        className: x("w-full border-0 p-0 m-0", a),
         ...c,
         children: [
-          t && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3", children: [
-            t,
-            d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+          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__ */ e.jsx("div", { className: fe({ direction: s }), children: l }),
-          u && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
-          !u && r && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
+          /* @__PURE__ */ t.jsx("div", { className: Pe({ direction: s }), children: l }),
+          u && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
+          !u && r && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: r })
         ]
       }
     ) });
   }
 );
-K.displayName = "CheckboxInput";
-const dt = Object.assign(K, {
-  Option: G
-}), _ = F(null), be = () => {
-  const t = B(_);
-  if (!t)
+X.displayName = "CheckboxInput";
+const Ft = Object.assign(X, {
+  Option: Q
+}), Y = M(null), Ae = () => {
+  const e = A(Y);
+  if (!e)
     throw new Error(
       "useChipSingleInputContext must be used within ChipSingleInputContext"
     );
-  return t;
-}, ge = C(
+  return e;
+}, Te = 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: {
@@ -140,35 +140,35 @@ const dt = Object.assign(K, {
       size: "md"
     }
   }
-), xe = m.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: l = "md", maxWidth: c, ...i } = be(), u = A(), p = s || u, f = a || i.disabled, h = i.readOnly, b = i.value === n, w = (g) => {
-    !f && !h && i.onChange?.(n), o.onChange?.(g);
+), qe = p.forwardRef(({ children: e, className: r, disabled: n, id: s, value: a, ...i }, d) => {
+  const { size: l = "md", maxWidth: c, ...o } = Ae(), u = T(), m = s || u, f = n || o.disabled, h = o.readOnly, b = o.value === a, w = (g) => {
+    !f && !h && o.onChange?.(a), i.onChange?.(g);
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       "input",
       {
         ref: d,
         type: "radio",
-        id: p,
-        name: i.name,
-        value: n,
+        id: m,
+        name: o.name,
+        value: a,
         checked: b,
         disabled: f,
         readOnly: h,
         onChange: w,
         className: "sr-only",
-        ...o
+        ...i
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx(
       "label",
       {
-        htmlFor: p,
+        htmlFor: m,
         "data-selected": b,
         style: c ? { maxWidth: c } : void 0,
         className: x(
-          ge({
+          Te({
             size: l
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -176,75 +176,75 @@ const dt = Object.assign(K, {
           c && "overflow-hidden",
           r
         ),
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ t.jsx(
           "span",
           {
             className: x(
               "flex items-center gap-2",
               c && "truncate min-w-0"
             ),
-            children: t
+            children: e
           }
         )
       }
     )
   ] });
-}), ye = O(
+}), He = $(
   ({
-    size: t = "md",
+    size: e = "md",
     label: r,
-    required: a,
+    required: n,
     helperText: s,
-    error: n,
-    className: o,
+    error: a,
+    className: i,
     disabled: d,
     readOnly: l,
     maxWidth: c,
-    name: i,
+    name: o,
     value: u,
-    onChange: p,
+    onChange: m,
     children: f,
     ...h
   }, b) => {
-    const w = !!n, g = {
-      size: t,
+    const w = !!a, g = {
+      size: e,
       disabled: d,
       readOnly: l,
       error: w,
-      name: i,
+      name: o,
       value: u,
       maxWidth: c,
-      onChange: p
+      onChange: m
     };
-    return /* @__PURE__ */ e.jsx(_.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsx(Y.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
       "fieldset",
       {
         ref: b,
-        className: x("w-full border-0 p-0 m-0", o),
+        className: x("w-full border-0 p-0 m-0", i),
         disabled: d,
         ...h,
         children: [
-          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+          r && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            n && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !w && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          /* @__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: a }),
+          !w && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
         ]
       }
     ) });
   }
-), ut = Object.assign(ye, {
-  Option: xe
-}), H = F(null), we = () => {
-  const t = B(H);
-  if (!t)
+), Bt = Object.assign(He, {
+  Option: qe
+}), Z = M(null), We = () => {
+  const e = A(Z);
+  if (!e)
     throw new Error(
       "useChipMultipleInputContext must be used within ChipMultipleInputContext"
     );
-  return t;
-}, ve = C(
+  return e;
+}, Ue = 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: {
@@ -258,40 +258,40 @@ const dt = Object.assign(K, {
       size: "md"
     }
   }
-), je = m.forwardRef(({ children: t, className: r, disabled: a, id: s, value: n, ...o }, d) => {
-  const { size: l = "md", maxWidth: c, ...i } = we(), u = A(), p = s || u, f = a || i.disabled, h = i.readOnly, b = i.value?.includes(n) ?? !1, w = (g) => {
+), Ge = p.forwardRef(({ children: e, className: r, disabled: n, id: s, value: a, ...i }, d) => {
+  const { size: l = "md", maxWidth: c, ...o } = We(), u = T(), m = s || u, f = n || o.disabled, h = o.readOnly, b = o.value?.includes(a) ?? !1, w = (g) => {
     if (!f && !h) {
-      const k = i.value || [];
-      let v;
-      b ? v = k.filter((N) => N !== n) : v = [...k, n], i.onChange?.(v);
+      const y = o.value || [];
+      let k;
+      b ? k = y.filter((C) => C !== a) : k = [...y, a], o.onChange?.(k);
     }
-    o.onChange?.(g);
+    i.onChange?.(g);
   };
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
       "input",
       {
         ref: d,
         type: "checkbox",
-        id: p,
-        name: `${i.name}[]`,
-        value: n,
+        id: m,
+        name: `${o.name}[]`,
+        value: a,
         checked: b,
         disabled: f,
         readOnly: h,
         onChange: w,
         className: "sr-only",
-        ...o
+        ...i
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx(
       "label",
       {
-        htmlFor: p,
+        htmlFor: m,
         "data-selected": b,
         style: c ? { maxWidth: c } : void 0,
         className: x(
-          ve({
+          Ue({
             size: l
           }),
           f && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -299,68 +299,68 @@ const dt = Object.assign(K, {
           c && "overflow-hidden",
           r
         ),
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ t.jsx(
           "span",
           {
             className: x(
               "flex items-center gap-2",
               c && "truncate min-w-0"
             ),
-            children: t
+            children: e
           }
         )
       }
     )
   ] });
-}), ke = O(
+}), _e = $(
   ({
-    size: t = "md",
+    size: e = "md",
     label: r,
-    required: a,
+    required: n,
     helperText: s,
-    error: n,
-    className: o,
+    error: a,
+    className: i,
     disabled: d,
     readOnly: l,
     maxWidth: c,
-    name: i,
+    name: o,
     value: u = [],
-    onChange: p,
+    onChange: m,
     children: f,
     ...h
   }, b) => {
-    const w = !!n, g = {
-      size: t,
+    const w = !!a, g = {
+      size: e,
       disabled: d,
       readOnly: l,
       error: w,
-      name: i,
+      name: o,
       value: u,
       maxWidth: c,
-      onChange: p
+      onChange: m
     };
-    return /* @__PURE__ */ e.jsx(H.Provider, { value: g, children: /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsx(Z.Provider, { value: g, children: /* @__PURE__ */ t.jsxs(
       "fieldset",
       {
         ref: b,
-        className: x("w-full border-0 p-0 m-0", o),
+        className: x("w-full border-0 p-0 m-0", i),
         disabled: d,
         ...h,
         children: [
-          r && /* @__PURE__ */ e.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
+          r && /* @__PURE__ */ t.jsxs("legend", { className: "block text-sm font-medium text-foreground mb-3 float-none w-auto", children: [
             r,
-            a && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            n && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
-          w && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-          !w && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+          /* @__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: a }),
+          !w && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
         ]
       }
     ) });
   }
-), ft = Object.assign(ke, {
-  Option: je
-}), Ie = C(
+), Mt = Object.assign(_e, {
+  Option: Ge
+}), 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 text-left",
   {
     variants: {
@@ -374,41 +374,41 @@ const dt = Object.assign(K, {
       state: "default"
     }
   }
-), J = m.forwardRef(
+), ee = p.forwardRef(
   ({
-    label: t,
+    label: e,
     leftContent: r,
-    rightContent: a,
+    rightContent: n,
     helperText: s,
-    error: n,
-    className: o,
+    error: a,
+    className: i,
     disabled: d,
     id: l,
     required: c,
-    value: i,
+    value: o,
     displayValue: u,
-    placeholder: p = "",
+    placeholder: m = "",
     name: f,
     ...h
   }, b) => {
-    const w = m.useId(), g = l || w, k = `${g}-helper`, v = `${g}-error`, N = !!n, V = m.useMemo(() => u && u !== "" ? u : p, [u, p]), R = m.useMemo(() => i == null ? "" : typeof i == "string" || typeof i == "number" || typeof i == "boolean" ? String(i) : Array.isArray(i) || typeof i == "object" ? JSON.stringify(i) : String(i), [i]), S = u !== void 0 && u !== "", E = m.useMemo(() => {
-      const z = [];
-      return N ? z.push(v) : s && z.push(k), z.length > 0 ? z.join(" ") : void 0;
-    }, [N, s, v, k]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
-      t && /* @__PURE__ */ e.jsxs(
+    const w = p.useId(), g = l || w, y = `${g}-helper`, k = `${g}-error`, C = !!a, S = p.useMemo(() => u && u !== "" ? u : m, [u, m]), D = p.useMemo(() => o == null ? "" : typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? String(o) : Array.isArray(o) || typeof o == "object" ? JSON.stringify(o) : String(o), [o]), E = u !== void 0 && u !== "", z = p.useMemo(() => {
+      const V = [];
+      return C ? V.push(k) : s && V.push(y), V.length > 0 ? V.join(" ") : void 0;
+    }, [C, s, k, y]);
+    return /* @__PURE__ */ t.jsxs("div", { className: x("w-full", i), children: [
+      e && /* @__PURE__ */ t.jsxs(
         "label",
         {
           htmlFor: g,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            t,
-            c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            e,
+            c && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
-        r && /* @__PURE__ */ e.jsx(
+      /* @__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 z-10",
@@ -417,103 +417,103 @@ const dt = Object.assign(K, {
             children: r
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t.jsx(
           "button",
           {
             ref: b,
             id: g,
             type: "button",
             disabled: d,
-            "aria-invalid": N || void 0,
-            "aria-describedby": E,
-            "aria-errormessage": N ? v : void 0,
+            "aria-invalid": C || void 0,
+            "aria-describedby": z,
+            "aria-errormessage": C ? k : void 0,
             "aria-required": c || void 0,
             className: x(
-              Ie({
-                state: N ? "error" : "default"
+              Ke({
+                state: C ? "error" : "default"
               }),
               r ? "pl-9" : "pl-3",
-              a ? "pr-9" : "pr-3",
+              n ? "pr-9" : "pr-3",
               "h-9",
-              !S && "text-gray-400"
+              !E && "text-gray-400"
             ),
             ...h,
-            children: V
+            children: S
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        n && /* @__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 z-10",
             "aria-hidden": "true",
             "data-testid": "right-content",
-            children: a
+            children: n
           }
         ),
-        f && /* @__PURE__ */ e.jsx(
+        f && /* @__PURE__ */ t.jsx(
           "input",
           {
             type: "hidden",
             name: f,
-            value: R,
+            value: D,
             readOnly: !0,
             "data-testid": "hidden-input"
           }
         )
       ] }),
-      N && /* @__PURE__ */ e.jsx(
+      C && /* @__PURE__ */ t.jsx(
         "div",
         {
-          id: v,
+          id: k,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: n
+          children: a
         }
       ),
-      !N && s && /* @__PURE__ */ e.jsx("div", { id: k, className: "mt-1 text-sm text-gray-600", children: s })
+      !C && s && /* @__PURE__ */ t.jsx("div", { id: y, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
-J.displayName = "TextInputAsButton";
-function Ne(t) {
-  if (!t) return "";
-  const r = new Date(t);
-  return isNaN(r.getTime()) ? t : r.toLocaleDateString(void 0, {
+ee.displayName = "TextInputAsButton";
+function Je(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 pt = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatter: n, min: o, max: d, ...l }, c) {
-  const i = T(null), u = (b) => {
-    i.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
-  }, p = () => {
-    i.current && (typeof i.current.showPicker == "function" ? i.current.showPicker() : i.current.focus());
+const At = p.forwardRef(function({ value: r = "", onChange: n, label: s, formatter: a, min: i, max: d, ...l }, c) {
+  const o = G(null), u = (b) => {
+    o.current = b, typeof c == "function" ? c(b) : c && typeof c == "object" && (c.current = b);
+  }, m = () => {
+    o.current && (typeof o.current.showPicker == "function" ? o.current.showPicker() : o.current.focus());
   }, f = (b) => {
-    a(b.target.value);
-  }, h = (n ?? Ne)(r);
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ e.jsx(
-      J,
+    n(b.target.value);
+  }, h = (a ?? Je)(r);
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx(
+      ee,
       {
-        onClick: p,
+        onClick: m,
         value: r,
         displayValue: h,
         label: s,
-        leftContent: /* @__PURE__ */ e.jsx($, { as: oe, color: "inherit", size: "sm" }),
+        leftContent: /* @__PURE__ */ t.jsx(P, { as: we, color: "inherit", size: "sm" }),
         "data-testid": "date-single-picker-visible-input",
         ...l
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx(
       "input",
       {
         ref: u,
         type: "date",
         value: r,
         onChange: f,
-        min: o,
+        min: i,
         max: d,
         className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
         tabIndex: -1,
@@ -521,7 +521,7 @@ const pt = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       }
     )
   ] });
-}), Ce = C(
+}), Qe = 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: {
@@ -535,38 +535,38 @@ const pt = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
       state: "default"
     }
   }
-), M = m.forwardRef(
+), F = p.forwardRef(
   ({
-    label: t,
+    label: e,
     leftContent: r,
-    rightContent: a,
+    rightContent: n,
     helperText: s,
-    error: n,
-    className: o,
+    error: a,
+    className: i,
     disabled: d,
     readOnly: l,
     id: c,
-    required: i,
+    required: o,
     ...u
-  }, p) => {
-    const f = m.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!n, k = m.useMemo(() => {
-      const v = [];
-      return g ? v.push(w) : s && v.push(b), v.length > 0 ? v.join(" ") : void 0;
+  }, m) => {
+    const f = p.useId(), h = c || f, b = `${h}-helper`, w = `${h}-error`, g = !!a, y = p.useMemo(() => {
+      const k = [];
+      return g ? k.push(w) : s && k.push(b), k.length > 0 ? k.join(" ") : void 0;
     }, [g, s, w, b]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", o), children: [
-      t && /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsxs("div", { className: x("w-full", i), children: [
+      e && /* @__PURE__ */ t.jsxs(
         "label",
         {
           htmlFor: h,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            t,
-            i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            e,
+            o && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
-        r && /* @__PURE__ */ e.jsx(
+      /* @__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",
@@ -575,79 +575,79 @@ const pt = m.forwardRef(function({ value: r = "", onChange: a, label: s, formatt
             children: r
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: p,
+            ref: m,
             id: h,
-            required: i,
+            required: o,
             disabled: d,
             readOnly: l,
             "aria-invalid": g,
-            "aria-describedby": k,
+            "aria-describedby": y,
             "aria-errormessage": g ? w : void 0,
             className: x(
-              Ce({
+              Qe({
                 state: g ? "error" : l ? "readOnly" : "default"
               }),
               r ? "pl-9" : "pl-3",
-              a ? "pr-9" : "pr-3",
+              n ? "pr-9" : "pr-3",
               "h-9"
             ),
             ...u
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        n && /* @__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
+            children: n
           }
         )
       ] }),
-      g && /* @__PURE__ */ e.jsx(
+      g && /* @__PURE__ */ t.jsx(
         "div",
         {
           id: w,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: n
+          children: a
         }
       ),
-      !g && s && /* @__PURE__ */ e.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: s })
+      !g && s && /* @__PURE__ */ t.jsx("div", { id: b, className: "mt-1 text-sm text-gray-600", children: s })
     ] });
   }
 );
-M.displayName = "TextInput";
-const mt = O(
-  (t, r) => /* @__PURE__ */ e.jsx(
-    M,
+F.displayName = "TextInput";
+const Tt = $(
+  (e, r) => /* @__PURE__ */ t.jsx(
+    F,
     {
-      ...t,
+      ...e,
       ref: r,
       type: "email",
       autoComplete: "email",
       inputMode: "email",
-      leftContent: /* @__PURE__ */ e.jsx($, { as: ie, color: "inherit", size: "sm" })
+      leftContent: /* @__PURE__ */ t.jsx(P, { as: ke, color: "inherit", size: "sm" })
     }
   )
-), Re = "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", Ve = "w-9 h-9 text-center border border-danger rounded-md bg-danger/5 transition-colors focus:outline-none focus:ring-2 focus:ring-danger/20 focus:border-danger disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 text-sm font-semibold text-foreground", Se = (t) => /^\d$/.test(t), W = (t, r) => t?.replace(/\D/g, "").slice(0, r) || "", Q = m.forwardRef(
+), Xe = "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", Ye = "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", Ze = (e) => /^\d$/.test(e), q = (e, r) => e?.replace(/\D/g, "").slice(0, r) || "", te = p.forwardRef(
   ({
-    value: t,
+    value: e,
     onChange: r,
-    onKeyDown: a,
+    onKeyDown: n,
     onFocus: s,
-    onPaste: n,
-    disabled: o,
+    onPaste: a,
+    disabled: i,
     error: d,
     secure: l,
     inputRef: c,
-    index: i,
+    index: o,
     id: u
-  }, p) => /* @__PURE__ */ e.jsx(
+  }, m) => /* @__PURE__ */ t.jsx(
     "input",
     {
       ref: c,
@@ -656,228 +656,228 @@ const mt = O(
       inputMode: "numeric",
       pattern: l ? void 0 : "[0-9]*",
       maxLength: 1,
-      value: l ? t ? "•" : "" : t,
+      value: l ? e ? "•" : "" : e,
       onChange: (f) => {
         const h = f.target.value;
-        (h === "" || Se(h)) && r(h);
+        (h === "" || Ze(h)) && r(h);
       },
-      onKeyDown: a,
+      onKeyDown: n,
       onFocus: s,
-      onPaste: n,
-      disabled: o,
+      onPaste: a,
+      disabled: i,
       "aria-invalid": d,
-      "aria-disabled": o,
-      className: d ? Ve : Re,
+      "aria-disabled": i,
+      className: d ? Ye : Xe,
       autoComplete: "one-time-code",
-      "data-testid": `pin-input-${i}`
+      "data-testid": `pin-input-${o}`
     }
   )
 );
-Q.displayName = "PinInput";
-const De = m.forwardRef(
+te.displayName = "PinInput";
+const et = p.forwardRef(
   ({
-    label: t,
+    label: e,
     helperText: r,
-    error: a,
+    error: n,
     disabled: s,
-    value: n,
-    onChange: o,
+    value: a,
+    onChange: i,
     onComplete: d,
     digits: l = 6,
     className: c,
-    id: i,
+    id: o,
     name: u,
-    required: p,
+    required: m,
     secure: f = !1,
     ...h
   }, b) => {
-    const w = m.useId(), g = i || w, k = !!a, v = m.useRef([]), N = W(n, l), V = N.split("").concat(Array(l - N.length).fill("")), R = m.useCallback(
-      (j) => {
-        const y = W(j, l);
-        o(y), y.length === l && d?.(y);
+    const w = p.useId(), g = o || w, y = !!n, k = p.useRef([]), C = q(a, l), S = C.split("").concat(Array(l - C.length).fill("")), D = p.useCallback(
+      (I) => {
+        const v = q(I, l);
+        i(v), v.length === l && d?.(v);
       },
-      [o, d, l]
-    ), S = m.useCallback(
-      (j, y) => {
-        const I = [...V];
-        I[j] = y;
-        const D = I.join("").replace(/\s+$/, "");
-        R(D), y && j < l - 1 && v.current[j + 1]?.focus();
+      [i, d, l]
+    ), E = p.useCallback(
+      (I, v) => {
+        const j = [...S];
+        j[I] = v;
+        const L = j.join("").replace(/\s+$/, "");
+        D(L), v && I < l - 1 && k.current[I + 1]?.focus();
       },
-      [V, R, l]
-    ), E = m.useCallback(
-      (j, y) => {
-        if (y.key === "Backspace") {
-          if (!V[j] && j > 0) {
-            y.preventDefault();
-            const I = [...V];
-            I[j - 1] = "";
-            const D = I.join("").replace(/\s+$/, "");
-            R(D), v.current[j - 1]?.focus();
-          } else if (V[j]) {
-            y.preventDefault();
-            const I = [...V];
-            I[j] = "";
-            const D = I.join("").replace(/\s+$/, "");
-            R(D);
+      [S, D, l]
+    ), z = p.useCallback(
+      (I, v) => {
+        if (v.key === "Backspace") {
+          if (!S[I] && I > 0) {
+            v.preventDefault();
+            const j = [...S];
+            j[I - 1] = "";
+            const L = j.join("").replace(/\s+$/, "");
+            D(L), k.current[I - 1]?.focus();
+          } else if (S[I]) {
+            v.preventDefault();
+            const j = [...S];
+            j[I] = "";
+            const L = j.join("").replace(/\s+$/, "");
+            D(L);
           }
-        } else y.key === "ArrowLeft" && j > 0 ? (y.preventDefault(), v.current[j - 1]?.focus()) : y.key === "ArrowRight" && j < l - 1 && (y.preventDefault(), v.current[j + 1]?.focus());
+        } else v.key === "ArrowLeft" && I > 0 ? (v.preventDefault(), k.current[I - 1]?.focus()) : v.key === "ArrowRight" && I < l - 1 && (v.preventDefault(), k.current[I + 1]?.focus());
       },
-      [V, R, l]
-    ), z = m.useCallback(
-      (j) => {
-        j.preventDefault();
-        const y = j.clipboardData.getData("text"), I = W(y, l);
-        if (I.length > 0) {
-          R(I);
-          const D = Math.min(I.length, l - 1);
-          v.current[D]?.focus();
+      [S, D, l]
+    ), V = p.useCallback(
+      (I) => {
+        I.preventDefault();
+        const v = I.clipboardData.getData("text"), j = q(v, l);
+        if (j.length > 0) {
+          D(j);
+          const L = Math.min(j.length, l - 1);
+          k.current[L]?.focus();
         }
       },
-      [R, l]
+      [D, l]
     );
-    return /* @__PURE__ */ e.jsxs("div", { ref: b, className: x("w-full", c), ...h, children: [
-      t && /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ t.jsxs("div", { ref: b, className: x("w-full", c), ...h, children: [
+      e && /* @__PURE__ */ t.jsxs(
         "label",
         {
           htmlFor: `${g}-0`,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            t,
-            p && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            e,
+            m && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "flex gap-2 justify-center",
           role: "group",
-          "aria-labelledby": t ? `${g}-label` : void 0,
-          "aria-describedby": k ? `${g}-error` : r ? `${g}-helper` : void 0,
-          children: V.map((j, y) => /* @__PURE__ */ e.jsx(
-            Q,
+          "aria-labelledby": e ? `${g}-label` : void 0,
+          "aria-describedby": y ? `${g}-error` : r ? `${g}-helper` : void 0,
+          children: S.map((I, v) => /* @__PURE__ */ t.jsx(
+            te,
             {
-              value: j,
-              onChange: (I) => S(y, I),
-              onKeyDown: (I) => E(y, I),
+              value: I,
+              onChange: (j) => E(v, j),
+              onKeyDown: (j) => z(v, j),
               onFocus: () => {
-                const I = v.current[y];
-                I && I.select();
+                const j = k.current[v];
+                j && j.select();
               },
-              onPaste: z,
+              onPaste: V,
               disabled: s,
-              error: k,
+              error: y,
               secure: f,
-              inputRef: (I) => {
-                v.current[y] = I;
+              inputRef: (j) => {
+                k.current[v] = j;
               },
-              index: y,
-              id: `${g}-${y}`
+              index: v,
+              id: `${g}-${v}`
             },
-            y
+            v
           ))
         }
       ),
-      u && /* @__PURE__ */ e.jsx(
+      u && /* @__PURE__ */ t.jsx(
         "input",
         {
           type: "hidden",
           name: u,
-          value: N,
-          required: p
+          value: C,
+          required: m
         }
       ),
-      k && /* @__PURE__ */ e.jsx(
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           id: `${g}-error`,
           className: "mt-2 text-sm text-danger",
           role: "alert",
-          children: a
+          children: n
         }
       ),
-      !k && r && /* @__PURE__ */ e.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
+      !y && r && /* @__PURE__ */ t.jsx("div", { id: `${g}-helper`, className: "mt-2 text-sm text-gray-600", children: r })
     ] });
   }
 );
-De.displayName = "PinField";
-function ze(t, r) {
-  ne(() => {
-    typeof t == "number" && !isNaN(t) ? r(`${t}`) : t === "" || t === null || t === void 0 ? r("") : typeof t == "string" && r(t);
-  }, [t, r]);
+et.displayName = "PinField";
+function tt(e, r) {
+  _(() => {
+    typeof e == "number" && !isNaN(e) ? r(`${e}`) : e === "" || e === null || e === void 0 ? r("") : typeof e == "string" && r(e);
+  }, [e, r]);
 }
-function Oe(t, r = !1) {
-  if (t === "" || t === "-" && r) return !0;
-  const a = r && t.startsWith("-") ? t.slice(1) : t;
-  if (r && t.startsWith("-") && a === "") return !0;
-  if (a.startsWith(".") || a.startsWith(",") || !/^[\d.,]+$/.test(a)) return !1;
-  const s = a.split(",");
+function rt(e, r = !1) {
+  if (e === "" || e === "-" && r) return !0;
+  const n = r && e.startsWith("-") ? e.slice(1) : e;
+  if (r && e.startsWith("-") && n === "") return !0;
+  if (n.startsWith(".") || n.startsWith(",") || !/^[\d.,]+$/.test(n)) return !1;
+  const s = n.split(",");
   if (s.length > 2) return !1;
-  const n = s[0], o = s[1];
-  return !(n === "" || !Pe(n) || o !== void 0 && o !== "" && !$e(o));
+  const a = s[0], i = s[1];
+  return !(a === "" || !nt(a) || i !== void 0 && i !== "" && !at(i));
 }
-function Pe(t) {
-  if (t === "") return !1;
-  if (!t.includes("."))
-    return /^\d+$/.test(t);
-  const r = t.split(".");
+function nt(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) {
+  for (let n = 1; n < r.length; n++) {
+    const s = r[n];
+    if (n === r.length - 1) {
       if (s !== "" && !/^\d{1,3}$/.test(s)) return !1;
     } else if (!/^\d{3}$/.test(s)) return !1;
   }
   return !0;
 }
-function $e(t) {
-  return /^\d{1,2}$/.test(t);
+function at(e) {
+  return /^\d{1,2}$/.test(e);
 }
-function U(t, r = !1) {
-  if (t === "") return "";
-  const a = t.startsWith("-");
-  if (a && !r)
-    return U(t.slice(1), !1);
-  if (a && t.length === 1) return "-";
-  let n = (a ? t.slice(1) : t).replace(/[^\d.,]/g, "");
-  const o = n.lastIndexOf(",");
-  if (o !== -1) {
-    const d = n.slice(0, o).replace(/,/g, ""), l = n.slice(o + 1).replace(/,/g, "");
-    n = d + "," + l;
+function re(e, r = !1) {
+  if (e === "") return "";
+  const n = e.startsWith("-");
+  if (n && !r)
+    return re(e.slice(1), !1);
+  if (n && e.length === 1) return "-";
+  let a = (n ? e.slice(1) : e).replace(/[^\d.,]/g, "");
+  const i = a.lastIndexOf(",");
+  if (i !== -1) {
+    const d = a.slice(0, i).replace(/,/g, ""), l = a.slice(i + 1).replace(/,/g, "");
+    a = d + "," + l;
   }
-  return n = n.replace(/\.{2,}/g, "."), (a ? "-" : "") + n;
+  return a = a.replace(/\.{2,}/g, "."), (n ? "-" : "") + a;
 }
-const ht = ({
-  value: t,
+const qt = ({
+  value: e,
   onChange: r,
-  allowNegative: a = !1,
+  allowNegative: n = !1,
   inputProps: s,
-  label: n,
-  helperText: o,
+  label: a,
+  helperText: i,
   error: d,
   ...l
 }) => {
-  const c = T(null), [i, u] = se(
-    t === "" ? "" : String(t)
+  const c = G(null), [o, u] = K(
+    e === "" ? "" : String(e)
   );
-  ze(t, u);
-  const p = (f) => {
-    const h = f.target.value, b = U(h, a);
-    Oe(b, a) ? (u(b), r(b)) : f.preventDefault();
+  tt(e, u);
+  const m = (f) => {
+    const h = f.target.value, b = re(h, n);
+    rt(b, n) ? (u(b), r(b)) : f.preventDefault();
   };
-  return /* @__PURE__ */ e.jsx(
-    M,
+  return /* @__PURE__ */ t.jsx(
+    F,
     {
       ref: c,
       type: "text",
-      label: n,
-      value: i,
-      onChange: p,
+      label: a,
+      value: o,
+      onChange: m,
       error: d,
-      helperText: o,
+      helperText: i,
       placeholder: l.placeholder,
-      leftContent: /* @__PURE__ */ e.jsx($, { as: ce, color: "inherit", size: "sm" }),
+      leftContent: /* @__PURE__ */ t.jsx(P, { as: ve, color: "inherit", size: "sm" }),
       inputMode: "numeric",
       autoComplete: "off",
       pattern: "[0-9.,-]*",
@@ -885,7 +885,7 @@ const ht = ({
       ...l
     }
   );
-}, Ee = C("space-y-2", {
+}, st = N("space-y-2", {
   variants: {
     direction: {
       vertical: "space-y-2 space-x-0",
@@ -895,7 +895,7 @@ const ht = ({
   defaultVariants: {
     direction: "vertical"
   }
-}), Me = C(
+}), ot = 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: {
@@ -933,7 +933,7 @@ const ht = ({
       size: "md"
     }
   }
-), Fe = C(
+), it = N(
   "text-foreground cursor-pointer select-none",
   {
     variants: {
@@ -952,30 +952,30 @@ const ht = ({
       disabled: !1
     }
   }
-), X = F(
+), ne = M(
   null
-), Be = () => {
-  const t = B(X);
-  if (!t)
+), ct = () => {
+  const e = A(ne);
+  if (!e)
     throw new Error(
       "useRadioInputContext must be used within RadioInputContext"
     );
-  return t;
-}, Ae = m.forwardRef(
-  ({ children: t, description: r, className: a, disabled: s, id: n, value: o, ...d }, l) => {
-    const c = Be(), i = m.useId(), u = n || i, p = s || c.disabled, f = c.error ? "danger" : c.variant || "primary";
-    return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
+  return e;
+}, lt = p.forwardRef(
+  ({ children: e, description: r, className: n, disabled: s, id: a, value: i, ...d }, l) => {
+    const c = ct(), o = p.useId(), u = a || o, m = 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: l,
           type: "radio",
           id: u,
           name: c.name,
-          value: o,
-          disabled: p,
+          value: i,
+          disabled: m,
           className: x(
-            Me({
+            ot({
               variant: f,
               size: c.size
             }),
@@ -988,24 +988,24 @@ const ht = ({
             "checked:before:opacity-100",
             // Outline variants use colored radio dot
             f?.includes("outline") && "checked:before:bg-current",
-            a
+            n
           ),
           ...d
         }
       ) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ t.jsx(
           "label",
           {
             htmlFor: u,
-            className: Fe({
+            className: it({
               size: c.size,
-              disabled: p
+              disabled: m
             }),
-            children: t
+            children: e
           }
         ),
-        r && /* @__PURE__ */ e.jsx(
+        r && /* @__PURE__ */ t.jsx(
           "div",
           {
             className: x(
@@ -1013,7 +1013,7 @@ const ht = ({
               c.size === "sm" && "text-xs",
               c.size === "md" && "text-xs",
               c.size === "lg" && "text-sm",
-              p && "opacity-50"
+              m && "opacity-50"
             ),
             children: r
           }
@@ -1021,64 +1021,64 @@ const ht = ({
       ] })
     ] });
   }
-), We = m.forwardRef(
+), dt = p.forwardRef(
   ({
-    variant: t = "primary",
+    variant: e = "primary",
     size: r = "md",
-    label: a,
+    label: n,
     helperText: s,
-    error: n,
-    direction: o = "vertical",
+    error: a,
+    direction: i = "vertical",
     className: d,
     disabled: l,
     name: c,
-    children: i,
+    children: o,
     ...u
-  }, p) => {
-    const f = !!n, h = {
-      variant: t,
+  }, m) => {
+    const f = !!a, h = {
+      variant: e,
       size: r,
       disabled: l,
       error: f,
       name: c
     };
-    return /* @__PURE__ */ e.jsx(X.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: p, className: x("w-full", d), ...u, children: [
-      a && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: a }),
-      /* @__PURE__ */ e.jsx("div", { className: Ee({ direction: o }), children: i }),
-      f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: n }),
-      !f && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
+    return /* @__PURE__ */ t.jsx(ne.Provider, { value: h, children: /* @__PURE__ */ t.jsxs("div", { ref: m, className: x("w-full", d), ...u, children: [
+      n && /* @__PURE__ */ t.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
+      /* @__PURE__ */ t.jsx("div", { className: st({ direction: i }), children: o }),
+      f && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
+      !f && s && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
     ] }) });
   }
-), bt = Object.assign(We, {
-  Option: Ae
-}), gt = O(
+), Ht = Object.assign(dt, {
+  Option: lt
+}), Wt = $(
   ({
-    autoComplete: t = "off",
+    autoComplete: e = "off",
     spellCheck: r = !1,
-    inputMode: a = "search",
+    inputMode: n = "search",
     placeholder: s = "Search...",
-    maxLength: n = 256,
-    enterKeyHint: o = "search",
+    maxLength: a = 256,
+    enterKeyHint: i = "search",
     "aria-label": d = "Search",
     // internal default, not in props
     ...l
-  }, c) => /* @__PURE__ */ e.jsx(
-    M,
+  }, c) => /* @__PURE__ */ t.jsx(
+    F,
     {
       ref: c,
       type: "search",
-      inputMode: a,
-      autoComplete: t,
+      inputMode: n,
+      autoComplete: e,
       spellCheck: r,
       placeholder: s,
-      maxLength: n,
-      enterKeyHint: o,
+      maxLength: a,
+      enterKeyHint: i,
       "aria-label": d,
-      leftContent: /* @__PURE__ */ e.jsx($, { as: le, color: "inherit", size: "sm" }),
+      leftContent: /* @__PURE__ */ t.jsx(P, { as: je, color: "inherit", size: "sm" }),
       ...l
     }
   )
-), Le = C(
+), ut = 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: {
@@ -1092,95 +1092,95 @@ const ht = ({
       state: "default"
     }
   }
-), Y = m.forwardRef(({ value: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("option", { ref: s, value: t, ...a, children: r }));
-Y.displayName = "SelectOption";
-const Z = m.forwardRef(({ label: t, children: r, ...a }, s) => /* @__PURE__ */ e.jsx("optgroup", { ref: s, label: t, ...a, children: r }));
-Z.displayName = "SelectOptionGroup";
-const ee = m.forwardRef(
+), ae = p.forwardRef(({ value: e, children: r, ...n }, s) => /* @__PURE__ */ t.jsx("option", { ref: s, value: e, ...n, children: r }));
+ae.displayName = "SelectOption";
+const se = p.forwardRef(({ label: e, children: r, ...n }, s) => /* @__PURE__ */ t.jsx("optgroup", { ref: s, label: e, ...n, children: r }));
+se.displayName = "SelectOptionGroup";
+const oe = p.forwardRef(
   ({
-    label: t,
+    label: e,
     helperText: r,
-    error: a,
+    error: n,
     className: s,
-    disabled: n,
-    readOnly: o,
+    disabled: a,
+    readOnly: i,
     id: d,
     required: l,
     placeholder: c,
-    children: i,
+    children: o,
     onChange: u,
-    ...p
+    ...m
   }, f) => {
-    const h = m.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, k = !!a, v = m.useMemo(() => {
-      const N = [];
-      return k ? N.push(g) : r && N.push(w), N.length > 0 ? N.join(" ") : void 0;
-    }, [k, r, g, w]);
-    return /* @__PURE__ */ e.jsxs("div", { className: x("w-full", s), children: [
-      t && /* @__PURE__ */ e.jsxs(
+    const h = p.useId(), b = d || h, w = `${b}-helper`, g = `${b}-error`, y = !!n, k = p.useMemo(() => {
+      const C = [];
+      return y ? C.push(g) : r && C.push(w), C.length > 0 ? C.join(" ") : void 0;
+    }, [y, r, g, w]);
+    return /* @__PURE__ */ t.jsxs("div", { className: x("w-full", s), children: [
+      e && /* @__PURE__ */ t.jsxs(
         "label",
         {
           htmlFor: b,
           className: "block text-sm font-medium text-foreground mb-2",
           children: [
-            t,
-            l && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            e,
+            l && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
-        /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ t.jsxs("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ t.jsxs(
           "select",
           {
             ref: f,
             id: b,
             required: l,
-            disabled: n || o,
-            "aria-invalid": k,
-            "aria-describedby": v,
-            "aria-errormessage": k ? g : void 0,
+            disabled: a || i,
+            "aria-invalid": y,
+            "aria-describedby": k,
+            "aria-errormessage": y ? g : void 0,
             onChange: u,
             className: x(
-              Le({
-                state: k ? "error" : o ? "readOnly" : "default"
+              ut({
+                state: y ? "error" : i ? "readOnly" : "default"
               }),
               "h-9 pl-3"
             ),
-            ...p,
+            ...m,
             children: [
-              c && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
-              i
+              c && /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, hidden: !0, children: c }),
+              o
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t.jsx(
           "div",
           {
             className: x(
               "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none transition-transform duration-200"
             ),
-            children: /* @__PURE__ */ e.jsx($, { as: de, size: "sm", color: "gray", "aria-hidden": "true" })
+            children: /* @__PURE__ */ t.jsx(P, { as: Ie, size: "sm", color: "gray", "aria-hidden": "true" })
           }
         )
       ] }),
-      k && /* @__PURE__ */ e.jsx(
+      y && /* @__PURE__ */ t.jsx(
         "div",
         {
           id: g,
           className: "mt-1 text-sm text-danger",
           role: "alert",
           "aria-live": "polite",
-          children: a
+          children: n
         }
       ),
-      !k && r && /* @__PURE__ */ e.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
+      !y && r && /* @__PURE__ */ t.jsx("div", { id: w, className: "mt-1 text-sm text-gray-600", children: r })
     ] });
   }
 );
-ee.displayName = "SelectInput";
-const xt = Object.assign(ee, {
-  Option: Y,
-  OptionGroup: Z
-}), Te = C(
+oe.displayName = "SelectInput";
+const Ut = Object.assign(oe, {
+  Option: ae,
+  OptionGroup: se
+}), ft = N(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1209,7 +1209,7 @@ const xt = Object.assign(ee, {
       hideCheckbox: !1
     }
   }
-), qe = C(
+), mt = 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: {
@@ -1227,77 +1227,77 @@ const xt = Object.assign(ee, {
       disabled: !1
     }
   }
-), Ge = O(
+), pt = $(
   ({
-    value: t,
+    value: e,
     children: r,
-    checked: a,
+    checked: n,
     id: s,
-    className: n,
-    disabled: o,
+    className: a,
+    disabled: i,
     checkboxPlacement: d = "center",
     hideCheckbox: l = !1,
     ...c
-  }, i) => {
-    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
-    return /* @__PURE__ */ e.jsxs(
+  }, o) => {
+    const u = T(), m = s || u, f = typeof r == "function" ? r(n) : r;
+    return /* @__PURE__ */ t.jsxs(
       "label",
       {
-        htmlFor: p,
+        htmlFor: m,
         className: x(
-          Te({
-            checked: !!a,
-            disabled: !!o,
+          ft({
+            checked: !!n,
+            disabled: !!i,
             checkboxPlacement: d,
             hideCheckbox: l
           }),
-          n
+          a
         ),
-        "aria-checked": a,
+        "aria-checked": n,
         role: "radio",
-        "aria-label": `Select ${t}`,
-        tabIndex: o ? -1 : 0,
+        "aria-label": `Select ${e}`,
+        tabIndex: i ? -1 : 0,
         children: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx(
             "input",
             {
-              ref: i,
-              id: p,
+              ref: o,
+              id: m,
               type: "radio",
-              value: t,
-              checked: a,
-              disabled: o,
+              value: e,
+              checked: n,
+              disabled: i,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": a,
+              "aria-checked": n,
               ...c
             }
           ),
-          !l && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ t.jsx(
             "span",
             {
               className: x(
-                qe({
-                  checked: !!a,
-                  disabled: !!o
+                mt({
+                  checked: !!n,
+                  disabled: !!i
                 }),
                 // Custom checkmark styling using ::after - centered positioning
                 'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
                 // Checkmark dimensions scaled up for h-6 w-6 size
                 "after:w-[6px] after:h-[12px]",
-                a && "after:opacity-100"
+                n && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+          /* @__PURE__ */ t.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
         ]
       }
     );
   }
 );
-Ge.displayName = "SelectableSingleInput";
-const Ke = C(
+pt.displayName = "SelectableSingleInput";
+const ht = N(
   "flex gap-3 cursor-pointer border-b border-border select-none transition-colors",
   {
     variants: {
@@ -1326,7 +1326,7 @@ const Ke = C(
       hideCheckbox: !1
     }
   }
-), _e = C(
+), bt = 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: {
@@ -1344,77 +1344,77 @@ const Ke = C(
       disabled: !1
     }
   }
-), He = O(
+), gt = $(
   ({
-    value: t,
+    value: e,
     children: r,
-    checked: a,
+    checked: n,
     id: s,
-    className: n,
-    disabled: o,
+    className: a,
+    disabled: i,
     checkboxPlacement: d = "center",
     hideCheckbox: l = !1,
     ...c
-  }, i) => {
-    const u = A(), p = s || u, f = typeof r == "function" ? r(a) : r;
-    return /* @__PURE__ */ e.jsxs(
+  }, o) => {
+    const u = T(), m = s || u, f = typeof r == "function" ? r(n) : r;
+    return /* @__PURE__ */ t.jsxs(
       "label",
       {
-        htmlFor: p,
+        htmlFor: m,
         className: x(
-          Ke({
-            checked: !!a,
-            disabled: !!o,
+          ht({
+            checked: !!n,
+            disabled: !!i,
             checkboxPlacement: d,
             hideCheckbox: l
           }),
-          n
+          a
         ),
-        "aria-checked": a,
+        "aria-checked": n,
         role: "checkbox",
-        "aria-label": `Select ${t}`,
-        tabIndex: o ? -1 : 0,
+        "aria-label": `Select ${e}`,
+        tabIndex: i ? -1 : 0,
         children: [
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx(
             "input",
             {
-              ref: i,
-              id: p,
+              ref: o,
+              id: m,
               type: "checkbox",
-              value: t,
-              checked: a,
-              disabled: o,
+              value: e,
+              checked: n,
+              disabled: i,
               className: "sr-only",
               "aria-hidden": !0,
-              "aria-checked": a,
+              "aria-checked": n,
               ...c
             }
           ),
-          !l && /* @__PURE__ */ e.jsx(
+          !l && /* @__PURE__ */ t.jsx(
             "span",
             {
               className: x(
-                _e({
-                  checked: !!a,
-                  disabled: !!o
+                bt({
+                  checked: !!n,
+                  disabled: !!i
                 }),
                 // Custom checkmark styling using ::after - centered positioning
                 'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
                 // Checkmark dimensions scaled up for h-6 w-6 size
                 "after:w-[6px] after:h-[12px]",
-                a && "after:opacity-100"
+                n && "after:opacity-100"
               ),
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
+          /* @__PURE__ */ t.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: f })
         ]
       }
     );
   }
 );
-He.displayName = "SelectableMultipleInput";
-const Je = C(
+gt.displayName = "SelectableMultipleInput";
+const xt = N(
   "relative inline-flex items-center h-5 w-10 rounded-full transition-colors duration-200 border border-transparent",
   {
     variants: {
@@ -1432,7 +1432,7 @@ const Je = C(
       checked: !1
     }
   }
-), Qe = C(
+), yt = N(
   "absolute h-4 w-4 rounded-full transition-transform duration-200",
   {
     variants: {
@@ -1445,80 +1445,80 @@ const Je = C(
       checked: !1
     }
   }
-), Ue = ({ disabled: t = !1, checked: r = !1, className: a }) => /* @__PURE__ */ e.jsx(
+), wt = ({ disabled: e = !1, checked: r = !1, className: n }) => /* @__PURE__ */ t.jsx(
   "span",
   {
     className: x(
-      Je({ disabled: t, checked: r }),
+      xt({ disabled: e, checked: r }),
       "pointer-events-none",
-      a
+      n
     ),
     "aria-hidden": "true"
   }
-), Xe = ({ checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: x(Qe({ checked: t })), "aria-hidden": "true" }), Ye = ({ label: t, htmlFor: r, disabled: a = !1, required: s = !1 }) => t ? /* @__PURE__ */ e.jsxs(
+), kt = ({ checked: e = !1 }) => /* @__PURE__ */ t.jsx("span", { className: x(yt({ checked: e })), "aria-hidden": "true" }), vt = ({ label: e, htmlFor: r, disabled: n = !1, required: s = !1 }) => e ? /* @__PURE__ */ t.jsxs(
   "label",
   {
     htmlFor: r,
     className: x(
       "text-sm select-none font-medium text-foreground",
-      a && "opacity-50 cursor-not-allowed"
+      n && "opacity-50 cursor-not-allowed"
     ),
     children: [
-      t,
-      s && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+      e,
+      s && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
     ]
   }
-) : null, Ze = m.forwardRef(
+) : null, jt = p.forwardRef(
   ({
-    value: t,
+    value: e,
     onChange: r,
-    label: a,
+    label: n,
     disabled: s = !1,
-    required: n = !1,
-    className: o,
+    required: a = !1,
+    className: i,
     id: d,
     ariaLabel: l,
     ...c
-  }, i) => {
-    const u = m.useId(), p = d || u, f = t ?? !1, h = (b) => {
+  }, o) => {
+    const u = p.useId(), m = d || u, f = e ?? !1, h = (b) => {
       r?.(b.target.checked);
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: x("inline-flex items-center gap-2", o), children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "relative inline-flex items-center", children: [
-        /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ t.jsxs("div", { className: x("inline-flex items-center gap-2", i), children: [
+      /* @__PURE__ */ t.jsxs("span", { className: "relative inline-flex items-center", children: [
+        /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: i,
+            ref: o,
             type: "checkbox",
             role: "switch",
-            id: p,
-            "aria-label": l || a,
+            id: m,
+            "aria-label": l || n,
             "aria-checked": f,
             checked: f,
             disabled: s,
-            required: n,
+            required: a,
             onChange: h,
             className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed",
             ...c
           }
         ),
-        /* @__PURE__ */ e.jsx(Ue, { disabled: s, checked: f }),
-        /* @__PURE__ */ e.jsx(Xe, { checked: f })
+        /* @__PURE__ */ t.jsx(wt, { disabled: s, checked: f }),
+        /* @__PURE__ */ t.jsx(kt, { checked: f })
       ] }),
-      /* @__PURE__ */ e.jsx(
-        Ye,
+      /* @__PURE__ */ t.jsx(
+        vt,
         {
-          label: a,
-          htmlFor: p,
+          label: n,
+          htmlFor: m,
           disabled: s,
-          required: n
+          required: a
         }
       )
     ] });
   }
 );
-Ze.displayName = "SwitchInput";
-const et = C(
+jt.displayName = "SwitchInput";
+const It = 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 overflow-y-auto whitespace-pre-wrap break-words",
   {
     variants: {
@@ -1532,138 +1532,350 @@ const et = C(
       state: "default"
     }
   }
-), tt = (t, r) => t ? "readOnly" : r ? "error" : "default", rt = (t, r, a) => {
-  if (r || a) {
-    t.preventDefault();
+), Ct = (e, r) => e ? "readOnly" : r ? "error" : "default", Nt = (e, r, n) => {
+  if (!e) return;
+  (n ? e.innerHTML : e.textContent) !== r && (n ? e.innerHTML = r : e.textContent = r);
+}, St = (e, r) => r ? e.innerHTML : e.textContent || "", Vt = (e, r, n) => {
+  if (r || n) {
+    e.preventDefault();
     return;
   }
-  t.preventDefault();
-  const s = t.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);
+  e.preventDefault();
+  const s = e.clipboardData.getData("text/plain"), a = window.getSelection();
+  if (!a || !a.rangeCount) return;
+  a.deleteFromDocument();
+  const i = a.getRangeAt(0), d = document.createTextNode(s);
+  i.insertNode(d), i.setStartAfter(d), i.setEndAfter(d), a.removeAllRanges(), a.addRange(i);
   const l = new Event("input", { bubbles: !0 });
-  t.currentTarget.dispatchEvent(l);
-}, at = m.forwardRef(
+  e.currentTarget.dispatchEvent(l);
+}, H = (e, r) => {
+  switch (e) {
+    case "bold":
+      document.execCommand("bold", !1);
+      break;
+    case "italic":
+      document.execCommand("italic", !1);
+      break;
+    case "underline":
+      document.execCommand("underline", !1);
+      break;
+    case "strikethrough":
+      document.execCommand("strikeThrough", !1);
+      break;
+    case "h1":
+      document.execCommand("formatBlock", !1, "<h1>");
+      break;
+    case "h2":
+      document.execCommand("formatBlock", !1, "<h2>");
+      break;
+    case "h3":
+      document.execCommand("formatBlock", !1, "<h3>");
+      break;
+    case "orderedList":
+      document.execCommand("insertOrderedList", !1);
+      break;
+    case "unorderedList":
+      document.execCommand("insertUnorderedList", !1);
+      break;
+    case "link":
+      if (r) {
+        const n = window.getSelection();
+        if (!!n && n.toString().length > 0)
+          document.execCommand("createLink", !1, r);
+        else {
+          const a = r.replace(/"/g, "%22");
+          document.execCommand(
+            "insertHTML",
+            !1,
+            `<a href="${a}" target="_blank" rel="noopener noreferrer">${r}</a>`
+          );
+        }
+      } else
+        document.execCommand("unlink", !1);
+      break;
+  }
+}, O = (e) => {
+  switch (e) {
+    case "bold":
+      return document.queryCommandState("bold");
+    case "italic":
+      return document.queryCommandState("italic");
+    case "underline":
+      return document.queryCommandState("underline");
+    case "strikethrough":
+      return document.queryCommandState("strikeThrough");
+    case "h1": {
+      const r = document.queryCommandValue("formatBlock") || "";
+      return String(r).replace(/<|>|\//g, "").toLowerCase() === "h1";
+    }
+    case "h2": {
+      const r = document.queryCommandValue("formatBlock") || "";
+      return String(r).replace(/<|>|\//g, "").toLowerCase() === "h2";
+    }
+    case "h3": {
+      const r = document.queryCommandValue("formatBlock") || "";
+      return String(r).replace(/<|>|\//g, "").toLowerCase() === "h3";
+    }
+    case "orderedList":
+      return document.queryCommandState("insertOrderedList");
+    case "unorderedList":
+      return document.queryCommandState("insertUnorderedList");
+    case "link":
+      return document.queryCommandState("createLink");
+    default:
+      return !1;
+  }
+}, U = () => ({
+  bold: O("bold"),
+  italic: O("italic"),
+  underline: O("underline"),
+  strikethrough: O("strikethrough"),
+  h1: O("h1"),
+  h2: O("h2"),
+  h3: O("h3"),
+  orderedList: O("orderedList"),
+  unorderedList: O("unorderedList"),
+  link: O("link")
+}), ie = p.forwardRef(({ format: e, isActive: r, icon: n, label: s, disabled: a, onClick: i }, d) => {
+  const l = (c) => {
+    c.preventDefault(), i(e);
+  };
+  return /* @__PURE__ */ t.jsx(
+    xe,
+    {
+      ref: d,
+      as: n,
+      "aria-label": s,
+      "aria-pressed": r,
+      variant: r ? "primary" : "ghost",
+      size: "sm",
+      shape: "rounded",
+      disabled: a,
+      onClick: l,
+      onMouseDown: (c) => c.preventDefault(),
+      className: x(
+        "transition-all w-8 h-8 flex items-center justify-center",
+        r && "bg-primary text-white",
+        !r && "hover:bg-ghost-soft"
+      )
+    }
+  );
+});
+ie.displayName = "TextAreaInputToolbarButton";
+const ce = p.forwardRef(({ children: e, className: r }, n) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    ref: n,
+    role: "toolbar",
+    "aria-label": "Text formatting toolbar",
+    className: x(
+      // allow wrapping on small screens, consistent gaps and padding
+      "flex flex-wrap items-center gap-2 p-2 border-b border-border bg-neutral-soft rounded-t-md",
+      r
+    ),
+    children: e
+  }
+));
+ce.displayName = "TextAreaInputToolbar";
+const Rt = (e, r) => {
+  const [n, s] = K(U()), a = () => {
+    const o = U();
+    s(o);
+  }, i = (o) => {
+    r.current?.focus(), o === "link" ? d() : H(o), a(), l();
+  }, d = () => {
+    const o = window.prompt("Enter URL:");
+    if (!o) {
+      H("link");
+      return;
+    }
+    const u = window.getSelection();
+    if (!!u && u.toString().length > 0)
+      H("link", o);
+    else {
+      const f = window.prompt("Enter link text (optional):") || o, h = o.replace(/"/g, "%22");
+      document.execCommand(
+        "insertHTML",
+        !1,
+        `<a href="${h}" target="_blank" rel="noopener noreferrer">${f}</a>`
+      );
+    }
+  }, l = () => {
+    if (r.current) {
+      const o = new Event("input", { bubbles: !0 });
+      r.current.dispatchEvent(o);
+    }
+  }, c = () => {
+    e && r.current?.contains(document.activeElement) && a();
+  };
+  return _(() => {
+    if (e)
+      return document.addEventListener("selectionchange", c), () => {
+        document.removeEventListener("selectionchange", c);
+      };
+  }, [e]), {
+    formatState: n,
+    handleFormatClick: i
+  };
+}, Dt = p.forwardRef(
   ({
-    label: t,
+    label: e,
     helperText: r,
-    error: a,
+    error: n,
     className: s,
-    disabled: n,
-    readOnly: o,
+    disabled: a,
+    readOnly: i,
     id: d,
     value: l,
     defaultValue: c,
-    onChange: i,
+    onChange: o,
     placeholder: u,
-    name: p,
+    name: m,
     row: f = 3,
     required: h,
     onBlur: b,
     onFocus: w,
     onKeyDown: g,
-    ...k
-  }, v) => {
-    const N = m.useId(), V = d || N, R = !!a, S = m.useRef(null), [E, z] = m.useState(c || ""), j = l !== void 0, y = j ? l : E;
-    m.useImperativeHandle(v, () => S.current), m.useEffect(() => {
-      S.current && S.current.textContent !== y && (S.current.textContent = y);
-    }, [y]);
-    const I = tt(o, R), D = !y && u, te = (P) => {
-      const L = P.currentTarget.textContent || "";
-      j || z(L), i?.(L);
-    }, re = (P) => {
-      if (n || o) {
-        P.preventDefault();
+    showToolbar: y = !1,
+    allowedFormats: k,
+    ...C
+  }, S) => {
+    const D = p.useId(), E = d || D, z = !!n, V = p.useRef(null), [I, v] = p.useState(c || ""), j = l !== void 0, L = j ? l : I, { formatState: le, handleFormatClick: de } = Rt(
+      y,
+      V
+    );
+    p.useImperativeHandle(S, () => V.current), p.useEffect(() => {
+      Nt(V.current, L, y);
+    }, [L, y]);
+    const ue = Ct(i, z), fe = !L && u, me = (R) => {
+      const B = St(R.currentTarget, y);
+      j || v(B), o?.(B);
+    }, pe = (R) => {
+      if (a || i) {
+        R.preventDefault();
         return;
       }
-      g?.(P);
-    }, ae = () => {
-      S.current?.focus();
-    };
-    return /* @__PURE__ */ e.jsxs("div", { children: [
-      t && /* @__PURE__ */ e.jsxs(
+      g?.(R);
+    }, he = () => {
+      V.current?.focus();
+    }, W = [
+      { format: "bold", icon: Ce, label: "Bold" },
+      { format: "italic", icon: Ne, label: "Italic" },
+      { format: "underline", icon: Se, label: "Underline" },
+      {
+        format: "strikethrough",
+        icon: Ve,
+        label: "Strikethrough"
+      },
+      { format: "h1", icon: Re, label: "Heading 1" },
+      { format: "h2", icon: De, label: "Heading 2" },
+      { format: "h3", icon: Le, label: "Heading 3" },
+      { format: "orderedList", icon: Oe, label: "Ordered List" },
+      { format: "unorderedList", icon: ze, label: "Unordered List" },
+      { format: "link", icon: $e, label: "Link" }
+    ], be = k ? W.filter((R) => k.includes(R.format)) : W;
+    return /* @__PURE__ */ t.jsxs("div", { children: [
+      e && /* @__PURE__ */ t.jsxs(
         "label",
         {
-          htmlFor: V,
+          htmlFor: E,
           className: "block text-sm font-medium text-foreground mb-2 cursor-pointer",
-          onClick: ae,
+          onClick: he,
           children: [
-            t,
-            h && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
+            e,
+            h && /* @__PURE__ */ t.jsx("span", { className: "text-danger ml-1", "aria-label": "required", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: x("relative w-full", s), children: /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          ref: S,
-          id: V,
-          role: "textbox",
-          "aria-multiline": "true",
-          "aria-invalid": R,
-          "aria-disabled": n,
-          "aria-readonly": o,
-          "aria-required": h,
-          "aria-label": typeof t == "string" ? t : void 0,
-          contentEditable: !n && !o,
-          "data-name": p,
-          onInput: te,
-          onKeyDown: re,
-          onPaste: (P) => rt(P, n, o),
-          onBlur: b,
-          onFocus: w,
-          suppressContentEditableWarning: !0,
-          style: { minHeight: `${f * 1.5 + 1}rem` },
-          className: x(
-            et({ state: I }),
-            "px-3 py-2",
-            D && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400"
-          ),
-          "data-placeholder": u,
-          ...k
-        }
-      ) }),
-      R && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: a }),
-      !R && r && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
+      /* @__PURE__ */ t.jsxs("div", { className: x("relative w-full", s), children: [
+        y && /* @__PURE__ */ t.jsx(ce, { children: be.map(({ format: R, icon: B, label: ge }) => /* @__PURE__ */ t.jsx(
+          ie,
+          {
+            format: R,
+            icon: B,
+            label: ge,
+            isActive: le[R],
+            disabled: a || i,
+            onClick: de
+          },
+          R
+        )) }),
+        /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            ref: V,
+            id: E,
+            role: "textbox",
+            "aria-multiline": "true",
+            "aria-invalid": z,
+            "aria-disabled": a,
+            "aria-readonly": i,
+            "aria-required": h,
+            "aria-label": typeof e == "string" ? e : void 0,
+            contentEditable: !a && !i,
+            "data-name": m,
+            onInput: me,
+            onKeyDown: pe,
+            onPaste: (R) => !y && Vt(R, a, i),
+            onBlur: b,
+            onFocus: w,
+            suppressContentEditableWarning: !0,
+            style: {
+              minHeight: `${f * 1.5 + 1}rem`,
+              maxHeight: `${f * 1.5 + 1}rem`
+            },
+            className: x(
+              It({ state: ue }),
+              "px-3 py-2",
+              y && "rounded-t-none",
+              fe && "empty:before:content-[attr(data-placeholder)] empty:before:text-gray-400",
+              // Apply shared formatting styles when toolbar is enabled
+              y && ye
+            ),
+            "data-placeholder": u,
+            ...C
+          }
+        )
+      ] }),
+      z && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: n }),
+      !z && r && /* @__PURE__ */ t.jsx("div", { className: "mt-1 text-sm text-gray-600", children: r })
     ] });
   }
 );
-at.displayName = "TextAreaInput";
-const yt = O(function(r, a) {
-  const s = (n) => {
-    r?.onChange?.(n.target.value);
+Dt.displayName = "TextAreaInput";
+const Gt = $(function(r, n) {
+  const s = (a) => {
+    r?.onChange?.(a.target.value);
   };
-  return /* @__PURE__ */ e.jsx(
-    M,
+  return /* @__PURE__ */ t.jsx(
+    F,
     {
       type: "time",
       tabIndex: 0,
       "aria-hidden": "true",
-      leftContent: /* @__PURE__ */ e.jsx($, { as: ue, color: "inherit", size: "sm" }),
-      ref: a,
+      leftContent: /* @__PURE__ */ t.jsx(P, { as: Ee, color: "inherit", size: "sm" }),
+      ref: n,
       ...r,
       onChange: s
     }
   );
 });
 export {
-  dt as C,
-  pt as D,
-  mt as E,
-  De as P,
-  bt as R,
-  gt as S,
-  M as T,
-  ut as a,
-  ft as b,
-  ht as c,
-  xt as d,
-  Ge as e,
-  He as f,
-  Ze as g,
-  J as h,
-  at as i,
-  yt as j
+  Ft as C,
+  At as D,
+  Tt as E,
+  et as P,
+  Ht as R,
+  Wt as S,
+  F as T,
+  Bt as a,
+  Mt as b,
+  qt as c,
+  Ut as d,
+  pt as e,
+  gt as f,
+  jt as g,
+  ee as h,
+  Dt as i,
+  Gt as j
 };