@matthiaskrijgsman/mat-ui 0.0.36 → 0.0.38

package/dist/index.js

@@ -3,7 +3,7 @@ import { jsx as e, jsxs as d, Fragment as te } 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 Le, useLayoutEffect as Rt, useMemo as ie } from "react";
 import { AnimatePresence as De, motion as J, animate as Xt } from "motion/react";
-import { IconExclamationCircleFilled as et, IconEyeOff as Vt, IconEye as Kt, IconPaperclip as Gt, IconCircleCheckFilled as tt, IconX as de, IconCloudUpload as Jt, IconCheck as St, IconChevronDown as ve, IconBold as Yt, IconItalic as qt, IconUnderline as Qt, IconList as Ye, IconListNumbers as Zt, IconLink as en, IconArrowBackUp as tn, IconArrowForwardUp as nn, IconDots as rn, IconSearch as Me, IconSearchOff as nt, IconInfoCircleFilled as ln, IconAlertTriangleFilled as on, IconChevronRight as sn, IconChevronUp as an, IconSettings as ft, IconPlus as ht, IconTrash as cn, IconMailFilled as dn } from "@tabler/icons-react";
+import { IconExclamationCircleFilled as et, IconEyeOff as Vt, IconEye as Kt, IconPaperclip as Gt, IconCircleCheckFilled as tt, IconX as ue, IconCloudUpload as Jt, IconCheck as St, IconChevronDown as ve, IconBold as Yt, IconItalic as qt, IconUnderline as Qt, IconList as Ye, IconListNumbers as Zt, IconLink as en, IconArrowBackUp as tn, IconArrowForwardUp as nn, IconDots as rn, IconSearch as Me, IconSearchOff as nt, IconInfoCircleFilled as ln, IconAlertTriangleFilled as on, IconChevronRight as sn, IconChevronUp as an, IconSettings as ft, IconPlus as ht, IconTrash as cn, IconMailFilled as dn } from "@tabler/icons-react";
 import { FloatingPortal as Fe, FloatingOverlay as rt, flip as lt, shift as ot, size as st, useFloating as at, autoUpdate as it, offset as un, useListNavigation as mn, useInteractions as fn } from "@floating-ui/react";
 import { mergeRefs as hn } from "react-merge-refs";
 import { useDropzone as Dt } from "react-dropzone";
@@ -19,7 +19,7 @@ import { LexicalErrorBoundary as yn } from "@lexical/react/LexicalErrorBoundary"
 import { HeadingNode as Cn, QuoteNode as In, $isHeadingNode as Rn, $createHeadingNode as Sn } from "@lexical/rich-text";
 import { ListNode as Ot, ListItemNode as Dn, $isListNode as On, REMOVE_LIST_COMMAND as pt, INSERT_UNORDERED_LIST_COMMAND as zn, INSERT_ORDERED_LIST_COMMAND as Tn } from "@lexical/list";
 import { LinkNode as Ln, $isLinkNode as gt, TOGGLE_LINK_COMMAND as bt } from "@lexical/link";
-import { useLexicalComposerContext as ue } from "@lexical/react/LexicalComposerContext";
+import { useLexicalComposerContext as me } from "@lexical/react/LexicalComposerContext";
 import { CAN_UNDO_COMMAND as Pn, COMMAND_PRIORITY_LOW as Pe, CAN_REDO_COMMAND as En, $getSelection as zt, $isRangeSelection as Tt, $createParagraphNode as Mn, FORMAT_TEXT_COMMAND as je, UNDO_COMMAND as Fn, REDO_COMMAND as Bn, FOCUS_COMMAND as An, BLUR_COMMAND as Un } from "lexical";
 import { mergeRegister as Lt, $getNearestNodeOfType as Wn } from "@lexical/utils";
 import { $setBlocksType as vt } from "@lexical/selection";
