@matthiaskrijgsman/mat-ui 0.0.46 → 0.0.47

package/dist/index.js

@@ -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";
@@ -451,15 +451,15 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
   };
   const p = k.useMemo(() => {
     const u = (I) => {
-      const { floatingStyles: b, setFloating: y, placement: N, getFloatingProps: S } = f.current, { className: z, open: L, children: P } = 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: b,
-          setFloating: y,
-          placement: N,
+          setFloating: N,
+          placement: y,
           floatingProps: S(),
           children: P
         }
@@ -481,7 +481,7 @@ const h = (...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,7 +490,7 @@ const h = (...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]));
@@ -561,8 +561,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                     boxShadow: Ve,
                     backgroundColor: w
                   },
-                  initial: Ne(!1),
-                  animate: Ne(m.isDragging),
+                  initial: ye(!1),
+                  animate: ye(m.isDragging),
                   transition: Ke
                 }
               )
@@ -590,8 +590,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                   backgroundColor: g,
                   boxShadow: Ve
                 },
-                initial: Ne(!1),
-                animate: Ne(v.isDragging),
+                initial: ye(!1),
+                animate: ye(v.isDragging),
                 transition: Ke
               }
             )
@@ -618,8 +618,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                   backgroundColor: w,
                   boxShadow: Ve
                 },
-                initial: Ne(!1),
-                animate: Ne(f.isDragging),
+                initial: ye(!1),
+                animate: ye(f.isDragging),
                 transition: Ke
               }
             )
@@ -644,9 +644,9 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     ...m
   } = n, [v, f] = W(
     s != null ? String(s) : c != null ? String(c) : ""
-  ), [p, u] = W(!1), I = Ce(null), b = s != null ? String(s) : v, y = b || "white";
+  ), [p, u] = W(!1), I = Ce(null), b = s != null ? String(s) : v, N = b || "white";
   xe(p, () => u(!1));
