@matthiaskrijgsman/mat-ui 0.0.45 → 0.0.47

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as e, jsxs as d, Fragment as ne } from "react/jsx-runtime";
-import * as C from "react";
-import { createContext as Qe, useContext as Ze, useEffect as _, useState as W, useRef as Ce, useCallback as Pe, useLayoutEffect as St, useMemo as se } from "react";
+import * as k from "react";
+import { createContext as Qe, useContext as Ze, useEffect as j, useState as W, useRef as Ce, useCallback as Pe, useLayoutEffect as St, useMemo as se } from "react";
 import { AnimatePresence as De, motion as Y, animate as qt } from "motion/react";
 import { IconExclamationCircleFilled as et, IconEyeOff as Jt, IconEye as Yt, IconPaperclip as Qt, IconCircleCheckFilled as tt, IconX as de, IconCloudUpload as Zt, IconCheck as Dt, IconChevronDown as ve, IconBold as en, IconItalic as tn, IconUnderline as nn, IconList as Je, IconListNumbers as rn, IconLink as on, IconArrowBackUp as an, IconArrowForwardUp as ln, IconDots as sn, IconSearch as Fe, IconSearchOff as nt, IconInfoCircleFilled as cn, IconAlertTriangleFilled as dn, IconChevronRight as un, IconChevronUp as hn, IconSettings as mt, IconPlus as pt, IconTrash as fn, IconMailFilled as mn } from "@tabler/icons-react";
 import { FloatingPortal as Me, flip as rt, shift as ot, size as at, useFloating as lt, autoUpdate as it, useDismiss as zt, useInteractions as Ot, offset as pn, useListNavigation as gn, FloatingOverlay as Tt } from "@floating-ui/react";
@@ -10,8 +10,8 @@ import { useDropzone as Pt } from "react-dropzone";
 import { LexicalComposer as bn } from "@lexical/react/LexicalComposer";
 import { RichTextPlugin as xn } from "@lexical/react/LexicalRichTextPlugin";
 import { ContentEditable as wn } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin as yn } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as Nn } from "@lexical/react/LexicalListPlugin";
+import { HistoryPlugin as Nn } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as yn } from "@lexical/react/LexicalListPlugin";
 import { LinkPlugin as kn } from "@lexical/react/LexicalLinkPlugin";
 import { OnChangePlugin as Cn } from "@lexical/react/LexicalOnChangePlugin";
 import { AutoFocusPlugin as In } from "@lexical/react/LexicalAutoFocusPlugin";
@@ -23,7 +23,7 @@ import { useLexicalComposerContext as ue } from "@lexical/react/LexicalComposerC
 import { CAN_UNDO_COMMAND as Mn, COMMAND_PRIORITY_LOW as Le, CAN_REDO_COMMAND as Bn, $getSelection as Et, $isRangeSelection as Ft, $createParagraphNode as An, FORMAT_TEXT_COMMAND as je, UNDO_COMMAND as Un, REDO_COMMAND as Wn, FOCUS_COMMAND as Hn, BLUR_COMMAND as $n } from "lexical";
 import { mergeRegister as Mt, $getNearestNodeOfType as _n } from "@lexical/utils";
 import { $setBlocksType as xt } from "@lexical/selection";