@@ -32,15 +32,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 ], Se = (t) => {
   const {
     speed: n = 1,
-    className: o
-  } = t, s = 1 / n, r = 2 / n;
+    className: s
+  } = t, o = 1 / n, r = 2 / n;
   return /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
     J.div,
     {
       role: "status",
-      className: f("relative rounded-full", o),
+      className: f("relative rounded-full", s),
       animate: { rotate: 360 },
-      transition: { repeat: 1 / 0, ease: "linear", duration: s },
+      transition: { repeat: 1 / 0, ease: "linear", duration: o },
       children: /* @__PURE__ */ e(
         J.div,
         {
@@ -81,7 +81,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   sm: "px-[var(--control-size-sm-px)]",
   md: "px-[var(--control-size-md-px)]",
   lg: "px-[var(--control-size-lg-px)]"
-}, me = {
+}, fe = {
   sm: "pl-[var(--control-size-sm-px)]",
   md: "pl-[var(--control-size-md-px)]",
   lg: "pl-[var(--control-size-lg-px)]"
@@ -89,7 +89,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   sm: "pr-[var(--control-size-sm-px)]",
   md: "pr-[var(--control-size-md-px)]",
   lg: "pr-[var(--control-size-lg-px)]"
-}, fe = {
+}, he = {
   sm: "pr-[calc(var(--control-size-sm-px)+2rem)]",
   md: "pr-[calc(var(--control-size-md-px)+2rem)]",
   lg: "pr-[calc(var(--control-size-lg-px)+2rem)]"
@@ -109,7 +109,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   sm: "right-[var(--control-size-sm-px)]",
   md: "right-[var(--control-size-md-px)]",
   lg: "right-[var(--control-size-lg-px)]"
-}, be = {
+}, ce = {
   sm: "h-[var(--control-size-sm-icon)] w-[var(--control-size-sm-icon)]",
   md: "h-[var(--control-size-md-icon)] w-[var(--control-size-md-icon)]",
   lg: "h-[var(--control-size-lg-icon)] w-[var(--control-size-lg-icon)]"
@@ -132,13 +132,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   transparent: "border button-transparent"
 }, Kn = C.forwardRef((t, n) => {
   const {
-    variant: o = "white",
-    size: s = "md",
+    variant: s = "white",
+    size: o = "md",
     className: r,
     children: l,
     loading: a = !1,
     Icon: i,
-    ...c
+    IconRight: c,
+    ...g
   } = t;
   return /* @__PURE__ */ d(
     "button",
@@ -146,19 +147,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       ref: n,
       className: f(
         Xn,
-        Vn[o],
-        ne[s],
-        _n[s],
-        Y[s],
-        $n[s],
+        Vn[s],
+        ne[o],
+        _n[o],
+        Y[o],
+        $n[o],
         r
       ),
-      ...c,
+      ...g,
       children: [
-        a && /* @__PURE__ */ e(Se, { className: f(be[s]) }),
+        a && /* @__PURE__ */ e(Se, { className: f(ce[o]) }),
         !a && /* @__PURE__ */ d(te, { children: [
-          i && /* @__PURE__ */ e(i, { className: f(be[s], "-ml-1") }),
-          l
+          i && /* @__PURE__ */ e(i, { className: f(ce[o], "-ml-1") }),
+          l,
+          c && /* @__PURE__ */ e(c, { className: f(ce[o], "-mr-1") })
         ] })
       ]
     }
@@ -178,8 +180,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   transparent: "border button-transparent"
 }, qe = C.forwardRef((t, n) => {
   const {
-    variant: o = "white",
-    size: s = "md",
+    variant: s = "white",
+    size: o = "md",
     className: r,
     Icon: l,
     ...a
@@ -190,12 +192,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       ref: n,
       className: f(
         Gn,
-        Jn[o],
-        Ft[s],
+        Jn[s],
+        Ft[o],
         r
       ),
       ...a,
-      children: /* @__PURE__ */ e(l, { className: be[s] })
+      children: /* @__PURE__ */ e(l, { className: ce[o] })
     }
   );
 }), Yn = `
@@ -211,8 +213,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   transparent: "border button-transparent"
 }, Bt = C.forwardRef((t, n) => {
   const {
-    variant: o = "white",
-    size: s = "md",
+    variant: s = "white",
+    size: o = "md",
     className: r,
     Icon: l,
     ...a
@@ -223,12 +225,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       ref: n,
       className: f(
         Yn,
-        qn[o],
-        Ft[s],
+        qn[s],
+        Ft[o],
         r
       ),
       ...a,
-      children: /* @__PURE__ */ e(l, { className: be[s] })
+      children: /* @__PURE__ */ e(l, { className: ce[o] })
     }
   );
 }), q = (t) => {
@@ -236,10 +238,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     children: n
   } = t;
   return n ? /* @__PURE__ */ e("label", { className: "input-label font-medium mb-1", children: n }) : null;
-}, re = () => /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) }), Q = Qe("md"), Qn = () => Ze(Q), he = C.forwardRef((t, n) => {
+}, re = () => /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) }), Q = Qe("md"), Qn = () => Ze(Q), pe = C.forwardRef((t, n) => {
   const {
-    children: o,
-    className: s
+    children: s,
+    className: o
   } = t, r = Qn();
   return /* @__PURE__ */ e(
     "div",
@@ -248,9 +250,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       className: f(
         "absolute top-1/2 -translate-y-1/2 flex flex-row items-center gap-1 pointer-events-none",
         jn[r],
-        s
+        o
       ),
-      children: o
+      children: s
     }
   );
 }), V = (t) => {
@@ -266,8 +268,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, At = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     Icon: r,
     error: l,
     buttonTray: a,
@@ -282,11 +284,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "flex flex-col relative", children: [
           r && /* @__PURE__ */ e(r, { className: f(
             "input-icon absolute top-1/2 -translate-y-1/2",
-            be[i],
+            ce[i],
             Mt[i]
           ) }),
           /* @__PURE__ */ e(
@@ -296,19 +298,19 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "border input-base transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
                 ne[i],
                 Y[i],
-                r ? Et[i] : me[i],
-                g ? fe[i] : ct[i],
+                r ? Et[i] : fe[i],
+                g ? he[i] : ct[i],
                 l && "input-error"
               ),
               ...c
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             l && /* @__PURE__ */ e(re, {}),
             a
           ] })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: l })
       ]
     }
@@ -316,53 +318,53 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Zn = (t) => {
   const n = t.match(/^#?([0-9a-fA-F]{6})$/);
   if (!n) return null;
-  const o = parseInt(n[1], 16);
-  return [(o >> 16 & 255) / 255, (o >> 8 & 255) / 255, (o & 255) / 255];
-}, er = (t, n, o) => {
-  const s = (r) => Math.round(r * 255).toString(16).padStart(2, "0").toUpperCase();
-  return "#" + s(t) + s(n) + s(o);
-}, tr = (t, n, o) => {
-  const s = Math.max(t, n, o), r = Math.min(t, n, o), l = s - r;
+  const s = parseInt(n[1], 16);
+  return [(s >> 16 & 255) / 255, (s >> 8 & 255) / 255, (s & 255) / 255];
+}, er = (t, n, s) => {
+  const o = (r) => Math.round(r * 255).toString(16).padStart(2, "0").toUpperCase();
+  return "#" + o(t) + o(n) + o(s);
+}, tr = (t, n, s) => {
+  const o = Math.max(t, n, s), r = Math.min(t, n, s), l = o - r;
   let a = 0;
-  return l !== 0 && (s === t ? a = ((n - o) / l + 6) % 6 : s === n ? a = (o - t) / l + 2 : a = (t - n) / l + 4, a *= 60), [a, s === 0 ? 0 : l / s, s];
-}, nr = (t, n, o) => {
-  const s = o * n, r = t / 60, l = s * (1 - Math.abs(r % 2 - 1));
+  return l !== 0 && (o === t ? a = ((n - s) / l + 6) % 6 : o === n ? a = (s - t) / l + 2 : a = (t - n) / l + 4, a *= 60), [a, o === 0 ? 0 : l / o, o];
+}, nr = (t, n, s) => {
+  const o = s * n, r = t / 60, l = o * (1 - Math.abs(r % 2 - 1));
   let a = 0, i = 0, c = 0;
-  r < 1 ? (a = s, i = l) : r < 2 ? (a = l, i = s) : r < 3 ? (i = s, c = l) : r < 4 ? (i = l, c = s) : r < 5 ? (a = l, c = s) : (a = s, c = l);
-  const g = o - s;
+  r < 1 ? (a = o, i = l) : r < 2 ? (a = l, i = o) : r < 3 ? (i = o, c = l) : r < 4 ? (i = l, c = o) : r < 5 ? (a = l, c = o) : (a = o, c = l);
+  const g = s - o;
   return [a + g, i + g, c + g];
-}, Re = (t, n, o) => {
-  const [s, r, l] = nr(t, n, o);
-  return er(s, r, l);
+}, Re = (t, n, s) => {
+  const [o, r, l] = nr(t, n, s);
+  return er(o, r, l);
 }, xt = (t) => {
   const n = Zn(t);
   return n ? tr(n[0], n[1], n[2]) : null;
 }, rr = (t) => {
   const n = t.trim();
   if (!n) return null;
-  const o = n.match(/^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/);
-  if (o) {
-    let a = o[1];
+  const s = n.match(/^#?([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/);
+  if (s) {
+    let a = s[1];
     return a.length === 3 && (a = a.split("").map((i) => i + i).join("")), "#" + a.toUpperCase();
   }
   if (typeof document > "u") return null;
-  const s = document.createElement("div");
-  if (s.style.color = n, !s.style.color) return null;
-  document.body.appendChild(s);
-  const r = getComputedStyle(s).color;
-  document.body.removeChild(s);
+  const o = document.createElement("div");
+  if (o.style.color = n, !o.style.color) return null;
+  document.body.appendChild(o);
+  const r = getComputedStyle(o).color;
+  document.body.removeChild(o);
   const l = r.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
   return l ? "#" + [l[1], l[2], l[3]].map((a) => parseInt(a, 10).toString(16).padStart(2, "0")).join("").toUpperCase() : null;
 }, Xe = (t) => {
-  const n = C.useRef(null), [o, s] = C.useState(!1), r = (l) => {
-    n.current = null, s(!1), l.currentTarget.releasePointerCapture?.(l.pointerId);
+  const n = C.useRef(null), [s, o] = C.useState(!1), r = (l) => {
+    n.current = null, o(!1), l.currentTarget.releasePointerCapture?.(l.pointerId);
   };
   return {
-    isDragging: o,
+    isDragging: s,
     bind: {
       onPointerDown: (l) => {
         const a = l.currentTarget;
-        n.current = a.getBoundingClientRect(), a.setPointerCapture?.(l.pointerId), s(!0), t(l.clientX, l.clientY, n.current);
+        n.current = a.getBoundingClientRect(), a.setPointerCapture?.(l.pointerId), o(!0), t(l.clientX, l.clientY, n.current);
       },
       onPointerMove: (l) => {
         n.current && t(l.clientX, l.clientY, n.current);
@@ -378,16 +380,16 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, xe = (t) => {
   const {
     className: n,
-    children: o,
-    padding: s = "md",
+    children: s,
+    padding: o = "md",
     ...r
   } = t;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: f(lr, or[s], n),
+      className: f(lr, or[o], n),
       ...r,
-      children: o
+      children: s
     }
   );
 }, sr = {
@@ -404,12 +406,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   "left-start": "top right",
   "left-end": "bottom right"
 }, Ut = C.memo(
-  ({ open: t, children: n, className: o, onOutsideClick: s, floatingStyles: r, setFloating: l, placement: a, floatingProps: i }) => /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(De, { children: t && /* @__PURE__ */ d(te, { children: [
-    s && /* @__PURE__ */ e(rt, { onClick: s }),
+  ({ open: t, children: n, className: s, onOutsideClick: o, floatingStyles: r, setFloating: l, placement: a, floatingProps: i }) => /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(De, { children: t && /* @__PURE__ */ d(te, { children: [
+    o && /* @__PURE__ */ e(rt, { onClick: o }),
     /* @__PURE__ */ e("div", { ref: l, style: r, className: "z-50", ...i, children: /* @__PURE__ */ e(
       J.div,
       {
-        className: o,
+        className: s,
         style: { transformOrigin: sr[a] },
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
@@ -420,26 +422,26 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     ) })
   ] }) }) })
 ), dt = (t) => {
-  const { placement: n = "bottom", onOutsideClick: o, fullWidth: s, minWidth: r, maxWidth: l } = t, a = C.useMemo(() => [
+  const { placement: n = "bottom", onOutsideClick: s, fullWidth: o, minWidth: r, maxWidth: l } = t, a = C.useMemo(() => [
     lt({ padding: 8 }),
     ot({ padding: 8 }),
     st({
       apply({ rects: h, elements: b }) {
-        s && (b.floating.style.width = `${h.reference.width}px`), r && (b.floating.style.minWidth = `${r}px`), l && (b.floating.style.maxWidth = `${l}px`);
+        o && (b.floating.style.width = `${h.reference.width}px`), r && (b.floating.style.minWidth = `${r}px`), l && (b.floating.style.maxWidth = `${l}px`);
       }
     })
-  ], [s, l, r]), { refs: i, floatingStyles: c, placement: g } = at({
+  ], [o, l, r]), { refs: i, floatingStyles: c, placement: g } = at({
     placement: n,
     middleware: a,
     whileElementsMounted: it
   }), x = C.useRef({
-    onOutsideClick: o,
+    onOutsideClick: s,
     floatingStyles: c,
     setFloating: i.setFloating,
     placement: n
   });
   x.current = {
-    onOutsideClick: o,
+    onOutsideClick: s,
     floatingStyles: c,
     setFloating: i.setFloating,
     placement: g
@@ -469,36 +471,36 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, we = (t, n) => {
   _(() => {
     if (!t) return;
-    const o = (s) => {
-      s.key === "Escape" && n();
+    const s = (o) => {
+      o.key === "Escape" && n();
     };
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
     };
   }, [t, n]);
 }, ar = "linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%)", ir = "linear-gradient(to right, #fff, rgba(255,255,255,0))", cr = "linear-gradient(to top, #000, rgba(0,0,0,0))", Ve = "0 0 0 1px rgba(0,0,0,0.15)", dr = 14, ur = 28, mr = 6, fr = 8, Ke = { type: "spring", stiffness: 500, damping: 18, mass: 0.6 }, ke = (t) => {
-  const n = t ? ur : dr, o = n / 2;
+  const n = t ? ur : dr, s = n / 2;
   return {
     width: n,
     height: n,
-    marginLeft: -o,
-    marginTop: -o,
+    marginLeft: -s,
+    marginTop: -s,
     borderRadius: t ? fr : mr
   };
 }, Te = (t) => Math.max(0, Math.min(1, t)), wt = (t, n) => {
   Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(t, n), t.dispatchEvent(new Event("input", { bubbles: !0 }));
 }, hr = ({ value: t, onChange: n }) => {
-  const [o, s] = W(() => xt(t) ?? [0, 0, 1]), r = Ce(Re(o[0], o[1], o[2]));
+  const [s, o] = W(() => xt(t) ?? [0, 0, 1]), r = Ce(Re(s[0], s[1], s[2]));
   _(() => {
     if ((t || "").toUpperCase() === r.current) return;
     const m = xt(t);
-    m && s(m);
+    m && o(m);
   }, [t]);
   const l = (m) => {
-    s(m);
+    o(m);
     const v = Re(m[0], m[1], m[2]);
     r.current = v, n(v);
-  }, [a, i, c] = o, g = Re(a, 1, 1), x = Re(a, i, 1), w = Re(a, i, c), h = Xe((m, v, u) => {
+  }, [a, i, c] = s, g = Re(a, 1, 1), x = Re(a, i, 1), w = Re(a, i, c), h = Xe((m, v, u) => {
     l([a, Te((m - u.left) / u.width), 1 - Te((v - u.top) / u.height)]);
   }), b = Xe((m, v, u) => {
     l([Te((m - u.left) / u.width) * 360, i, c]);
@@ -626,8 +628,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, vl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     error: r,
     buttonTray: l,
     size: a = "md",
@@ -662,14 +664,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "flex flex-col relative", ref: y, children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: f(
                 "absolute top-1/2 -translate-y-1/2 rounded-md border color-swatch",
-                be[a],
+                ce[a],
                 Mt[a]
               ),
               style: { backgroundColor: R }
@@ -684,7 +686,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 ne[a],
                 Y[a],
                 Et[a],
-                N ? fe[a] : ct[a],
+                N ? he[a] : ct[a],
                 r && "input-error"
               ),
               value: i ?? b,
@@ -695,13 +697,13 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ...h
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             r && /* @__PURE__ */ e(re, {}),
             l
           ] }),
           /* @__PURE__ */ e(D, { open: m, children: /* @__PURE__ */ e(xe, { padding: "md", children: /* @__PURE__ */ e(hr, { value: I, onChange: z }) }) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
@@ -709,7 +711,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Z = (t) => {
   const {
     onClick: n,
-    Icon: o
+    Icon: s
   } = t;
   return /* @__PURE__ */ e(
     "div",
@@ -719,30 +721,30 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         "h-6 w-6 select-none rounded-full p-0.5",
         n && "ring-0 transition-all duration-150 input-icon-button-interactive active:ring-2 cursor-pointer hover:ring-4 group pointer-events-auto"
       ),
-      children: /* @__PURE__ */ e(o, { className: f("h-5 w-5 input-icon-button-icon", n && "group-active:scale-[0.8] transition-transform origin-center") })
+      children: /* @__PURE__ */ e(s, { className: f("h-5 w-5 input-icon-button-icon", n && "group-active:scale-[0.8] transition-transform origin-center") })
     }
   );
 }, xl = (t) => {
   const {
     type: n = "password",
-    enableShowPasswordToggle: o = !0,
-    ...s
+    enableShowPasswordToggle: s = !0,
+    ...o
   } = t, [r, l] = W(!1);
   return /* @__PURE__ */ e(
     At,
     {
       type: r ? "text" : n,
-      buttonTray: o ? /* @__PURE__ */ e(Z, { Icon: r ? Vt : Kt, onClick: () => {
+      buttonTray: s ? /* @__PURE__ */ e(Z, { Icon: r ? Vt : Kt, onClick: () => {
         l(!r);
       } }) : void 0,
-      ...s
+      ...o
     }
   );
 }, wl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     error: r,
     size: l = "md",
     autogrow: a = !1,
@@ -779,7 +781,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "flex flex-col relative", children: [
           /* @__PURE__ */ e(
             "textarea",
@@ -790,17 +792,17 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "py-2.5 border input-base transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
                 Pt[l],
                 Y[l],
-                me[l],
-                r ? fe[l] : ct[l],
+                fe[l],
+                r ? he[l] : ct[l],
                 r && "input-error",
                 a && (i ? "resize-none overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden" : "resize-none overflow-hidden")
               ),
               ...x
             }
           ),
-          /* @__PURE__ */ e(he, { className: "top-3.5 translate-y-0", children: r && /* @__PURE__ */ e(re, {}) })
+          /* @__PURE__ */ e(pe, { className: "top-3.5 translate-y-0", children: r && /* @__PURE__ */ e(re, {}) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
@@ -808,8 +810,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Nl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     error: r,
     ...l
   } = t;
@@ -830,12 +832,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ...l
             }
           ),
-          o && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
+          s && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
             "input-label font-medium mb-1",
             t.id && "cursor-pointer"
-          ), children: o })
+          ), children: s })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
@@ -843,8 +845,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, kl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     error: r,
     ...l
   } = t;
@@ -862,24 +864,24 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               "input",
               {
                 type: "checkbox",
-                className: "appearance-none h-6 w-10 rounded-full checked:bg-transparent border toggle-input ring-0 hover:ring-4 focus:ring-4 ring-offset-0 focus:outline-0 transition-all duration-150",
+                className: "appearance-none absolute inset-0 h-6 w-10 rounded-full checked:bg-transparent border-0 toggle-input ring-0 hover:ring-4 focus:ring-4 ring-offset-0 focus:outline-0 transition-all duration-150",
                 ...l
               }
             ),
             /* @__PURE__ */ e("div", { className: f(
-              "rounded-full absolute border inset-0 mt-[2px] pointer-events-none transition-colors duration-150 ",
+              "rounded-full absolute border inset-0 pointer-events-none transition-colors duration-150 ",
               t.checked ? "toggle-track-on" : "toggle-track-off"
             ), children: /* @__PURE__ */ e("div", { className: f(
               "absolute top-1/2 -translate-y-1/2 left-1 h-4 w-4 rounded-full toggle-thumb shadow-md transition-all duration-150",
               t.checked && "translate-x-3.5 "
             ) }) })
           ] }),
-          o && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
+          s && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
             "input-label font-medium mb-1",
             t.id && "cursor-pointer"
-          ), children: o })
+          ), children: s })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
@@ -887,8 +889,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, yl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     error: r,
     ...l
   } = t;
@@ -909,12 +911,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ...l
             }
           ),
-          o && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
+          s && /* @__PURE__ */ e("label", { htmlFor: t.id, className: f(
             "input-label font-medium mb-1",
             t.id && "cursor-pointer"
-          ), children: o })
+          ), children: s })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
@@ -934,8 +936,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Cl = (t) => {
   const {
     label: n,
-    description: o,
-    error: s,
+    description: s,
+    error: o,
     placeholder: r = "No file chosen",
     buttonText: l = "Choose",
     Icon: a = Gt,
@@ -979,16 +981,16 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
             "border input-base rounded-xl shadow-sm transition-all duration-150",
             "ring-0 focus:outline-none",
             (B || T) && "ring-4",
-            s && "input-error",
+            o && "input-error",
             v && "opacity-60 cursor-not-allowed",
             ne[i],
-            me[i],
+            fe[i],
             "gap-3"
           )
         }),
         children: [
           /* @__PURE__ */ e("input", { ...y() }),
-          /* @__PURE__ */ e(a, { className: f("input-icon shrink-0", be[i]) }),
+          /* @__PURE__ */ e(a, { className: f("input-icon shrink-0", ce[i]) }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -1000,9 +1002,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               children: P ?? r
             }
           ),
-          s && /* @__PURE__ */ e(re, {}),
-          x && !s && /* @__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)]" }) }),
-          g && !x && !s && /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(tt, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
+          o && /* @__PURE__ */ e(re, {}),
+          x && !o && /* @__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)]" }) }),
+          g && !x && !o && /* @__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",
             {
@@ -1028,18 +1030,18 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         ]
       }
     ),
-    /* @__PURE__ */ e(V, { children: o }),
-    /* @__PURE__ */ e(K, { children: s })
+    /* @__PURE__ */ e(V, { children: s }),
+    /* @__PURE__ */ e(K, { children: o })
   ] }) });
 }, vr = (t) => t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : t < 1024 * 1024 * 1024 ? `${(t / (1024 * 1024)).toFixed(1)} MB` : `${(t / (1024 * 1024 * 1024)).toFixed(1)} GB`, xr = (t) => {
   const {
     file: n,
-    isUploaded: o = !1,
-    isUploading: s = !1,
+    isUploaded: s = !1,
+    isUploading: o = !1,
     error: r,
     onRemove: l,
     className: a
-  } = t, i = s || o || !!r;
+  } = t, i = o || s || !!r;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -1051,7 +1053,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         a
       ),
       children: [
-        i && /* @__PURE__ */ e("div", { className: "shrink-0 h-5 w-5 flex items-center justify-center", children: r ? /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) : s ? /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-icon)]" }) : /* @__PURE__ */ e(tt, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
+        i && /* @__PURE__ */ e("div", { className: "shrink-0 h-5 w-5 flex items-center justify-center", children: r ? /* @__PURE__ */ e(et, { className: "h-5 w-5 input-error-icon" }) : o ? /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-icon)]" }) : /* @__PURE__ */ e(tt, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
         /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 font-medium truncate", children: n.name }),
         /* @__PURE__ */ e("div", { className: "shrink-0 text-sm text-[var(--color-input-description-text)]", children: vr(n.size) }),
         l && /* @__PURE__ */ e(
@@ -1059,7 +1061,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
           {
             variant: "transparent",
             size: "sm",
-            Icon: de,
+            Icon: ue,
             onClick: l,
             "aria-label": "Remove file",
             className: "shrink-0"
@@ -1071,8 +1073,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Il = (t) => {
   const {
     label: n,
-    description: o,
-    error: s,
+    description: s,
+    error: o,
     title: r = "Drop files here",
     hint: l,
     Icon: a = Jt,
@@ -1133,7 +1135,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
             "py-10 px-6 cursor-pointer transition-all duration-150",
             "ring-0 focus:outline-none",
             (N || z) && "ring-4",
-            s && "input-error",
+            o && "input-error",
             m && "opacity-60 cursor-not-allowed"
           )
         }),
@@ -1155,8 +1157,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       };
       return /* @__PURE__ */ e(C.Fragment, { children: x ? x(k.file, A) : /* @__PURE__ */ e(xr, { ...A }) }, k.id);
     }) }),
-    /* @__PURE__ */ e(V, { children: o }),
-    /* @__PURE__ */ e(K, { children: s })
+    /* @__PURE__ */ e(V, { children: s }),
+    /* @__PURE__ */ e(K, { children: o })
   ] });
 }, wr = [
   Cn,
@@ -1202,9 +1204,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   tone: "light",
   orientation: "horizontal"
 }), Ne = () => Ze(Ae), Ht = () => {
-  const [t] = ue(), [n, o] = W(Wt);
+  const [t] = me(), [n, s] = W(Wt);
   return _(() => {
-    const s = () => {
+    const o = () => {
       t.getEditorState().read(() => {
         const r = zt();
         if (!Tt(r))
@@ -1216,7 +1218,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
           Rn(b) && (c = b.getTag());
         }
         const g = r.hasFormat("bold"), x = r.hasFormat("italic"), w = r.hasFormat("underline"), h = gt(l.getParent()) || gt(l);
-        o((b) => ({
+        s((b) => ({
           ...b,
           isBold: g,
           isItalic: x,
@@ -1229,15 +1231,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       });
     };
     return Lt(
-      t.registerUpdateListener(() => s()),
+      t.registerUpdateListener(() => o()),
       t.registerCommand(
         Pn,
-        (r) => (o((l) => ({ ...l, canUndo: r })), !1),
+        (r) => (s((l) => ({ ...l, canUndo: r })), !1),
         Pe
       ),
       t.registerCommand(
         En,
-        (r) => (o((l) => ({ ...l, canRedo: r })), !1),
+        (r) => (s((l) => ({ ...l, canRedo: r })), !1),
         Pe
       )
     );
@@ -1246,19 +1248,19 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   dismiss: Ze($t) || (() => {
   })
 }), Ue = (t) => {
-  const { trigger: n, children: o, placement: s = "bottom-end", minWidth: r = 200, className: l } = t, [a, i] = W(!1), { Popover: c, anchorRef: g } = dt({
-    placement: s,
+  const { trigger: n, children: s, placement: o = "bottom-end", minWidth: r = 200, className: l } = t, [a, i] = W(!1), { Popover: c, anchorRef: g } = dt({
+    placement: o,
     onOutsideClick: () => i(!1),
     minWidth: r
   });
   return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e("div", { ref: g, className: l, onClick: () => i(!a), children: n }),
-    /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ e(xe, { padding: "sm", children: /* @__PURE__ */ e($t.Provider, { value: () => i(!1), children: o }) }) })
+    /* @__PURE__ */ e(c, { open: a, children: /* @__PURE__ */ e(xe, { padding: "sm", children: /* @__PURE__ */ e($t.Provider, { value: () => i(!1), children: s }) }) })
   ] });
 }, kr = "inline-flex flex-row items-center gap-3 h-10 px-3 font-semibold ring-0 dropdown-item rounded-lg cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-0 border border-transparent bg-transparent", X = C.forwardRef((t, n) => {
   const {
-    className: o,
-    children: s,
+    className: s,
+    children: o,
     Icon: r,
     onClick: l,
     dismissOnClick: a = !0,
@@ -1272,13 +1274,13 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       ref: n,
       className: f(
         kr,
-        o
+        s
       ),
       onClick: g,
       ...i,
       children: [
         r && /* @__PURE__ */ e(r, { className: "h-5 w-5" }),
-        s
+        o
       ]
     }
   );
@@ -1289,7 +1291,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   { value: "h3", label: "Heading 3" },
   { value: "h4", label: "Heading 4" }
 ], yr = () => {
-  const [t] = ue(), { state: n, tone: o } = Ne(), s = (l) => {
+  const [t] = me(), { state: n, tone: s } = Ne(), o = (l) => {
     t.update(() => {
       const a = zt();
       Tt(a) && (l === "paragraph" ? vt(a, () => Mn()) : vt(a, () => Sn(l)));
@@ -1307,7 +1309,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
           onMouseDown: (l) => l.preventDefault(),
           className: f(
             "lexical-tb-btn h-8 px-2 gap-1 text-sm font-medium",
-            o === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
+            s === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
           ),
           children: [
             r.label,
@@ -1319,7 +1321,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         X,
         {
           Icon: l.value === n.blockType ? St : void 0,
-          onClick: () => s(l.value),
+          onClick: () => o(l.value),
           className: l.value === n.blockType ? void 0 : "pl-11",
           children: l.label
         },
@@ -1330,9 +1332,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Cr = {
   light: "lexical-tb-btn-light",
   dark: "lexical-tb-btn-dark"
-}, ce = C.forwardRef(
+}, de = C.forwardRef(
   (t, n) => {
-    const { Icon: o, active: s = !1, tone: r = "light", className: l, onMouseDown: a, ...i } = t;
+    const { Icon: s, active: o = !1, tone: r = "light", className: l, onMouseDown: a, ...i } = t;
     return /* @__PURE__ */ e(
       "button",
       {
@@ -1344,42 +1346,42 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         className: f(
           "lexical-tb-btn h-8 w-8",
           Cr[r],
-          s && "lexical-tb-btn-active",
+          o && "lexical-tb-btn-active",
           l
         ),
         ...i,
-        children: /* @__PURE__ */ e(o, { className: "h-[18px] w-[18px]" })
+        children: /* @__PURE__ */ e(s, { className: "h-[18px] w-[18px]" })
       }
     );
   }
 ), Ir = () => {
-  const [t] = ue(), { state: n, tone: o } = Ne();
+  const [t] = me(), { state: n, tone: s } = Ne();
   return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: Yt,
-        tone: o,
+        tone: s,
         active: n.isBold,
         "aria-label": "Bold",
         onClick: () => t.dispatchCommand(je, "bold")
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: qt,
-        tone: o,
+        tone: s,
         active: n.isItalic,
         "aria-label": "Italic",
         onClick: () => t.dispatchCommand(je, "italic")
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: Qt,
-        tone: o,
+        tone: s,
         active: n.isUnderline,
         "aria-label": "Underline",
         onClick: () => t.dispatchCommand(je, "underline")
@@ -1387,7 +1389,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     )
   ] });
 }, Rr = () => {
-  const [t] = ue(), { state: n, tone: o } = Ne(), s = () => {
+  const [t] = me(), { state: n, tone: s } = Ne(), o = () => {
     t.dispatchCommand(
       n.isUnorderedList ? pt : zn,
       void 0
@@ -1400,20 +1402,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   };
   return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: Ye,
-        tone: o,
+        tone: s,
         active: n.isUnorderedList,
         "aria-label": "Bullet list",
-        onClick: s
+        onClick: o
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: Zt,
-        tone: o,
+        tone: s,
         active: n.isOrderedList,
         "aria-label": "Numbered list",
         onClick: r
@@ -1421,7 +1423,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     )
   ] });
 }, Sr = () => {
-  const [t] = ue(), { state: n, tone: o } = Ne(), s = () => {
+  const [t] = me(), { state: n, tone: s } = Ne(), o = () => {
     if (n.isLink) {
       t.dispatchCommand(bt, null);
       return;
@@ -1430,33 +1432,33 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     r && t.dispatchCommand(bt, r);
   };
   return /* @__PURE__ */ e(
-    ce,
+    de,
     {
       Icon: en,
-      tone: o,
+      tone: s,
       active: n.isLink,
       "aria-label": "Link",
-      onClick: s
+      onClick: o
     }
   );
 }, Dr = () => {
-  const [t] = ue(), { state: n, tone: o } = Ne();
+  const [t] = me(), { state: n, tone: s } = Ne();
   return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: tn,
-        tone: o,
+        tone: s,
         disabled: !n.canUndo,
         "aria-label": "Undo",
         onClick: () => t.dispatchCommand(Fn, void 0)
       }
     ),
     /* @__PURE__ */ e(
-      ce,
+      de,
       {
         Icon: nn,
-        tone: o,
+        tone: s,
         disabled: !n.canRedo,
         "aria-label": "Redo",
         onClick: () => t.dispatchCommand(Bn, void 0)
@@ -1467,25 +1469,25 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   light: "lexical-tb-divider-light",
   dark: "lexical-tb-divider-dark"
 }, Je = (t) => {
-  const { tone: n, className: o } = t, { tone: s, orientation: r } = Ne();
+  const { tone: n, className: s } = t, { tone: o, orientation: r } = Ne();
   return /* @__PURE__ */ e(
     "div",
     {
       className: f(
         r === "vertical" ? "h-px w-full my-1" : "w-px h-5 my-auto mx-1",
         "shrink-0",
-        Or[n ?? s],
-        o
+        Or[n ?? o],
+        s
       )
     }
   );
 }, kt = 4, zr = 36, _t = (t) => {
   const n = [];
-  return C.Children.forEach(t, (o) => {
-    C.isValidElement(o) && o.type === C.Fragment ? n.push(..._t(o.props.children)) : n.push(o);
+  return C.Children.forEach(t, (s) => {
+    C.isValidElement(s) && s.type === C.Fragment ? n.push(..._t(s.props.children)) : n.push(s);
   }), n;
 }, jt = (t) => {
-  const { children: n } = t, { state: o, tone: s } = Ne(), r = _t(n), l = Ce(null), a = Ce(null), [i, c] = W(r.length), g = Le(() => {
+  const { children: n } = t, { state: s, tone: o } = Ne(), r = _t(n), l = Ce(null), a = Ce(null), [i, c] = W(r.length), g = Le(() => {
     const h = l.current, b = a.current;
     if (!h || !b) return;
     const p = h.clientWidth, m = Array.from(b.children).map((R) => R.offsetWidth);
@@ -1539,12 +1541,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 onMouseDown: (h) => h.preventDefault(),
                 className: f(
                   "lexical-tb-btn h-8 w-8 shrink-0",
-                  s === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
+                  o === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
                 ),
                 children: /* @__PURE__ */ e(rn, { className: "h-[18px] w-[18px]" })
               }
             ),
-            children: /* @__PURE__ */ e(Ae.Provider, { value: { state: o, tone: "light", orientation: "vertical" }, children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(Ae.Provider, { value: { state: s, tone: "light", orientation: "vertical" }, children: /* @__PURE__ */ e(
               "div",
               {
                 className: "flex flex-col items-stretch gap-1",
@@ -1567,19 +1569,19 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   /* @__PURE__ */ e(Je, {}),
   /* @__PURE__ */ e(Dr, {})
 ] }), Rl = () => ut(), Tr = (t) => {
-  const { render: n, className: o } = t, [s] = ue(), r = Ht();
+  const { render: n, className: s } = t, [o] = me(), r = Ht();
   return /* @__PURE__ */ e(Ae.Provider, { value: { state: r, tone: "light" }, children: /* @__PURE__ */ e(
     "div",
     {
       className: f(
         "lexical-toolbar flex flex-row items-center p-1.5",
-        o
+        s
       ),
-      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: s, state: r, tone: "light" }) : ut() })
+      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: o, state: r, tone: "light" }) : ut() })
     }
   ) });
 }, Lr = (t) => {
-  const { render: n } = t, [o] = ue(), s = Ht(), [r, l] = W(!1), { refs: a, floatingStyles: i } = at({
+  const { render: n } = t, [s] = me(), o = Ht(), [r, l] = W(!1), { refs: a, floatingStyles: i } = at({
     placement: "top-start",
     strategy: "fixed",
     middleware: [
@@ -1594,18 +1596,18 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     ],
     whileElementsMounted: it
   });
-  return _(() => o.registerRootListener((c) => a.setReference(c ?? null)), [o, a]), _(() => Lt(
-    o.registerCommand(
+  return _(() => s.registerRootListener((c) => a.setReference(c ?? null)), [s, a]), _(() => Lt(
+    s.registerCommand(
       An,
       () => (l(!0), !1),
       Pe
     ),
-    o.registerCommand(
+    s.registerCommand(
       Un,
       () => (l(!1), !1),
       Pe
     )
-  ), [o]), /* @__PURE__ */ e(Ae.Provider, { value: { state: s, tone: "dark" }, children: /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(De, { children: r && /* @__PURE__ */ e("div", { ref: a.setFloating, style: i, className: "z-50", children: /* @__PURE__ */ e(
+  ), [s]), /* @__PURE__ */ e(Ae.Provider, { value: { state: o, tone: "dark" }, children: /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(De, { children: r && /* @__PURE__ */ e("div", { ref: a.setFloating, style: i, className: "z-50", children: /* @__PURE__ */ e(
     J.div,
     {
       className: "lexical-floating-toolbar flex w-full flex-row items-center p-1 rounded-xl",
@@ -1613,14 +1615,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: 4 },
       transition: { duration: 0.1, ease: "easeInOut" },
-      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: o, state: s, tone: "dark" }) : ut() })
+      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: s, state: o, tone: "dark" }) : ut() })
     }
   ) }) }) }) });
 }, Sl = (t) => {
   const {
     label: n,
-    description: o,
-    error: s,
+    description: s,
+    error: o,
     placeholder: r,
     value: l,
     onChange: a,
@@ -1654,7 +1656,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       a?.(JSON.stringify(z.toJSON()));
     },
     [a]
-  ), D = Y[i], T = !!s, B = (z) => `calc(${z} * 1lh + 1.5rem)`, P = h ? { minHeight: B(x), maxHeight: w ? B(w) : void 0 } : { height: B(x) };
+  ), D = Y[i], T = !!o, B = (z) => `calc(${z} * 1lh + 1.5rem)`, P = h ? { minHeight: B(x), maxHeight: w ? B(w) : void 0 } : { height: B(x) };
   return /* @__PURE__ */ e(Q.Provider, { value: i, children: /* @__PURE__ */ d("div", { className: f("flex flex-col", I), children: [
     /* @__PURE__ */ e(q, { children: n }),
     /* @__PURE__ */ e(pn, { initialConfig: R, children: /* @__PURE__ */ d(
@@ -1703,14 +1705,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         ]
       }
     ) }),
-    /* @__PURE__ */ e(V, { children: o }),
-    /* @__PURE__ */ e(K, { children: s })
+    /* @__PURE__ */ e(V, { children: s }),
+    /* @__PURE__ */ e(K, { children: o })
   ] }) });
 }, Dl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     options: r,
     error: l,
     size: a = "md",
@@ -1724,7 +1726,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", children: [
           /* @__PURE__ */ e(
             "select",
@@ -1733,8 +1735,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "appearance-none border input-base bg-none transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
                 ne[a],
                 Y[a],
-                me[a],
-                fe[a]
+                fe[a],
+                he[a]
               ),
               ...i,
               children: r && r.map((c, g) => /* @__PURE__ */ e(
@@ -1748,20 +1750,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ))
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             l && /* @__PURE__ */ e(re, {}),
             /* @__PURE__ */ e(Z, { Icon: ve })
           ] })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: l })
       ]
     }
   ) });
 }, We = C.forwardRef((t, n) => {
   const {
-    children: o,
-    onClick: s,
+    children: s,
+    onClick: o,
     selected: r,
     disabled: l = !1,
     active: a = !1,
@@ -1773,7 +1775,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     {
       ref: n,
       ...c,
-      onClick: () => !l && s && s(),
+      onClick: () => !l && o && o(),
       className: f(
         "option-base px-4 py-2 rounded-xl cursor-pointer transition-all duration-150 select-none flex flex-row gap-3 items-center",
         r && !l && "option-selected",
@@ -1782,13 +1784,13 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         i
       ),
       children: [
-        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 break-all line-clamp-1", children: o }),
+        /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 break-all line-clamp-1", children: s }),
         r && !l && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(St, { className: "h-5 w-5" }) })
       ]
     }
   );
 }), He = C.forwardRef((t, n) => {
-  const { children: o, className: s, ...r } = t;
+  const { children: s, className: o, ...r } = t;
   return /* @__PURE__ */ e(
     "div",
     {
@@ -1796,29 +1798,29 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       ...r,
       className: f(
         "option-group-header px-4 pt-3 pb-1 text-xs font-semibold uppercase tracking-wide select-none",
-        s
+        o
       ),
-      children: o
+      children: s
     }
   );
 }), $e = C.forwardRef((t, n) => {
-  const { className: o, ...s } = t;
+  const { className: s, ...o } = t;
   return /* @__PURE__ */ e(
     "div",
     {
       ref: n,
-      ...s,
+      ...o,
       className: f(
         "option-divider my-1 h-px",
-        o
+        s
       )
     }
   );
 }), H = (t) => !("kind" in t), G = (t, n) => t === n ? !0 : t == null || n == null || typeof t != "object" || typeof n != "object" ? !1 : JSON.stringify(t) === JSON.stringify(n), _e = (t) => {
   const {
     placement: n = "bottom",
-    onOutsideClick: o,
-    fullWidth: s,
+    onOutsideClick: s,
+    fullWidth: o,
     minWidth: r,
     maxWidth: l,
     open: a,
@@ -1833,10 +1835,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     ot({ padding: 8 }),
     st({
       apply({ rects: P, elements: z }) {
-        s && (z.floating.style.width = `${P.reference.width}px`), r && (z.floating.style.minWidth = `${r}px`), l && (z.floating.style.maxWidth = `${l}px`);
+        o && (z.floating.style.width = `${P.reference.width}px`), r && (z.floating.style.minWidth = `${r}px`), l && (z.floating.style.maxWidth = `${l}px`);
       }
     })
-  ], [s, l, r]), { refs: p, floatingStyles: m, context: v, placement: u } = at({
+  ], [o, l, r]), { refs: p, floatingStyles: m, context: v, placement: u } = at({
     placement: n,
     open: a,
     onOpenChange: i,
@@ -1851,14 +1853,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     focusItemOnOpen: !1,
     disabledIndices: h
   }), { getReferenceProps: R, getFloatingProps: y, getItemProps: D } = fn([I]), T = C.useRef({
-    onOutsideClick: o,
+    onOutsideClick: s,
     floatingStyles: m,
     setFloating: p.setFloating,
     placement: n,
     getFloatingProps: y
   });
   T.current = {
-    onOutsideClick: o,
+    onOutsideClick: s,
     floatingStyles: m,
     setFloating: p.setFloating,
     placement: u,
@@ -1892,8 +1894,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Pr = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     options: r,
     onChange: l,
     value: a,
@@ -1943,7 +1945,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: D, children: [
           /* @__PURE__ */ d(
             "div",
@@ -1964,8 +1966,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "flex flex-row items-center border select-trigger transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none select-none",
                 ne[x],
                 Y[x],
-                me[x],
-                h && a ? Be[x] : fe[x],
+                fe[x],
+                h && a ? Be[x] : he[x],
                 w ? "select-trigger-disabled" : g && "select-trigger-error",
                 !w && b && "ring-4"
               ),
@@ -1975,9 +1977,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ]
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             !w && g && /* @__PURE__ */ e(re, {}),
-            h && !!a && !w && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l(null) }),
+            h && !!a && !w && /* @__PURE__ */ e(Z, { Icon: ue, onClick: () => l(null) }),
             /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
           /* @__PURE__ */ e(T, { open: b, children: /* @__PURE__ */ e(xe, { className: "!p-0", style: { maxHeight: c }, children: /* @__PURE__ */ e("div", { className: "flex flex-col p-2 gap-1", children: r.map((N, k) => {
@@ -2019,7 +2021,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
             );
           }) }) }) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: g })
       ]
     }
@@ -2027,8 +2029,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
 }, Ol = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     options: r,
     onChange: l,
     onSearch: a,
@@ -2085,7 +2087,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: A, children: [
           /* @__PURE__ */ d(
             "div",
@@ -2106,8 +2108,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "flex flex-row items-center border select-trigger transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none select-none",
                 ne[w],
                 Y[w],
-                me[w],
-                b && i ? Be[w] : fe[w],
+                fe[w],
+                b && i ? Be[w] : he[w],
                 h ? "select-trigger-disabled" : x && "select-trigger-error",
                 !h && p && "ring-4"
               ),
@@ -2117,9 +2119,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ]
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             !h && x && /* @__PURE__ */ e(re, {}),
-            b && !!i && !h && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l(null) }),
+            b && !!i && !h && /* @__PURE__ */ e(Z, { Icon: ue, onClick: () => l(null) }),
             /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
           /* @__PURE__ */ e(O, { open: p, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
@@ -2183,26 +2185,26 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: x })
       ]
     }
   ) });
 }, Er = (t, n) => {
-  const [o, s] = W(t);
+  const [s, o] = W(t);
   return _(() => {
     const r = setTimeout(() => {
-      s(t);
+      o(t);
     }, n);
     return () => {
       clearTimeout(r);
     };
-  }, [t, n]), o;
+  }, [t, n]), s;
 }, zl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     onChange: r,
     fetchOptionsByQuery: l,
     fetchOptionByValue: a,
@@ -2267,7 +2269,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: L, children: [
           /* @__PURE__ */ d(
             "div",
@@ -2288,8 +2290,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                 "flex flex-row items-center border select-trigger transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none select-none",
                 ne[h],
                 Y[h],
-                me[h],
-                p && c ? Be[h] : fe[h],
+                fe[h],
+                p && c ? Be[h] : he[h],
                 b ? "select-trigger-disabled" : w && "select-trigger-error",
                 !b && m && "ring-4"
               ),
@@ -2300,9 +2302,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
               ]
             }
           ),
-          /* @__PURE__ */ d(he, { children: [
+          /* @__PURE__ */ d(pe, { children: [
             !b && w && /* @__PURE__ */ e(re, {}),
-            p && !!c && !b && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => r(null) }),
+            p && !!c && !b && /* @__PURE__ */ e(Z, { Icon: ue, onClick: () => r(null) }),
             /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
           /* @__PURE__ */ e(U, { open: m, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: x }, children: [
@@ -2331,8 +2333,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                   return M.kind === "header" ? /* @__PURE__ */ e(
                     He,
                     {
-                      ref: (pe) => {
-                        j.current[F] = pe;
+                      ref: (ge) => {
+                        j.current[F] = ge;
                       },
                       children: M.label
                     },
@@ -2340,8 +2342,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                   ) : /* @__PURE__ */ e(
                     $e,
                     {
-                      ref: (pe) => {
-                        j.current[F] = pe;
+                      ref: (ge) => {
+                        j.current[F] = ge;
                       }
                     },
                     `divider-${F}`
@@ -2351,8 +2353,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
                   We,
                   {
                     ...ee({
-                      ref(pe) {
-                        j.current[F] = pe;
+                      ref(ge) {
+                        j.current[F] = ge;
                       }
                     }),
                     onClick: () => Oe(F),
@@ -2367,7 +2369,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: w })
       ]
     }
@@ -2399,8 +2401,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   black: "bg-[var(--color-badge-black-bg)] text-[var(--color-badge-black-text)] ring-[var(--color-badge-black-ring)]"
 }, Ee = C.forwardRef((t, n) => {
   const {
-    className: o,
-    children: s,
+    className: s,
+    children: o,
     onClick: r,
     showCloseIcon: l,
     Icon: a,
@@ -2408,7 +2410,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   } = t, c = f(
     "inline-flex align-top items-center gap-2 px-3 h-7 rounded-lg font-semibold",
     Mr[i],
-    o
+    s
   );
   return r ? /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ d(
     "button",
@@ -2417,9 +2419,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
       onClick: r,
       children: [
         a && /* @__PURE__ */ e(a, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: s }),
+        /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: o }),
         l && /* @__PURE__ */ e(
-          de,
+          ue,
           {
             className: "h-4 w-4 shrink-0"
           }
@@ -2428,14 +2430,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Hn = [
     }
   ) }) : /* @__PURE__ */ d("div", { className: c, ref: n, children: [
     a && /* @__PURE__ */ e(a, { className: "h-4 w-4 shrink-0" }),
-    /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: s })
+    /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: o })
   ] });
 });
 function Fr(t) {
   const {
     enabled: n,
-    triggerRef: o,
-    measureRef: s,
+    triggerRef: s,
+    measureRef: o,
     trayRef: r,
     itemCount: l,
     deps: a = [],
@@ -2443,7 +2445,7 @@ function Fr(t) {
   } = t, [c, g] = W(0);
   return Rt(() => {
     if (!n) return;
-    const x = o.current, w = s.current;
+    const x = s.current, w = o.current;
     if (!x || !w) return;
     const h = () => {
       if (l === 0) {
@@ -2485,8 +2487,8 @@ function Fr(t) {
 const Tl = (t) => {
   const {
     className: n,
-    label: o,
-    description: s,
+    label: s,
+    description: o,
     options: r,
     onChange: l,
     onSearch: a,
@@ -2550,7 +2552,7 @@ const Tl = (t) => {
   }, ze = (S) => {
     const E = j[S];
     E && H(E) && !E.disabled && Oe(E.value);
-  }, M = j.some((S) => H(S)), F = i.length > 0, ae = h ? oe : O.length, pe = O.slice(0, ae), mt = O.length - ae;
+  }, M = j.some((S) => H(S)), F = i.length > 0, ae = h ? oe : O.length, ge = O.slice(0, ae), mt = O.length - ae;
   return /* @__PURE__ */ e(Q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2559,7 +2561,7 @@ const Tl = (t) => {
         n
       ),
       children: [
-        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ e(q, { children: s }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: L, children: [
           /* @__PURE__ */ d(
             "div",
@@ -2581,13 +2583,13 @@ const Tl = (t) => {
                 h && f("flex-nowrap overflow-hidden", ne[w]),
                 !h && f("flex-wrap py-1.5", Pt[w]),
                 Y[w],
-                me[w],
-                m && F ? Be[w] : fe[w],
+                fe[w],
+                m && F ? Be[w] : he[w],
                 p ? "select-trigger-disabled" : x && "select-trigger-error",
                 !p && v && "ring-4"
               ),
               children: [
-                F && pe.map((S, E) => /* @__PURE__ */ e(
+                F && ge.map((S, E) => /* @__PURE__ */ e(
                   Ee,
                   {
                     color: b,
@@ -2624,9 +2626,9 @@ const Tl = (t) => {
               ]
             }
           ),
-          /* @__PURE__ */ d(he, { ref: A, children: [
+          /* @__PURE__ */ d(pe, { ref: A, children: [
             !p && x && /* @__PURE__ */ e(re, {}),
-            m && F && !p && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l([]) }),
+            m && F && !p && /* @__PURE__ */ e(Z, { Icon: ue, onClick: () => l([]) }),
             /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
           /* @__PURE__ */ e(U, { open: v, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
@@ -2654,8 +2656,8 @@ const Tl = (t) => {
                   return S.kind === "header" ? /* @__PURE__ */ e(
                     He,
                     {
-                      ref: (ge) => {
-                        N.current[E] = ge;
+                      ref: (be) => {
+                        N.current[E] = be;
                       },
                       children: S.label
                     },
@@ -2663,19 +2665,19 @@ const Tl = (t) => {
                   ) : /* @__PURE__ */ e(
                     $e,
                     {
-                      ref: (ge) => {
-                        N.current[E] = ge;
+                      ref: (be) => {
+                        N.current[E] = be;
                       }
                     },
                     `divider-${E}`
                   );
-                const Ie = i.some((ge) => G(ge, S.value));
+                const Ie = i.some((be) => G(be, S.value));
                 return /* @__PURE__ */ e(
                   We,
                   {
                     ...ee({
-                      ref(ge) {
-                        N.current[E] = ge;
+                      ref(be) {
+                        N.current[E] = be;
                       }
                     }),
                     onClick: () => ze(E),
@@ -2690,15 +2692,15 @@ const Tl = (t) => {
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ e(V, { children: s }),
+        /* @__PURE__ */ e(V, { children: o }),
         /* @__PURE__ */ e(K, { children: x })
       ]
     }
   ) });
 }, Ll = C.forwardRef((t, n) => {
   const {
-    className: o,
-    children: s,
+    className: s,
+    children: o,
     ...r
   } = t;
   return /* @__PURE__ */ e(
@@ -2707,16 +2709,16 @@ const Tl = (t) => {
       ref: n,
       className: f(
         "flex flex-col gap-6 border panel-base rounded-2xl shadow-sm px-6 py-6",
-        o
+        s
       ),
       ...r,
-      children: s
+      children: o
     }
   );
 }), Pl = C.forwardRef((t, n) => {
   const {
-    className: o,
-    children: s,
+    className: s,
+    children: o,
     ...r
   } = t;
   return /* @__PURE__ */ e(
@@ -2725,17 +2727,17 @@ const Tl = (t) => {
       ref: n,
       className: f(
         "flex flex-col gap-1 border panel-base rounded-2xl shadow-sm p-2",
-        o
+        s
       ),
       ...r,
-      children: s
+      children: o
     }
   );
 }), yt = "input-description text-sm font-medium", El = (t) => {
   const {
     className: n,
-    label: o,
-    children: s,
+    label: s,
+    children: o,
     orientation: r = "vertical",
     ...l
   } = t;
@@ -2748,8 +2750,8 @@ const Tl = (t) => {
       ),
       ...l,
       children: [
-        /* @__PURE__ */ e("div", { className: f(yt, "w-1/2 line-clamp-1 break-all"), children: o }),
-        /* @__PURE__ */ e("div", { className: "w-1/2 line-clamp-1 break-all", children: s })
+        /* @__PURE__ */ e("div", { className: f(yt, "w-1/2 line-clamp-1 break-all"), children: s }),
+        /* @__PURE__ */ e("div", { className: "w-1/2 line-clamp-1 break-all", children: o })
       ]
     }
   ) : /* @__PURE__ */ d(
@@ -2761,8 +2763,8 @@ const Tl = (t) => {
       ),
       ...l,
       children: [
-        o && /* @__PURE__ */ e("div", { className: yt, children: o }),
-        /* @__PURE__ */ e("div", { children: s })
+        s && /* @__PURE__ */ e("div", { className: yt, children: s }),
+        /* @__PURE__ */ e("div", { children: o })
       ]
     }
   );
@@ -2779,14 +2781,14 @@ const Tl = (t) => {
 }, Ct = "inline-flex flex-row gap-3 items-center justify-between h-10 px-3 font-semibold ring-0 dropdown-item rounded-lg cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-0 border border-transparent bg-transparent", Ml = (t) => {
   const {
     className: n,
-    children: o,
-    Icon: s,
+    children: s,
+    Icon: o,
     status: r,
     ...l
   } = t, a = r ? Br[r] : null, i = /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ d("span", { className: "inline-flex flex-row items-center gap-3 min-w-0", children: [
-      s && /* @__PURE__ */ e(s, { className: "h-5 w-5 shrink-0" }),
-      /* @__PURE__ */ e("span", { className: "truncate", children: o })
+      o && /* @__PURE__ */ e(o, { className: "h-5 w-5 shrink-0" }),
+      /* @__PURE__ */ e("span", { className: "truncate", children: s })
     ] }),
     /* @__PURE__ */ d("span", { className: "inline-flex flex-row items-center gap-2 shrink-0", children: [
       a && r && /* @__PURE__ */ e(a, { className: f("h-5 w-5", Ar[r]) }),
@@ -2816,24 +2818,24 @@ const Tl = (t) => {
 }, Fl = (t) => {
   const {
     className: n,
-    vertical: o = !1,
-    ...s
+    vertical: s = !1,
+    ...o
   } = t;
   return /* @__PURE__ */ e(
     "div",
     {
       className: f(
-        o ? "w-px h-full bg-[var(--color-divider)]" : "w-full h-px bg-[var(--color-divider)]",
+        s ? "w-px h-full bg-[var(--color-divider)]" : "w-full h-px bg-[var(--color-divider)]",
         n
       ),
-      ...s
+      ...o
     }
   );
 }, Bl = (t) => {
   const {
     children: n,
-    content: o,
-    className: s,
+    content: s,
+    className: o,
     placement: r = "top",
     minWidth: l = 100,
     maxWidth: a = 200
@@ -2846,27 +2848,27 @@ const Tl = (t) => {
     "span",
     {
       ref: g,
-      className: s,
+      className: o,
       onMouseEnter: () => c(!0),
       onMouseLeave: () => c(!1),
       children: [
         n,
-        /* @__PURE__ */ e(x, { open: i, children: /* @__PURE__ */ e(xe, { children: o }) })
+        /* @__PURE__ */ e(x, { open: i, children: /* @__PURE__ */ e(xe, { children: s }) })
       ]
     }
   );
 }, Al = (t) => {
   const {
     open: n,
-    onDismiss: o,
-    enableDismissOnOutsideClick: s,
+    onDismiss: s,
+    enableDismissOnOutsideClick: o,
     enableDismissOnEscKey: r,
     enableDismissButton: l,
     className: a,
     children: i,
     maxWidth: c = 600
   } = t;
-  return we(!!r && n, o || (() => {
+  return we(!!r && n, s || (() => {
   })), /* @__PURE__ */ e(De, { children: n && /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
       J.div,
@@ -2881,7 +2883,7 @@ const Tl = (t) => {
           rt,
           {
             className: "modal-overlay backdrop-blur-[1px]",
-            onClick: s ? o : void 0,
+            onClick: o ? s : void 0,
             lockScroll: !0
           }
         )
@@ -2903,11 +2905,11 @@ const Tl = (t) => {
           l && /* @__PURE__ */ e(
             Bt,
             {
-              Icon: de,
+              Icon: ue,
               className: "absolute top-4 right-4",
               variant: "transparent",
               size: "sm",
-              onClick: o
+              onClick: s
             }
           ),
           i
@@ -2918,15 +2920,15 @@ const Tl = (t) => {
 }, Ul = (t) => {
   const {
     open: n,
-    onDismiss: o,
-    enableDismissOnOutsideClick: s,
+    onDismiss: s,
+    enableDismissOnOutsideClick: o,
     enableDismissOnEscKey: r,
     enableDismissButton: l,
     className: a,
     children: i,
     maxWidth: c = 480
   } = t;
-  return we(!!r && n, o || (() => {
+  return we(!!r && n, s || (() => {
   })), /* @__PURE__ */ e(De, { children: n && /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
       J.div,
@@ -2941,7 +2943,7 @@ const Tl = (t) => {
           rt,
           {
             className: "modal-overlay backdrop-blur-[1px]",
-            onClick: s ? o : void 0,
+            onClick: o ? s : void 0,
             lockScroll: !0
           }
         )
@@ -2963,11 +2965,11 @@ const Tl = (t) => {
           l && /* @__PURE__ */ e(
             Bt,
             {
-              Icon: de,
+              Icon: ue,
               className: "absolute top-4 right-4",
               variant: "transparent",
               size: "sm",
-              onClick: o
+              onClick: s
             }
           ),
           i
@@ -2978,24 +2980,24 @@ const Tl = (t) => {
 }, Ur = (t) => {
   const {
     className: n,
-    tabs: o
+    tabs: s
   } = t;
   return /* @__PURE__ */ e("div", { className: f(
     "h-12 tab-container p-1 rounded-xl inline-flex flex-row space-x-1 overflow-x-auto mat-ui-hide-scrollbars",
     n
-  ), children: o.map((s, r) => {
+  ), children: s.map((o, r) => {
     const l = f(
       "shrink-0 px-4 h-full inline-flex flex-row items-center font-semibold rounded-xl cursor-pointer border border-transparent ing-0 tab-button transition-all duration-150 select-none focus:outline-none focus:ring-0",
-      s.active && "tab-button-active shadow-sm"
+      o.active && "tab-button-active shadow-sm"
     );
-    return s.href ? /* @__PURE__ */ d(
+    return o.href ? /* @__PURE__ */ d(
       "a",
       {
-        href: s.href,
+        href: o.href,
         className: l,
         children: [
-          s.Icon && /* @__PURE__ */ e(s.Icon, { className: "h-5 w-5 shrink-0 mr-2 -ml-1" }),
-          s.label
+          o.Icon && /* @__PURE__ */ e(o.Icon, { className: "h-5 w-5 shrink-0 mr-2 -ml-1" }),
+          o.label
         ]
       },
       r
@@ -3003,10 +3005,10 @@ const Tl = (t) => {
       "button",
       {
         className: l,
-        onClick: s.onClick,
+        onClick: o.onClick,
         children: [
-          s.Icon && /* @__PURE__ */ e(s.Icon, { className: "h-5 w-5 shrink-0 mr-2 -ml-1" }),
-          s.label
+          o.Icon && /* @__PURE__ */ e(o.Icon, { className: "h-5 w-5 shrink-0 mr-2 -ml-1" }),
+          o.label
         ]
       },
       r
@@ -3015,8 +3017,8 @@ const Tl = (t) => {
 }, Wl = (t) => {
   const {
     duration: n = 0.3,
-    ease: o = "easeInOut",
-    horizontal: s = !1,
+    ease: s = "easeInOut",
+    horizontal: o = !1,
     children: r,
     className: l,
     ...a
@@ -3026,17 +3028,17 @@ const Tl = (t) => {
     if (!x || !w) return;
     let h = !0;
     const b = () => {
-      const m = s ? x.scrollWidth - x.clientWidth : x.scrollHeight - x.clientHeight, v = s ? x.scrollLeft : x.scrollTop;
+      const m = o ? x.scrollWidth - x.clientWidth : x.scrollHeight - x.clientHeight, v = o ? x.scrollLeft : x.scrollTop;
       if (!(m <= 0 || Math.abs(m - v) < 1)) {
         if (h) {
-          h = !1, s ? x.scrollLeft = m : x.scrollTop = m;
+          h = !1, o ? x.scrollLeft = m : x.scrollTop = m;
           return;
         }
         g.current?.stop(), g.current = Xt(v, m, {
           duration: n,
-          ease: o,
+          ease: s,
           onUpdate: (u) => {
-            s ? x.scrollLeft = u : x.scrollTop = u;
+            o ? x.scrollLeft = u : x.scrollTop = u;
           }
         });
       }
@@ -3044,13 +3046,13 @@ const Tl = (t) => {
     return p.observe(w), () => {
       p.disconnect(), g.current?.stop();
     };
-  }, [n, o, s]), /* @__PURE__ */ e(
+  }, [n, s, o]), /* @__PURE__ */ e(
     "div",
     {
       ref: i,
       className: f(
         "min-h-0 min-w-0",
-        s ? "overflow-x-auto" : "overflow-y-auto",
+        o ? "overflow-x-auto" : "overflow-y-auto",
         l
       ),
       ...a,
@@ -3061,14 +3063,14 @@ const Tl = (t) => {
 function Wr(t) {
   const {
     onDelta: n,
-    onDragStart: o,
-    onDragEnd: s,
+    onDragStart: s,
+    onDragEnd: o,
     disabled: r = !1,
     primaryButtonOnly: l = !0,
     preventScrollOnMove: a = !0
-  } = t, [i, c] = C.useState(!1), g = C.useRef(!1), x = C.useRef(0), w = C.useRef(0), h = C.useRef(0), b = C.useRef(null), p = C.useRef(null), m = C.useRef({ onDelta: n, onDragStart: o, onDragEnd: s, preventScrollOnMove: a });
+  } = t, [i, c] = C.useState(!1), g = C.useRef(!1), x = C.useRef(0), w = C.useRef(0), h = C.useRef(0), b = C.useRef(null), p = C.useRef(null), m = C.useRef({ onDelta: n, onDragStart: s, onDragEnd: o, preventScrollOnMove: a });
   C.useEffect(() => {
-    m.current = { onDelta: n, onDragStart: o, onDragEnd: s, preventScrollOnMove: a };
+    m.current = { onDelta: n, onDragStart: s, onDragEnd: o, preventScrollOnMove: a };
   });
   const v = C.useRef({}), u = C.useCallback((R) => {
     if (!g.current) return;
@@ -3129,8 +3131,8 @@ function Wr(t) {
 const Hr = (t) => {
   const {
     column: n,
-    width: o,
-    height: s,
+    width: s,
+    height: o,
     onResize: r,
     sortDirection: l,
     onSortClick: a
@@ -3140,7 +3142,7 @@ const Hr = (t) => {
   return /* @__PURE__ */ d(
     "div",
     {
-      style: { width: o, height: s },
+      style: { width: s, height: o },
       className: "flex flex-row items-stretch select-none shrink-0",
       children: [
         /* @__PURE__ */ d(
@@ -3176,14 +3178,14 @@ const Hr = (t) => {
   );
 }, ye = 200, $r = 60, _r = (t) => {
   const n = {};
-  for (const o of t)
-    n[o.id] = o.defaultWidth ?? ye;
+  for (const s of t)
+    n[s.id] = s.defaultWidth ?? ye;
   return n;
 }, jr = (t) => {
   const {
     columns: n,
-    rows: o,
-    getRowId: s,
+    rows: s,
+    getRowId: o,
     onRowClick: r,
     sort: l,
     onSortChange: a,
@@ -3261,7 +3263,7 @@ const Hr = (t) => {
           {
             className: "flex flex-col",
             style: { width: p, minWidth: "100%" },
-            children: o.map((u, I) => /* @__PURE__ */ e(
+            children: s.map((u, I) => /* @__PURE__ */ e(
               "div",
               {
                 className: f(
@@ -3282,7 +3284,7 @@ const Hr = (t) => {
                   R.id
                 ))
               },
-              s(u, I)
+              o(u, I)
             ))
           }
         )
@@ -3290,10 +3292,10 @@ const Hr = (t) => {
     )
   ] });
 }, It = (t) => {
-  const { label: n, children: o, className: s } = t;
-  return /* @__PURE__ */ d("div", { className: f("flex flex-col dropdown-button-group", s), children: [
+  const { label: n, children: s, className: o } = t;
+  return /* @__PURE__ */ d("div", { className: f("flex flex-col dropdown-button-group", o), children: [
     n && /* @__PURE__ */ e("div", { className: "mb-2 text-sm dropdown-group-label font-semibold px-3", children: n }),
-    o
+    s
   ] });
 }, Xr = () => /* @__PURE__ */ e("div", {}), Vr = [
   { id: 1, email: "sarah.jennings@example.com", firstname: "Sarah", lastname: "Jennings", status: "active" },
@@ -3424,7 +3426,7 @@ export {
   Il as InputFileMultiple,
   Cl as InputFileSingle,
   Z as InputIconButton,
-  he as InputIconButtonTray,
+  pe as InputIconButtonTray,
   q as InputLabel,
   Sl as InputLexical,
   xl as InputPassword,
@@ -3448,7 +3450,7 @@ export {
   Sr as LexicalLinkButton,
   Rr as LexicalListButtons,
   Tr as LexicalToolbar,
-  ce as LexicalToolbarButton,
+  de as LexicalToolbarButton,
   Je as LexicalToolbarDivider,
   jt as LexicalToolbarItems,
   Al as Modal,