-  const { anchorRef: N, Popover: S } = ut({
+  const { anchorRef: y, Popover: S } = ut({
     placement: "bottom-start",
     open: p,
     onOpenChange: u
@@ -656,9 +656,9 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     u(!0), w?.(C);
   }, P = (C) => {
     const T = C.target.value, E = or(T);
-    E && E !== T && I.current && yt(I.current, E), u(!1), R?.(C);
+    E && E !== T && I.current && Nt(I.current, E), u(!1), R?.(C);
   }, O = (C) => {
-    I.current && yt(I.current, C);
+    I.current && Nt(I.current, C);
   }, x = !!r || !!o;
   return /* @__PURE__ */ e(q.Provider, { value: i, children: /* @__PURE__ */ d(
     "div",
@@ -669,7 +669,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
       ),
       children: [
         /* @__PURE__ */ e(Z, { children: l }),
-        /* @__PURE__ */ d("div", { className: "flex flex-col relative", ref: N, children: [
+        /* @__PURE__ */ d("div", { className: "flex flex-col relative", ref: y, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -678,7 +678,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                 ee[i],
                 Ut[i]
               ),
-              style: { backgroundColor: y }
+              style: { backgroundColor: N }
             }
           ),
           /* @__PURE__ */ e(
@@ -728,7 +728,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
       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 h = (...n) => n.filter(Boolean).join(" "), jn = [
       ...a
     }
   );
-}, No = (n) => {
+}, yo = (n) => {
   const {
     className: t,
     label: l,
@@ -762,7 +762,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     f.style.height = "auto";
     let p = f.scrollHeight;
     if (s) {
-      const u = window.getComputedStyle(f), I = parseFloat(u.lineHeight), b = parseFloat(u.paddingTop), y = parseFloat(u.paddingBottom), N = parseFloat(u.borderTopWidth), S = parseFloat(u.borderBottomWidth), z = I * s + b + y + N + 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`;
@@ -960,8 +960,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     const [x] = O;
     x && await w?.(x);
   }, {
-    getRootProps: y,
-    getInputProps: N,
+    getRootProps: N,
+    getInputProps: y,
     open: S,
     isDragActive: z,
     isFocused: L
@@ -979,7 +979,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     /* @__PURE__ */ d(
       "div",
       {
-        ...y({
+        ...N({
           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)]",
@@ -993,7 +993,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
           )
         }),
         children: [
-          /* @__PURE__ */ e("input", { ...N() }),
+          /* @__PURE__ */ e("input", { ...y() }),
           /* @__PURE__ */ e(i, { className: h("input-icon shrink-0", ee[s]) }),
           /* @__PURE__ */ e(
             "span",
@@ -1093,14 +1093,14 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     maxFiles: p,
     disabled: u = !1,
     className: I
-  } = n, b = Ce(0), [y, N] = W(
+  } = n, b = Ce(0), [N, y] = W(
     () => (s ?? []).map((T) => ({
       id: String(++b.current),
       file: T,
       status: "uploaded"
     }))
   ), S = (T, E) => {
-    N((_) => _.map(($) => $.id === T ? { ...$, ...E } : $));
+    y((_) => _.map(($) => $.id === T ? { ...$, ...E } : $));
   }, z = (T) => {
     if (T.length === 0) return;
     const E = T.map((_) => ({
@@ -1108,7 +1108,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
       file: _,
       status: c ? "uploading" : "idle"
     }));
-    if (N((_) => [..._, ...E]), !!c)
+    if (y((_) => [..._, ...E]), !!c)
       for (const _ of E)
         Promise.resolve().then(() => c(_.file)).then(() => S(_.id, { status: "uploaded" })).catch(($) => {
           S(_.id, {
@@ -1117,8 +1117,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
           });
         });
   }, L = (T) => {
-    const E = y.find((_) => _.id === T);
-    N((_) => _.filter(($) => $.id !== T)), E && g?.(E.file);
+    const E = N.find((_) => _.id === T);
+    y((_) => _.filter(($) => $.id !== T)), E && g?.(E.file);
   }, {
     getRootProps: P,
     getInputProps: O,
@@ -1158,7 +1158,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
         ]
       }
     ),
-    y.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mt-3", children: y.map((T) => {
+    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",
@@ -1171,13 +1171,13 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     /* @__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",
@@ -1255,7 +1255,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
       )
     );
   }, [n]), t;
-}, Vt = Qe(void 0), Nr = () => ({
+}, Vt = Qe(void 0), yr = () => ({
   dismiss: Ze(Vt) || (() => {
   })
 }), Ue = (n) => {
@@ -1277,7 +1277,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     onClick: o,
     dismissOnClick: i = !0,
     ...s
-  } = n, { dismiss: c } = Nr(), g = (R) => {
+  } = n, { dismiss: c } = yr(), g = (R) => {
     o && o(R), i && c();
   };
   return /* @__PURE__ */ d(
@@ -1324,8 +1324,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
             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" })
           ]
         }
       ),
@@ -1502,16 +1502,16 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
   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((y) => y.offsetWidth);
-    if (p.reduce((y, N, S) => y + N + (S > 0 ? kt : 0), 0) <= f) {
+    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, b = 0;
-    for (let y = 0; y < p.length; y++) {
-      const N = p[y] + (y > 0 ? kt : 0);
-      if (I + N + Tr > f) break;
-      I += N, b++;
+    for (let N = 0; N < p.length; N++) {
+      const y = p[N] + (N > 0 ? kt : 0);
+      if (I + y + Tr > f) break;
+      I += y, b++;
     }
     c(b);
   }, []);
@@ -1650,11 +1650,11 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     autoFocus: u = !1,
     children: I,
     className: b
-  } = n, y = se(
+  } = n, N = se(
     () => ({
       namespace: v,
-      theme: p ? { ...Nt, ...p } : Nt,
-      nodes: [...yr, ...f ?? []],
+      theme: p ? { ...yt, ...p } : yt,
+      nodes: [...Nr, ...f ?? []],
       editorState: o ?? null,
       onError: (O) => {
         throw O;
@@ -1663,7 +1663,7 @@ const h = (...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
     []
-  ), N = Pe(
+  ), y = Pe(
     (O) => {
       i?.(JSON.stringify(O.toJSON()));
     },
@@ -1671,7 +1671,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
   ), 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: y, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ e(bn, { initialConfig: N, children: /* @__PURE__ */ d(
       "div",
       {
         className: h(
@@ -1707,11 +1707,11 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
               ErrorBoundary: Rn
             }
           ) }),
-          /* @__PURE__ */ e(yn, {}),
           /* @__PURE__ */ e(Nn, {}),
+          /* @__PURE__ */ e(yn, {}),
           /* @__PURE__ */ e(kn, {}),
           u && /* @__PURE__ */ e(In, {}),
-          i && /* @__PURE__ */ e(Cn, { onChange: N }),
+          i && /* @__PURE__ */ e(Cn, { onChange: y }),
           I,
           c === "floating" && /* @__PURE__ */ e(Lr, { render: g })
         ]
@@ -1866,17 +1866,17 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
   }), b = zt(p, {
     outsidePress: !0,
     escapeKey: !1
-  }), { getReferenceProps: y, getFloatingProps: N, getItemProps: S } = Ot([I, b]), z = k.useRef({
+  }), { getReferenceProps: N, getFloatingProps: y, getItemProps: S } = Ot([I, b]), z = k.useRef({
     floatingStyles: f,
     setFloating: v.setFloating,
     placement: t,
-    getFloatingProps: N
+    getFloatingProps: y
   });
   z.current = {
     floatingStyles: f,
     setFloating: v.setFloating,
     placement: u,
-    getFloatingProps: N
+    getFloatingProps: y
   };
   const L = k.useMemo(() => {
     const P = (O) => {
@@ -1899,7 +1899,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
   return {
     anchorRef: v.setReference,
     Popover: L,
-    getReferenceProps: y,
+    getReferenceProps: N,
     getItemProps: S
   };
 }, Er = (n) => {
@@ -1916,7 +1916,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     size: R = "md",
     disabled: w = !1,
     clearable: m = !1
-  } = n, [v, f] = W(!1), [p, u] = W(null), I = k.useRef(null), b = k.useRef([]), y = r?.find((x) => H(x) && J(x.value, i)), N = se(
+  } = 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]
   );
@@ -1942,7 +1942,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     listRef: b,
     activeIndex: p,
     onNavigate: u,
-    disabledIndices: N
+    disabledIndices: y
   }), O = (x) => {
     const C = r[x];
     C && H(C) && !C.disabled && (o(C.value), f(!1));
@@ -1982,8 +1982,8 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                 !w && v && "ring-[length:var(--control-ring-width)]"
               ),
               children: [
-                y && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: y.label }),
-                !y && s && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left select-placeholder", children: s })
+                N && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: N.label }),
+                !N && s && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left select-placeholder", children: s })
               ]
             }
           ),
@@ -2051,7 +2051,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     size: w = "md",
     disabled: m = !1,
     clearable: v = !1
-  } = n, [f, p] = W(!1), [u, I] = W(r), [b, y] = W(""), [N, 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(
+  } = 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]
   );
@@ -2068,7 +2068,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
         S(U >= 0 ? U : null);
       }
     } else
-      S(null), y("");
+      S(null), N("");
   }, [f]), j(() => {
     if (!f) return;
     const F = x.findIndex((U) => H(U) && !U.disabled);
@@ -2081,13 +2081,13 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     open: f,
     onOpenChange: p,
     listRef: P,
-    activeIndex: N,
+    activeIndex: y,
     onNavigate: S,
     disabledIndices: C
   }), ae = (F) => {
     const U = x[F];
     U && H(U) && !U.disabled && (o(U.value), p(!1));
-  }, ye = x.some((F) => H(F));
+  }, Ne = x.some((F) => H(F));
   return /* @__PURE__ */ e(q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2143,16 +2143,16 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                   placeholder: "Search",
                   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: (F) => y(F.target.value),
+                  onChange: (F) => N(F.target.value),
                   onKeyDown: (F) => {
-                    F.key === "Enter" && N != null && (F.preventDefault(), ae(N));
+                    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: [
-              b !== "" && !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)]" }) }),
+              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(
@@ -2184,7 +2184,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                     }),
                     onClick: () => ae(U),
                     selected: le,
-                    active: N === U,
+                    active: y === U,
                     disabled: F.disabled,
                     children: F.label
                   },
@@ -2225,36 +2225,36 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     size: m = "md",
     disabled: v = !1,
     clearable: f = !1
-  } = n, [p, u] = W(!1), I = k.useRef(null), [b, y] = W(""), [N, 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(
-    () => N.map((B, A) => !H(B) || B.disabled ? A : -1).filter((B) => B !== -1),
-    [N]
+  } = 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, () => u(!1));
-  const ye = Fr(b, s);
+  const Ne = Fr(b, s);
   j(() => {
     (async () => {
       x(!0);
-      const A = await o(ye);
+      const A = await o(Ne);
       S(A), x(!1);
     })();
-  }, [ye, o]), j(() => {
+  }, [Ne, o]), j(() => {
     if (c == null) {
       L(null);
       return;
     }
-    const B = N?.find((A) => H(A) && J(A.value, c));
+    const B = y?.find((A) => H(A) && J(A.value, c));
     B ? L(B) : (async () => {
       T(!0);
       const ie = await i(c);
       L(ie), T(!1);
     })();
-  }, [i, N, c]), j(() => {
-    p ? setTimeout(() => P.current?.focus(), 100) : (_(null), y(""));
+  }, [i, y, c]), j(() => {
+    p ? setTimeout(() => P.current?.focus(), 100) : (_(null), N(""));
   }, [p]), j(() => {
     if (!p) return;
-    const B = N.findIndex((A) => H(A) && !A.disabled);
+    const B = y.findIndex((A) => H(A) && !A.disabled);
     _(B >= 0 ? B : null);
-  }, [N, p]);
+  }, [y, p]);
   const { anchorRef: F, Popover: U, getReferenceProps: le, getItemProps: re } = _e({
     placement: "bottom",
     fullWidth: !0,
@@ -2266,9 +2266,9 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
     onNavigate: _,
     disabledIndices: ae
   }), ze = (B) => {
-    const A = N[B];
+    const A = y[B];
     A && H(A) && !A.disabled && (r(A.value), u(!1));
-  }, Oe = N.some((B) => H(B));
+  }, Oe = y.some((B) => H(B));
   return /* @__PURE__ */ e(q.Provider, { value: m, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2325,7 +2325,7 @@ const h = (...n) => n.filter(Boolean).join(" "), jn = [
                   placeholder: "Search",
                   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) => y(B.target.value),
+                  onChange: (B) => N(B.target.value),
                   onKeyDown: (B) => {
                     B.key === "Enter" && E != null && (B.preventDefault(), ze(E));
                   }
@@ -2336,7 +2336,7 @@ const h = (...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 && N.map((B, A) => {
+              !O && y.map((B, A) => {
                 if (!H(B))
                   return B.kind === "header" ? /* @__PURE__ */ e(
                     He,
@@ -2466,17 +2466,17 @@ function Br(n) {
       }
       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 y = r?.current;
-      if (y) {
-        const x = y.getBoundingClientRect();
+      const N = r?.current;
+      if (N) {
+        const x = N.getBoundingClientRect();
         x.width > 0 && (b = Math.min(b, x.left - s));
       }
-      const N = Math.max(0, b - I), S = Array.from(w.children);
+      const y = Math.max(0, b - I), S = Array.from(w.children);
       if (S.length < o + 1) return;
       let z = 0;
       for (let x = 0; x < o; x++)
         z += S[x].offsetWidth + (x > 0 ? s : 0);
-      if (z <= N) {
+      if (z <= y) {
         g(o);
         return;
       }
@@ -2484,7 +2484,7 @@ function Br(n) {
       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 > N) break;
+        if (T + L + s > y) break;
         P = T, O++;
       }
       g(Math.max(1, O));
@@ -2509,7 +2509,7 @@ const Lo = (n) => {
     color: v = "blue",
     disabled: f = !1,
     clearable: p = !1
-  } = n, [u, I] = W(!1), [b, y] = W(r), [N, 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(
+  } = 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) => {
@@ -2517,15 +2517,15 @@ const Lo = (n) => {
     const M = D.toLowerCase();
     return r.filter((Ie) => H(Ie) && typeof Ie.label == "string" ? Ie.label.toLowerCase().includes(M) : !0);
   }, $ = se(
-    () => N !== "" ? b : r,
-    [N, b, r]
+    () => y !== "" ? b : r,
+    [y, b, r]
   ), ae = se(
     () => $.map((D, M) => !H(D) || D.disabled ? M : -1).filter((D) => D !== -1),
     [$]
   );
   xe(u, () => I(!1)), j(() => {
-    y((i ?? _)(N));
-  }, [N, r, i]), j(() => {
+    N((i ?? _)(y));
+  }, [y, r, i]), j(() => {
     if (u) {
       setTimeout(() => O.current?.focus(), 100);
       const D = r.findIndex((M) => H(M) && !M.disabled);
@@ -2536,8 +2536,8 @@ const Lo = (n) => {
     if (!u) return;
     const D = $.findIndex((M) => H(M) && !M.disabled);
     L(D >= 0 ? D : null);
-  }, [N, u, $]);
-  const ye = Br({
+  }, [y, u, $]);
+  const Ne = Br({
     enabled: m,
     triggerRef: P,
     measureRef: C,
@@ -2559,7 +2559,7 @@ const Lo = (n) => {
   }, Oe = (D) => {
     const M = $[D];
     M && H(M) && !M.disabled && ze(M.value);
-  }, B = $.some((D) => H(D)), A = s.length > 0, ie = m ? ye : E.length, pe = E.slice(0, ie), ft = E.length - ie;
+  }, 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",
     {
@@ -2646,18 +2646,18 @@ const Lo = (n) => {
                   ref: O,
                   type: "text",
                   placeholder: "Search",
-                  value: N,
+                  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" && N === "" && 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: [
-              N !== "" && !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)]" }) }),
+              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(
@@ -3086,13 +3086,13 @@ const Lo = (n) => {
     const u = R.current, I = w.current;
     if (!u || !I) return;
     let b = !0;
-    const y = () => a ? u.scrollWidth - u.clientWidth : u.scrollHeight - u.clientHeight, N = () => a ? u.scrollLeft : u.scrollTop, S = (C) => {
+    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 && !v.current) return;
-      const C = y(), T = N();
+      const C = N(), T = y();
       if (!(C <= 0 || Math.abs(C - T) < 1)) {
         if (b) {
           b = !1, f.current = !0, S(C), requestAnimationFrame(() => {
@@ -3114,7 +3114,7 @@ const Lo = (n) => {
     }, P = new ResizeObserver(L);
     P.observe(I);
     const O = () => {
-      f.current || z(y() - N() <= o);
+      f.current || z(N() - y() <= o);
     }, x = () => {
       m.current?.stop(), f.current = !1;
     };
@@ -3147,27 +3147,27 @@ function Hr(n) {
   k.useEffect(() => {
     p.current = { onDelta: t, onDragStart: l, onDragEnd: a, preventScrollOnMove: i };
   });
-  const u = k.useRef({}), I = k.useCallback((y) => {
+  const u = k.useRef({}), I = k.useCallback((N) => {
     if (!g.current) return;
-    const N = {
-      clientX: y ?? w.current,
+    const y = {
+      clientX: N ?? w.current,
       startX: R.current,
       totalDeltaX: m.current,
       target: v.current
     };
     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?.(N), v.current = null, m.current = 0;
-  }, []), b = k.useCallback((y) => {
-    if (r || o && y.button !== 0) return;
-    y.target.setPointerCapture?.(y.pointerId), R.current = y.clientX, w.current = y.clientX, m.current = 0, v.current = y.target, g.current = !0, c(!0);
-    const N = {
-      clientX: y.clientX,
-      startX: y.clientX,
+    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, 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: y.target
+      target: N.target
     };
-    p.current.onDragStart?.(N);
+    p.current.onDragStart?.(y);
     const S = (P) => {
       g.current && f.current == null && (f.current = requestAnimationFrame(() => {
         f.current = null;
@@ -3271,16 +3271,16 @@ const $r = (n) => {
   } = n, [w, m] = W(() => jr(t));
   j(() => {
     m((b) => {
-      const y = {};
-      let N = Object.keys(b).length !== t.length;
+      const N = {};
+      let y = Object.keys(b).length !== t.length;
       for (const S of t)
-        S.id in b ? y[S.id] = b[S.id] : (y[S.id] = S.defaultWidth ?? ke, N = !0);
-      return N ? y : b;
+        S.id in b ? N[S.id] = b[S.id] : (N[S.id] = S.defaultWidth ?? ke, y = !0);
+      return y ? N : b;
     });
   }, [t]);
-  const v = Pe((b, y, N) => {
+  const v = Pe((b, N, y) => {
     m((S) => {
-      const z = S[b] ?? ke, L = Math.max(N, z + y);
+      const z = S[b] ?? ke, L = Math.max(y, z + N);
       return L === z ? S : { ...S, [b]: L };
     });
   }, []), f = Pe((b) => {
@@ -3296,7 +3296,7 @@ const $r = (n) => {
       i(null);
     }
   }, [o, i]), p = t.reduce(
-    (b, y) => b + (w[y.id] ?? y.defaultWidth ?? ke),
+    (b, N) => b + (w[N.id] ?? N.defaultWidth ?? ke),
     0
   ), u = Ce(null), I = (b) => {
     u.current && (u.current.scrollLeft = b.currentTarget.scrollLeft);
@@ -3319,7 +3319,7 @@ const $r = (n) => {
                 column: b,
                 width: w[b.id] ?? b.defaultWidth ?? ke,
                 height: g,
-                onResize: (y) => v(b.id, y, b.minWidth ?? _r),
+                onResize: (N) => v(b.id, N, b.minWidth ?? _r),
                 sortDirection: o?.columnId === b.id ? o.direction : null,
                 onSortClick: () => f(b.id)
               },
@@ -3339,28 +3339,28 @@ const $r = (n) => {
           {
             className: "flex flex-col",
             style: { width: p, minWidth: "100%" },
-            children: l.map((b, y) => /* @__PURE__ */ e(
+            children: l.map((b, N) => /* @__PURE__ */ e(
               "div",
               {
                 className: h(
                   "flex flex-row table-body-row transition-colors duration-[var(--control-transition-duration-fast)]",
                   r && "cursor-pointer"
                 ),
-                onClick: r ? () => r(b, y) : void 0,
-                children: t.map((N) => /* @__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: w[N.id] ?? N.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: N.renderCell(b, y) })
+                    children: /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 font-[number:var(--font-weight-table-cell)]", children: y.renderCell(b, N) })
                   },
-                  N.id
+                  y.id
                 ))
               },
-              a(b, y)
+              a(b, N)
             ))
           }
         )
@@ -3516,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,
@@ -3526,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,
@@ -3557,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,