-const u = (...n) => n.filter(Boolean).join(" "), jn = [
+const h = (...n) => n.filter(Boolean).join(" "), jn = [
   "polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)",
   "polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)",
   "polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)",
@@ -38,7 +38,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     Y.div,
     {
       role: "status",
-      className: u("relative rounded-full", l),
+      className: h("relative rounded-full", l),
       animate: { rotate: 360 },
       transition: { repeat: 1 / 0, ease: "linear", duration: a },
       children: /* @__PURE__ */ e(
@@ -130,7 +130,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   white: "border-[length:var(--border-width-input)] button-white shadow-[var(--shadow-control)]",
   black: "border-[length:var(--border-width-input)] button-black shadow-[var(--shadow-control)]",
   transparent: "border-[length:var(--border-width-input)] button-transparent"
-}, Gn = C.forwardRef((n, t) => {
+}, Gn = k.forwardRef((n, t) => {
   const {
     variant: l = "white",
     size: a = "md",
@@ -139,13 +139,13 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     loading: i = !1,
     Icon: s,
     IconRight: c,
-    ...v
+    ...g
   } = n;
   return /* @__PURE__ */ d(
     "button",
     {
       ref: t,
-      className: u(
+      className: h(
         Vn,
         Kn[l],
         Q[a],
@@ -154,13 +154,13 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
         st[a],
         r
       ),
-      ...v,
+      ...g,
       children: [
-        i && /* @__PURE__ */ e(Se, { className: u(ee[a]) }),
+        i && /* @__PURE__ */ e(Se, { className: h(ee[a]) }),
         !i && /* @__PURE__ */ d(ne, { children: [
-          s && /* @__PURE__ */ e(s, { className: u(ee[a], "-ml-1") }),
+          s && /* @__PURE__ */ e(s, { className: h(ee[a], "-ml-1") }),
           o,
-          c && /* @__PURE__ */ e(c, { className: u(ee[a], "-mr-1") })
+          c && /* @__PURE__ */ e(c, { className: h(ee[a], "-mr-1") })
         ] })
       ]
     }
@@ -178,7 +178,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   white: "border-[length:var(--border-width-input)] button-white shadow-[var(--shadow-control)]",
   black: "border-[length:var(--border-width-input)] button-black shadow-[var(--shadow-control)]",
   transparent: "border-[length:var(--border-width-input)] button-transparent"
-}, Ye = C.forwardRef((n, t) => {
+}, Ye = k.forwardRef((n, t) => {
   const {
     variant: l = "white",
     size: a = "md",
@@ -190,7 +190,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     "button",
     {
       ref: t,
-      className: u(
+      className: h(
         qn,
         Jn[l],
         Wt[a],
@@ -211,7 +211,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   white: "border-[length:var(--border-width-input)] button-white shadow-[var(--shadow-control)]",
   black: "border-[length:var(--border-width-input)] button-black shadow-[var(--shadow-control)]",
   transparent: "border-[length:var(--border-width-input)] button-transparent"
-}, Ht = C.forwardRef((n, t) => {
+}, Ht = k.forwardRef((n, t) => {
   const {
     variant: l = "white",
     size: a = "md",
@@ -223,7 +223,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     "button",
     {
       ref: t,
-      className: u(
+      className: h(
         Yn,
         Qn[l],
         Wt[a],
@@ -238,7 +238,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     children: t
   } = n;
   return t ? /* @__PURE__ */ e("label", { className: "input-label font-[number:var(--font-weight-input-label)] mb-1", children: t }) : null;
-}, oe = () => /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) }), q = Qe("md"), Zn = () => Ze(q), me = C.forwardRef((n, t) => {
+}, oe = () => /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) }), q = Qe("md"), Zn = () => Ze(q), me = k.forwardRef((n, t) => {
   const {
     children: l,
     className: a
@@ -247,7 +247,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     "div",
     {
       ref: t,
-      className: u(
+      className: h(
         "absolute top-1/2 -translate-y-1/2 flex flex-row items-center gap-1 pointer-events-none",
         Xn[r],
         a
@@ -275,18 +275,18 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     buttonTray: i,
     size: s = "md",
     ...c
-  } = n, v = !!o || !!i;
+  } = n, g = !!o || !!i;
   return /* @__PURE__ */ e(q.Provider, { value: s, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
         /* @__PURE__ */ d("div", { className: "flex flex-col relative", children: [
-          r && /* @__PURE__ */ e(r, { className: u(
+          r && /* @__PURE__ */ e(r, { className: h(
             "input-icon absolute top-1/2 -translate-y-1/2",
             ee[s],
             Ut[s]
@@ -294,12 +294,12 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
           /* @__PURE__ */ e(
             "input",
             {
-              className: u(
+              className: h(
                 "border-[length:var(--border-width-input)] input-base transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Q[s],
                 G[s],
                 r ? At[s] : he[s],
-                v ? fe[s] : dt[s],
+                g ? fe[s] : dt[s],
                 o && "input-error"
               ),
               ...c
@@ -331,8 +331,8 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   const a = l * t, r = n / 60, o = a * (1 - Math.abs(r % 2 - 1));
   let i = 0, s = 0, c = 0;
   r < 1 ? (i = a, s = o) : r < 2 ? (i = o, s = a) : r < 3 ? (s = a, c = o) : r < 4 ? (s = o, c = a) : r < 5 ? (i = o, c = a) : (i = a, c = o);
-  const v = l - a;
-  return [i + v, s + v, c + v];
+  const g = l - a;
+  return [i + g, s + g, c + g];
 }, Re = (n, t, l) => {
   const [a, r, o] = rr(n, t, l);
   return tr(a, r, o);
@@ -356,7 +356,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   const o = r.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
   return o ? "#" + [o[1], o[2], o[3]].map((i) => parseInt(i, 10).toString(16).padStart(2, "0")).join("").toUpperCase() : null;
 }, Xe = (n) => {
-  const t = C.useRef(null), [l, a] = C.useState(!1), r = (o) => {
+  const t = k.useRef(null), [l, a] = k.useState(!1), r = (o) => {
     t.current = null, a(!1), o.currentTarget.releasePointerCapture?.(o.pointerId);
   };
   return {
@@ -387,7 +387,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ e(
     "div",
     {
-      className: u(ar, lr[a], t),
+      className: h(ar, lr[a], t),
       ...r,
       children: l
     }
@@ -405,7 +405,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   left: "right center",
   "left-start": "top right",
   "left-end": "bottom right"
-}, _t = C.memo(
+}, _t = k.memo(
   ({ open: n, children: t, className: l, floatingStyles: a, setFloating: r, placement: o, floatingProps: i }) => /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(De, { children: n && /* @__PURE__ */ e("div", { ref: r, style: a, className: "z-50", ...i, children: /* @__PURE__ */ e(
     Y.div,
     {
@@ -419,15 +419,15 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     }
   ) }) }) })
 ), ut = (n) => {
-  const { placement: t = "bottom", open: l, onOpenChange: a, fullWidth: r, minWidth: o, maxWidth: i } = n, s = C.useMemo(() => [
+  const { placement: t = "bottom", open: l, onOpenChange: a, fullWidth: r, minWidth: o, maxWidth: i } = n, s = k.useMemo(() => [
     rt({ padding: 8 }),
     ot({ padding: 8 }),
     at({
-      apply({ rects: h, elements: I }) {
-        r && (I.floating.style.width = `${h.reference.width}px`), o && (I.floating.style.minWidth = `${o}px`), i && (I.floating.style.maxWidth = `${i}px`);
+      apply({ rects: u, elements: I }) {
+        r && (I.floating.style.width = `${u.reference.width}px`), o && (I.floating.style.minWidth = `${o}px`), i && (I.floating.style.maxWidth = `${i}px`);
       }
     })
-  ], [r, i, o]), { refs: c, floatingStyles: v, context: R, placement: y } = lt({
+  ], [r, i, o]), { refs: c, floatingStyles: g, context: R, placement: w } = lt({
     placement: t,
     open: l,
     onOpenChange: a,
@@ -437,42 +437,42 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     enabled: !!a,
     outsidePress: !0,
     escapeKey: !1
-  }), { getFloatingProps: b } = Ot([m]), f = C.useRef({
-    floatingStyles: v,
+  }), { getFloatingProps: v } = Ot([m]), f = k.useRef({
+    floatingStyles: g,
     setFloating: c.setFloating,
     placement: t,
-    getFloatingProps: b
+    getFloatingProps: v
   });
   f.current = {
-    floatingStyles: v,
+    floatingStyles: g,
     setFloating: c.setFloating,
-    placement: y,
-    getFloatingProps: b
+    placement: w,
+    getFloatingProps: v
   };
-  const p = C.useMemo(() => {
-    const h = (I) => {
-      const { floatingStyles: x, setFloating: N, placement: k, getFloatingProps: S } = f.current, { className: z, open: L, children: T } = I;
+  const p = k.useMemo(() => {
+    const u = (I) => {
+      const { floatingStyles: b, setFloating: N, placement: y, getFloatingProps: S } = f.current, { className: z, open: L, children: P } = I;
       return /* @__PURE__ */ e(
         _t,
         {
           open: L,
           className: z,
-          floatingStyles: x,
+          floatingStyles: b,
           setFloating: N,
-          placement: k,
+          placement: y,
           floatingProps: S(),
-          children: T
+          children: P
         }
       );
     };
-    return C.memo(h);
+    return k.memo(u);
   }, []);
   return {
     anchorRef: c.setReference,
     Popover: p
   };
 }, xe = (n, t) => {
-  _(() => {
+  j(() => {
     if (!n) return;
     const l = (a) => {
       a.key === "Escape" && t();
@@ -481,7 +481,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       document.removeEventListener("keydown", l);
     };
   }, [n, t]);
-}, sr = "linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%)", cr = "linear-gradient(to right, #fff, rgba(255,255,255,0))", dr = "linear-gradient(to top, #000, rgba(0,0,0,0))", Ve = "0 0 0 1px rgba(0,0,0,0.15)", ur = 14, hr = 28, fr = 6, mr = 8, Ke = { type: "spring", stiffness: 500, damping: 18, mass: 0.6 }, Ne = (n) => {
+}, sr = "linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%)", cr = "linear-gradient(to right, #fff, rgba(255,255,255,0))", dr = "linear-gradient(to top, #000, rgba(0,0,0,0))", Ve = "0 0 0 1px rgba(0,0,0,0.15)", ur = 14, hr = 28, fr = 6, mr = 8, Ke = { type: "spring", stiffness: 500, damping: 18, mass: 0.6 }, ye = (n) => {
   const t = n ? hr : ur, l = t / 2;
   return {
     width: t,
@@ -490,24 +490,24 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     marginTop: -l,
     borderRadius: n ? mr : fr
   };
-}, Te = (n) => Math.max(0, Math.min(1, n)), yt = (n, t) => {
+}, Te = (n) => Math.max(0, Math.min(1, n)), Nt = (n, t) => {
   Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(n, t), n.dispatchEvent(new Event("input", { bubbles: !0 }));
 }, pr = ({ value: n, onChange: t }) => {
   const [l, a] = W(() => wt(n) ?? [0, 0, 1]), r = Ce(Re(l[0], l[1], l[2]));
-  _(() => {
+  j(() => {
     if ((n || "").toUpperCase() === r.current) return;
     const p = wt(n);
     p && a(p);
   }, [n]);
   const o = (p) => {
     a(p);
-    const h = Re(p[0], p[1], p[2]);
-    r.current = h, t(h);
-  }, [i, s, c] = l, v = Re(i, 1, 1), R = Re(i, s, 1), y = Re(i, s, c), m = Xe((p, h, I) => {
-    o([i, Te((p - I.left) / I.width), 1 - Te((h - I.top) / I.height)]);
-  }), b = Xe((p, h, I) => {
+    const u = Re(p[0], p[1], p[2]);
+    r.current = u, t(u);
+  }, [i, s, c] = l, g = Re(i, 1, 1), R = Re(i, s, 1), w = Re(i, s, c), m = Xe((p, u, I) => {
+    o([i, Te((p - I.left) / I.width), 1 - Te((u - I.top) / I.height)]);
+  }), v = Xe((p, u, I) => {
     o([Te((p - I.left) / I.width) * 360, s, c]);
-  }), f = Xe((p, h, I) => {
+  }), f = Xe((p, u, I) => {
     o([i, s, Te((p - I.left) / I.width)]);
   });
   return /* @__PURE__ */ d(
@@ -532,7 +532,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 "div",
                 {
                   className: "absolute inset-0 rounded-[var(--border-radius-control-inner)] overflow-hidden border-[length:var(--border-width-input)] color-picker-surface",
-                  style: { backgroundColor: v },
+                  style: { backgroundColor: g },
                   children: [
                     /* @__PURE__ */ e(
                       "div",
@@ -559,10 +559,10 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                     left: `${s * 100}%`,
                     top: `${(1 - c) * 100}%`,
                     boxShadow: Ve,
-                    backgroundColor: y
+                    backgroundColor: w
                   },
-                  initial: Ne(!1),
-                  animate: Ne(m.isDragging),
+                  initial: ye(!1),
+                  animate: ye(m.isDragging),
                   transition: Ke
                 }
               )
@@ -579,7 +579,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               touchAction: "none",
               cursor: "ew-resize"
             },
-            ...b.bind,
+            ...v.bind,
             children: /* @__PURE__ */ e(
               Y.div,
               {
@@ -587,11 +587,11 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 style: {
                   top: "50%",
                   left: `${i / 360 * 100}%`,
-                  backgroundColor: v,
+                  backgroundColor: g,
                   boxShadow: Ve
                 },
-                initial: Ne(!1),
-                animate: Ne(b.isDragging),
+                initial: ye(!1),
+                animate: ye(v.isDragging),
                 transition: Ke
               }
             )
@@ -615,11 +615,11 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 style: {
                   top: "50%",
                   left: `${c * 100}%`,
-                  backgroundColor: y,
+                  backgroundColor: w,
                   boxShadow: Ve
                 },
-                initial: Ne(!1),
-                animate: Ne(f.isDragging),
+                initial: ye(!1),
+                animate: ye(f.isDragging),
                 transition: Ke
               }
             )
@@ -638,42 +638,42 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     size: i = "md",
     value: s,
     defaultValue: c,
-    onChange: v,
+    onChange: g,
     onBlur: R,
-    onFocus: y,
+    onFocus: w,
     ...m
-  } = n, [b, f] = W(
+  } = n, [v, f] = W(
     s != null ? String(s) : c != null ? String(c) : ""
-  ), [p, h] = W(!1), I = Ce(null), x = s != null ? String(s) : b, N = x || "white";
-  xe(p, () => h(!1));
-  const { anchorRef: k, Popover: S } = ut({
+  ), [p, u] = W(!1), I = Ce(null), b = s != null ? String(s) : v, N = b || "white";
+  xe(p, () => u(!1));
+  const { anchorRef: y, Popover: S } = ut({
     placement: "bottom-start",
     open: p,
-    onOpenChange: h
-  }), z = (g) => {
-    f(g.target.value), v?.(g);
-  }, L = (g) => {
-    h(!0), y?.(g);
-  }, T = (g) => {
-    const M = g.target.value, P = or(M);
-    P && P !== M && I.current && yt(I.current, P), h(!1), R?.(g);
-  }, O = (g) => {
-    I.current && yt(I.current, g);
-  }, w = !!r || !!o;
+    onOpenChange: u
+  }), z = (C) => {
+    f(C.target.value), g?.(C);
+  }, L = (C) => {
+    u(!0), w?.(C);
+  }, P = (C) => {
+    const T = C.target.value, E = or(T);
+    E && E !== T && I.current && Nt(I.current, E), u(!1), R?.(C);
+  }, O = (C) => {
+    I.current && Nt(I.current, C);
+  }, x = !!r || !!o;
   return /* @__PURE__ */ e(q.Provider, { value: i, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col relative", ref: k, children: [
+        /* @__PURE__ */ d("div", { className: "flex flex-col relative", ref: y, children: [
           /* @__PURE__ */ e(
             "div",
             {
-              className: u(
+              className: h(
                 "absolute top-1/2 -translate-y-1/2 rounded-[var(--border-radius-control-inner)] border-[length:var(--border-width-input)] color-swatch",
                 ee[i],
                 Ut[i]
@@ -685,19 +685,19 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
             "input",
             {
               ref: I,
-              className: u(
+              className: h(
                 "border-[length:var(--border-width-input)] input-base transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Q[i],
                 G[i],
                 At[i],
-                w ? fe[i] : dt[i],
+                x ? fe[i] : dt[i],
                 r && "input-error"
               ),
-              value: s ?? b,
+              value: s ?? v,
               onChange: z,
               onFocus: L,
-              onBlur: T,
-              onClick: () => h(!0),
+              onBlur: P,
+              onClick: () => u(!0),
               ...m
             }
           ),
@@ -705,7 +705,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
             r && /* @__PURE__ */ e(oe, {}),
             o
           ] }),
-          /* @__PURE__ */ e(S, { open: p, children: /* @__PURE__ */ e(be, { padding: "md", children: /* @__PURE__ */ e(pr, { value: x, onChange: O }) }) })
+          /* @__PURE__ */ e(S, { open: p, children: /* @__PURE__ */ e(be, { padding: "md", children: /* @__PURE__ */ e(pr, { value: b, onChange: O }) }) })
         ] }),
         /* @__PURE__ */ e(V, { children: a }),
         /* @__PURE__ */ e(K, { children: r })
@@ -721,14 +721,14 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     "div",
     {
       onClick: t,
-      className: u(
+      className: h(
         "h-6 w-6 select-none rounded-full p-0.5",
         t && "ring-0 transition-all duration-[var(--control-transition-duration)] input-icon-button-interactive active:ring-[length:var(--control-ring-width-active)] cursor-pointer hover:ring-[length:var(--control-ring-width)] group pointer-events-auto"
       ),
-      children: /* @__PURE__ */ e(l, { className: u("h-5 w-5 input-icon-button-icon", t && "group-active:scale-[0.8] transition-transform duration-[var(--control-transition-duration)] origin-center") })
+      children: /* @__PURE__ */ e(l, { className: h("h-5 w-5 input-icon-button-icon", t && "group-active:scale-[0.8] transition-transform duration-[var(--control-transition-duration)] origin-center") })
     }
   );
-}, yo = (n) => {
+}, No = (n) => {
   const {
     type: t = "password",
     enableShowPasswordToggle: l = !0,
@@ -744,7 +744,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       ...a
     }
   );
-}, No = (n) => {
+}, yo = (n) => {
   const {
     className: t,
     label: l,
@@ -754,33 +754,33 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     autogrow: i = !1,
     maxRows: s,
     ref: c,
-    onChange: v,
+    onChange: g,
     ...R
-  } = n, y = C.useRef(null), m = C.useCallback(() => {
-    const f = y.current;
+  } = n, w = k.useRef(null), m = k.useCallback(() => {
+    const f = w.current;
     if (!f) return;
     f.style.height = "auto";
     let p = f.scrollHeight;
     if (s) {
-      const h = window.getComputedStyle(f), I = parseFloat(h.lineHeight), x = parseFloat(h.paddingTop), N = parseFloat(h.paddingBottom), k = parseFloat(h.borderTopWidth), S = parseFloat(h.borderBottomWidth), z = I * s + x + N + k + S;
+      const u = window.getComputedStyle(f), I = parseFloat(u.lineHeight), b = parseFloat(u.paddingTop), N = parseFloat(u.paddingBottom), y = parseFloat(u.borderTopWidth), S = parseFloat(u.borderBottomWidth), z = I * s + b + N + y + S;
       p = Math.min(f.scrollHeight, z);
     }
     f.style.height = `${p}px`;
   }, [s]);
-  C.useLayoutEffect(() => {
+  k.useLayoutEffect(() => {
     if (!i) {
-      y.current && (y.current.style.height = "");
+      w.current && (w.current.style.height = "");
       return;
     }
     m();
   }, [i, m, n.value, n.defaultValue, o]);
-  const b = (f) => {
-    v?.(f), i && m();
+  const v = (f) => {
+    g?.(f), i && m();
   };
   return /* @__PURE__ */ e(q.Provider, { value: o, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -790,9 +790,9 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
           /* @__PURE__ */ e(
             "textarea",
             {
-              ref: c ? vn([c, y]) : y,
-              onChange: b,
-              className: u(
+              ref: c ? vn([c, w]) : w,
+              onChange: v,
+              className: h(
                 "py-2.5 border-[length:var(--border-width-input)] input-base transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Bt[o],
                 G[o],
@@ -822,7 +822,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -836,7 +836,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               ...o
             }
           ),
-          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: u(
+          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: h(
             "input-label font-[number:var(--font-weight-input-option-label)] mb-1",
             n.id && "cursor-pointer"
           ), children: l })
@@ -857,7 +857,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -872,15 +872,15 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 ...o
               }
             ),
-            /* @__PURE__ */ e("div", { className: u(
+            /* @__PURE__ */ e("div", { className: h(
               "rounded-full absolute border inset-0 pointer-events-none transition-colors duration-[var(--control-transition-duration)] ",
               n.checked ? "toggle-track-on" : "toggle-track-off"
-            ), children: /* @__PURE__ */ e("div", { className: u(
+            ), children: /* @__PURE__ */ e("div", { className: h(
               "absolute top-1/2 -translate-y-1/2 left-1 h-4 w-4 rounded-full toggle-thumb shadow-md transition-all duration-[var(--control-transition-duration)]",
               n.checked && "translate-x-3.5 "
             ) }) })
           ] }),
-          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: u(
+          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: h(
             "input-label font-[number:var(--font-weight-input-option-label)] mb-1",
             n.id && "cursor-pointer"
           ), children: l })
@@ -901,7 +901,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -915,7 +915,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               ...o
             }
           ),
-          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: u(
+          l && /* @__PURE__ */ e("label", { htmlFor: n.id, className: h(
             "input-label font-[number:var(--font-weight-input-option-label)] mb-1",
             n.id && "cursor-pointer"
           ), children: l })
@@ -947,77 +947,77 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     Icon: i = Qt,
     size: s = "md",
     value: c,
-    isUploaded: v = !1,
+    isUploaded: g = !1,
     isUploading: R = !1,
-    onChange: y,
+    onChange: w,
     onDropRejected: m,
-    accept: b,
+    accept: v,
     maxSize: f,
     minSize: p,
-    disabled: h = !1,
+    disabled: u = !1,
     className: I
-  } = n, x = async (O) => {
-    const [w] = O;
-    w && await y?.(w);
+  } = n, b = async (O) => {
+    const [x] = O;
+    x && await w?.(x);
   }, {
     getRootProps: N,
-    getInputProps: k,
+    getInputProps: y,
     open: S,
     isDragActive: z,
     isFocused: L
   } = Pt({
     multiple: !1,
-    accept: b,
+    accept: v,
     maxSize: f,
     minSize: p,
-    disabled: h,
-    onDrop: x,
+    disabled: u,
+    onDrop: b,
     onDropRejected: m
-  }), T = c?.name;
-  return /* @__PURE__ */ e(q.Provider, { value: s, children: /* @__PURE__ */ d("div", { className: u("flex flex-col", I), children: [
+  }), P = c?.name;
+  return /* @__PURE__ */ e(q.Provider, { value: s, children: /* @__PURE__ */ d("div", { className: h("flex flex-col", I), children: [
     /* @__PURE__ */ e(Z, { children: t }),
     /* @__PURE__ */ d(
       "div",
       {
         ...N({
-          className: u(
+          className: h(
             "flex flex-row items-center",
             "border-[length:var(--border-width-input)] input-base rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] transition-all duration-[var(--control-transition-duration)]",
             "ring-0 focus:outline-none",
             (L || z) && "ring-[length:var(--control-ring-width)]",
             a && "input-error",
-            h && "opacity-60 cursor-not-allowed",
+            u && "opacity-60 cursor-not-allowed",
             Q[s],
             he[s],
             "gap-3"
           )
         }),
         children: [
-          /* @__PURE__ */ e("input", { ...k() }),
-          /* @__PURE__ */ e(i, { className: u("input-icon shrink-0", ee[s]) }),
+          /* @__PURE__ */ e("input", { ...y() }),
+          /* @__PURE__ */ e(i, { className: h("input-icon shrink-0", ee[s]) }),
           /* @__PURE__ */ e(
             "span",
             {
-              className: u(
+              className: h(
                 "flex-1 truncate",
                 G[s],
-                !T && "text-[var(--color-input-placeholder)]"
+                !P && "text-[var(--color-input-placeholder)]"
               ),
-              children: T ?? r
+              children: P ?? r
             }
           ),
           a && /* @__PURE__ */ e(oe, {}),
           R && !a && /* @__PURE__ */ e("div", { className: "h-5 w-5 flex items-center justify-center", children: /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-icon)]" }) }),
-          v && !R && !a && /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(tt, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
+          g && !R && !a && /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(tt, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              disabled: h,
+              disabled: u,
               onClick: (O) => {
                 O.stopPropagation(), S();
               },
-              className: u(
+              className: h(
                 "inline-flex flex-row items-center justify-center shrink-0",
                 "border-[length:var(--border-width-input)] button-white shadow-[var(--shadow-control)] rounded-[calc(var(--border-radius-button)-0.25rem)]",
                 "font-[number:var(--font-weight-button)] font-[family-name:var(--font-family-base)] cursor-pointer select-none transition-all duration-[var(--control-transition-duration)]",
@@ -1049,7 +1049,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-row items-center gap-3",
         "border-[length:var(--border-width-input)] input-base rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)]",
         "pl-4 pr-1 py-1",
@@ -1082,95 +1082,102 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     title: r = "Drop files here",
     hint: o,
     Icon: i = Zt,
-    onUpload: s,
-    onFileRemoved: c,
-    onDropRejected: v,
-    renderFileTile: R,
-    accept: y,
-    maxSize: m,
-    minSize: b,
-    maxFiles: f,
-    disabled: p = !1,
-    className: h
-  } = n, [I, x] = W([]), N = Ce(0), k = (g, M) => {
-    x((P) => P.map(($) => $.id === g ? { ...$, ...M } : $));
-  }, S = (g) => {
-    if (g.length === 0) return;
-    const M = g.map((P) => ({
-      id: String(++N.current),
-      file: P,
-      status: s ? "uploading" : "idle"
+    defaultFiles: s,
+    onUpload: c,
+    onFileRemoved: g,
+    onDropRejected: R,
+    renderFileTile: w,
+    accept: m,
+    maxSize: v,
+    minSize: f,
+    maxFiles: p,
+    disabled: u = !1,
+    className: I
+  } = n, b = Ce(0), [N, y] = W(
+    () => (s ?? []).map((T) => ({
+      id: String(++b.current),
+      file: T,
+      status: "uploaded"
+    }))
+  ), S = (T, E) => {
+    y((_) => _.map(($) => $.id === T ? { ...$, ...E } : $));
+  }, z = (T) => {
+    if (T.length === 0) return;
+    const E = T.map((_) => ({
+      id: String(++b.current),
+      file: _,
+      status: c ? "uploading" : "idle"
     }));
-    if (x((P) => [...P, ...M]), !!s)
-      for (const P of M)
-        Promise.resolve().then(() => s(P.file)).then(() => k(P.id, { status: "uploaded" })).catch(($) => {
-          k(P.id, {
+    if (y((_) => [..._, ...E]), !!c)
+      for (const _ of E)
+        Promise.resolve().then(() => c(_.file)).then(() => S(_.id, { status: "uploaded" })).catch(($) => {
+          S(_.id, {
             status: "error",
             error: $ instanceof Error ? $ : new Error(String($))
           });
         });
-  }, z = (g) => {
-    const M = I.find((P) => P.id === g);
-    x((P) => P.filter(($) => $.id !== g)), M && c?.(M.file);
+  }, L = (T) => {
+    const E = N.find((_) => _.id === T);
+    y((_) => _.filter(($) => $.id !== T)), E && g?.(E.file);
   }, {
-    getRootProps: L,
-    getInputProps: T,
-    isDragActive: O,
-    isFocused: w
+    getRootProps: P,
+    getInputProps: O,
+    isDragActive: x,
+    isFocused: C
   } = Pt({
     multiple: !0,
-    accept: y,
-    maxSize: m,
-    minSize: b,
-    maxFiles: f,
-    disabled: p,
-    onDrop: S,
-    onDropRejected: v
+    accept: m,
+    maxSize: v,
+    minSize: f,
+    maxFiles: p,
+    disabled: u,
+    onDrop: z,
+    onDropRejected: R
   });
-  return /* @__PURE__ */ d("div", { className: u("flex flex-col", h), children: [
+  return /* @__PURE__ */ d("div", { className: h("flex flex-col", I), children: [
     /* @__PURE__ */ e(Z, { children: t }),
     /* @__PURE__ */ d(
       "div",
       {
-        ...L({
-          className: u(
+        ...P({
+          className: h(
             "flex flex-col items-center justify-center gap-1",
             "border-2 border-dashed input-base rounded-[var(--border-radius-input)] bg-transparent!",
             "py-10 px-6 cursor-pointer transition-all duration-[var(--control-transition-duration)]",
             "ring-0 focus:outline-none",
-            (w || O) && "ring-[length:var(--control-ring-width)]",
+            (C || x) && "ring-[length:var(--control-ring-width)]",
             a && "input-error",
-            p && "opacity-60 cursor-not-allowed"
+            u && "opacity-60 cursor-not-allowed"
           )
         }),
         children: [
-          /* @__PURE__ */ e("input", { ...T() }),
+          /* @__PURE__ */ e("input", { ...O() }),
           /* @__PURE__ */ e("div", { className: "h-14 w-14 rounded-[var(--border-radius-input)] flex items-center justify-center bg-[var(--color-input-file-icon-bg)] mb-2", children: /* @__PURE__ */ e(i, { className: "h-7 w-7 input-icon" }) }),
           /* @__PURE__ */ e("div", { className: "text-base font-[number:var(--font-weight-button)]", children: r }),
           o && /* @__PURE__ */ e("div", { className: "text-sm text-[var(--color-input-description-text)] ", children: o })
         ]
       }
     ),
-    I.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mt-3", children: I.map((g) => {
-      const M = {
-        file: g.file,
-        isUploading: g.status === "uploading",
-        isUploaded: g.status === "uploaded",
-        error: g.status === "error" ? g.error?.message : void 0,
-        onRemove: () => z(g.id)
+    N.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mt-3", children: N.map((T) => {
+      const E = {
+        file: T.file,
+        isUploading: T.status === "uploading",
+        isUploaded: T.status === "uploaded",
+        error: T.status === "error" ? T.error?.message : void 0,
+        onRemove: () => L(T.id)
       };
-      return /* @__PURE__ */ e(C.Fragment, { children: R ? R(g.file, M) : /* @__PURE__ */ e(wr, { ...M }) }, g.id);
+      return /* @__PURE__ */ e(k.Fragment, { children: w ? w(T.file, E) : /* @__PURE__ */ e(wr, { ...E }) }, T.id);
     }) }),
     /* @__PURE__ */ e(V, { children: l }),
     /* @__PURE__ */ e(K, { children: a })
   ] });
-}, yr = [
+}, Nr = [
   Sn,
   Dn,
   Lt,
   Tn,
   Fn
-], Nt = {
+], yt = {
   paragraph: "lexical-paragraph",
   heading: {
     h1: "lexical-h1",
@@ -1209,7 +1216,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   orientation: "horizontal"
 }), we = () => Ze(Ae), Xt = () => {
   const [n] = ue(), [t, l] = W(jt);
-  return _(() => {
+  return j(() => {
     const a = () => {
       n.getEditorState().read(() => {
         const r = Et();
@@ -1218,15 +1225,15 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
         const o = r.anchor.getNode(), i = _n(o, Lt), s = i && Pn(i) ? i.getListType() : null;
         let c = "paragraph";
         if (!s) {
-          const b = o.getKey() === "root" ? o : o.getTopLevelElementOrThrow();
-          zn(b) && (c = b.getTag());
+          const v = o.getKey() === "root" ? o : o.getTopLevelElementOrThrow();
+          zn(v) && (c = v.getTag());
         }
-        const v = r.hasFormat("bold"), R = r.hasFormat("italic"), y = r.hasFormat("underline"), m = vt(o.getParent()) || vt(o);
-        l((b) => ({
-          ...b,
-          isBold: v,
+        const g = r.hasFormat("bold"), R = r.hasFormat("italic"), w = r.hasFormat("underline"), m = vt(o.getParent()) || vt(o);
+        l((v) => ({
+          ...v,
+          isBold: g,
           isItalic: R,
-          isUnderline: y,
+          isUnderline: w,
           isLink: m,
           isUnorderedList: s === "bullet",
           isOrderedList: s === "number",
@@ -1248,21 +1255,21 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       )
     );
   }, [n]), t;
-}, Vt = Qe(void 0), Nr = () => ({
+}, Vt = Qe(void 0), yr = () => ({
   dismiss: Ze(Vt) || (() => {
   })
 }), Ue = (n) => {
-  const { trigger: t, children: l, placement: a = "bottom-end", minWidth: r = 200, className: o } = n, [i, s] = W(!1), { Popover: c, anchorRef: v } = ut({
+  const { trigger: t, children: l, placement: a = "bottom-end", minWidth: r = 200, className: o } = n, [i, s] = W(!1), { Popover: c, anchorRef: g } = ut({
     placement: a,
     open: i,
     onOpenChange: s,
     minWidth: r
   });
   return /* @__PURE__ */ d(ne, { children: [
-    /* @__PURE__ */ e("div", { ref: v, className: o, onClick: () => s(!i), children: t }),
+    /* @__PURE__ */ e("div", { ref: g, className: o, onClick: () => s(!i), children: t }),
     /* @__PURE__ */ e(c, { open: i, children: /* @__PURE__ */ e(be, { padding: "sm", children: /* @__PURE__ */ e(Vt.Provider, { value: () => s(!1), children: l }) }) })
   ] });
-}, kr = "inline-flex flex-row items-center gap-3 h-10 px-3 font-[number:var(--font-weight-dropdown-item)] font-[family-name:var(--font-family-base)] ring-0 dropdown-item rounded-[var(--border-radius-menu-item)] cursor-pointer transition-all duration-[var(--control-transition-duration)] select-none focus:outline-none focus:ring-0 border border-transparent bg-transparent", X = C.forwardRef((n, t) => {
+}, kr = "inline-flex flex-row items-center gap-3 h-10 px-3 font-[number:var(--font-weight-dropdown-item)] font-[family-name:var(--font-family-base)] ring-0 dropdown-item rounded-[var(--border-radius-menu-item)] cursor-pointer transition-all duration-[var(--control-transition-duration)] select-none focus:outline-none focus:ring-0 border border-transparent bg-transparent", X = k.forwardRef((n, t) => {
   const {
     className: l,
     children: a,
@@ -1270,18 +1277,18 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     onClick: o,
     dismissOnClick: i = !0,
     ...s
-  } = n, { dismiss: c } = Nr(), v = (R) => {
+  } = n, { dismiss: c } = yr(), g = (R) => {
     o && o(R), i && c();
   };
   return /* @__PURE__ */ d(
     "button",
     {
       ref: t,
-      className: u(
+      className: h(
         kr,
         l
       ),
-      onClick: v,
+      onClick: g,
       ...s,
       children: [
         r && /* @__PURE__ */ e(r, { className: "h-5 w-5 shrink-0" }),
@@ -1312,13 +1319,13 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
         {
           type: "button",
           onMouseDown: (o) => o.preventDefault(),
-          className: u(
+          className: h(
             "lexical-tb-btn h-8 px-2 gap-1 text-sm font-[number:var(--font-weight-input-option-label)]",
             l === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
           ),
           children: [
-            r.label,
-            /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
+            /* @__PURE__ */ e("span", { className: "break-all line-clamp-1", children: r.label }),
+            /* @__PURE__ */ e(ve, { className: "h-4 w-4 shrink-0" })
           ]
         }
       ),
@@ -1337,7 +1344,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
 }, Ir = {
   light: "lexical-tb-btn-light",
   dark: "lexical-tb-btn-dark"
-}, ce = C.forwardRef(
+}, ce = k.forwardRef(
   (n, t) => {
     const { Icon: l, active: a = !1, tone: r = "light", className: o, onMouseDown: i, ...s } = n;
     return /* @__PURE__ */ e(
@@ -1345,10 +1352,10 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       {
         ref: t,
         type: "button",
-        onMouseDown: (v) => {
-          v.preventDefault(), i?.(v);
+        onMouseDown: (g) => {
+          g.preventDefault(), i?.(g);
         },
-        className: u(
+        className: h(
           "lexical-tb-btn h-8 w-8",
           Ir[r],
           a && "lexical-tb-btn-active",
@@ -1478,7 +1485,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ e(
     "div",
     {
-      className: u(
+      className: h(
         r === "vertical" ? "h-px w-full my-1" : "w-px h-5 my-auto mx-1",
         "shrink-0",
         Or[t ?? a],
@@ -1488,35 +1495,35 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   );
 }, kt = 4, Tr = 36, Kt = (n) => {
   const t = [];
-  return C.Children.forEach(n, (l) => {
-    C.isValidElement(l) && l.type === C.Fragment ? t.push(...Kt(l.props.children)) : t.push(l);
+  return k.Children.forEach(n, (l) => {
+    k.isValidElement(l) && l.type === k.Fragment ? t.push(...Kt(l.props.children)) : t.push(l);
   }), t;
 }, Gt = (n) => {
-  const { children: t } = n, { state: l, tone: a } = we(), r = Kt(t), o = Ce(null), i = Ce(null), [s, c] = W(r.length), v = Pe(() => {
-    const m = o.current, b = i.current;
-    if (!m || !b) return;
-    const f = m.clientWidth, p = Array.from(b.children).map((N) => N.offsetWidth);
-    if (p.reduce((N, k, S) => N + k + (S > 0 ? kt : 0), 0) <= f) {
+  const { children: t } = n, { state: l, tone: a } = we(), r = Kt(t), o = Ce(null), i = Ce(null), [s, c] = W(r.length), g = Pe(() => {
+    const m = o.current, v = i.current;
+    if (!m || !v) return;
+    const f = m.clientWidth, p = Array.from(v.children).map((N) => N.offsetWidth);
+    if (p.reduce((N, y, S) => N + y + (S > 0 ? kt : 0), 0) <= f) {
       c(p.length);
       return;
     }
-    let I = 0, x = 0;
+    let I = 0, b = 0;
     for (let N = 0; N < p.length; N++) {
-      const k = p[N] + (N > 0 ? kt : 0);
-      if (I + k + Tr > f) break;
-      I += k, x++;
+      const y = p[N] + (N > 0 ? kt : 0);
+      if (I + y + Tr > f) break;
+      I += y, b++;
     }
-    c(x);
+    c(b);
   }, []);
   St(() => {
-    v();
-  }), _(() => {
-    const m = o.current, b = i.current;
+    g();
+  }), j(() => {
+    const m = o.current, v = i.current;
     if (!m) return;
-    const f = new ResizeObserver(() => v());
-    return f.observe(m), b && f.observe(b), () => f.disconnect();
-  }, [v]);
-  const R = r.slice(0, s), y = r.slice(s);
+    const f = new ResizeObserver(() => g());
+    return f.observe(m), v && f.observe(v), () => f.disconnect();
+  }, [g]);
+  const R = r.slice(0, s), w = r.slice(s);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1529,11 +1536,11 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
             ref: i,
             "aria-hidden": !0,
             className: "pointer-events-none invisible absolute left-0 top-0 flex flex-row items-center gap-1 w-max",
-            children: r.map((m, b) => /* @__PURE__ */ e("div", { className: "flex flex-row items-center", children: m }, b))
+            children: r.map((m, v) => /* @__PURE__ */ e("div", { className: "flex flex-row items-center", children: m }, v))
           }
         ),
-        R.map((m, b) => /* @__PURE__ */ e(C.Fragment, { children: m }, b)),
-        y.length > 0 && /* @__PURE__ */ e(
+        R.map((m, v) => /* @__PURE__ */ e(k.Fragment, { children: m }, v)),
+        w.length > 0 && /* @__PURE__ */ e(
           Ue,
           {
             placement: "bottom-end",
@@ -1544,7 +1551,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 type: "button",
                 "aria-label": "More",
                 onMouseDown: (m) => m.preventDefault(),
-                className: u(
+                className: h(
                   "lexical-tb-btn h-8 w-8 shrink-0",
                   a === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
                 ),
@@ -1556,7 +1563,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               {
                 className: "flex flex-col items-stretch gap-1",
                 onMouseDown: (m) => m.preventDefault(),
-                children: y.map((m, b) => /* @__PURE__ */ e(C.Fragment, { children: m }, b))
+                children: w.map((m, v) => /* @__PURE__ */ e(k.Fragment, { children: m }, v))
               }
             ) })
           }
@@ -1578,7 +1585,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ e(Ae.Provider, { value: { state: r, tone: "light" }, children: /* @__PURE__ */ e(
     "div",
     {
-      className: u(
+      className: h(
         "lexical-toolbar flex flex-row items-center p-1.5",
         l
       ),
@@ -1594,14 +1601,14 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       rt(),
       ot({ padding: 8 }),
       at({
-        apply({ rects: c, elements: v }) {
-          v.floating.style.width = `${c.reference.width}px`;
+        apply({ rects: c, elements: g }) {
+          g.floating.style.width = `${c.reference.width}px`;
         }
       })
     ],
     whileElementsMounted: it
   });
-  return _(() => l.registerRootListener((c) => i.setReference(c ?? null)), [l, i]), _(() => Mt(
+  return j(() => l.registerRootListener((c) => i.setReference(c ?? null)), [l, i]), j(() => Mt(
     l.registerCommand(
       Hn,
       () => (o(!0), !1),
@@ -1633,21 +1640,21 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     onChange: i,
     size: s = "md",
     toolbar: c = "static",
-    renderToolbar: v,
+    renderToolbar: g,
     minRows: R = 4,
-    maxRows: y,
+    maxRows: w,
     autogrow: m = !1,
-    namespace: b = "InputLexical",
+    namespace: v = "InputLexical",
     nodes: f,
     theme: p,
-    autoFocus: h = !1,
+    autoFocus: u = !1,
     children: I,
-    className: x
+    className: b
   } = n, N = se(
     () => ({
-      namespace: b,
-      theme: p ? { ...Nt, ...p } : Nt,
-      nodes: [...yr, ...f ?? []],
+      namespace: v,
+      theme: p ? { ...yt, ...p } : yt,
+      nodes: [...Nr, ...f ?? []],
       editorState: o ?? null,
       onError: (O) => {
         throw O;
@@ -1656,39 +1663,39 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     // Lexical reads initialConfig once on mount; later prop changes are ignored by design.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), k = Pe(
+  ), y = Pe(
     (O) => {
       i?.(JSON.stringify(O.toJSON()));
     },
     [i]
-  ), S = G[s], z = !!a, L = (O) => `calc(${O} * 1lh + 1.5rem)`, T = m ? { minHeight: L(R), maxHeight: y ? L(y) : void 0 } : { height: L(R) };
-  return /* @__PURE__ */ e(q.Provider, { value: s, children: /* @__PURE__ */ d("div", { className: u("flex flex-col", x), children: [
+  ), S = G[s], z = !!a, L = (O) => `calc(${O} * 1lh + 1.5rem)`, P = m ? { minHeight: L(R), maxHeight: w ? L(w) : void 0 } : { height: L(R) };
+  return /* @__PURE__ */ e(q.Provider, { value: s, children: /* @__PURE__ */ d("div", { className: h("flex flex-col", b), children: [
     /* @__PURE__ */ e(Z, { children: t }),
     /* @__PURE__ */ e(bn, { initialConfig: N, children: /* @__PURE__ */ d(
       "div",
       {
-        className: u(
+        className: h(
           "relative flex flex-col border-[length:var(--border-width-input)] input-base rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] overflow-hidden transition-all duration-[var(--control-transition-duration)] ring-0 focus-within:ring-[length:var(--control-ring-width)] focus-within:outline-none font-[family-name:var(--font-family-base)]",
           z && "input-error"
         ),
         children: [
-          c === "static" && /* @__PURE__ */ e(Pr, { render: v }),
+          c === "static" && /* @__PURE__ */ e(Pr, { render: g }),
           /* @__PURE__ */ e("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ e(
             xn,
             {
               contentEditable: /* @__PURE__ */ e(
                 wn,
                 {
-                  className: u(
+                  className: h(
                     "lexical-content w-full outline-none px-3 py-3 leading-[1.55] overflow-y-auto mat-ui-hide-scrollbars",
                     S
                   ),
-                  style: T,
+                  style: P,
                   "aria-placeholder": r ?? "",
                   placeholder: /* @__PURE__ */ e(
                     "div",
                     {
-                      className: u(
+                      className: h(
                         "lexical-placeholder pointer-events-none absolute left-3 top-3",
                         S
                       ),
@@ -1700,13 +1707,13 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               ErrorBoundary: Rn
             }
           ) }),
-          /* @__PURE__ */ e(yn, {}),
           /* @__PURE__ */ e(Nn, {}),
+          /* @__PURE__ */ e(yn, {}),
           /* @__PURE__ */ e(kn, {}),
-          h && /* @__PURE__ */ e(In, {}),
-          i && /* @__PURE__ */ e(Cn, { onChange: k }),
+          u && /* @__PURE__ */ e(In, {}),
+          i && /* @__PURE__ */ e(Cn, { onChange: y }),
           I,
-          c === "floating" && /* @__PURE__ */ e(Lr, { render: v })
+          c === "floating" && /* @__PURE__ */ e(Lr, { render: g })
         ]
       }
     ) }),
@@ -1726,7 +1733,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return /* @__PURE__ */ e(q.Provider, { value: i, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -1736,7 +1743,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
           /* @__PURE__ */ e(
             "select",
             {
-              className: u(
+              className: h(
                 "appearance-none border-[length:var(--border-width-input)] input-base bg-none transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Q[i],
                 G[i],
@@ -1744,14 +1751,14 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 fe[i]
               ),
               ...s,
-              children: r && r.map((c, v) => /* @__PURE__ */ e(
+              children: r && r.map((c, g) => /* @__PURE__ */ e(
                 "option",
                 {
                   value: c.value,
                   disabled: c.disabled,
                   children: c.label
                 },
-                v
+                g
               ))
             }
           ),
@@ -1765,7 +1772,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       ]
     }
   ) });
-}, We = C.forwardRef((n, t) => {
+}, We = k.forwardRef((n, t) => {
   const {
     children: l,
     onClick: a,
@@ -1781,7 +1788,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       ref: t,
       ...c,
       onClick: () => !o && a && a(),
-      className: u(
+      className: h(
         "option-base px-4 py-2 rounded-[var(--border-radius-option)] cursor-pointer transition-all duration-[var(--control-transition-duration)] select-none flex flex-row gap-3 items-center",
         r && !o && "option-selected",
         i && !o && "option-active",
@@ -1794,28 +1801,28 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
       ]
     }
   );
-}), He = C.forwardRef((n, t) => {
+}), He = k.forwardRef((n, t) => {
   const { children: l, className: a, ...r } = n;
   return /* @__PURE__ */ e(
     "div",
     {
       ref: t,
       ...r,
-      className: u(
+      className: h(
         "option-group-header px-4 pt-3 pb-1 text-xs font-[number:var(--font-weight-group-header)] uppercase tracking-wide select-none",
         a
       ),
       children: l
     }
   );
-}), $e = C.forwardRef((n, t) => {
+}), $e = k.forwardRef((n, t) => {
   const { className: l, ...a } = n;
   return /* @__PURE__ */ e(
     "div",
     {
       ref: t,
       ...a,
-      className: u(
+      className: h(
         "option-divider my-1 h-px",
         l
       )
@@ -1831,18 +1838,18 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     onOpenChange: i,
     listRef: s,
     activeIndex: c,
-    onNavigate: v,
+    onNavigate: g,
     loop: R = !0,
-    disabledIndices: y
-  } = n, m = C.useMemo(() => [
+    disabledIndices: w
+  } = n, m = k.useMemo(() => [
     rt({ padding: 8 }),
     ot({ padding: 8 }),
     at({
-      apply({ rects: T, elements: O }) {
-        l && (O.floating.style.width = `${T.reference.width}px`), a && (O.floating.style.minWidth = `${a}px`), r && (O.floating.style.maxWidth = `${r}px`);
+      apply({ rects: P, elements: O }) {
+        l && (O.floating.style.width = `${P.reference.width}px`), a && (O.floating.style.minWidth = `${a}px`), r && (O.floating.style.maxWidth = `${r}px`);
       }
     })
-  ], [l, r, a]), { refs: b, floatingStyles: f, context: p, placement: h } = lt({
+  ], [l, r, a]), { refs: v, floatingStyles: f, context: p, placement: u } = lt({
     placement: t,
     open: o,
     onOpenChange: i,
@@ -1851,46 +1858,46 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   }), I = gn(p, {
     listRef: s,
     activeIndex: c,
-    onNavigate: v,
+    onNavigate: g,
     loop: R,
     virtual: !0,
     focusItemOnOpen: !1,
-    disabledIndices: y
-  }), x = zt(p, {
+    disabledIndices: w
+  }), b = zt(p, {
     outsidePress: !0,
     escapeKey: !1
-  }), { getReferenceProps: N, getFloatingProps: k, getItemProps: S } = Ot([I, x]), z = C.useRef({
+  }), { getReferenceProps: N, getFloatingProps: y, getItemProps: S } = Ot([I, b]), z = k.useRef({
     floatingStyles: f,
-    setFloating: b.setFloating,
+    setFloating: v.setFloating,
     placement: t,
-    getFloatingProps: k
+    getFloatingProps: y
   });
   z.current = {
     floatingStyles: f,
-    setFloating: b.setFloating,
-    placement: h,
-    getFloatingProps: k
+    setFloating: v.setFloating,
+    placement: u,
+    getFloatingProps: y
   };
-  const L = C.useMemo(() => {
-    const T = (O) => {
-      const { floatingStyles: w, setFloating: g, placement: M, getFloatingProps: P } = z.current, { className: $, open: j, children: ae } = O;
+  const L = k.useMemo(() => {
+    const P = (O) => {
+      const { floatingStyles: x, setFloating: C, placement: T, getFloatingProps: E } = z.current, { className: _, open: $, children: ae } = O;
       return /* @__PURE__ */ e(
         _t,
         {
-          open: j,
-          className: $,
-          floatingStyles: w,
-          setFloating: g,
-          placement: M,
-          floatingProps: P(),
+          open: $,
+          className: _,
+          floatingStyles: x,
+          setFloating: C,
+          placement: T,
+          floatingProps: E(),
           children: ae
         }
       );
     };
-    return C.memo(T);
+    return k.memo(P);
   }, []);
   return {
-    anchorRef: b.setReference,
+    anchorRef: v.setReference,
     Popover: L,
     getReferenceProps: N,
     getItemProps: S
@@ -1905,45 +1912,45 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     value: i,
     placeholder: s,
     maxHeight: c = 300,
-    error: v,
+    error: g,
     size: R = "md",
-    disabled: y = !1,
+    disabled: w = !1,
     clearable: m = !1
-  } = n, [b, f] = W(!1), [p, h] = W(null), I = C.useRef(null), x = C.useRef([]), N = r?.find((w) => H(w) && J(w.value, i)), k = se(
-    () => r.map((w, g) => !H(w) || w.disabled ? g : -1).filter((w) => w !== -1),
+  } = n, [v, f] = W(!1), [p, u] = W(null), I = k.useRef(null), b = k.useRef([]), N = r?.find((x) => H(x) && J(x.value, i)), y = se(
+    () => r.map((x, C) => !H(x) || x.disabled ? C : -1).filter((x) => x !== -1),
     [r]
   );
-  xe(b, () => f(!1)), _(() => {
-    if (b) {
+  xe(v, () => f(!1)), j(() => {
+    if (v) {
       I.current?.focus({ preventScroll: !0 });
-      const w = r.findIndex((g) => H(g) && J(g.value, i));
-      if (w >= 0)
-        h(w);
+      const x = r.findIndex((C) => H(C) && J(C.value, i));
+      if (x >= 0)
+        u(x);
       else {
-        const g = r.findIndex((M) => H(M) && !M.disabled);
-        h(g >= 0 ? g : null);
+        const C = r.findIndex((T) => H(T) && !T.disabled);
+        u(C >= 0 ? C : null);
       }
     } else
-      h(null);
-  }, [b]);
-  const { anchorRef: S, Popover: z, getReferenceProps: L, getItemProps: T } = _e({
+      u(null);
+  }, [v]);
+  const { anchorRef: S, Popover: z, getReferenceProps: L, getItemProps: P } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
-    open: b,
+    open: v,
     onOpenChange: f,
-    listRef: x,
+    listRef: b,
     activeIndex: p,
-    onNavigate: h,
-    disabledIndices: k
-  }), O = (w) => {
-    const g = r[w];
-    g && H(g) && !g.disabled && (o(g.value), f(!1));
+    onNavigate: u,
+    disabledIndices: y
+  }), O = (x) => {
+    const C = r[x];
+    C && H(C) && !C.disabled && (o(C.value), f(!1));
   };
   return /* @__PURE__ */ e(q.Provider, { value: R, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
@@ -1956,23 +1963,23 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               ...L({
                 ref: I,
                 role: "button",
-                tabIndex: y ? -1 : 0,
-                "aria-disabled": y,
+                tabIndex: w ? -1 : 0,
+                "aria-disabled": w,
                 onClick: () => {
-                  y || f(!b);
+                  w || f(!v);
                 },
-                onKeyDown: (w) => {
-                  y || (w.key === " " ? (w.preventDefault(), f((g) => !g)) : w.key === "Enter" && (w.preventDefault(), b && p != null ? O(p) : f(!0)));
+                onKeyDown: (x) => {
+                  w || (x.key === " " ? (x.preventDefault(), f((C) => !C)) : x.key === "Enter" && (x.preventDefault(), v && p != null ? O(p) : f(!0)));
                 }
               }),
-              className: u(
+              className: h(
                 "flex flex-row items-center border-[length:var(--border-width-input)] select-trigger transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none select-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Q[R],
                 G[R],
                 he[R],
                 m && i ? Be[R] : fe[R],
-                y ? "select-trigger-disabled" : v && "select-trigger-error",
-                !y && b && "ring-[length:var(--control-ring-width)]"
+                w ? "select-trigger-disabled" : g && "select-trigger-error",
+                !w && v && "ring-[length:var(--control-ring-width)]"
               ),
               children: [
                 N && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: N.label }),
@@ -1981,51 +1988,51 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
             }
           ),
           /* @__PURE__ */ d(me, { children: [
-            !y && v && /* @__PURE__ */ e(oe, {}),
-            m && !!i && !y && /* @__PURE__ */ e(te, { Icon: de, onClick: () => o(null) }),
+            !w && g && /* @__PURE__ */ e(oe, {}),
+            m && !!i && !w && /* @__PURE__ */ e(te, { Icon: de, onClick: () => o(null) }),
             /* @__PURE__ */ e(te, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(z, { open: b, children: /* @__PURE__ */ e(be, { className: "!p-0", style: { maxHeight: c }, children: /* @__PURE__ */ e("div", { className: "flex flex-col p-2 gap-1", children: r.map((w, g) => {
-            if (!H(w))
-              return w.kind === "header" ? /* @__PURE__ */ e(
+          /* @__PURE__ */ e(z, { open: v, children: /* @__PURE__ */ e(be, { className: "!p-0", style: { maxHeight: c }, children: /* @__PURE__ */ e("div", { className: "flex flex-col p-2 gap-1", children: r.map((x, C) => {
+            if (!H(x))
+              return x.kind === "header" ? /* @__PURE__ */ e(
                 He,
                 {
-                  ref: (P) => {
-                    x.current[g] = P;
+                  ref: (E) => {
+                    b.current[C] = E;
                   },
-                  children: w.label
+                  children: x.label
                 },
-                `header-${g}`
+                `header-${C}`
               ) : /* @__PURE__ */ e(
                 $e,
                 {
-                  ref: (P) => {
-                    x.current[g] = P;
+                  ref: (E) => {
+                    b.current[C] = E;
                   }
                 },
-                `divider-${g}`
+                `divider-${C}`
               );
-            const M = J(w.value, i);
+            const T = J(x.value, i);
             return /* @__PURE__ */ e(
               We,
               {
-                ...T({
-                  ref(P) {
-                    x.current[g] = P;
+                ...P({
+                  ref(E) {
+                    b.current[C] = E;
                   }
                 }),
-                onClick: () => O(g),
-                selected: M,
-                active: p === g,
-                disabled: w.disabled,
-                children: w.label
+                onClick: () => O(C),
+                selected: T,
+                active: p === C,
+                disabled: x.disabled,
+                children: x.label
               },
-              `option-${g}`
+              `option-${C}`
             );
           }) }) }) })
         ] }),
         /* @__PURE__ */ e(V, { children: a }),
-        /* @__PURE__ */ e(K, { children: v })
+        /* @__PURE__ */ e(K, { children: g })
       ]
     }
   ) });
@@ -2039,62 +2046,62 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     onSearch: i,
     value: s,
     placeholder: c,
-    maxHeight: v = 300,
+    maxHeight: g = 300,
     error: R,
-    size: y = "md",
+    size: w = "md",
     disabled: m = !1,
-    clearable: b = !1
-  } = n, [f, p] = W(!1), [h, I] = W(r), [x, N] = W(""), [k, S] = W(null), z = C.useRef(null), L = C.useRef(null), T = C.useRef([]), O = r?.find((E) => H(E) && J(E.value, s)), w = se(() => x !== "" ? h : r, [x, h, r]), g = se(
-    () => w.map((E, U) => !H(E) || E.disabled ? U : -1).filter((E) => E !== -1),
-    [w]
+    clearable: v = !1
+  } = n, [f, p] = W(!1), [u, I] = W(r), [b, N] = W(""), [y, S] = W(null), z = k.useRef(null), L = k.useRef(null), P = k.useRef([]), O = r?.find((F) => H(F) && J(F.value, s)), x = se(() => b !== "" ? u : r, [b, u, r]), C = se(
+    () => x.map((F, U) => !H(F) || F.disabled ? U : -1).filter((F) => F !== -1),
+    [x]
   );
-  xe(f, () => p(!1)), _(() => {
-    I(i(x));
-  }, [x, r, i]), _(() => {
+  xe(f, () => p(!1)), j(() => {
+    I(i(b));
+  }, [b, r, i]), j(() => {
     if (f) {
       setTimeout(() => L.current?.focus(), 100);
-      const E = r.findIndex((U) => H(U) && J(U.value, s));
-      if (E >= 0)
-        S(E);
+      const F = r.findIndex((U) => H(U) && J(U.value, s));
+      if (F >= 0)
+        S(F);
       else {
         const U = r.findIndex((le) => H(le) && !le.disabled);
         S(U >= 0 ? U : null);
       }
     } else
       S(null), N("");
-  }, [f]), _(() => {
+  }, [f]), j(() => {
     if (!f) return;
-    const E = w.findIndex((U) => H(U) && !U.disabled);
-    S(E >= 0 ? E : null);
-  }, [x, f, w]);
-  const { anchorRef: M, Popover: P, getReferenceProps: $, getItemProps: j } = _e({
+    const F = x.findIndex((U) => H(U) && !U.disabled);
+    S(F >= 0 ? F : null);
+  }, [b, f, x]);
+  const { anchorRef: T, Popover: E, getReferenceProps: _, getItemProps: $ } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
     open: f,
     onOpenChange: p,
-    listRef: T,
-    activeIndex: k,
+    listRef: P,
+    activeIndex: y,
     onNavigate: S,
-    disabledIndices: g
-  }), ae = (E) => {
-    const U = w[E];
+    disabledIndices: C
+  }), ae = (F) => {
+    const U = x[F];
     U && H(U) && !U.disabled && (o(U.value), p(!1));
-  }, ye = w.some((E) => H(E));
-  return /* @__PURE__ */ e(q.Provider, { value: y, children: /* @__PURE__ */ d(
+  }, Ne = x.some((F) => H(F));
+  return /* @__PURE__ */ e(q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
-        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: M, children: [
+        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: T, children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...$({
+              ..._({
                 ref: z,
                 role: "button",
                 tabIndex: m ? -1 : 0,
@@ -2102,16 +2109,16 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                 onClick: () => {
                   m || p(!f);
                 },
-                onKeyDown: (E) => {
-                  m || (E.key === " " ? (E.preventDefault(), p((U) => !U)) : E.key === "Enter" && !f && (E.preventDefault(), p(!0)));
+                onKeyDown: (F) => {
+                  m || (F.key === " " ? (F.preventDefault(), p((U) => !U)) : F.key === "Enter" && !f && (F.preventDefault(), p(!0)));
                 }
               }),
-              className: u(
+              className: h(
                 "flex flex-row items-center border-[length:var(--border-width-input)] select-trigger transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none select-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
-                Q[y],
-                G[y],
-                he[y],
-                b && s ? Be[y] : fe[y],
+                Q[w],
+                G[w],
+                he[w],
+                v && s ? Be[w] : fe[w],
                 m ? "select-trigger-disabled" : R && "select-trigger-error",
                 !m && f && "ring-[length:var(--control-ring-width)]"
               ),
@@ -2123,10 +2130,10 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
           ),
           /* @__PURE__ */ d(me, { children: [
             !m && R && /* @__PURE__ */ e(oe, {}),
-            b && !!s && !m && /* @__PURE__ */ e(te, { Icon: de, onClick: () => o(null) }),
+            v && !!s && !m && /* @__PURE__ */ e(te, { Icon: de, onClick: () => o(null) }),
             /* @__PURE__ */ e(te, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(P, { open: f, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: v }, children: [
+          /* @__PURE__ */ e(E, { open: f, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
             /* @__PURE__ */ d("div", { className: "sticky top-0 border-b select-search-bar py-1 backdrop-blur-sm", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -2134,52 +2141,52 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                   ref: L,
                   type: "text",
                   placeholder: "Search",
-                  value: x,
+                  value: b,
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-[var(--control-transition-duration)] focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
-                  onChange: (E) => N(E.target.value),
-                  onKeyDown: (E) => {
-                    E.key === "Enter" && k != null && (E.preventDefault(), ae(k));
+                  onChange: (F) => N(F.target.value),
+                  onKeyDown: (F) => {
+                    F.key === "Enter" && y != null && (F.preventDefault(), ae(y));
                   }
                 }
               ),
               /* @__PURE__ */ e(Fe, { className: "absolute select-search-icon left-4 top-4 h-4 w-4" })
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1 p-2", children: [
-              x !== "" && !ye && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              w.map((E, U) => {
-                if (!H(E))
-                  return E.kind === "header" ? /* @__PURE__ */ e(
+              b !== "" && !Ne && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
+              x.map((F, U) => {
+                if (!H(F))
+                  return F.kind === "header" ? /* @__PURE__ */ e(
                     He,
                     {
                       ref: (re) => {
-                        T.current[U] = re;
+                        P.current[U] = re;
                       },
-                      children: E.label
+                      children: F.label
                     },
                     `header-${U}`
                   ) : /* @__PURE__ */ e(
                     $e,
                     {
                       ref: (re) => {
-                        T.current[U] = re;
+                        P.current[U] = re;
                       }
                     },
                     `divider-${U}`
                   );
-                const le = J(E.value, s);
+                const le = J(F.value, s);
                 return /* @__PURE__ */ e(
                   We,
                   {
-                    ...j({
+                    ...$({
                       ref(re) {
-                        T.current[U] = re;
+                        P.current[U] = re;
                       }
                     }),
                     onClick: () => ae(U),
                     selected: le,
-                    active: k === U,
-                    disabled: E.disabled,
-                    children: E.label
+                    active: y === U,
+                    disabled: F.disabled,
+                    children: F.label
                   },
                   `option-${U}`
                 );
@@ -2194,7 +2201,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   ) });
 }, Fr = (n, t) => {
   const [l, a] = W(n);
-  return _(() => {
+  return j(() => {
     const r = setTimeout(() => {
       a(n);
     }, t);
@@ -2212,100 +2219,100 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     fetchOptionByValue: i,
     onSearchDebounceMs: s = 300,
     value: c,
-    placeholder: v,
+    placeholder: g,
     maxHeight: R = 300,
-    error: y,
+    error: w,
     size: m = "md",
-    disabled: b = !1,
+    disabled: v = !1,
     clearable: f = !1
-  } = n, [p, h] = W(!1), I = C.useRef(null), [x, N] = W(""), [k, S] = W([]), [z, L] = W(null), T = C.useRef(null), [O, w] = W(!1), [g, M] = W(!1), [P, $] = W(null), j = C.useRef([]), ae = se(
-    () => k.map((B, A) => !H(B) || B.disabled ? A : -1).filter((B) => B !== -1),
-    [k]
+  } = n, [p, u] = W(!1), I = k.useRef(null), [b, N] = W(""), [y, S] = W([]), [z, L] = W(null), P = k.useRef(null), [O, x] = W(!1), [C, T] = W(!1), [E, _] = W(null), $ = k.useRef([]), ae = se(
+    () => y.map((B, A) => !H(B) || B.disabled ? A : -1).filter((B) => B !== -1),
+    [y]
   );
-  xe(p, () => h(!1));
-  const ye = Fr(x, s);
-  _(() => {
+  xe(p, () => u(!1));
+  const Ne = Fr(b, s);
+  j(() => {
     (async () => {
-      w(!0);
-      const A = await o(ye);
-      S(A), w(!1);
+      x(!0);
+      const A = await o(Ne);
+      S(A), x(!1);
     })();
-  }, [ye, o]), _(() => {
+  }, [Ne, o]), j(() => {
     if (c == null) {
       L(null);
       return;
     }
-    const B = k?.find((A) => H(A) && J(A.value, c));
+    const B = y?.find((A) => H(A) && J(A.value, c));
     B ? L(B) : (async () => {
-      M(!0);
+      T(!0);
       const ie = await i(c);
-      L(ie), M(!1);
+      L(ie), T(!1);
     })();
-  }, [i, k, c]), _(() => {
-    p ? setTimeout(() => T.current?.focus(), 100) : ($(null), N(""));
-  }, [p]), _(() => {
+  }, [i, y, c]), j(() => {
+    p ? setTimeout(() => P.current?.focus(), 100) : (_(null), N(""));
+  }, [p]), j(() => {
     if (!p) return;
-    const B = k.findIndex((A) => H(A) && !A.disabled);
-    $(B >= 0 ? B : null);
-  }, [k, p]);
-  const { anchorRef: E, Popover: U, getReferenceProps: le, getItemProps: re } = _e({
+    const B = y.findIndex((A) => H(A) && !A.disabled);
+    _(B >= 0 ? B : null);
+  }, [y, p]);
+  const { anchorRef: F, Popover: U, getReferenceProps: le, getItemProps: re } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
     open: p,
-    onOpenChange: h,
-    listRef: j,
-    activeIndex: P,
-    onNavigate: $,
+    onOpenChange: u,
+    listRef: $,
+    activeIndex: E,
+    onNavigate: _,
     disabledIndices: ae
   }), ze = (B) => {
-    const A = k[B];
-    A && H(A) && !A.disabled && (r(A.value), h(!1));
-  }, Oe = k.some((B) => H(B));
+    const A = y[B];
+    A && H(A) && !A.disabled && (r(A.value), u(!1));
+  }, Oe = y.some((B) => H(B));
   return /* @__PURE__ */ e(q.Provider, { value: m, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
-        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: E, children: [
+        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: F, children: [
           /* @__PURE__ */ d(
             "div",
             {
               ...le({
                 ref: I,
                 role: "button",
-                tabIndex: b ? -1 : 0,
-                "aria-disabled": b,
+                tabIndex: v ? -1 : 0,
+                "aria-disabled": v,
                 onClick: () => {
-                  b || h(!p);
+                  v || u(!p);
                 },
                 onKeyDown: (B) => {
-                  b || (B.key === " " ? (B.preventDefault(), h((A) => !A)) : B.key === "Enter" && !p && (B.preventDefault(), h(!0)));
+                  v || (B.key === " " ? (B.preventDefault(), u((A) => !A)) : B.key === "Enter" && !p && (B.preventDefault(), u(!0)));
                 }
               }),
-              className: u(
+              className: h(
                 "flex flex-row items-center border-[length:var(--border-width-input)] select-trigger transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none select-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
                 Q[m],
                 G[m],
                 he[m],
                 f && c ? Be[m] : fe[m],
-                b ? "select-trigger-disabled" : y && "select-trigger-error",
-                !b && p && "ring-[length:var(--control-ring-width)]"
+                v ? "select-trigger-disabled" : w && "select-trigger-error",
+                !v && p && "ring-[length:var(--control-ring-width)]"
               ),
               children: [
-                !g && z && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: z.label }),
-                !g && !z && v && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left select-placeholder", children: v }),
-                g && /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-text)]" })
+                !C && z && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: z.label }),
+                !C && !z && g && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left select-placeholder", children: g }),
+                C && /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-text)]" })
               ]
             }
           ),
           /* @__PURE__ */ d(me, { children: [
-            !b && y && /* @__PURE__ */ e(oe, {}),
-            f && !!c && !b && /* @__PURE__ */ e(te, { Icon: de, onClick: () => r(null) }),
+            !v && w && /* @__PURE__ */ e(oe, {}),
+            f && !!c && !v && /* @__PURE__ */ e(te, { Icon: de, onClick: () => r(null) }),
             /* @__PURE__ */ e(te, { Icon: ve })
           ] }),
           /* @__PURE__ */ e(U, { open: p, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: R }, children: [
@@ -2313,14 +2320,14 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: T,
+                  ref: P,
                   type: "text",
                   placeholder: "Search",
-                  value: x,
+                  value: b,
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-[var(--control-transition-duration)] focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
                   onChange: (B) => N(B.target.value),
                   onKeyDown: (B) => {
-                    B.key === "Enter" && P != null && (B.preventDefault(), ze(P));
+                    B.key === "Enter" && E != null && (B.preventDefault(), ze(E));
                   }
                 }
               ),
@@ -2329,13 +2336,13 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1 p-2", children: [
               !O && !Oe && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
               O && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(Se, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              !O && k.map((B, A) => {
+              !O && y.map((B, A) => {
                 if (!H(B))
                   return B.kind === "header" ? /* @__PURE__ */ e(
                     He,
                     {
                       ref: (pe) => {
-                        j.current[A] = pe;
+                        $.current[A] = pe;
                       },
                       children: B.label
                     },
@@ -2344,7 +2351,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                     $e,
                     {
                       ref: (pe) => {
-                        j.current[A] = pe;
+                        $.current[A] = pe;
                       }
                     },
                     `divider-${A}`
@@ -2355,12 +2362,12 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
                   {
                     ...re({
                       ref(pe) {
-                        j.current[A] = pe;
+                        $.current[A] = pe;
                       }
                     }),
                     onClick: () => ze(A),
                     selected: ie,
-                    active: P === A,
+                    active: E === A,
                     disabled: B.disabled,
                     children: B.label
                   },
@@ -2371,7 +2378,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
           ] }) })
         ] }),
         /* @__PURE__ */ e(V, { children: a }),
-        /* @__PURE__ */ e(K, { children: y })
+        /* @__PURE__ */ e(K, { children: w })
       ]
     }
   ) });
@@ -2400,7 +2407,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   stone: "bg-stone-100 text-stone-700 ring-stone-200 dark:bg-stone-950 dark:text-stone-300 dark:ring-stone-800",
   white: "bg-[var(--color-badge-white-bg)] text-[var(--color-badge-white-text)] ring-[var(--color-badge-white-ring)]",
   black: "bg-[var(--color-badge-black-bg)] text-[var(--color-badge-black-text)] ring-[var(--color-badge-black-ring)]"
-}, Ee = C.forwardRef((n, t) => {
+}, Ee = k.forwardRef((n, t) => {
   const {
     className: l,
     children: a,
@@ -2408,7 +2415,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
     showCloseIcon: o,
     Icon: i,
     color: s = "gray"
-  } = n, c = u(
+  } = n, c = h(
     "inline-flex align-top items-center gap-2 px-3 h-7 rounded-[var(--border-radius-badge)] font-[number:var(--font-weight-badge)] font-[family-name:var(--font-family-base)]",
     Mr[s],
     l
@@ -2416,7 +2423,7 @@ const u = (...n) => n.filter(Boolean).join(" "), jn = [
   return r ? /* @__PURE__ */ e("div", { ref: t, children: /* @__PURE__ */ d(
     "button",
     {
-      className: u("cursor-pointer ring-0 hover:ring-[length:var(--control-ring-width)] active:ring-[length:var(--control-ring-width-active)] transition-all duration-[var(--control-transition-duration-fast)] select-none focus:outline-none focus:ring-[length:var(--control-ring-width)]", c),
+      className: h("cursor-pointer ring-0 hover:ring-[length:var(--control-ring-width)] active:ring-[length:var(--control-ring-width-active)] transition-all duration-[var(--control-transition-duration-fast)] select-none focus:outline-none focus:ring-[length:var(--control-ring-width)]", c),
       onClick: r,
       children: [
         i && /* @__PURE__ */ e(i, { className: "h-4 w-4 shrink-0" }),
@@ -2443,46 +2450,46 @@ function Br(n) {
     itemCount: o,
     deps: i = [],
     gap: s = 4
-  } = n, [c, v] = W(0);
+  } = n, [c, g] = W(0);
   return St(() => {
     if (!t) return;
-    const R = l.current, y = a.current;
-    if (!R || !y) return;
+    const R = l.current, w = a.current;
+    if (!R || !w) return;
     const m = () => {
       if (o === 0) {
-        v(0);
+        g(0);
         return;
       }
       if (o === 1) {
-        v(1);
+        g(1);
         return;
       }
-      const f = window.getComputedStyle(R), p = parseFloat(f.paddingLeft || "0"), h = R.getBoundingClientRect(), I = h.left + p;
-      let x = h.right - parseFloat(f.paddingRight || "0");
+      const f = window.getComputedStyle(R), p = parseFloat(f.paddingLeft || "0"), u = R.getBoundingClientRect(), I = u.left + p;
+      let b = u.right - parseFloat(f.paddingRight || "0");
       const N = r?.current;
       if (N) {
-        const w = N.getBoundingClientRect();
-        w.width > 0 && (x = Math.min(x, w.left - s));
+        const x = N.getBoundingClientRect();
+        x.width > 0 && (b = Math.min(b, x.left - s));
       }
-      const k = Math.max(0, x - I), S = Array.from(y.children);
+      const y = Math.max(0, b - I), S = Array.from(w.children);
       if (S.length < o + 1) return;
       let z = 0;
-      for (let w = 0; w < o; w++)
-        z += S[w].offsetWidth + (w > 0 ? s : 0);
-      if (z <= k) {
-        v(o);
+      for (let x = 0; x < o; x++)
+        z += S[x].offsetWidth + (x > 0 ? s : 0);
+      if (z <= y) {
+        g(o);
         return;
       }
       const L = S[o].offsetWidth;
-      let T = 0, O = 0;
-      for (let w = 0; w < o; w++) {
-        const g = S[w].offsetWidth, M = T + g + (w > 0 ? s : 0);
-        if (M + L + s > k) break;
-        T = M, O++;
+      let P = 0, O = 0;
+      for (let x = 0; x < o; x++) {
+        const C = S[x].offsetWidth, T = P + C + (x > 0 ? s : 0);
+        if (T + L + s > y) break;
+        P = T, O++;
       }
-      v(Math.max(1, O));
-    }, b = new ResizeObserver(m);
-    return b.observe(R), r?.current && b.observe(r.current), m(), () => b.disconnect();
+      g(Math.max(1, O));
+    }, v = new ResizeObserver(m);
+    return v.observe(R), r?.current && v.observe(r.current), m(), () => v.disconnect();
   }, [t, o, ...i]), c;
 }
 const Lo = (n) => {
@@ -2495,111 +2502,111 @@ const Lo = (n) => {
     onSearch: i,
     value: s,
     placeholder: c,
-    maxHeight: v = 300,
+    maxHeight: g = 300,
     error: R,
-    size: y = "md",
+    size: w = "md",
     singleLine: m = !1,
-    color: b = "blue",
+    color: v = "blue",
     disabled: f = !1,
     clearable: p = !1
-  } = n, [h, I] = W(!1), [x, N] = W(r), [k, S] = W(""), [z, L] = W(null), T = C.useRef(null), O = C.useRef(null), w = C.useRef([]), g = C.useRef(null), M = C.useRef(null), P = se(
-    () => s.map((D) => r.find((F) => H(F) && J(F.value, D))).filter((D) => D !== void 0),
+  } = n, [u, I] = W(!1), [b, N] = W(r), [y, S] = W(""), [z, L] = W(null), P = k.useRef(null), O = k.useRef(null), x = k.useRef([]), C = k.useRef(null), T = k.useRef(null), E = se(
+    () => s.map((D) => r.find((M) => H(M) && J(M.value, D))).filter((D) => D !== void 0),
     [s, r]
-  ), $ = (D) => {
+  ), _ = (D) => {
     if (D === "") return r;
-    const F = D.toLowerCase();
-    return r.filter((Ie) => H(Ie) && typeof Ie.label == "string" ? Ie.label.toLowerCase().includes(F) : !0);
-  }, j = se(
-    () => k !== "" ? x : r,
-    [k, x, r]
+    const M = D.toLowerCase();
+    return r.filter((Ie) => H(Ie) && typeof Ie.label == "string" ? Ie.label.toLowerCase().includes(M) : !0);
+  }, $ = se(
+    () => y !== "" ? b : r,
+    [y, b, r]
   ), ae = se(
-    () => j.map((D, F) => !H(D) || D.disabled ? F : -1).filter((D) => D !== -1),
-    [j]
+    () => $.map((D, M) => !H(D) || D.disabled ? M : -1).filter((D) => D !== -1),
+    [$]
   );
-  xe(h, () => I(!1)), _(() => {
-    N((i ?? $)(k));
-  }, [k, r, i]), _(() => {
-    if (h) {
+  xe(u, () => I(!1)), j(() => {
+    N((i ?? _)(y));
+  }, [y, r, i]), j(() => {
+    if (u) {
       setTimeout(() => O.current?.focus(), 100);
-      const D = r.findIndex((F) => H(F) && !F.disabled);
+      const D = r.findIndex((M) => H(M) && !M.disabled);
       L(D >= 0 ? D : null);
     } else
       L(null), S("");
-  }, [h]), _(() => {
-    if (!h) return;
-    const D = j.findIndex((F) => H(F) && !F.disabled);
+  }, [u]), j(() => {
+    if (!u) return;
+    const D = $.findIndex((M) => H(M) && !M.disabled);
     L(D >= 0 ? D : null);
-  }, [k, h, j]);
-  const ye = Br({
+  }, [y, u, $]);
+  const Ne = Br({
     enabled: m,
-    triggerRef: T,
-    measureRef: g,
-    trayRef: M,
-    itemCount: P.length,
-    deps: [P, R]
-  }), { anchorRef: E, Popover: U, getReferenceProps: le, getItemProps: re } = _e({
+    triggerRef: P,
+    measureRef: C,
+    trayRef: T,
+    itemCount: E.length,
+    deps: [E, R]
+  }), { anchorRef: F, Popover: U, getReferenceProps: le, getItemProps: re } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
-    open: h,
+    open: u,
     onOpenChange: I,
-    listRef: w,
+    listRef: x,
     activeIndex: z,
     onNavigate: L,
     disabledIndices: ae
   }), ze = (D) => {
-    s.some((F) => J(F, D)) ? o(s.filter((F) => !J(F, D))) : o([...s, D]);
+    s.some((M) => J(M, D)) ? o(s.filter((M) => !J(M, D))) : o([...s, D]);
   }, Oe = (D) => {
-    const F = j[D];
-    F && H(F) && !F.disabled && ze(F.value);
-  }, B = j.some((D) => H(D)), A = s.length > 0, ie = m ? ye : P.length, pe = P.slice(0, ie), ft = P.length - ie;
-  return /* @__PURE__ */ e(q.Provider, { value: y, children: /* @__PURE__ */ d(
+    const M = $[D];
+    M && H(M) && !M.disabled && ze(M.value);
+  }, B = $.some((D) => H(D)), A = s.length > 0, ie = m ? Ne : E.length, pe = E.slice(0, ie), ft = E.length - ie;
+  return /* @__PURE__ */ e(q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col",
         t
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
-        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: E, children: [
+        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: F, children: [
           /* @__PURE__ */ d(
             "div",
             {
               ...le({
-                ref: T,
+                ref: P,
                 role: "button",
                 tabIndex: f ? -1 : 0,
                 "aria-disabled": f,
                 onClick: () => {
-                  f || I(!h);
+                  f || I(!u);
                 },
                 onKeyDown: (D) => {
-                  f || (D.key === " " ? (D.preventDefault(), I((F) => !F)) : D.key === "Enter" && !h ? (D.preventDefault(), I(!0)) : D.key === "Backspace" && !h && A && (D.preventDefault(), o(s.slice(0, -1))));
+                  f || (D.key === " " ? (D.preventDefault(), I((M) => !M)) : D.key === "Enter" && !u ? (D.preventDefault(), I(!0)) : D.key === "Backspace" && !u && A && (D.preventDefault(), o(s.slice(0, -1))));
                 }
               }),
-              className: u(
+              className: h(
                 "flex flex-row items-center gap-1 border-[length:var(--border-width-input)] select-trigger transition-all duration-[var(--control-transition-duration)] rounded-[var(--border-radius-input)] shadow-[var(--shadow-control)] ring-0 focus:ring-[length:var(--control-ring-width)] focus:outline-none select-none font-[number:var(--font-weight-input-text)] font-[family-name:var(--font-family-base)]",
-                m && u("flex-nowrap overflow-hidden", Q[y]),
-                !m && u("flex-wrap py-1.5", Bt[y]),
-                G[y],
-                he[y],
-                p && A ? Be[y] : fe[y],
+                m && h("flex-nowrap overflow-hidden", Q[w]),
+                !m && h("flex-wrap py-1.5", Bt[w]),
+                G[w],
+                he[w],
+                p && A ? Be[w] : fe[w],
                 f ? "select-trigger-disabled" : R && "select-trigger-error",
-                !f && h && "ring-[length:var(--control-ring-width)]"
+                !f && u && "ring-[length:var(--control-ring-width)]"
               ),
               children: [
-                A && pe.map((D, F) => /* @__PURE__ */ e(
+                A && pe.map((D, M) => /* @__PURE__ */ e(
                   Ee,
                   {
-                    color: b,
-                    className: u(
+                    color: v,
+                    className: h(
                       m && ie > 1 && "shrink-0",
                       (!m || ie === 1) && "max-w-full min-w-0"
                     ),
                     children: D.label
                   },
-                  `badge-${F}`
+                  `badge-${M}`
                 )),
                 A && ft > 0 && /* @__PURE__ */ d("span", { className: "shrink-0 text-sm font-[number:var(--font-weight-input-option-label)] select-placeholder px-1", children: [
                   "+",
@@ -2613,25 +2620,25 @@ const Lo = (n) => {
           m && /* @__PURE__ */ d(
             "div",
             {
-              ref: g,
+              ref: C,
               "aria-hidden": !0,
               className: "absolute top-0 left-0 invisible pointer-events-none flex flex-row flex-nowrap items-center gap-1 w-max",
               children: [
-                P.map((D, F) => /* @__PURE__ */ e(Ee, { color: b, children: D.label }, `measure-${F}`)),
-                P.length > 0 && /* @__PURE__ */ d("span", { className: "text-sm font-[number:var(--font-weight-input-option-label)] px-1", children: [
+                E.map((D, M) => /* @__PURE__ */ e(Ee, { color: v, children: D.label }, `measure-${M}`)),
+                E.length > 0 && /* @__PURE__ */ d("span", { className: "text-sm font-[number:var(--font-weight-input-option-label)] px-1", children: [
                   "+",
-                  P.length,
+                  E.length,
                   " more"
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ d(me, { ref: M, children: [
+          /* @__PURE__ */ d(me, { ref: T, children: [
             !f && R && /* @__PURE__ */ e(oe, {}),
             p && A && !f && /* @__PURE__ */ e(te, { Icon: de, onClick: () => o([]) }),
             /* @__PURE__ */ e(te, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(U, { open: h, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: v }, children: [
+          /* @__PURE__ */ e(U, { open: u, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
             /* @__PURE__ */ d("div", { className: "sticky top-0 border-b select-search-bar py-1 backdrop-blur-sm", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -2639,37 +2646,37 @@ const Lo = (n) => {
                   ref: O,
                   type: "text",
                   placeholder: "Search",
-                  value: k,
+                  value: y,
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-[var(--control-transition-duration)] focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
                   onChange: (D) => S(D.target.value),
                   onKeyDown: (D) => {
-                    D.key === "Enter" && z != null ? (D.preventDefault(), Oe(z)) : D.key === "Backspace" && k === "" && A && (D.preventDefault(), o(s.slice(0, -1)));
+                    D.key === "Enter" && z != null ? (D.preventDefault(), Oe(z)) : D.key === "Backspace" && y === "" && A && (D.preventDefault(), o(s.slice(0, -1)));
                   }
                 }
               ),
               /* @__PURE__ */ e(Fe, { className: "absolute select-search-icon left-4 top-4 h-4 w-4" })
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col gap-1 p-2", children: [
-              k !== "" && !B && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              j.map((D, F) => {
+              y !== "" && !B && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
+              $.map((D, M) => {
                 if (!H(D))
                   return D.kind === "header" ? /* @__PURE__ */ e(
                     He,
                     {
                       ref: (ge) => {
-                        w.current[F] = ge;
+                        x.current[M] = ge;
                       },
                       children: D.label
                     },
-                    `header-${F}`
+                    `header-${M}`
                   ) : /* @__PURE__ */ e(
                     $e,
                     {
                       ref: (ge) => {
-                        w.current[F] = ge;
+                        x.current[M] = ge;
                       }
                     },
-                    `divider-${F}`
+                    `divider-${M}`
                   );
                 const Ie = s.some((ge) => J(ge, D.value));
                 return /* @__PURE__ */ e(
@@ -2677,16 +2684,16 @@ const Lo = (n) => {
                   {
                     ...re({
                       ref(ge) {
-                        w.current[F] = ge;
+                        x.current[M] = ge;
                       }
                     }),
-                    onClick: () => Oe(F),
+                    onClick: () => Oe(M),
                     selected: Ie,
-                    active: z === F,
+                    active: z === M,
                     disabled: D.disabled,
                     children: D.label
                   },
-                  `option-${F}`
+                  `option-${M}`
                 );
               })
             ] })
@@ -2697,7 +2704,7 @@ const Lo = (n) => {
       ]
     }
   ) });
-}, Eo = C.forwardRef((n, t) => {
+}, Eo = k.forwardRef((n, t) => {
   const {
     className: l,
     children: a,
@@ -2707,7 +2714,7 @@ const Lo = (n) => {
     "div",
     {
       ref: t,
-      className: u(
+      className: h(
         "flex flex-col gap-6 border-[length:var(--border-width-input)] panel-base rounded-[var(--border-radius-panel)] shadow-[var(--shadow-control)] px-6 py-6",
         l
       ),
@@ -2715,7 +2722,7 @@ const Lo = (n) => {
       children: a
     }
   );
-}), Fo = C.forwardRef((n, t) => {
+}), Fo = k.forwardRef((n, t) => {
   const {
     className: l,
     children: a,
@@ -2725,7 +2732,7 @@ const Lo = (n) => {
     "div",
     {
       ref: t,
-      className: u(
+      className: h(
         "flex flex-col gap-1 border-[length:var(--border-width-input)] panel-base rounded-[var(--border-radius-panel)] shadow-[var(--shadow-control)] p-2",
         l
       ),
@@ -2744,20 +2751,20 @@ const Lo = (n) => {
   return r === "horizontal" ? /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-row items-center gap-3 px-3 py-2",
         t
       ),
       ...o,
       children: [
-        /* @__PURE__ */ e("div", { className: u(Ct, "w-1/2 line-clamp-1 break-all"), children: l }),
+        /* @__PURE__ */ e("div", { className: h(Ct, "w-1/2 line-clamp-1 break-all"), children: l }),
         /* @__PURE__ */ e("div", { className: "w-1/2 line-clamp-1 break-all", children: a })
       ]
     }
   ) : /* @__PURE__ */ d(
     "div",
     {
-      className: u(
+      className: h(
         "flex flex-col gap-1 px-3 py-2",
         t
       ),
@@ -2791,18 +2798,18 @@ const Lo = (n) => {
       /* @__PURE__ */ e("span", { className: "truncate", children: l })
     ] }),
     /* @__PURE__ */ d("span", { className: "inline-flex flex-row items-center gap-2 shrink-0", children: [
-      i && r && /* @__PURE__ */ e(i, { className: u("h-5 w-5", Ur[r]) }),
+      i && r && /* @__PURE__ */ e(i, { className: h("h-5 w-5", Ur[r]) }),
       /* @__PURE__ */ e(un, { className: "h-5 w-5 text-[var(--color-input-icon-button-icon)]" })
     ] })
   ] });
   if (o.href !== void 0) {
-    const { href: c, ...v } = o;
+    const { href: c, ...g } = o;
     return /* @__PURE__ */ e(
       "a",
       {
         href: c,
-        className: u(It, t),
-        ...v,
+        className: h(It, t),
+        ...g,
         children: s
       }
     );
@@ -2810,7 +2817,7 @@ const Lo = (n) => {
   return /* @__PURE__ */ e(
     "button",
     {
-      className: u(It, t),
+      className: h(It, t),
       ...o,
       children: s
     }
@@ -2824,7 +2831,7 @@ const Lo = (n) => {
   return /* @__PURE__ */ e(
     "div",
     {
-      className: u(
+      className: h(
         l ? "w-px h-full bg-[var(--color-divider)]" : "w-full h-px bg-[var(--color-divider)]",
         t
       ),
@@ -2839,7 +2846,7 @@ const Lo = (n) => {
     placement: r = "top",
     minWidth: o = 100,
     maxWidth: i = 200
-  } = n, [s, c] = W(!1), { anchorRef: v, Popover: R } = ut({
+  } = n, [s, c] = W(!1), { anchorRef: g, Popover: R } = ut({
     placement: r,
     minWidth: o,
     maxWidth: i
@@ -2847,7 +2854,7 @@ const Lo = (n) => {
   return /* @__PURE__ */ d(
     "span",
     {
-      ref: v,
+      ref: g,
       className: a,
       onMouseEnter: () => c(!0),
       onMouseLeave: () => c(!1),
@@ -2892,7 +2899,7 @@ const Lo = (n) => {
     /* @__PURE__ */ e("div", { className: "fixed inset-0 flex flex-col items-center pointer-events-none p-4 lg:p-12 overflow-y-auto z-50", children: /* @__PURE__ */ d(
       Y.div,
       {
-        className: u(
+        className: h(
           "flex flex-col modal-content rounded-[var(--border-radius-panel)] shadow-[var(--shadow-overlay)] p-6 lg:p-12 pointer-events-auto w-full relative",
           i
         ),
@@ -2952,7 +2959,7 @@ const Lo = (n) => {
     /* @__PURE__ */ e("div", { className: "fixed inset-0 flex flex-row justify-end pointer-events-none z-50", children: /* @__PURE__ */ d(
       Y.div,
       {
-        className: u(
+        className: h(
           "flex flex-col modal-content shadow-[var(--shadow-overlay)] p-6 lg:p-12 pointer-events-auto h-full w-full overflow-y-auto relative",
           i
         ),
@@ -2983,21 +2990,21 @@ const Lo = (n) => {
     tabs: l,
     size: a = "md"
   } = n;
-  return /* @__PURE__ */ e(q.Provider, { value: a, children: /* @__PURE__ */ e("div", { className: u(
+  return /* @__PURE__ */ e(q.Provider, { value: a, children: /* @__PURE__ */ e("div", { className: h(
     "tab-container p-1 rounded-[var(--border-radius-tab)] inline-flex flex-row space-x-1 overflow-x-auto mat-ui-hide-scrollbars",
     Q[a],
     t
   ), children: l.map((r, o) => {
-    const i = u(
+    const i = h(
       "shrink-0 h-full inline-flex flex-row items-center font-[number:var(--font-weight-tab)] font-[family-name:var(--font-family-base)] rounded-[var(--border-radius-tab)] cursor-pointer border border-transparent ring-0 tab-button transition-all duration-[var(--control-transition-duration)] select-none focus:outline-none focus:ring-0",
       ct[a],
       G[a],
       st[a],
       r.active && "tab-button-active shadow-[var(--shadow-control)]"
     ), s = /* @__PURE__ */ d(ne, { children: [
-      r.Icon && /* @__PURE__ */ e(r.Icon, { className: u(ee[a], "shrink-0 -ml-1") }),
+      r.Icon && /* @__PURE__ */ e(r.Icon, { className: h(ee[a], "shrink-0 -ml-1") }),
       r.label,
-      r.count != null && /* @__PURE__ */ e("span", { className: u(
+      r.count != null && /* @__PURE__ */ e("span", { className: h(
         "shrink-0 inline-flex items-center justify-center h-5 min-w-5 px-1.5 rounded-full font-[number:var(--font-weight-tab-count)] font-[family-name:var(--font-family-base)] text-[length:var(--font-size-tab-count)]",
         r.active ? "tab-button-count-active" : "tab-button-count"
       ), children: r.count })
@@ -3026,11 +3033,11 @@ const Lo = (n) => {
     tabs: l,
     size: a = "md"
   } = n;
-  return /* @__PURE__ */ e(q.Provider, { value: a, children: /* @__PURE__ */ e("div", { className: u(
+  return /* @__PURE__ */ e(q.Provider, { value: a, children: /* @__PURE__ */ e("div", { className: h(
     "tabs-container w-full flex flex-row border-b-[length:var(--border-width-input)] overflow-x-auto mat-ui-hide-scrollbars",
     t
   ), children: l.map((r, o) => {
-    const i = u(
+    const i = h(
       "tabs-tab shrink-0 -mb-[var(--border-width-input)] inline-flex flex-row items-center font-[number:var(--font-weight-tabs)] font-[family-name:var(--font-family-base)] cursor-pointer border-b-[length:var(--border-width-tabs-indicator)] ring-0 transition-colors duration-[var(--control-transition-duration)] select-none focus:outline-none focus:ring-0",
       Q[a],
       ct[a],
@@ -3038,9 +3045,9 @@ const Lo = (n) => {
       st[a],
       r.active ? "tabs-tab-active" : "border-transparent"
     ), s = /* @__PURE__ */ d(ne, { children: [
-      r.Icon && /* @__PURE__ */ e(r.Icon, { className: u(ee[a], "shrink-0") }),
+      r.Icon && /* @__PURE__ */ e(r.Icon, { className: h(ee[a], "shrink-0") }),
       r.label,
-      r.count != null && /* @__PURE__ */ e("span", { className: u(
+      r.count != null && /* @__PURE__ */ e("span", { className: h(
         "shrink-0 inline-flex items-center justify-center h-5 min-w-5 px-1.5 rounded-full font-[number:var(--font-weight-tab-count)] font-[family-name:var(--font-family-base)] text-[length:var(--font-size-tab-count)]",
         r.active ? "tabs-tab-count-active" : "tabs-tab-count"
       ), children: r.count })
@@ -3073,27 +3080,27 @@ const Lo = (n) => {
     onPinnedChange: i,
     children: s,
     className: c,
-    ...v
-  } = n, R = C.useRef(null), y = C.useRef(null), m = C.useRef(null), b = C.useRef(!0), f = C.useRef(!1), p = C.useRef(i);
-  return p.current = i, C.useEffect(() => {
-    const h = R.current, I = y.current;
-    if (!h || !I) return;
-    let x = !0;
-    const N = () => a ? h.scrollWidth - h.clientWidth : h.scrollHeight - h.clientHeight, k = () => a ? h.scrollLeft : h.scrollTop, S = (g) => {
-      a ? h.scrollLeft = g : h.scrollTop = g;
-    }, z = (g) => {
-      b.current !== g && (b.current = g, p.current?.(g));
+    ...g
+  } = n, R = k.useRef(null), w = k.useRef(null), m = k.useRef(null), v = k.useRef(!0), f = k.useRef(!1), p = k.useRef(i);
+  return p.current = i, k.useEffect(() => {
+    const u = R.current, I = w.current;
+    if (!u || !I) return;
+    let b = !0;
+    const N = () => a ? u.scrollWidth - u.clientWidth : u.scrollHeight - u.clientHeight, y = () => a ? u.scrollLeft : u.scrollTop, S = (C) => {
+      a ? u.scrollLeft = C : u.scrollTop = C;
+    }, z = (C) => {
+      v.current !== C && (v.current = C, p.current?.(C));
     }, L = () => {
-      if (r && !b.current) return;
-      const g = N(), M = k();
-      if (!(g <= 0 || Math.abs(g - M) < 1)) {
-        if (x) {
-          x = !1, f.current = !0, S(g), requestAnimationFrame(() => {
+      if (r && !v.current) return;
+      const C = N(), T = y();
+      if (!(C <= 0 || Math.abs(C - T) < 1)) {
+        if (b) {
+          b = !1, f.current = !0, S(C), requestAnimationFrame(() => {
             f.current = !1;
           });
           return;
         }
-        m.current?.stop(), f.current = !0, m.current = qt(M, g, {
+        m.current?.stop(), f.current = !0, m.current = qt(T, C, {
           duration: t,
           ease: l,
           onUpdate: S,
@@ -3104,27 +3111,27 @@ const Lo = (n) => {
           }
         });
       }
-    }, T = new ResizeObserver(L);
-    T.observe(I);
+    }, P = new ResizeObserver(L);
+    P.observe(I);
     const O = () => {
-      f.current || z(N() - k() <= o);
-    }, w = () => {
+      f.current || z(N() - y() <= o);
+    }, x = () => {
       m.current?.stop(), f.current = !1;
     };
-    return r && (h.addEventListener("scroll", O, { passive: !0 }), h.addEventListener("wheel", w, { passive: !0 }), h.addEventListener("touchstart", w, { passive: !0 })), () => {
-      T.disconnect(), m.current?.stop(), r && (h.removeEventListener("scroll", O), h.removeEventListener("wheel", w), h.removeEventListener("touchstart", w));
+    return r && (u.addEventListener("scroll", O, { passive: !0 }), u.addEventListener("wheel", x, { passive: !0 }), u.addEventListener("touchstart", x, { passive: !0 })), () => {
+      P.disconnect(), m.current?.stop(), r && (u.removeEventListener("scroll", O), u.removeEventListener("wheel", x), u.removeEventListener("touchstart", x));
     };
   }, [t, l, a, r, o]), /* @__PURE__ */ e(
     "div",
     {
       ref: R,
-      className: u(
+      className: h(
         "min-h-0 min-w-0",
         a ? "overflow-x-auto" : "overflow-y-auto",
         c
       ),
-      ...v,
-      children: /* @__PURE__ */ e("div", { ref: y, children: s })
+      ...g,
+      children: /* @__PURE__ */ e("div", { ref: w, children: s })
     }
   );
 };
@@ -3136,61 +3143,61 @@ function Hr(n) {
     disabled: r = !1,
     primaryButtonOnly: o = !0,
     preventScrollOnMove: i = !0
-  } = n, [s, c] = C.useState(!1), v = C.useRef(!1), R = C.useRef(0), y = C.useRef(0), m = C.useRef(0), b = C.useRef(null), f = C.useRef(null), p = C.useRef({ onDelta: t, onDragStart: l, onDragEnd: a, preventScrollOnMove: i });
-  C.useEffect(() => {
+  } = n, [s, c] = k.useState(!1), g = k.useRef(!1), R = k.useRef(0), w = k.useRef(0), m = k.useRef(0), v = k.useRef(null), f = k.useRef(null), p = k.useRef({ onDelta: t, onDragStart: l, onDragEnd: a, preventScrollOnMove: i });
+  k.useEffect(() => {
     p.current = { onDelta: t, onDragStart: l, onDragEnd: a, preventScrollOnMove: i };
   });
-  const h = C.useRef({}), I = C.useCallback((N) => {
-    if (!v.current) return;
-    const k = {
-      clientX: N ?? y.current,
+  const u = k.useRef({}), I = k.useCallback((N) => {
+    if (!g.current) return;
+    const y = {
+      clientX: N ?? w.current,
       startX: R.current,
       totalDeltaX: m.current,
-      target: b.current
+      target: v.current
     };
-    v.current = !1, c(!1);
-    const { move: S, up: z, keydown: L } = h.current;
-    S && window.removeEventListener("pointermove", S, !0), z && (window.removeEventListener("pointerup", z, !0), window.removeEventListener("pointercancel", z, !0)), L && window.removeEventListener("keydown", L, !0), h.current = {}, f.current != null && (cancelAnimationFrame(f.current), f.current = null), p.current.onDragEnd?.(k), b.current = null, m.current = 0;
-  }, []), x = C.useCallback((N) => {
+    g.current = !1, c(!1);
+    const { move: S, up: z, keydown: L } = u.current;
+    S && window.removeEventListener("pointermove", S, !0), z && (window.removeEventListener("pointerup", z, !0), window.removeEventListener("pointercancel", z, !0)), L && window.removeEventListener("keydown", L, !0), u.current = {}, f.current != null && (cancelAnimationFrame(f.current), f.current = null), p.current.onDragEnd?.(y), v.current = null, m.current = 0;
+  }, []), b = k.useCallback((N) => {
     if (r || o && N.button !== 0) return;
-    N.target.setPointerCapture?.(N.pointerId), R.current = N.clientX, y.current = N.clientX, m.current = 0, b.current = N.target, v.current = !0, c(!0);
-    const k = {
+    N.target.setPointerCapture?.(N.pointerId), R.current = N.clientX, w.current = N.clientX, m.current = 0, v.current = N.target, g.current = !0, c(!0);
+    const y = {
       clientX: N.clientX,
       startX: N.clientX,
       totalDeltaX: 0,
       target: N.target
     };
-    p.current.onDragStart?.(k);
-    const S = (T) => {
-      v.current && f.current == null && (f.current = requestAnimationFrame(() => {
+    p.current.onDragStart?.(y);
+    const S = (P) => {
+      g.current && f.current == null && (f.current = requestAnimationFrame(() => {
         f.current = null;
-        const O = T.clientX, w = O - y.current;
-        if (w === 0) return;
-        y.current = O, m.current += w;
-        const g = {
+        const O = P.clientX, x = O - w.current;
+        if (x === 0) return;
+        w.current = O, m.current += x;
+        const C = {
           clientX: O,
           startX: R.current,
           totalDeltaX: m.current,
-          target: b.current
+          target: v.current
         };
-        p.current.preventScrollOnMove && T.preventDefault(), p.current.onDelta(w, g);
+        p.current.preventScrollOnMove && P.preventDefault(), p.current.onDelta(x, C);
       }));
-    }, z = (T) => {
-      I(T.clientX);
-    }, L = (T) => {
-      T.key === "Escape" && (T.preventDefault(), I());
+    }, z = (P) => {
+      I(P.clientX);
+    }, L = (P) => {
+      P.key === "Escape" && (P.preventDefault(), I());
     };
-    h.current = { move: S, up: z, keydown: L }, window.addEventListener("pointermove", S, {
+    u.current = { move: S, up: z, keydown: L }, window.addEventListener("pointermove", S, {
       passive: !i,
       capture: !0
     }), window.addEventListener("pointerup", z, { capture: !0 }), window.addEventListener("pointercancel", z, { capture: !0 }), window.addEventListener("keydown", L, !0);
   }, [I, r, i, o]);
-  return C.useEffect(() => () => {
-    v.current && I();
+  return k.useEffect(() => () => {
+    g.current && I();
   }, [I]), {
     isDragging: s,
     bind: {
-      onPointerDown: x,
+      onPointerDown: b,
       role: "separator",
       style: { touchAction: "none", cursor: "col-resize", userSelect: "none" }
     }
@@ -3205,7 +3212,7 @@ const $r = (n) => {
     sortDirection: o,
     onSortClick: i
   } = n, s = !!t.sortable, { bind: c } = Hr({
-    onDelta: (v) => r(v)
+    onDelta: (g) => r(g)
   });
   return /* @__PURE__ */ d(
     "div",
@@ -3216,7 +3223,7 @@ const $r = (n) => {
         /* @__PURE__ */ d(
           "div",
           {
-            className: u(
+            className: h(
               "flex-1 min-w-0 px-4 table-header-cell transition-colors duration-[var(--control-transition-duration-fast)] flex flex-row items-center gap-2",
               s && "cursor-pointer"
             ),
@@ -3259,64 +3266,64 @@ const $r = (n) => {
     onSortChange: i,
     className: s,
     rowHeight: c = 44,
-    headerHeight: v = 44,
+    headerHeight: g = 44,
     emptyState: R
-  } = n, [y, m] = W(() => jr(t));
-  _(() => {
-    m((x) => {
+  } = n, [w, m] = W(() => jr(t));
+  j(() => {
+    m((b) => {
       const N = {};
-      let k = Object.keys(x).length !== t.length;
+      let y = Object.keys(b).length !== t.length;
       for (const S of t)
-        S.id in x ? N[S.id] = x[S.id] : (N[S.id] = S.defaultWidth ?? ke, k = !0);
-      return k ? N : x;
+        S.id in b ? N[S.id] = b[S.id] : (N[S.id] = S.defaultWidth ?? ke, y = !0);
+      return y ? N : b;
     });
   }, [t]);
-  const b = Pe((x, N, k) => {
+  const v = Pe((b, N, y) => {
     m((S) => {
-      const z = S[x] ?? ke, L = Math.max(k, z + N);
-      return L === z ? S : { ...S, [x]: L };
+      const z = S[b] ?? ke, L = Math.max(y, z + N);
+      return L === z ? S : { ...S, [b]: L };
     });
-  }, []), f = Pe((x) => {
+  }, []), f = Pe((b) => {
     if (i) {
-      if (!o || o.columnId !== x) {
-        i({ columnId: x, direction: "asc" });
+      if (!o || o.columnId !== b) {
+        i({ columnId: b, direction: "asc" });
         return;
       }
       if (o.direction === "asc") {
-        i({ columnId: x, direction: "desc" });
+        i({ columnId: b, direction: "desc" });
         return;
       }
       i(null);
     }
   }, [o, i]), p = t.reduce(
-    (x, N) => x + (y[N.id] ?? N.defaultWidth ?? ke),
+    (b, N) => b + (w[N.id] ?? N.defaultWidth ?? ke),
     0
-  ), h = Ce(null), I = (x) => {
-    h.current && (h.current.scrollLeft = x.currentTarget.scrollLeft);
+  ), u = Ce(null), I = (b) => {
+    u.current && (u.current.scrollLeft = b.currentTarget.scrollLeft);
   };
-  return /* @__PURE__ */ d("div", { className: u("flex flex-col h-full w-full", s), children: [
+  return /* @__PURE__ */ d("div", { className: h("flex flex-col h-full w-full", s), children: [
     /* @__PURE__ */ e(
       "div",
       {
-        ref: h,
+        ref: u,
         className: "overflow-hidden shrink-0 table-header-strip",
-        style: { height: v },
+        style: { height: g },
         children: /* @__PURE__ */ e(
           "div",
           {
             className: "flex flex-row table-header font-[number:var(--font-weight-table-header)]",
             style: { width: p, minWidth: "100%" },
-            children: t.map((x) => /* @__PURE__ */ e(
+            children: t.map((b) => /* @__PURE__ */ e(
               $r,
               {
-                column: x,
-                width: y[x.id] ?? x.defaultWidth ?? ke,
-                height: v,
-                onResize: (N) => b(x.id, N, x.minWidth ?? _r),
-                sortDirection: o?.columnId === x.id ? o.direction : null,
-                onSortClick: () => f(x.id)
+                column: b,
+                width: w[b.id] ?? b.defaultWidth ?? ke,
+                height: g,
+                onResize: (N) => v(b.id, N, b.minWidth ?? _r),
+                sortDirection: o?.columnId === b.id ? o.direction : null,
+                onSortClick: () => f(b.id)
               },
-              x.id
+              b.id
             ))
           }
         )
@@ -3332,28 +3339,28 @@ const $r = (n) => {
           {
             className: "flex flex-col",
             style: { width: p, minWidth: "100%" },
-            children: l.map((x, N) => /* @__PURE__ */ e(
+            children: l.map((b, N) => /* @__PURE__ */ e(
               "div",
               {
-                className: u(
+                className: h(
                   "flex flex-row table-body-row transition-colors duration-[var(--control-transition-duration-fast)]",
                   r && "cursor-pointer"
                 ),
-                onClick: r ? () => r(x, N) : void 0,
-                children: t.map((k) => /* @__PURE__ */ e(
+                onClick: r ? () => r(b, N) : void 0,
+                children: t.map((y) => /* @__PURE__ */ e(
                   "div",
                   {
                     className: "shrink-0 content-center px-4 relative",
                     style: {
-                      width: y[k.id] ?? k.defaultWidth ?? ke,
+                      width: w[y.id] ?? y.defaultWidth ?? ke,
                       height: c
                     },
-                    children: /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 font-[number:var(--font-weight-table-cell)]", children: k.renderCell(x, N) })
+                    children: /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 font-[number:var(--font-weight-table-cell)]", children: y.renderCell(b, N) })
                   },
-                  k.id
+                  y.id
                 ))
               },
-              a(x, N)
+              a(b, N)
             ))
           }
         )
@@ -3362,7 +3369,7 @@ const $r = (n) => {
   ] });
 }, jo = (n) => {
   const { Icon: t, title: l, description: a, children: r, className: o } = n;
-  return /* @__PURE__ */ d("div", { className: u("flex flex-col items-center gap-3 text-center", o), children: [
+  return /* @__PURE__ */ d("div", { className: h("flex flex-col items-center gap-3 text-center", o), children: [
     t && /* @__PURE__ */ e("div", { className: "flex h-14 w-14 items-center justify-center rounded-[var(--border-radius-panel)] bg-[var(--color-table-header-bg)]", children: /* @__PURE__ */ e(t, { className: "h-6 w-6 text-[var(--color-input-icon)]" }) }),
     (l || a) && /* @__PURE__ */ d("div", { className: "flex flex-col gap-1", children: [
       l && /* @__PURE__ */ e("div", { className: "font-[number:var(--font-weight-table-header)] text-[var(--color-input-text)]", children: l }),
@@ -3372,7 +3379,7 @@ const $r = (n) => {
   ] });
 }, Rt = (n) => {
   const { label: t, children: l, className: a } = n;
-  return /* @__PURE__ */ d("div", { className: u("flex flex-col dropdown-button-group", a), children: [
+  return /* @__PURE__ */ d("div", { className: h("flex flex-col dropdown-button-group", a), children: [
     t && /* @__PURE__ */ e("div", { className: "mb-2 text-[length:var(--font-size-label)] dropdown-group-label font-[number:var(--font-weight-group-header)] px-3", children: t }),
     l
   ] });
@@ -3509,7 +3516,7 @@ export {
   me as InputIconButtonTray,
   Z as InputLabel,
   zo as InputLexical,
-  yo as InputPassword,
+  No as InputPassword,
   ko as InputRadio,
   Er as InputSelect,
   $e as InputSelectDivider,
@@ -3519,9 +3526,9 @@ export {
   We as InputSelectOption,
   To as InputSelectSearchable,
   Po as InputSelectSearchableAsync,
-  No as InputTextArea,
+  yo as InputTextArea,
   Co as InputToggle,
-  yr as LEXICAL_NODES,
+  Nr as LEXICAL_NODES,
   Cr as LexicalBlockTypeSelect,
   Do as LexicalDefaultToolbarContent,
   Lr as LexicalFloatingToolbar,
@@ -3550,8 +3557,8 @@ export {
   Uo as Tooltip,
   wr as UploadFileTile,
   H as isSelectOption,
-  Nt as lexicalTheme,
-  Nr as useDropdownDismiss,
+  yt as lexicalTheme,
+  yr as useDropdownDismiss,
   we as useLexicalToolbar,
   Xt as useLexicalToolbarState,
   ut as usePopover,