npm - @matthiaskrijgsman/mat-ui - Versions diffs - 0.0.35 → 0.0.36 - Mend

@matthiaskrijgsman/mat-ui 0.0.35 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/inputs/select-item.d.ts +12 -0
package/dist/index.js +741 -741
package/dist/index.js.map +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,48 +1,48 @@
 "use client";
-import { jsx as e, jsxs as d, Fragment as ee } from "react/jsx-runtime";
+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 qe, useEffect as $, useState as A, useRef as ke, useCallback as Te, useLayoutEffect as It, useMemo as ae } from "react";
-import { AnimatePresence as Se, motion as G, animate as Xt } from "motion/react";
-import { IconExclamationCircleFilled as Ze, IconEyeOff as jt, IconEye as Vt, IconPaperclip as Kt, IconCircleCheckFilled as et, IconX as ce, IconCloudUpload as Gt, IconCheck as Rt, IconChevronDown as ge, IconBold as Yt, IconItalic as Jt, IconUnderline as Qt, IconList as Ye, IconListNumbers as qt, IconLink as Zt, IconArrowBackUp as en, IconArrowForwardUp as tn, IconDots as nn, IconSearch as Ee, IconSearchOff as tt, IconInfoCircleFilled as rn, IconAlertTriangleFilled as ln, IconChevronRight as on, IconChevronUp as sn, IconSettings as mt, IconPlus as ft, IconTrash as an, IconMailFilled as cn } from "@tabler/icons-react";
-import { FloatingPortal as Me, FloatingOverlay as nt, flip as rt, shift as lt, size as ot, useFloating as st, autoUpdate as at, offset as dn, useListNavigation as un, useInteractions as mn } from "@floating-ui/react";
-import { mergeRefs as fn } from "react-merge-refs";
-import { useDropzone as St } from "react-dropzone";
-import { LexicalComposer as hn } from "@lexical/react/LexicalComposer";
-import { RichTextPlugin as pn } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable as gn } from "@lexical/react/LexicalContentEditable";
-import { HistoryPlugin as bn } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as vn } from "@lexical/react/LexicalListPlugin";
-import { LinkPlugin as xn } from "@lexical/react/LexicalLinkPlugin";
-import { OnChangePlugin as wn } from "@lexical/react/LexicalOnChangePlugin";
-import { AutoFocusPlugin as Nn } from "@lexical/react/LexicalAutoFocusPlugin";
-import { LexicalErrorBoundary as kn } from "@lexical/react/LexicalErrorBoundary";
-import { HeadingNode as yn, QuoteNode as Cn, $isHeadingNode as In, $createHeadingNode as Rn } from "@lexical/rich-text";
-import { ListNode as Dt, ListItemNode as Sn, $isListNode as Dn, REMOVE_LIST_COMMAND as ht, INSERT_UNORDERED_LIST_COMMAND as On, INSERT_ORDERED_LIST_COMMAND as zn } from "@lexical/list";
-import { LinkNode as Tn, $isLinkNode as pt, TOGGLE_LINK_COMMAND as gt } from "@lexical/link";
-import { useLexicalComposerContext as de } from "@lexical/react/LexicalComposerContext";
-import { CAN_UNDO_COMMAND as Ln, COMMAND_PRIORITY_LOW as Le, CAN_REDO_COMMAND as Pn, $getSelection as Ot, $isRangeSelection as zt, $createParagraphNode as En, FORMAT_TEXT_COMMAND as $e, UNDO_COMMAND as Mn, REDO_COMMAND as Fn, FOCUS_COMMAND as Bn, BLUR_COMMAND as An } from "lexical";
-import { mergeRegister as Tt, $getNearestNodeOfType as Un } from "@lexical/utils";
-import { $setBlocksType as bt } from "@lexical/selection";
-const f = (...t) => t.filter(Boolean).join(" "), Wn = [
+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 { 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";
+import { LexicalComposer as pn } from "@lexical/react/LexicalComposer";
+import { RichTextPlugin as gn } from "@lexical/react/LexicalRichTextPlugin";
+import { ContentEditable as bn } from "@lexical/react/LexicalContentEditable";
+import { HistoryPlugin as vn } from "@lexical/react/LexicalHistoryPlugin";
+import { ListPlugin as xn } from "@lexical/react/LexicalListPlugin";
+import { LinkPlugin as wn } from "@lexical/react/LexicalLinkPlugin";
+import { OnChangePlugin as Nn } from "@lexical/react/LexicalOnChangePlugin";
+import { AutoFocusPlugin as kn } from "@lexical/react/LexicalAutoFocusPlugin";
+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 { 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";
+const f = (...t) => t.filter(Boolean).join(" "), Hn = [
   "polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)",
   "polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)",
   "polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)",
   "polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)",
   "polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)"
-], Re = (t) => {
+], Se = (t) => {
   const {
     speed: n = 1,
     className: o
   } = t, s = 1 / n, r = 2 / n;
-  return /* @__PURE__ */ e(Se, { children: /* @__PURE__ */ e(
-    G.div,
+  return /* @__PURE__ */ e(De, { children: /* @__PURE__ */ e(
+    J.div,
     {
       role: "status",
       className: f("relative rounded-full", o),
       animate: { rotate: 360 },
       transition: { repeat: 1 / 0, ease: "linear", duration: s },
       children: /* @__PURE__ */ e(
-        G.div,
+        J.div,
         {
           className: "absolute inset-0 rounded-full",
           style: {
@@ -50,7 +50,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
             borderStyle: "solid",
             borderWidth: 2
           },
-          animate: { clipPath: Wn },
+          animate: { clipPath: Hn },
           transition: {
             repeat: 1 / 0,
             ease: "linear",
@@ -61,11 +61,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       )
     }
   ) });
-}, te = {
+}, ne = {
   sm: "h-[var(--control-size-sm-height)]",
   md: "h-[var(--control-size-md-height)]",
   lg: "h-[var(--control-size-lg-height)]"
-}, Lt = {
+}, Pt = {
   sm: "min-h-[var(--control-size-sm-height)]",
   md: "min-h-[var(--control-size-md-height)]",
   lg: "min-h-[var(--control-size-lg-height)]"
@@ -73,7 +73,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   sm: "text-[length:var(--control-size-sm-font-size)]",
   md: "text-[length:var(--control-size-md-font-size)]",
   lg: "text-[length:var(--control-size-lg-font-size)]"
-}, Hn = {
+}, $n = {
   sm: "gap-[var(--control-size-sm-gap)]",
   md: "gap-[var(--control-size-md-gap)]",
   lg: "gap-[var(--control-size-lg-gap)]"
@@ -81,39 +81,39 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   sm: "px-[var(--control-size-sm-px)]",
   md: "px-[var(--control-size-md-px)]",
   lg: "px-[var(--control-size-lg-px)]"
-}, ue = {
+}, me = {
   sm: "pl-[var(--control-size-sm-px)]",
   md: "pl-[var(--control-size-md-px)]",
   lg: "pl-[var(--control-size-lg-px)]"
-}, it = {
+}, ct = {
   sm: "pr-[var(--control-size-sm-px)]",
   md: "pr-[var(--control-size-md-px)]",
   lg: "pr-[var(--control-size-lg-px)]"
-}, me = {
+}, fe = {
   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)]"
-}, Fe = {
+}, Be = {
   sm: "pr-[calc(var(--control-size-sm-px)+3.75rem)]",
   md: "pr-[calc(var(--control-size-md-px)+3.75rem)]",
   lg: "pr-[calc(var(--control-size-lg-px)+3.75rem)]"
-}, Pt = {
+}, Et = {
   sm: "pl-[calc(var(--control-size-sm-icon-offset)+var(--control-size-sm-icon)+0.75rem)]",
   md: "pl-[calc(var(--control-size-md-icon-offset)+var(--control-size-md-icon)+0.75rem)]",
   lg: "pl-[calc(var(--control-size-lg-icon-offset)+var(--control-size-lg-icon)+0.75rem)]"
-}, Et = {
+}, Mt = {
   sm: "left-[var(--control-size-sm-icon-offset)]",
   md: "left-[var(--control-size-md-icon-offset)]",
   lg: "left-[var(--control-size-lg-icon-offset)]"
-}, $n = {
+}, jn = {
   sm: "right-[var(--control-size-sm-px)]",
   md: "right-[var(--control-size-md-px)]",
   lg: "right-[var(--control-size-lg-px)]"
-}, pe = {
+}, be = {
   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)]"
-}, Mt = {
+}, Ft = {
   sm: "h-[var(--control-size-sm-height)] w-[var(--control-size-sm-height)]",
   md: "h-[var(--control-size-md-height)] w-[var(--control-size-md-height)]",
   lg: "h-[var(--control-size-lg-height)] w-[var(--control-size-lg-height)]"
@@ -123,14 +123,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   rounded-[var(--border-radius-input)]
   cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4
   disabled:cursor-default
-  `, jn = {
+  `, Vn = {
   primary: "border button-primary shadow-sm",
   secondary: "border button-secondary shadow-sm",
   tertiary: "border button-tertiary",
   white: "border button-white shadow-sm",
   black: "border button-black shadow-sm",
   transparent: "border button-transparent"
-}, Vn = C.forwardRef((t, n) => {
+}, Kn = C.forwardRef((t, n) => {
   const {
     variant: o = "white",
     size: s = "md",
@@ -146,37 +146,37 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ref: n,
       className: f(
         Xn,
-        jn[o],
-        te[s],
+        Vn[o],
+        ne[s],
         _n[s],
         Y[s],
-        Hn[s],
+        $n[s],
         r
       ),
       ...c,
       children: [
-        a && /* @__PURE__ */ e(Re, { className: f(pe[s]) }),
-        !a && /* @__PURE__ */ d(ee, { children: [
-          i && /* @__PURE__ */ e(i, { className: f(pe[s], "-ml-1") }),
+        a && /* @__PURE__ */ e(Se, { className: f(be[s]) }),
+        !a && /* @__PURE__ */ d(te, { children: [
+          i && /* @__PURE__ */ e(i, { className: f(be[s], "-ml-1") }),
           l
         ] })
       ]
     }
   );
-}), Kn = `
+}), Gn = `
   inline-flex flex-row items-center justify-center
   button-ring font-semibold ring-0 disabled:hover:ring-0 hover:ring-4 active:ring-1
   rounded-[var(--border-radius-input)]
   cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4
   disabled:cursor-default
-`, Gn = {
+`, Jn = {
   primary: "border button-primary shadow-sm",
   secondary: "border button-secondary shadow-sm",
   tertiary: "border button-tertiary",
   white: "border button-white shadow-sm",
   black: "border button-black shadow-sm",
   transparent: "border button-transparent"
-}, Je = C.forwardRef((t, n) => {
+}, qe = C.forwardRef((t, n) => {
   const {
     variant: o = "white",
     size: s = "md",
@@ -189,27 +189,27 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     {
       ref: n,
       className: f(
-        Kn,
-        Gn[o],
-        Mt[s],
+        Gn,
+        Jn[o],
+        Ft[s],
         r
       ),
       ...a,
-      children: /* @__PURE__ */ e(l, { className: pe[s] })
+      children: /* @__PURE__ */ e(l, { className: be[s] })
     }
   );
 }), Yn = `
   inline-flex flex-row items-center justify-center
   button-ring font-semibold ring-0 disabled:hover:ring-0 hover:ring-4 active:ring-1 rounded-full cursor-pointer transition-all duration-150 select-none focus:outline-none focus:ring-4
   disabled:cursor-default
-`, Jn = {
+`, qn = {
   primary: "border button-primary shadow-sm",
   secondary: "border button-secondary shadow-sm",
   tertiary: "border button-tertiary",
   white: "border button-white shadow-sm",
   black: "border button-black shadow-sm",
   transparent: "border button-transparent"
-}, Ft = C.forwardRef((t, n) => {
+}, Bt = C.forwardRef((t, n) => {
   const {
     variant: o = "white",
     size: s = "md",
@@ -223,20 +223,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ref: n,
       className: f(
         Yn,
-        Jn[o],
-        Mt[s],
+        qn[o],
+        Ft[s],
         r
       ),
       ...a,
-      children: /* @__PURE__ */ e(l, { className: pe[s] })
+      children: /* @__PURE__ */ e(l, { className: be[s] })
     }
   );
-}), J = (t) => {
+}), q = (t) => {
   const {
     children: n
   } = t;
   return n ? /* @__PURE__ */ e("label", { className: "input-label font-medium mb-1", children: n }) : null;
-}, ne = () => /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(Ze, { className: "h-5 w-5 input-error-icon" }) }), Q = Qe("md"), Qn = () => qe(Q), fe = 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), he = C.forwardRef((t, n) => {
   const {
     children: o,
     className: s
@@ -247,7 +247,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ref: n,
       className: f(
         "absolute top-1/2 -translate-y-1/2 flex flex-row items-center gap-1 pointer-events-none",
-        $n[r],
+        jn[r],
         s
       ),
       children: o
@@ -263,7 +263,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     children: n
   } = t;
   return n ? /* @__PURE__ */ e("div", { className: "input-error-text text-sm font-medium mt-2", children: n }) : null;
-}, Bt = (t) => {
+}, At = (t) => {
   const {
     className: n,
     label: o,
@@ -282,29 +282,29 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__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",
-            pe[i],
-            Et[i]
+            be[i],
+            Mt[i]
           ) }),
           /* @__PURE__ */ e(
             "input",
             {
               className: f(
                 "border input-base transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
-                te[i],
+                ne[i],
                 Y[i],
-                r ? Pt[i] : ue[i],
-                g ? me[i] : it[i],
+                r ? Et[i] : me[i],
+                g ? fe[i] : ct[i],
                 l && "input-error"
               ),
               ...c
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            l && /* @__PURE__ */ e(ne, {}),
+          /* @__PURE__ */ d(he, { children: [
+            l && /* @__PURE__ */ e(re, {}),
             a
           ] })
         ] }),
@@ -313,31 +313,31 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   ) });
-}, qn = (t) => {
+}, 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];
-}, Zn = (t, n, o) => {
+}, er = (t, n, o) => {
   const s = (r) => Math.round(r * 255).toString(16).padStart(2, "0").toUpperCase();
   return "#" + s(t) + s(n) + s(o);
-}, er = (t, n, o) => {
+}, tr = (t, n, o) => {
   const s = Math.max(t, n, o), r = Math.min(t, n, o), l = s - 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];
-}, tr = (t, n, o) => {
+}, nr = (t, n, o) => {
   const s = o * n, r = t / 60, l = s * (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;
   return [a + g, i + g, c + g];
-}, Ie = (t, n, o) => {
-  const [s, r, l] = tr(t, n, o);
-  return Zn(s, r, l);
-}, vt = (t) => {
-  const n = qn(t);
-  return n ? er(n[0], n[1], n[2]) : null;
-}, nr = (t) => {
+}, Re = (t, n, o) => {
+  const [s, r, l] = nr(t, n, o);
+  return er(s, 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})$/);
@@ -371,11 +371,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       onPointerCancel: r
     }
   };
-}, rr = "flex flex-col dropdown-panel border mt-1 rounded-xl shadow-lg overflow-y-auto relative space-y-1", lr = {
+}, lr = "flex flex-col dropdown-panel border mt-1 rounded-xl shadow-lg overflow-y-auto relative space-y-1", or = {
   sm: "p-2",
   md: "p-3",
   lg: "p-4"
-}, be = (t) => {
+}, xe = (t) => {
   const {
     className: n,
     children: o,
@@ -385,12 +385,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   return /* @__PURE__ */ e(
     "div",
     {
-      className: f(rr, lr[s], n),
+      className: f(lr, or[s], n),
       ...r,
       children: o
     }
   );
-}, or = {
+}, sr = {
   top: "bottom center",
   "top-start": "bottom left",
   "top-end": "bottom right",
@@ -403,14 +403,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   left: "right center",
   "left-start": "top right",
   "left-end": "bottom right"
-}, At = C.memo(
-  ({ open: t, children: n, className: o, onOutsideClick: s, floatingStyles: r, setFloating: l, placement: a, floatingProps: i }) => /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(Se, { children: t && /* @__PURE__ */ d(ee, { children: [
-    s && /* @__PURE__ */ e(nt, { onClick: s }),
+}, 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 }),
     /* @__PURE__ */ e("div", { ref: l, style: r, className: "z-50", ...i, children: /* @__PURE__ */ e(
-      G.div,
+      J.div,
       {
         className: o,
-        style: { transformOrigin: or[a] },
+        style: { transformOrigin: sr[a] },
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.95 },
@@ -419,19 +419,19 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       }
     ) })
   ] }) }) })
-), ct = (t) => {
+), dt = (t) => {
   const { placement: n = "bottom", onOutsideClick: o, fullWidth: s, minWidth: r, maxWidth: l } = t, a = C.useMemo(() => [
-    rt({ padding: 8 }),
     lt({ padding: 8 }),
-    ot({
+    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`);
       }
     })
-  ], [s, l, r]), { refs: i, floatingStyles: c, placement: g } = st({
+  ], [s, l, r]), { refs: i, floatingStyles: c, placement: g } = at({
     placement: n,
     middleware: a,
-    whileElementsMounted: at
+    whileElementsMounted: it
   }), x = C.useRef({
     onOutsideClick: o,
     floatingStyles: c,
@@ -448,7 +448,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     const h = (b) => {
       const { floatingStyles: p, setFloating: m, onOutsideClick: v, placement: u } = x.current, { className: I, open: R, children: y } = b;
       return /* @__PURE__ */ e(
-        At,
+        Ut,
         {
           open: R,
           className: I,
@@ -466,8 +466,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     anchorRef: i.setReference,
     Popover: w
   };
-}, ve = (t, n) => {
-  $(() => {
+}, we = (t, n) => {
+  _(() => {
     if (!t) return;
     const o = (s) => {
       s.key === "Escape" && n();
@@ -476,34 +476,34 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       document.removeEventListener("keydown", o);
     };
   }, [t, n]);
-}, sr = "linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%)", ar = "linear-gradient(to right, #fff, rgba(255,255,255,0))", ir = "linear-gradient(to top, #000, rgba(0,0,0,0))", je = "0 0 0 1px rgba(0,0,0,0.15)", cr = 14, dr = 28, ur = 6, mr = 8, Ve = { type: "spring", stiffness: 500, damping: 18, mass: 0.6 }, we = (t) => {
-  const n = t ? dr : cr, o = n / 2;
+}, 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;
   return {
     width: n,
     height: n,
     marginLeft: -o,
     marginTop: -o,
-    borderRadius: t ? mr : ur
+    borderRadius: t ? fr : mr
   };
-}, ze = (t) => Math.max(0, Math.min(1, t)), xt = (t, n) => {
+}, 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 }));
-}, fr = ({ value: t, onChange: n }) => {
-  const [o, s] = A(() => vt(t) ?? [0, 0, 1]), r = ke(Ie(o[0], o[1], o[2]));
-  $(() => {
+}, hr = ({ value: t, onChange: n }) => {
+  const [o, s] = W(() => xt(t) ?? [0, 0, 1]), r = Ce(Re(o[0], o[1], o[2]));
+  _(() => {
     if ((t || "").toUpperCase() === r.current) return;
-    const m = vt(t);
+    const m = xt(t);
     m && s(m);
   }, [t]);
   const l = (m) => {
     s(m);
-    const v = Ie(m[0], m[1], m[2]);
+    const v = Re(m[0], m[1], m[2]);
     r.current = v, n(v);
-  }, [a, i, c] = o, g = Ie(a, 1, 1), x = Ie(a, i, 1), w = Ie(a, i, c), h = Xe((m, v, u) => {
-    l([a, ze((m - u.left) / u.width), 1 - ze((v - u.top) / u.height)]);
+  }, [a, i, c] = o, 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([ze((m - u.left) / u.width) * 360, i, c]);
+    l([Te((m - u.left) / u.width) * 360, i, c]);
   }), p = Xe((m, v, u) => {
-    l([a, i, ze((m - u.left) / u.width)]);
+    l([a, i, Te((m - u.left) / u.width)]);
   });
   return /* @__PURE__ */ d(
     "div",
@@ -533,32 +533,32 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                       "div",
                       {
                         className: "absolute inset-0 pointer-events-none",
-                        style: { background: ar }
+                        style: { background: ir }
                       }
                     ),
                     /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute inset-0 pointer-events-none",
-                        style: { background: ir }
+                        style: { background: cr }
                       }
                     )
                   ]
                 }
               ),
               /* @__PURE__ */ e(
-                G.div,
+                J.div,
                 {
                   className: "absolute pointer-events-none border-1 border-white",
                   style: {
                     left: `${i * 100}%`,
                     top: `${(1 - c) * 100}%`,
-                    boxShadow: je,
+                    boxShadow: Ve,
                     backgroundColor: w
                   },
-                  initial: we(!1),
-                  animate: we(h.isDragging),
-                  transition: Ve
+                  initial: ke(!1),
+                  animate: ke(h.isDragging),
+                  transition: Ke
                 }
               )
             ]
@@ -570,24 +570,24 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
             className: "relative w-full rounded-md",
             style: {
               height: 12,
-              background: sr,
+              background: ar,
               touchAction: "none",
               cursor: "ew-resize"
             },
             ...b.bind,
             children: /* @__PURE__ */ e(
-              G.div,
+              J.div,
               {
                 className: "absolute pointer-events-none border-1 border-white",
                 style: {
                   top: "50%",
                   left: `${a / 360 * 100}%`,
                   backgroundColor: g,
-                  boxShadow: je
+                  boxShadow: Ve
                 },
-                initial: we(!1),
-                animate: we(b.isDragging),
-                transition: Ve
+                initial: ke(!1),
+                animate: ke(b.isDragging),
+                transition: Ke
               }
             )
           }
@@ -604,18 +604,18 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
             },
             ...p.bind,
             children: /* @__PURE__ */ e(
-              G.div,
+              J.div,
               {
                 className: "absolute pointer-events-none border-1 border-white",
                 style: {
                   top: "50%",
                   left: `${c * 100}%`,
                   backgroundColor: w,
-                  boxShadow: je
+                  boxShadow: Ve
                 },
-                initial: we(!1),
-                animate: we(p.isDragging),
-                transition: Ve
+                initial: ke(!1),
+                animate: ke(p.isDragging),
+                transition: Ke
               }
             )
           }
@@ -623,7 +623,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, bl = (t) => {
+}, vl = (t) => {
   const {
     className: n,
     label: o,
@@ -637,22 +637,22 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     onBlur: x,
     onFocus: w,
     ...h
-  } = t, [b, p] = A(
+  } = t, [b, p] = W(
     i != null ? String(i) : c != null ? String(c) : ""
-  ), [m, v] = A(!1), u = ke(null), I = i != null ? String(i) : b, R = I || "white";
-  ve(m, () => v(!1));
-  const { anchorRef: y, Popover: D } = ct({
+  ), [m, v] = W(!1), u = Ce(null), I = i != null ? String(i) : b, R = I || "white";
+  we(m, () => v(!1));
+  const { anchorRef: y, Popover: D } = dt({
     placement: "bottom-start",
     onOutsideClick: () => v(!1)
   }), T = (k) => {
     p(k.target.value), g?.(k);
-  }, M = (k) => {
+  }, B = (k) => {
     v(!0), w?.(k);
   }, P = (k) => {
-    const B = k.target.value, O = nr(B);
-    O && O !== B && u.current && xt(u.current, O), v(!1), x?.(k);
+    const A = k.target.value, O = rr(A);
+    O && O !== A && u.current && wt(u.current, O), v(!1), x?.(k);
   }, z = (k) => {
-    u.current && xt(u.current, k);
+    u.current && wt(u.current, k);
   }, N = !!r || !!l;
   return /* @__PURE__ */ e(Q.Provider, { value: a, children: /* @__PURE__ */ d(
     "div",
@@ -662,15 +662,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__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",
-                pe[a],
-                Et[a]
+                be[a],
+                Mt[a]
               ),
               style: { backgroundColor: R }
             }
@@ -681,32 +681,32 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               ref: u,
               className: f(
                 "border input-base transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
-                te[a],
+                ne[a],
                 Y[a],
-                Pt[a],
-                N ? me[a] : it[a],
+                Et[a],
+                N ? fe[a] : ct[a],
                 r && "input-error"
               ),
               value: i ?? b,
               onChange: T,
-              onFocus: M,
+              onFocus: B,
               onBlur: P,
               onClick: () => v(!0),
               ...h
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            r && /* @__PURE__ */ e(ne, {}),
+          /* @__PURE__ */ d(he, { children: [
+            r && /* @__PURE__ */ e(re, {}),
             l
           ] }),
-          /* @__PURE__ */ e(D, { open: m, children: /* @__PURE__ */ e(be, { padding: "md", children: /* @__PURE__ */ e(fr, { value: I, onChange: z }) }) })
+          /* @__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(K, { children: r })
       ]
     }
   ) });
-}, q = (t) => {
+}, Z = (t) => {
   const {
     onClick: n,
     Icon: o
@@ -722,23 +722,23 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       children: /* @__PURE__ */ e(o, { className: f("h-5 w-5 input-icon-button-icon", n && "group-active:scale-[0.8] transition-transform origin-center") })
     }
   );
-}, vl = (t) => {
+}, xl = (t) => {
   const {
     type: n = "password",
     enableShowPasswordToggle: o = !0,
     ...s
-  } = t, [r, l] = A(!1);
+  } = t, [r, l] = W(!1);
   return /* @__PURE__ */ e(
-    Bt,
+    At,
     {
       type: r ? "text" : n,
-      buttonTray: o ? /* @__PURE__ */ e(q, { Icon: r ? jt : Vt, onClick: () => {
+      buttonTray: o ? /* @__PURE__ */ e(Z, { Icon: r ? Vt : Kt, onClick: () => {
         l(!r);
       } }) : void 0,
       ...s
     }
   );
-}, xl = (t) => {
+}, wl = (t) => {
   const {
     className: n,
     label: o,
@@ -779,33 +779,33 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__PURE__ */ d("div", { className: "flex flex-col relative", children: [
           /* @__PURE__ */ e(
             "textarea",
             {
-              ref: c ? fn([c, w]) : w,
+              ref: c ? hn([c, w]) : w,
               onChange: b,
               className: f(
                 "py-2.5 border input-base transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
-                Lt[l],
+                Pt[l],
                 Y[l],
-                ue[l],
-                r ? me[l] : it[l],
+                me[l],
+                r ? fe[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(fe, { className: "top-3.5 translate-y-0", children: r && /* @__PURE__ */ e(ne, {}) })
+          /* @__PURE__ */ e(he, { className: "top-3.5 translate-y-0", children: r && /* @__PURE__ */ e(re, {}) })
         ] }),
         /* @__PURE__ */ e(V, { children: s }),
         /* @__PURE__ */ e(K, { children: r })
       ]
     }
   ) });
-}, wl = (t) => {
+}, Nl = (t) => {
   const {
     className: n,
     label: o,
@@ -840,7 +840,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, Nl = (t) => {
+}, kl = (t) => {
   const {
     className: n,
     label: o,
@@ -884,7 +884,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, kl = (t) => {
+}, yl = (t) => {
   const {
     className: n,
     label: o,
@@ -919,26 +919,26 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, hr = {
+}, pr = {
   sm: "h-7",
   md: "h-8",
   lg: "h-10"
-}, pr = {
+}, gr = {
   sm: "px-2.5",
   md: "px-3",
   lg: "px-4"
-}, gr = {
+}, br = {
   sm: "text-xs",
   md: "text-sm",
   lg: "text-sm"
-}, yl = (t) => {
+}, Cl = (t) => {
   const {
     label: n,
     description: o,
     error: s,
     placeholder: r = "No file chosen",
     buttonText: l = "Choose",
-    Icon: a = Kt,
+    Icon: a = Gt,
     size: i = "md",
     value: c,
     isUploaded: g = !1,
@@ -958,8 +958,8 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     getInputProps: y,
     open: D,
     isDragActive: T,
-    isFocused: M
-  } = St({
+    isFocused: B
+  } = Dt({
     multiple: !1,
     accept: b,
     maxSize: p,
@@ -969,7 +969,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     onDropRejected: h
   }), P = c?.name;
   return /* @__PURE__ */ e(Q.Provider, { value: i, children: /* @__PURE__ */ d("div", { className: f("flex flex-col", u), children: [
-    /* @__PURE__ */ e(J, { children: n }),
+    /* @__PURE__ */ e(q, { children: n }),
     /* @__PURE__ */ d(
       "div",
       {
@@ -978,17 +978,17 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
             "flex flex-row items-center",
             "border input-base rounded-xl shadow-sm transition-all duration-150",
             "ring-0 focus:outline-none",
-            (M || T) && "ring-4",
+            (B || T) && "ring-4",
             s && "input-error",
             v && "opacity-60 cursor-not-allowed",
-            te[i],
-            ue[i],
+            ne[i],
+            me[i],
             "gap-3"
           )
         }),
         children: [
           /* @__PURE__ */ e("input", { ...y() }),
-          /* @__PURE__ */ e(a, { className: f("input-icon shrink-0", pe[i]) }),
+          /* @__PURE__ */ e(a, { className: f("input-icon shrink-0", be[i]) }),
           /* @__PURE__ */ e(
             "span",
             {
@@ -1000,9 +1000,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               children: P ?? r
             }
           ),
-          s && /* @__PURE__ */ e(ne, {}),
-          x && !s && /* @__PURE__ */ e("div", { className: "h-5 w-5 flex items-center justify-center", children: /* @__PURE__ */ e(Re, { className: "h-4 w-4 text-[var(--color-input-icon)]" }) }),
-          g && !x && !s && /* @__PURE__ */ e("div", { className: "h-5 w-5", children: /* @__PURE__ */ e(et, { className: "h-5 w-5 text-[var(--color-status-success)]" }) }),
+          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)]" }) }),
           /* @__PURE__ */ e(
             "button",
             {
@@ -1018,9 +1018,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                 "button-ring ring-0 hover:ring-4 active:ring-1 focus:outline-none focus:ring-4",
                 "disabled:cursor-default",
                 "mr-1.5",
-                hr[i],
                 pr[i],
-                gr[i]
+                gr[i],
+                br[i]
               ),
               children: l
             }
@@ -1031,7 +1031,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     /* @__PURE__ */ e(V, { children: o }),
     /* @__PURE__ */ e(K, { children: s })
   ] }) });
-}, br = (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`, vr = (t) => {
+}, 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,
@@ -1051,15 +1051,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         a
       ),
       children: [
-        i && /* @__PURE__ */ e("div", { className: "shrink-0 h-5 w-5 flex items-center justify-center", children: r ? /* @__PURE__ */ e(Ze, { className: "h-5 w-5 input-error-icon" }) : s ? /* @__PURE__ */ e(Re, { className: "h-4 w-4 text-[var(--color-input-icon)]" }) : /* @__PURE__ */ e(et, { 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" }) : 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)]" }) }),
         /* @__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: br(n.size) }),
+        /* @__PURE__ */ e("div", { className: "shrink-0 text-sm text-[var(--color-input-description-text)]", children: vr(n.size) }),
         l && /* @__PURE__ */ e(
-          Je,
+          qe,
           {
             variant: "transparent",
             size: "sm",
-            Icon: ce,
+            Icon: de,
             onClick: l,
             "aria-label": "Remove file",
             className: "shrink-0"
@@ -1068,14 +1068,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, Cl = (t) => {
+}, Il = (t) => {
   const {
     label: n,
     description: o,
     error: s,
     title: r = "Drop files here",
     hint: l,
-    Icon: a = Gt,
+    Icon: a = Jt,
     onUpload: i,
     onFileRemoved: c,
     onDropRejected: g,
@@ -1086,32 +1086,32 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     maxFiles: p,
     disabled: m = !1,
     className: v
-  } = t, [u, I] = A([]), R = ke(0), y = (k, B) => {
-    I((O) => O.map((_) => _.id === k ? { ..._, ...B } : _));
+  } = t, [u, I] = W([]), R = Ce(0), y = (k, A) => {
+    I((O) => O.map(($) => $.id === k ? { ...$, ...A } : $));
   }, D = (k) => {
     if (k.length === 0) return;
-    const B = k.map((O) => ({
+    const A = k.map((O) => ({
       id: String(++R.current),
       file: O,
       status: i ? "uploading" : "idle"
     }));
-    if (I((O) => [...O, ...B]), !!i)
-      for (const O of B)
-        Promise.resolve().then(() => i(O.file)).then(() => y(O.id, { status: "uploaded" })).catch((_) => {
+    if (I((O) => [...O, ...A]), !!i)
+      for (const O of A)
+        Promise.resolve().then(() => i(O.file)).then(() => y(O.id, { status: "uploaded" })).catch(($) => {
           y(O.id, {
             status: "error",
-            error: _ instanceof Error ? _ : new Error(String(_))
+            error: $ instanceof Error ? $ : new Error(String($))
           });
         });
   }, T = (k) => {
-    const B = u.find((O) => O.id === k);
-    I((O) => O.filter((_) => _.id !== k)), B && c?.(B.file);
+    const A = u.find((O) => O.id === k);
+    I((O) => O.filter(($) => $.id !== k)), A && c?.(A.file);
   }, {
-    getRootProps: M,
+    getRootProps: B,
     getInputProps: P,
     isDragActive: z,
     isFocused: N
-  } = St({
+  } = Dt({
     multiple: !0,
     accept: w,
     maxSize: h,
@@ -1122,11 +1122,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     onDropRejected: g
   });
   return /* @__PURE__ */ d("div", { className: f("flex flex-col", v), children: [
-    /* @__PURE__ */ e(J, { children: n }),
+    /* @__PURE__ */ e(q, { children: n }),
     /* @__PURE__ */ d(
       "div",
       {
-        ...M({
+        ...B({
           className: f(
             "flex flex-col items-center justify-center gap-1",
             "border-2 border-dashed input-base rounded-xl bg-transparent!",
@@ -1146,25 +1146,25 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       }
     ),
     u.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 mt-3", children: u.map((k) => {
-      const B = {
+      const A = {
         file: k.file,
         isUploading: k.status === "uploading",
         isUploaded: k.status === "uploaded",
         error: k.status === "error" ? k.error?.message : void 0,
         onRemove: () => T(k.id)
       };
-      return /* @__PURE__ */ e(C.Fragment, { children: x ? x(k.file, B) : /* @__PURE__ */ e(vr, { ...B }) }, k.id);
+      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 })
   ] });
-}, xr = [
-  yn,
+}, wr = [
   Cn,
-  Dt,
-  Sn,
-  Tn
-], wt = {
+  In,
+  Ot,
+  Dn,
+  Ln
+], Nt = {
   paragraph: "lexical-paragraph",
   heading: {
     h1: "lexical-h1",
@@ -1187,7 +1187,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     italic: "lexical-italic",
     underline: "lexical-underline"
   }
-}, Ut = {
+}, Wt = {
   isBold: !1,
   isItalic: !1,
   isUnderline: !1,
@@ -1197,25 +1197,25 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   blockType: "paragraph",
   canUndo: !1,
   canRedo: !1
-}, Be = Qe({
-  state: Ut,
+}, Ae = Qe({
+  state: Wt,
   tone: "light",
   orientation: "horizontal"
-}), xe = () => qe(Be), Wt = () => {
-  const [t] = de(), [n, o] = A(Ut);
-  return $(() => {
+}), Ne = () => Ze(Ae), Ht = () => {
+  const [t] = ue(), [n, o] = W(Wt);
+  return _(() => {
     const s = () => {
       t.getEditorState().read(() => {
-        const r = Ot();
-        if (!zt(r))
+        const r = zt();
+        if (!Tt(r))
           return;
-        const l = r.anchor.getNode(), a = Un(l, Dt), i = a && Dn(a) ? a.getListType() : null;
+        const l = r.anchor.getNode(), a = Wn(l, Ot), i = a && On(a) ? a.getListType() : null;
         let c = "paragraph";
         if (!i) {
           const b = l.getKey() === "root" ? l : l.getTopLevelElementOrThrow();
-          In(b) && (c = b.getTag());
+          Rn(b) && (c = b.getTag());
         }
-        const g = r.hasFormat("bold"), x = r.hasFormat("italic"), w = r.hasFormat("underline"), h = pt(l.getParent()) || pt(l);
+        const g = r.hasFormat("bold"), x = r.hasFormat("italic"), w = r.hasFormat("underline"), h = gt(l.getParent()) || gt(l);
         o((b) => ({
           ...b,
           isBold: g,
@@ -1228,34 +1228,34 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         }));
       });
     };
-    return Tt(
+    return Lt(
       t.registerUpdateListener(() => s()),
       t.registerCommand(
-        Ln,
+        Pn,
         (r) => (o((l) => ({ ...l, canUndo: r })), !1),
-        Le
+        Pe
       ),
       t.registerCommand(
-        Pn,
+        En,
         (r) => (o((l) => ({ ...l, canRedo: r })), !1),
-        Le
+        Pe
       )
     );
   }, [t]), n;
-}, Ht = Qe(void 0), wr = () => ({
-  dismiss: qe(Ht) || (() => {
+}, $t = Qe(void 0), Nr = () => ({
+  dismiss: Ze($t) || (() => {
   })
-}), Ae = (t) => {
-  const { trigger: n, children: o, placement: s = "bottom-end", minWidth: r = 200, className: l } = t, [a, i] = A(!1), { Popover: c, anchorRef: g } = ct({
+}), 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,
     onOutsideClick: () => i(!1),
     minWidth: r
   });
-  return /* @__PURE__ */ d(ee, { children: [
+  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(be, { padding: "sm", children: /* @__PURE__ */ e(Ht.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: o }) }) })
   ] });
-}, Nr = "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", j = C.forwardRef((t, n) => {
+}, 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,
@@ -1263,7 +1263,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     onClick: l,
     dismissOnClick: a = !0,
     ...i
-  } = t, { dismiss: c } = wr(), g = (x) => {
+  } = t, { dismiss: c } = Nr(), g = (x) => {
     l && l(x), a && c();
   };
   return /* @__PURE__ */ d(
@@ -1271,7 +1271,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     {
       ref: n,
       className: f(
-        Nr,
+        kr,
         o
       ),
       onClick: g,
@@ -1282,21 +1282,21 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}), Ke = [
+}), Ge = [
   { value: "paragraph", label: "Paragraph" },
   { value: "h1", label: "Heading 1" },
   { value: "h2", label: "Heading 2" },
   { value: "h3", label: "Heading 3" },
   { value: "h4", label: "Heading 4" }
-], kr = () => {
-  const [t] = de(), { state: n, tone: o } = xe(), s = (l) => {
+], yr = () => {
+  const [t] = ue(), { state: n, tone: o } = Ne(), s = (l) => {
     t.update(() => {
-      const a = Ot();
-      zt(a) && (l === "paragraph" ? bt(a, () => En()) : bt(a, () => Rn(l)));
+      const a = zt();
+      Tt(a) && (l === "paragraph" ? vt(a, () => Mn()) : vt(a, () => Sn(l)));
     });
-  }, r = Ke.find((l) => l.value === n.blockType) ?? Ke[0];
+  }, r = Ge.find((l) => l.value === n.blockType) ?? Ge[0];
   return /* @__PURE__ */ e(
-    Ae,
+    Ue,
     {
       placement: "bottom-start",
       minWidth: 180,
@@ -1311,14 +1311,14 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
           ),
           children: [
             r.label,
-            /* @__PURE__ */ e(ge, { className: "h-4 w-4" })
+            /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
           ]
         }
       ),
-      children: Ke.map((l) => /* @__PURE__ */ e(
-        j,
+      children: Ge.map((l) => /* @__PURE__ */ e(
+        X,
         {
-          Icon: l.value === n.blockType ? Rt : void 0,
+          Icon: l.value === n.blockType ? St : void 0,
           onClick: () => s(l.value),
           className: l.value === n.blockType ? void 0 : "pl-11",
           children: l.label
@@ -1327,10 +1327,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ))
     }
   );
-}, yr = {
+}, Cr = {
   light: "lexical-tb-btn-light",
   dark: "lexical-tb-btn-dark"
-}, ie = C.forwardRef(
+}, ce = C.forwardRef(
   (t, n) => {
     const { Icon: o, active: s = !1, tone: r = "light", className: l, onMouseDown: a, ...i } = t;
     return /* @__PURE__ */ e(
@@ -1343,7 +1343,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         },
         className: f(
           "lexical-tb-btn h-8 w-8",
-          yr[r],
+          Cr[r],
           s && "lexical-tb-btn-active",
           l
         ),
@@ -1352,55 +1352,55 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       }
     );
   }
-), Cr = () => {
-  const [t] = de(), { state: n, tone: o } = xe();
-  return /* @__PURE__ */ d(ee, { children: [
+), Ir = () => {
+  const [t] = ue(), { state: n, tone: o } = Ne();
+  return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
         Icon: Yt,
         tone: o,
         active: n.isBold,
         "aria-label": "Bold",
-        onClick: () => t.dispatchCommand($e, "bold")
+        onClick: () => t.dispatchCommand(je, "bold")
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
-        Icon: Jt,
+        Icon: qt,
         tone: o,
         active: n.isItalic,
         "aria-label": "Italic",
-        onClick: () => t.dispatchCommand($e, "italic")
+        onClick: () => t.dispatchCommand(je, "italic")
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
         Icon: Qt,
         tone: o,
         active: n.isUnderline,
         "aria-label": "Underline",
-        onClick: () => t.dispatchCommand($e, "underline")
+        onClick: () => t.dispatchCommand(je, "underline")
       }
     )
   ] });
-}, Ir = () => {
-  const [t] = de(), { state: n, tone: o } = xe(), s = () => {
+}, Rr = () => {
+  const [t] = ue(), { state: n, tone: o } = Ne(), s = () => {
     t.dispatchCommand(
-      n.isUnorderedList ? ht : On,
+      n.isUnorderedList ? pt : zn,
       void 0
     );
   }, r = () => {
     t.dispatchCommand(
-      n.isOrderedList ? ht : zn,
+      n.isOrderedList ? pt : Tn,
       void 0
     );
   };
-  return /* @__PURE__ */ d(ee, { children: [
+  return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
         Icon: Ye,
         tone: o,
@@ -1410,9 +1410,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
-        Icon: qt,
+        Icon: Zt,
         tone: o,
         active: n.isOrderedList,
         "aria-label": "Numbered list",
@@ -1420,90 +1420,90 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       }
     )
   ] });
-}, Rr = () => {
-  const [t] = de(), { state: n, tone: o } = xe(), s = () => {
+}, Sr = () => {
+  const [t] = ue(), { state: n, tone: o } = Ne(), s = () => {
     if (n.isLink) {
-      t.dispatchCommand(gt, null);
+      t.dispatchCommand(bt, null);
       return;
     }
     const r = window.prompt("Enter URL");
-    r && t.dispatchCommand(gt, r);
+    r && t.dispatchCommand(bt, r);
   };
   return /* @__PURE__ */ e(
-    ie,
+    ce,
     {
-      Icon: Zt,
+      Icon: en,
       tone: o,
       active: n.isLink,
       "aria-label": "Link",
       onClick: s
     }
   );
-}, Sr = () => {
-  const [t] = de(), { state: n, tone: o } = xe();
-  return /* @__PURE__ */ d(ee, { children: [
+}, Dr = () => {
+  const [t] = ue(), { state: n, tone: o } = Ne();
+  return /* @__PURE__ */ d(te, { children: [
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
-        Icon: en,
+        Icon: tn,
         tone: o,
         disabled: !n.canUndo,
         "aria-label": "Undo",
-        onClick: () => t.dispatchCommand(Mn, void 0)
+        onClick: () => t.dispatchCommand(Fn, void 0)
       }
     ),
     /* @__PURE__ */ e(
-      ie,
+      ce,
       {
-        Icon: tn,
+        Icon: nn,
         tone: o,
         disabled: !n.canRedo,
         "aria-label": "Redo",
-        onClick: () => t.dispatchCommand(Fn, void 0)
+        onClick: () => t.dispatchCommand(Bn, void 0)
       }
     )
   ] });
-}, Dr = {
+}, Or = {
   light: "lexical-tb-divider-light",
   dark: "lexical-tb-divider-dark"
-}, Ge = (t) => {
-  const { tone: n, className: o } = t, { tone: s, orientation: r } = xe();
+}, Je = (t) => {
+  const { tone: n, className: o } = t, { tone: s, 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",
-        Dr[n ?? s],
+        Or[n ?? s],
         o
       )
     }
   );
-}, Nt = 4, Or = 36, _t = (t) => {
+}, 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);
   }), n;
-}, $t = (t) => {
-  const { children: n } = t, { state: o, tone: s } = xe(), r = _t(n), l = ke(null), a = ke(null), [i, c] = A(r.length), g = Te(() => {
+}, 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 h = l.current, b = a.current;
     if (!h || !b) return;
     const p = h.clientWidth, m = Array.from(b.children).map((R) => R.offsetWidth);
-    if (m.reduce((R, y, D) => R + y + (D > 0 ? Nt : 0), 0) <= p) {
+    if (m.reduce((R, y, D) => R + y + (D > 0 ? kt : 0), 0) <= p) {
       c(m.length);
       return;
     }
     let u = 0, I = 0;
     for (let R = 0; R < m.length; R++) {
-      const y = m[R] + (R > 0 ? Nt : 0);
-      if (u + y + Or > p) break;
+      const y = m[R] + (R > 0 ? kt : 0);
+      if (u + y + zr > p) break;
       u += y, I++;
     }
     c(I);
   }, []);
-  It(() => {
+  Rt(() => {
     g();
-  }), $(() => {
+  }), _(() => {
     const h = l.current, b = a.current;
     if (!h) return;
     const p = new ResizeObserver(() => g());
@@ -1527,7 +1527,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         ),
         x.map((h, b) => /* @__PURE__ */ e(C.Fragment, { children: h }, b)),
         w.length > 0 && /* @__PURE__ */ e(
-          Ae,
+          Ue,
           {
             placement: "bottom-end",
             minWidth: 0,
@@ -1541,10 +1541,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                   "lexical-tb-btn h-8 w-8 shrink-0",
                   s === "dark" ? "lexical-tb-btn-dark" : "lexical-tb-btn-light"
                 ),
-                children: /* @__PURE__ */ e(nn, { className: "h-[18px] w-[18px]" })
+                children: /* @__PURE__ */ e(rn, { className: "h-[18px] w-[18px]" })
               }
             ),
-            children: /* @__PURE__ */ e(Be.Provider, { value: { state: o, tone: "light", orientation: "vertical" }, children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ e(Ae.Provider, { value: { state: o, tone: "light", orientation: "vertical" }, children: /* @__PURE__ */ e(
               "div",
               {
                 className: "flex flex-col items-stretch gap-1",
@@ -1557,66 +1557,66 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   );
-}, dt = () => /* @__PURE__ */ d(ee, { children: [
-  /* @__PURE__ */ e(kr, {}),
-  /* @__PURE__ */ e(Ge, {}),
-  /* @__PURE__ */ e(Cr, {}),
-  /* @__PURE__ */ e(Ge, {}),
+}, ut = () => /* @__PURE__ */ d(te, { children: [
+  /* @__PURE__ */ e(yr, {}),
+  /* @__PURE__ */ e(Je, {}),
   /* @__PURE__ */ e(Ir, {}),
+  /* @__PURE__ */ e(Je, {}),
   /* @__PURE__ */ e(Rr, {}),
-  /* @__PURE__ */ e(Ge, {}),
-  /* @__PURE__ */ e(Sr, {})
-] }), Il = () => dt(), zr = (t) => {
-  const { render: n, className: o } = t, [s] = de(), r = Wt();
-  return /* @__PURE__ */ e(Be.Provider, { value: { state: r, tone: "light" }, children: /* @__PURE__ */ e(
+  /* @__PURE__ */ e(Sr, {}),
+  /* @__PURE__ */ e(Je, {}),
+  /* @__PURE__ */ e(Dr, {})
+] }), Rl = () => ut(), Tr = (t) => {
+  const { render: n, className: o } = t, [s] = ue(), 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
       ),
-      children: /* @__PURE__ */ e($t, { children: n ? n({ editor: s, state: r, tone: "light" }) : dt() })
+      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: s, state: r, tone: "light" }) : ut() })
     }
   ) });
-}, Tr = (t) => {
-  const { render: n } = t, [o] = de(), s = Wt(), [r, l] = A(!1), { refs: a, floatingStyles: i } = st({
+}, Lr = (t) => {
+  const { render: n } = t, [o] = ue(), s = Ht(), [r, l] = W(!1), { refs: a, floatingStyles: i } = at({
     placement: "top-start",
     strategy: "fixed",
     middleware: [
-      dn(8),
-      rt(),
-      lt({ padding: 8 }),
-      ot({
+      un(8),
+      lt(),
+      ot({ padding: 8 }),
+      st({
         apply({ rects: c, elements: g }) {
           g.floating.style.width = `${c.reference.width}px`;
         }
       })
     ],
-    whileElementsMounted: at
+    whileElementsMounted: it
   });
-  return $(() => o.registerRootListener((c) => a.setReference(c ?? null)), [o, a]), $(() => Tt(
+  return _(() => o.registerRootListener((c) => a.setReference(c ?? null)), [o, a]), _(() => Lt(
     o.registerCommand(
-      Bn,
+      An,
       () => (l(!0), !1),
-      Le
+      Pe
     ),
     o.registerCommand(
-      An,
+      Un,
       () => (l(!1), !1),
-      Le
+      Pe
     )
-  ), [o]), /* @__PURE__ */ e(Be.Provider, { value: { state: s, tone: "dark" }, children: /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e(Se, { children: r && /* @__PURE__ */ e("div", { ref: a.setFloating, style: i, className: "z-50", children: /* @__PURE__ */ e(
-    G.div,
+  ), [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(
+    J.div,
     {
       className: "lexical-floating-toolbar flex w-full flex-row items-center p-1 rounded-xl",
       initial: { opacity: 0, y: 4 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: 4 },
       transition: { duration: 0.1, ease: "easeInOut" },
-      children: /* @__PURE__ */ e($t, { children: n ? n({ editor: o, state: s, tone: "dark" }) : dt() })
+      children: /* @__PURE__ */ e(jt, { children: n ? n({ editor: o, state: s, tone: "dark" }) : ut() })
     }
   ) }) }) }) });
-}, Rl = (t) => {
+}, Sl = (t) => {
   const {
     label: n,
     description: o,
@@ -1636,11 +1636,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     autoFocus: v = !1,
     children: u,
     className: I
-  } = t, R = ae(
+  } = t, R = ie(
     () => ({
       namespace: b,
-      theme: m ? { ...wt, ...m } : wt,
-      nodes: [...xr, ...p ?? []],
+      theme: m ? { ...Nt, ...m } : Nt,
+      nodes: [...wr, ...p ?? []],
       editorState: l ?? null,
       onError: (z) => {
         throw z;
@@ -1649,15 +1649,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     // Lexical reads initialConfig once on mount; later prop changes are ignored by design.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), y = Te(
+  ), y = Le(
     (z) => {
       a?.(JSON.stringify(z.toJSON()));
     },
     [a]
-  ), D = Y[i], T = !!s, M = (z) => `calc(${z} * 1lh + 1.5rem)`, P = h ? { minHeight: M(x), maxHeight: w ? M(w) : void 0 } : { height: M(x) };
+  ), 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) };
   return /* @__PURE__ */ e(Q.Provider, { value: i, children: /* @__PURE__ */ d("div", { className: f("flex flex-col", I), children: [
-    /* @__PURE__ */ e(J, { children: n }),
-    /* @__PURE__ */ e(hn, { initialConfig: R, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ e(q, { children: n }),
+    /* @__PURE__ */ e(pn, { initialConfig: R, children: /* @__PURE__ */ d(
       "div",
       {
         className: f(
@@ -1665,12 +1665,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
           T && "input-error"
         ),
         children: [
-          c === "static" && /* @__PURE__ */ e(zr, { render: g }),
+          c === "static" && /* @__PURE__ */ e(Tr, { render: g }),
           /* @__PURE__ */ e("div", { className: "relative flex-1 min-h-0", children: /* @__PURE__ */ e(
-            pn,
+            gn,
             {
               contentEditable: /* @__PURE__ */ e(
-                gn,
+                bn,
                 {
                   className: f(
                     "lexical-content w-full outline-none px-3 py-3 leading-[1.55] overflow-y-auto mat-ui-hide-scrollbars",
@@ -1690,23 +1690,23 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                   )
                 }
               ),
-              ErrorBoundary: kn
+              ErrorBoundary: yn
             }
           ) }),
-          /* @__PURE__ */ e(bn, {}),
           /* @__PURE__ */ e(vn, {}),
           /* @__PURE__ */ e(xn, {}),
-          v && /* @__PURE__ */ e(Nn, {}),
-          a && /* @__PURE__ */ e(wn, { onChange: y }),
+          /* @__PURE__ */ e(wn, {}),
+          v && /* @__PURE__ */ e(kn, {}),
+          a && /* @__PURE__ */ e(Nn, { onChange: y }),
           u,
-          c === "floating" && /* @__PURE__ */ e(Tr, { render: g })
+          c === "floating" && /* @__PURE__ */ e(Lr, { render: g })
         ]
       }
     ) }),
     /* @__PURE__ */ e(V, { children: o }),
     /* @__PURE__ */ e(K, { children: s })
   ] }) });
-}, Sl = (t) => {
+}, Dl = (t) => {
   const {
     className: n,
     label: o,
@@ -1724,17 +1724,17 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", children: [
           /* @__PURE__ */ e(
             "select",
             {
               className: f(
                 "appearance-none border input-base bg-none transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none",
-                te[a],
+                ne[a],
                 Y[a],
-                ue[a],
-                me[a]
+                me[a],
+                fe[a]
               ),
               ...i,
               children: r && r.map((c, g) => /* @__PURE__ */ e(
@@ -1748,9 +1748,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               ))
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            l && /* @__PURE__ */ e(ne, {}),
-            /* @__PURE__ */ e(q, { Icon: ge })
+          /* @__PURE__ */ d(he, { children: [
+            l && /* @__PURE__ */ e(re, {}),
+            /* @__PURE__ */ e(Z, { Icon: ve })
           ] })
         ] }),
         /* @__PURE__ */ e(V, { children: s }),
@@ -1758,7 +1758,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   ) });
-}, Ue = C.forwardRef((t, n) => {
+}, We = C.forwardRef((t, n) => {
   const {
     children: o,
     onClick: s,
@@ -1783,11 +1783,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ),
       children: [
         /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 break-all line-clamp-1", children: o }),
-        r && !l && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(Rt, { className: "h-5 w-5" }) })
+        r && !l && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(St, { className: "h-5 w-5" }) })
       ]
     }
   );
-}), We = C.forwardRef((t, n) => {
+}), He = C.forwardRef((t, n) => {
   const { children: o, className: s, ...r } = t;
   return /* @__PURE__ */ e(
     "div",
@@ -1801,7 +1801,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       children: o
     }
   );
-}), He = C.forwardRef((t, n) => {
+}), $e = C.forwardRef((t, n) => {
   const { className: o, ...s } = t;
   return /* @__PURE__ */ e(
     "div",
@@ -1814,7 +1814,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       )
     }
   );
-}), H = (t) => !("kind" in t), _e = (t) => {
+}), 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,
@@ -1829,20 +1829,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     loop: w = !0,
     disabledIndices: h
   } = t, b = C.useMemo(() => [
-    rt({ padding: 8 }),
     lt({ padding: 8 }),
-    ot({
+    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`);
       }
     })
-  ], [s, l, r]), { refs: p, floatingStyles: m, context: v, placement: u } = st({
+  ], [s, l, r]), { refs: p, floatingStyles: m, context: v, placement: u } = at({
     placement: n,
     open: a,
     onOpenChange: i,
     middleware: b,
-    whileElementsMounted: at
-  }), I = un(v, {
+    whileElementsMounted: it
+  }), I = mn(v, {
     listRef: c,
     activeIndex: g,
     onNavigate: x,
@@ -1850,7 +1850,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     virtual: !0,
     focusItemOnOpen: !1,
     disabledIndices: h
-  }), { getReferenceProps: R, getFloatingProps: y, getItemProps: D } = mn([I]), T = C.useRef({
+  }), { getReferenceProps: R, getFloatingProps: y, getItemProps: D } = fn([I]), T = C.useRef({
     onOutsideClick: o,
     floatingStyles: m,
     setFloating: p.setFloating,
@@ -1864,20 +1864,20 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     placement: u,
     getFloatingProps: y
   };
-  const M = C.useMemo(() => {
+  const B = C.useMemo(() => {
     const P = (z) => {
-      const { floatingStyles: N, setFloating: k, onOutsideClick: B, placement: O, getFloatingProps: _ } = T.current, { className: X, open: re, children: le } = z;
+      const { floatingStyles: N, setFloating: k, onOutsideClick: A, placement: O, getFloatingProps: $ } = T.current, { className: j, open: le, children: oe } = z;
       return /* @__PURE__ */ e(
-        At,
+        Ut,
         {
-          open: re,
-          className: X,
-          onOutsideClick: B,
+          open: le,
+          className: j,
+          onOutsideClick: A,
           floatingStyles: N,
           setFloating: k,
           placement: O,
-          floatingProps: _(),
-          children: le
+          floatingProps: $(),
+          children: oe
         }
       );
     };
@@ -1885,11 +1885,11 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   }, []);
   return {
     anchorRef: p.setReference,
-    Popover: M,
+    Popover: B,
     getReferenceProps: R,
     getItemProps: D
   };
-}, Lr = (t) => {
+}, Pr = (t) => {
   const {
     className: n,
     label: o,
@@ -1903,24 +1903,24 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     size: x = "md",
     disabled: w = !1,
     clearable: h = !0
-  } = t, [b, p] = A(!1), [m, v] = A(null), u = C.useRef(null), I = C.useRef([]), R = r?.find((N) => H(N) && N.value === a), y = ae(
+  } = t, [b, p] = W(!1), [m, v] = W(null), u = C.useRef(null), I = C.useRef([]), R = r?.find((N) => H(N) && G(N.value, a)), y = ie(
     () => r.map((N, k) => !H(N) || N.disabled ? k : -1).filter((N) => N !== -1),
     [r]
   );
-  ve(b, () => p(!1)), $(() => {
+  we(b, () => p(!1)), _(() => {
     if (b) {
       u.current?.focus({ preventScroll: !0 });
-      const N = r.findIndex((k) => H(k) && k.value === a);
+      const N = r.findIndex((k) => H(k) && G(k.value, a));
       if (N >= 0)
         v(N);
       else {
-        const k = r.findIndex((B) => H(B) && !B.disabled);
+        const k = r.findIndex((A) => H(A) && !A.disabled);
         v(k >= 0 ? k : null);
       }
     } else
       v(null);
   }, [b]);
-  const { anchorRef: D, Popover: T, getReferenceProps: M, getItemProps: P } = _e({
+  const { anchorRef: D, Popover: T, getReferenceProps: B, getItemProps: P } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
@@ -1943,12 +1943,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: D, children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...M({
+              ...B({
                 ref: u,
                 role: "button",
                 tabIndex: w ? -1 : 0,
@@ -1962,10 +1962,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               }),
               className: f(
                 "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",
-                te[x],
+                ne[x],
                 Y[x],
-                ue[x],
-                h && a ? Fe[x] : me[x],
+                me[x],
+                h && a ? Be[x] : fe[x],
                 w ? "select-trigger-disabled" : g && "select-trigger-error",
                 !w && b && "ring-4"
               ),
@@ -1975,15 +1975,15 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               ]
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            !w && g && /* @__PURE__ */ e(ne, {}),
-            h && !!a && !w && /* @__PURE__ */ e(q, { Icon: ce, onClick: () => l(null) }),
-            /* @__PURE__ */ e(q, { Icon: ge })
+          /* @__PURE__ */ d(he, { children: [
+            !w && g && /* @__PURE__ */ e(re, {}),
+            h && !!a && !w && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l(null) }),
+            /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(T, { open: b, children: /* @__PURE__ */ e(be, { className: "!p-0", style: { maxHeight: c }, children: /* @__PURE__ */ e("div", { className: "flex flex-col p-2 gap-1", children: r.map((N, k) => {
+          /* @__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) => {
             if (!H(N))
               return N.kind === "header" ? /* @__PURE__ */ e(
-                We,
+                He,
                 {
                   ref: (O) => {
                     I.current[k] = O;
@@ -1992,7 +1992,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                 },
                 `header-${k}`
               ) : /* @__PURE__ */ e(
-                He,
+                $e,
                 {
                   ref: (O) => {
                     I.current[k] = O;
@@ -2000,9 +2000,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                 },
                 `divider-${k}`
               );
-            const B = N.value === a;
+            const A = G(N.value, a);
             return /* @__PURE__ */ e(
-              Ue,
+              We,
               {
                 ...P({
                   ref(O) {
@@ -2010,12 +2010,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                   }
                 }),
                 onClick: () => z(k),
-                selected: B,
+                selected: A,
                 active: m === k,
                 disabled: N.disabled,
                 children: N.label
               },
-              String(N.value)
+              `option-${k}`
             );
           }) }) }) })
         ] }),
@@ -2024,7 +2024,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   ) });
-}, Dl = (t) => {
+}, Ol = (t) => {
   const {
     className: n,
     label: o,
@@ -2039,30 +2039,30 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     size: w = "md",
     disabled: h = !1,
     clearable: b = !0
-  } = t, [p, m] = A(!1), [v, u] = A(r), [I, R] = A(""), [y, D] = A(null), T = C.useRef(null), M = C.useRef(null), P = C.useRef([]), z = r?.find((L) => H(L) && L.value === i), N = ae(() => I !== "" ? v : r, [I, v, r]), k = ae(
+  } = t, [p, m] = W(!1), [v, u] = W(r), [I, R] = W(""), [y, D] = W(null), T = C.useRef(null), B = C.useRef(null), P = C.useRef([]), z = r?.find((L) => H(L) && G(L.value, i)), N = ie(() => I !== "" ? v : r, [I, v, r]), k = ie(
     () => N.map((L, U) => !H(L) || L.disabled ? U : -1).filter((L) => L !== -1),
     [N]
   );
-  ve(p, () => m(!1)), $(() => {
+  we(p, () => m(!1)), _(() => {
     u(a(I));
-  }, [I, r, a]), $(() => {
+  }, [I, r, a]), _(() => {
     if (p) {
-      setTimeout(() => M.current?.focus(), 100);
-      const L = r.findIndex((U) => H(U) && U.value === i);
+      setTimeout(() => B.current?.focus(), 100);
+      const L = r.findIndex((U) => H(U) && G(U.value, i));
       if (L >= 0)
         D(L);
       else {
-        const U = r.findIndex((oe) => H(oe) && !oe.disabled);
+        const U = r.findIndex((se) => H(se) && !se.disabled);
         D(U >= 0 ? U : null);
       }
     } else
       D(null), R("");
-  }, [p]), $(() => {
+  }, [p]), _(() => {
     if (!p) return;
     const L = N.findIndex((U) => H(U) && !U.disabled);
     D(L >= 0 ? L : null);
   }, [I, p, N]);
-  const { anchorRef: B, Popover: O, getReferenceProps: _, getItemProps: X } = _e({
+  const { anchorRef: A, Popover: O, getReferenceProps: $, getItemProps: j } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
@@ -2073,10 +2073,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     activeIndex: y,
     onNavigate: D,
     disabledIndices: k
-  }), re = (L) => {
+  }), le = (L) => {
     const U = N[L];
     U && H(U) && !U.disabled && (l(U.value), m(!1));
-  }, le = N.some((L) => H(L));
+  }, oe = N.some((L) => H(L));
   return /* @__PURE__ */ e(Q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2085,12 +2085,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
-        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: B, children: [
+        /* @__PURE__ */ e(q, { children: o }),
+        /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: A, children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ..._({
+              ...$({
                 ref: T,
                 role: "button",
                 tabIndex: h ? -1 : 0,
@@ -2104,10 +2104,10 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               }),
               className: f(
                 "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",
-                te[w],
+                ne[w],
                 Y[w],
-                ue[w],
-                b && i ? Fe[w] : me[w],
+                me[w],
+                b && i ? Be[w] : fe[w],
                 h ? "select-trigger-disabled" : x && "select-trigger-error",
                 !h && p && "ring-4"
               ),
@@ -2117,67 +2117,67 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
               ]
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            !h && x && /* @__PURE__ */ e(ne, {}),
-            b && !!i && !h && /* @__PURE__ */ e(q, { Icon: ce, onClick: () => l(null) }),
-            /* @__PURE__ */ e(q, { Icon: ge })
+          /* @__PURE__ */ d(he, { children: [
+            !h && x && /* @__PURE__ */ e(re, {}),
+            b && !!i && !h && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l(null) }),
+            /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(O, { open: p, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
+          /* @__PURE__ */ e(O, { open: p, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
             /* @__PURE__ */ d("div", { className: "sticky top-0 border-b select-search-bar py-1 backdrop-blur-sm", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ref: M,
+                  ref: B,
                   type: "text",
                   placeholder: "Search",
                   value: I,
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-150 focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
                   onChange: (L) => R(L.target.value),
                   onKeyDown: (L) => {
-                    L.key === "Enter" && y != null && (L.preventDefault(), re(y));
+                    L.key === "Enter" && y != null && (L.preventDefault(), le(y));
                   }
                 }
               ),
-              /* @__PURE__ */ e(Ee, { className: "absolute select-search-icon left-4 top-4 h-4 w-4" })
+              /* @__PURE__ */ e(Me, { 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: [
-              I !== "" && !le && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(tt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
+              I !== "" && !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)]" }) }),
               N.map((L, U) => {
                 if (!H(L))
                   return L.kind === "header" ? /* @__PURE__ */ e(
-                    We,
+                    He,
                     {
-                      ref: (Z) => {
-                        P.current[U] = Z;
+                      ref: (ee) => {
+                        P.current[U] = ee;
                       },
                       children: L.label
                     },
                     `header-${U}`
                   ) : /* @__PURE__ */ e(
-                    He,
+                    $e,
                     {
-                      ref: (Z) => {
-                        P.current[U] = Z;
+                      ref: (ee) => {
+                        P.current[U] = ee;
                       }
                     },
                     `divider-${U}`
                   );
-                const oe = L.value === i;
+                const se = G(L.value, i);
                 return /* @__PURE__ */ e(
-                  Ue,
+                  We,
                   {
-                    ...X({
-                      ref(Z) {
-                        P.current[U] = Z;
+                    ...j({
+                      ref(ee) {
+                        P.current[U] = ee;
                       }
                     }),
-                    onClick: () => re(U),
-                    selected: oe,
+                    onClick: () => le(U),
+                    selected: se,
                     active: y === U,
                     disabled: L.disabled,
                     children: L.label
                   },
-                  String(L.value)
+                  `option-${U}`
                 );
               })
             ] })
@@ -2188,9 +2188,9 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   ) });
-}, Pr = (t, n) => {
-  const [o, s] = A(t);
-  return $(() => {
+}, Er = (t, n) => {
+  const [o, s] = W(t);
+  return _(() => {
     const r = setTimeout(() => {
       s(t);
     }, n);
@@ -2198,7 +2198,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       clearTimeout(r);
     };
   }, [t, n]), o;
-}, Ol = (t) => {
+}, zl = (t) => {
   const {
     className: n,
     label: o,
@@ -2214,51 +2214,51 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     size: h = "md",
     disabled: b = !1,
     clearable: p = !0
-  } = t, [m, v] = A(!1), u = C.useRef(null), [I, R] = A(""), [y, D] = A([]), [T, M] = A(null), P = C.useRef(null), [z, N] = A(!1), [k, B] = A(!1), [O, _] = A(null), X = C.useRef([]), re = ae(
-    () => y.map((E, F) => !H(E) || E.disabled ? F : -1).filter((E) => E !== -1),
+  } = t, [m, v] = W(!1), u = C.useRef(null), [I, R] = W(""), [y, D] = W([]), [T, B] = W(null), P = C.useRef(null), [z, N] = W(!1), [k, A] = W(!1), [O, $] = W(null), j = C.useRef([]), le = ie(
+    () => y.map((M, F) => !H(M) || M.disabled ? F : -1).filter((M) => M !== -1),
     [y]
   );
-  ve(m, () => v(!1));
-  const le = Pr(I, i);
-  $(() => {
+  we(m, () => v(!1));
+  const oe = Er(I, i);
+  _(() => {
     (async () => {
       N(!0);
-      const F = await l(le);
+      const F = await l(oe);
       D(F), N(!1);
     })();
-  }, [le, l]), $(() => {
+  }, [oe, l]), _(() => {
     if (c == null) {
-      M(null);
+      B(null);
       return;
     }
-    const E = y?.find((F) => H(F) && F.value === c);
-    E ? M(E) : (async () => {
-      B(!0);
-      const se = await a(c);
-      M(se), B(!1);
+    const M = y?.find((F) => H(F) && G(F.value, c));
+    M ? B(M) : (async () => {
+      A(!0);
+      const ae = await a(c);
+      B(ae), A(!1);
     })();
-  }, [a, y, c]), $(() => {
-    m ? setTimeout(() => P.current?.focus(), 100) : (_(null), R(""));
-  }, [m]), $(() => {
+  }, [a, y, c]), _(() => {
+    m ? setTimeout(() => P.current?.focus(), 100) : ($(null), R(""));
+  }, [m]), _(() => {
     if (!m) return;
-    const E = y.findIndex((F) => H(F) && !F.disabled);
-    _(E >= 0 ? E : null);
+    const M = y.findIndex((F) => H(F) && !F.disabled);
+    $(M >= 0 ? M : null);
   }, [y, m]);
-  const { anchorRef: L, Popover: U, getReferenceProps: oe, getItemProps: Z } = _e({
+  const { anchorRef: L, Popover: U, getReferenceProps: se, getItemProps: ee } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
     onOutsideClick: () => v(!1),
     open: m,
     onOpenChange: v,
-    listRef: X,
+    listRef: j,
     activeIndex: O,
-    onNavigate: _,
-    disabledIndices: re
-  }), De = (E) => {
-    const F = y[E];
+    onNavigate: $,
+    disabledIndices: le
+  }), Oe = (M) => {
+    const F = y[M];
     F && H(F) && !F.disabled && (r(F.value), v(!1));
-  }, Oe = y.some((E) => H(E));
+  }, ze = y.some((M) => H(M));
   return /* @__PURE__ */ e(Q.Provider, { value: h, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2267,12 +2267,12 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: L, children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...oe({
+              ...se({
                 ref: u,
                 role: "button",
                 tabIndex: b ? -1 : 0,
@@ -2280,32 +2280,32 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                 onClick: () => {
                   b || v(!m);
                 },
-                onKeyDown: (E) => {
-                  b || (E.key === " " ? (E.preventDefault(), v((F) => !F)) : E.key === "Enter" && !m && (E.preventDefault(), v(!0)));
+                onKeyDown: (M) => {
+                  b || (M.key === " " ? (M.preventDefault(), v((F) => !F)) : M.key === "Enter" && !m && (M.preventDefault(), v(!0)));
                 }
               }),
               className: f(
                 "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",
-                te[h],
+                ne[h],
                 Y[h],
-                ue[h],
-                p && c ? Fe[h] : me[h],
+                me[h],
+                p && c ? Be[h] : fe[h],
                 b ? "select-trigger-disabled" : w && "select-trigger-error",
                 !b && m && "ring-4"
               ),
               children: [
                 !k && T && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left", children: T.label }),
                 !k && !T && g && /* @__PURE__ */ e("span", { className: "flex-1 min-w-0 break-all line-clamp-1 text-left select-placeholder", children: g }),
-                k && /* @__PURE__ */ e(Re, { className: "h-4 w-4 text-[var(--color-input-text)]" })
+                k && /* @__PURE__ */ e(Se, { className: "h-4 w-4 text-[var(--color-input-text)]" })
               ]
             }
           ),
-          /* @__PURE__ */ d(fe, { children: [
-            !b && w && /* @__PURE__ */ e(ne, {}),
-            p && !!c && !b && /* @__PURE__ */ e(q, { Icon: ce, onClick: () => r(null) }),
-            /* @__PURE__ */ e(q, { Icon: ge })
+          /* @__PURE__ */ d(he, { children: [
+            !b && w && /* @__PURE__ */ e(re, {}),
+            p && !!c && !b && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => r(null) }),
+            /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(U, { open: m, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: x }, children: [
+          /* @__PURE__ */ e(U, { open: m, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: x }, children: [
             /* @__PURE__ */ d("div", { className: "sticky top-0 border-b select-search-bar py-1 backdrop-blur-sm", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -2315,53 +2315,53 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
                   placeholder: "Search",
                   value: I,
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-150 focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
-                  onChange: (E) => R(E.target.value),
-                  onKeyDown: (E) => {
-                    E.key === "Enter" && O != null && (E.preventDefault(), De(O));
+                  onChange: (M) => R(M.target.value),
+                  onKeyDown: (M) => {
+                    M.key === "Enter" && O != null && (M.preventDefault(), Oe(O));
                   }
                 }
               ),
-              /* @__PURE__ */ e(Ee, { className: "absolute select-search-icon left-4 top-4 h-4 w-4" })
+              /* @__PURE__ */ e(Me, { 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: [
-              !z && !Oe && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(tt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              z && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(Re, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              !z && y.map((E, F) => {
-                if (!H(E))
-                  return E.kind === "header" ? /* @__PURE__ */ e(
-                    We,
+              !z && !ze && /* @__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)]" }) }),
+              z && /* @__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)]" }) }),
+              !z && y.map((M, F) => {
+                if (!H(M))
+                  return M.kind === "header" ? /* @__PURE__ */ e(
+                    He,
                     {
-                      ref: (he) => {
-                        X.current[F] = he;
+                      ref: (pe) => {
+                        j.current[F] = pe;
                       },
-                      children: E.label
+                      children: M.label
                     },
                     `header-${F}`
                   ) : /* @__PURE__ */ e(
-                    He,
+                    $e,
                     {
-                      ref: (he) => {
-                        X.current[F] = he;
+                      ref: (pe) => {
+                        j.current[F] = pe;
                       }
                     },
                     `divider-${F}`
                   );
-                const se = E.value === c;
+                const ae = G(M.value, c);
                 return /* @__PURE__ */ e(
-                  Ue,
+                  We,
                   {
-                    ...Z({
-                      ref(he) {
-                        X.current[F] = he;
+                    ...ee({
+                      ref(pe) {
+                        j.current[F] = pe;
                       }
                     }),
-                    onClick: () => De(F),
-                    selected: se,
+                    onClick: () => Oe(F),
+                    selected: ae,
                     active: O === F,
-                    disabled: E.disabled,
-                    children: E.label
+                    disabled: M.disabled,
+                    children: M.label
                   },
-                  String(E.value)
+                  `option-${F}`
                 );
               })
             ] })
@@ -2372,7 +2372,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
       ]
     }
   ) });
-}, Er = {
+}, Mr = {
   red: "bg-red-100 text-red-700 ring-red-200 dark:bg-red-950 dark:text-red-300 dark:ring-red-800",
   orange: "bg-orange-100 text-orange-700 ring-orange-200 dark:bg-orange-950 dark:text-orange-300 dark:ring-orange-800",
   amber: "bg-amber-100 text-amber-700 ring-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:ring-amber-800",
@@ -2397,7 +2397,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
   stone: "bg-stone-100 text-stone-700 ring-stone-200 dark:bg-stone-950 dark:text-stone-300 dark:ring-stone-800",
   white: "bg-[var(--color-badge-white-bg)] text-[var(--color-badge-white-text)] ring-[var(--color-badge-white-ring)]",
   black: "bg-[var(--color-badge-black-bg)] text-[var(--color-badge-black-text)] ring-[var(--color-badge-black-ring)]"
-}, Pe = C.forwardRef((t, n) => {
+}, Ee = C.forwardRef((t, n) => {
   const {
     className: o,
     children: s,
@@ -2407,7 +2407,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     color: i = "gray"
   } = t, c = f(
     "inline-flex align-top items-center gap-2 px-3 h-7 rounded-lg font-semibold",
-    Er[i],
+    Mr[i],
     o
   );
   return r ? /* @__PURE__ */ e("div", { ref: n, children: /* @__PURE__ */ d(
@@ -2419,7 +2419,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
         a && /* @__PURE__ */ e(a, { className: "h-4 w-4 shrink-0" }),
         /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: s }),
         l && /* @__PURE__ */ e(
-          ce,
+          de,
           {
             className: "h-4 w-4 shrink-0"
           }
@@ -2431,7 +2431,7 @@ const f = (...t) => t.filter(Boolean).join(" "), Wn = [
     /* @__PURE__ */ e("div", { className: "break-all line-clamp-1 text-left", children: s })
   ] });
 });
-function Mr(t) {
+function Fr(t) {
   const {
     enabled: n,
     triggerRef: o,
@@ -2440,8 +2440,8 @@ function Mr(t) {
     itemCount: l,
     deps: a = [],
     gap: i = 4
-  } = t, [c, g] = A(0);
-  return It(() => {
+  } = t, [c, g] = W(0);
+  return Rt(() => {
     if (!n) return;
     const x = o.current, w = s.current;
     if (!x || !w) return;
@@ -2470,19 +2470,19 @@ function Mr(t) {
         g(l);
         return;
       }
-      const M = D[l].offsetWidth;
+      const B = D[l].offsetWidth;
       let P = 0, z = 0;
       for (let N = 0; N < l; N++) {
-        const k = D[N].offsetWidth, B = P + k + (N > 0 ? i : 0);
-        if (B + M + i > y) break;
-        P = B, z++;
+        const k = D[N].offsetWidth, A = P + k + (N > 0 ? i : 0);
+        if (A + B + i > y) break;
+        P = A, z++;
       }
       g(Math.max(1, z));
     }, b = new ResizeObserver(h);
     return b.observe(x), r?.current && b.observe(r.current), h(), () => b.disconnect();
   }, [n, l, ...a]), c;
 }
-const zl = (t) => {
+const Tl = (t) => {
   const {
     className: n,
     label: o,
@@ -2499,42 +2499,42 @@ const zl = (t) => {
     color: b = "blue",
     disabled: p = !1,
     clearable: m = !0
-  } = t, [v, u] = A(!1), [I, R] = A(r), [y, D] = A(""), [T, M] = A(null), P = C.useRef(null), z = C.useRef(null), N = C.useRef([]), k = C.useRef(null), B = C.useRef(null), O = ae(
-    () => i.map((S) => r.find((W) => H(W) && W.value === S)).filter((S) => S !== void 0),
+  } = t, [v, u] = W(!1), [I, R] = W(r), [y, D] = W(""), [T, B] = W(null), P = C.useRef(null), z = C.useRef(null), N = C.useRef([]), k = C.useRef(null), A = C.useRef(null), O = ie(
+    () => i.map((S) => r.find((E) => H(E) && G(E.value, S))).filter((S) => S !== void 0),
     [i, r]
-  ), _ = (S) => {
+  ), $ = (S) => {
     if (S === "") return r;
-    const W = S.toLowerCase();
-    return r.filter((ye) => H(ye) && typeof ye.label == "string" ? ye.label.toLowerCase().includes(W) : !0);
-  }, X = ae(
+    const E = S.toLowerCase();
+    return r.filter((Ie) => H(Ie) && typeof Ie.label == "string" ? Ie.label.toLowerCase().includes(E) : !0);
+  }, j = ie(
     () => y !== "" ? I : r,
     [y, I, r]
-  ), re = ae(
-    () => X.map((S, W) => !H(S) || S.disabled ? W : -1).filter((S) => S !== -1),
-    [X]
+  ), le = ie(
+    () => j.map((S, E) => !H(S) || S.disabled ? E : -1).filter((S) => S !== -1),
+    [j]
   );
-  ve(v, () => u(!1)), $(() => {
-    R((a ?? _)(y));
-  }, [y, r, a]), $(() => {
+  we(v, () => u(!1)), _(() => {
+    R((a ?? $)(y));
+  }, [y, r, a]), _(() => {
     if (v) {
       setTimeout(() => z.current?.focus(), 100);
-      const S = r.findIndex((W) => H(W) && !W.disabled);
-      M(S >= 0 ? S : null);
+      const S = r.findIndex((E) => H(E) && !E.disabled);
+      B(S >= 0 ? S : null);
     } else
-      M(null), D("");
-  }, [v]), $(() => {
+      B(null), D("");
+  }, [v]), _(() => {
     if (!v) return;
-    const S = X.findIndex((W) => H(W) && !W.disabled);
-    M(S >= 0 ? S : null);
-  }, [y, v, X]);
-  const le = Mr({
+    const S = j.findIndex((E) => H(E) && !E.disabled);
+    B(S >= 0 ? S : null);
+  }, [y, v, j]);
+  const oe = Fr({
     enabled: h,
     triggerRef: P,
     measureRef: k,
-    trayRef: B,
+    trayRef: A,
     itemCount: O.length,
     deps: [O, x]
-  }), { anchorRef: L, Popover: U, getReferenceProps: oe, getItemProps: Z } = _e({
+  }), { anchorRef: L, Popover: U, getReferenceProps: se, getItemProps: ee } = _e({
     placement: "bottom",
     fullWidth: !0,
     minWidth: 200,
@@ -2543,14 +2543,14 @@ const zl = (t) => {
     onOpenChange: u,
     listRef: N,
     activeIndex: T,
-    onNavigate: M,
-    disabledIndices: re
-  }), De = (S) => {
-    i.includes(S) ? l(i.filter((W) => W !== S)) : l([...i, S]);
-  }, Oe = (S) => {
-    const W = X[S];
-    W && H(W) && !W.disabled && De(W.value);
-  }, E = X.some((S) => H(S)), F = i.length > 0, se = h ? le : O.length, he = O.slice(0, se), ut = O.length - se;
+    onNavigate: B,
+    disabledIndices: le
+  }), Oe = (S) => {
+    i.some((E) => G(E, S)) ? l(i.filter((E) => !G(E, S))) : l([...i, S]);
+  }, 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;
   return /* @__PURE__ */ e(Q.Provider, { value: w, children: /* @__PURE__ */ d(
     "div",
     {
@@ -2559,12 +2559,12 @@ const zl = (t) => {
         n
       ),
       children: [
-        /* @__PURE__ */ e(J, { children: o }),
+        /* @__PURE__ */ e(q, { children: o }),
         /* @__PURE__ */ d("div", { className: "relative flex w-full flex-col", ref: L, children: [
           /* @__PURE__ */ d(
             "div",
             {
-              ...oe({
+              ...se({
                 ref: P,
                 role: "button",
                 tabIndex: p ? -1 : 0,
@@ -2573,35 +2573,35 @@ const zl = (t) => {
                   p || u(!v);
                 },
                 onKeyDown: (S) => {
-                  p || (S.key === " " ? (S.preventDefault(), u((W) => !W)) : S.key === "Enter" && !v ? (S.preventDefault(), u(!0)) : S.key === "Backspace" && !v && F && (S.preventDefault(), l(i.slice(0, -1))));
+                  p || (S.key === " " ? (S.preventDefault(), u((E) => !E)) : S.key === "Enter" && !v ? (S.preventDefault(), u(!0)) : S.key === "Backspace" && !v && F && (S.preventDefault(), l(i.slice(0, -1))));
                 }
               }),
               className: f(
                 "flex flex-row items-center gap-1 border select-trigger transition-all duration-150 rounded-xl shadow-sm ring-0 focus:ring-4 focus:outline-none select-none",
-                h && f("flex-nowrap overflow-hidden", te[w]),
-                !h && f("flex-wrap py-1.5", Lt[w]),
+                h && f("flex-nowrap overflow-hidden", ne[w]),
+                !h && f("flex-wrap py-1.5", Pt[w]),
                 Y[w],
-                ue[w],
-                m && F ? Fe[w] : me[w],
+                me[w],
+                m && F ? Be[w] : fe[w],
                 p ? "select-trigger-disabled" : x && "select-trigger-error",
                 !p && v && "ring-4"
               ),
               children: [
-                F && he.map((S) => /* @__PURE__ */ e(
-                  Pe,
+                F && pe.map((S, E) => /* @__PURE__ */ e(
+                  Ee,
                   {
                     color: b,
                     className: f(
-                      h && se > 1 && "shrink-0",
-                      (!h || se === 1) && "max-w-full min-w-0"
+                      h && ae > 1 && "shrink-0",
+                      (!h || ae === 1) && "max-w-full min-w-0"
                     ),
                     children: S.label
                   },
-                  String(S.value)
+                  `badge-${E}`
                 )),
-                F && ut > 0 && /* @__PURE__ */ d("span", { className: "shrink-0 text-sm font-medium select-placeholder px-1", children: [
+                F && mt > 0 && /* @__PURE__ */ d("span", { className: "shrink-0 text-sm font-medium select-placeholder px-1", children: [
                   "+",
-                  ut,
+                  mt,
                   " more"
                 ] }),
                 !F && c && /* @__PURE__ */ e("span", { className: "select-placeholder", children: c })
@@ -2615,7 +2615,7 @@ const zl = (t) => {
               "aria-hidden": !0,
               className: "absolute top-0 left-0 invisible pointer-events-none flex flex-row flex-nowrap items-center gap-1 w-max",
               children: [
-                O.map((S) => /* @__PURE__ */ e(Pe, { color: b, children: S.label }, String(S.value))),
+                O.map((S, E) => /* @__PURE__ */ e(Ee, { color: b, children: S.label }, `measure-${E}`)),
                 O.length > 0 && /* @__PURE__ */ d("span", { className: "text-sm font-medium px-1", children: [
                   "+",
                   O.length,
@@ -2624,12 +2624,12 @@ const zl = (t) => {
               ]
             }
           ),
-          /* @__PURE__ */ d(fe, { ref: B, children: [
-            !p && x && /* @__PURE__ */ e(ne, {}),
-            m && F && !p && /* @__PURE__ */ e(q, { Icon: ce, onClick: () => l([]) }),
-            /* @__PURE__ */ e(q, { Icon: ge })
+          /* @__PURE__ */ d(he, { ref: A, children: [
+            !p && x && /* @__PURE__ */ e(re, {}),
+            m && F && !p && /* @__PURE__ */ e(Z, { Icon: de, onClick: () => l([]) }),
+            /* @__PURE__ */ e(Z, { Icon: ve })
           ] }),
-          /* @__PURE__ */ e(U, { open: v, children: /* @__PURE__ */ d(be, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
+          /* @__PURE__ */ e(U, { open: v, children: /* @__PURE__ */ d(xe, { className: "gap-0 !p-0", style: { maxHeight: g }, children: [
             /* @__PURE__ */ d("div", { className: "sticky top-0 border-b select-search-bar py-1 backdrop-blur-sm", children: [
               /* @__PURE__ */ e(
                 "input",
@@ -2641,50 +2641,50 @@ const zl = (t) => {
                   className: "appearance-none border-none w-full bg-transparent rounded- pl-10 transition-all duration-150 focus:outline-none ring-0 placeholder:text-[var(--color-input-placeholder)]",
                   onChange: (S) => D(S.target.value),
                   onKeyDown: (S) => {
-                    S.key === "Enter" && T != null ? (S.preventDefault(), Oe(T)) : S.key === "Backspace" && y === "" && F && (S.preventDefault(), l(i.slice(0, -1)));
+                    S.key === "Enter" && T != null ? (S.preventDefault(), ze(T)) : S.key === "Backspace" && y === "" && F && (S.preventDefault(), l(i.slice(0, -1)));
                   }
                 }
               ),
-              /* @__PURE__ */ e(Ee, { className: "absolute select-search-icon left-4 top-4 h-4 w-4" })
+              /* @__PURE__ */ e(Me, { 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: [
-              y !== "" && !E && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(tt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
-              X.map((S, W) => {
+              y !== "" && !M && /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center py-6", children: /* @__PURE__ */ e(nt, { className: "h-6 w-6 text-[var(--color-input-text)]" }) }),
+              j.map((S, E) => {
                 if (!H(S))
                   return S.kind === "header" ? /* @__PURE__ */ e(
-                    We,
+                    He,
                     {
-                      ref: (Ce) => {
-                        N.current[W] = Ce;
+                      ref: (ge) => {
+                        N.current[E] = ge;
                       },
                       children: S.label
                     },
-                    `header-${W}`
+                    `header-${E}`
                   ) : /* @__PURE__ */ e(
-                    He,
+                    $e,
                     {
-                      ref: (Ce) => {
-                        N.current[W] = Ce;
+                      ref: (ge) => {
+                        N.current[E] = ge;
                       }
                     },
-                    `divider-${W}`
+                    `divider-${E}`
                   );
-                const ye = i.includes(S.value);
+                const Ie = i.some((ge) => G(ge, S.value));
                 return /* @__PURE__ */ e(
-                  Ue,
+                  We,
                   {
-                    ...Z({
-                      ref(Ce) {
-                        N.current[W] = Ce;
+                    ...ee({
+                      ref(ge) {
+                        N.current[E] = ge;
                       }
                     }),
-                    onClick: () => Oe(W),
-                    selected: ye,
-                    active: T === W,
+                    onClick: () => ze(E),
+                    selected: Ie,
+                    active: T === E,
                     disabled: S.disabled,
                     children: S.label
                   },
-                  String(S.value)
+                  `option-${E}`
                 );
               })
             ] })
@@ -2695,7 +2695,7 @@ const zl = (t) => {
       ]
     }
   ) });
-}, Tl = C.forwardRef((t, n) => {
+}, Ll = C.forwardRef((t, n) => {
   const {
     className: o,
     children: s,
@@ -2713,7 +2713,7 @@ const zl = (t) => {
       children: s
     }
   );
-}), Ll = C.forwardRef((t, n) => {
+}), Pl = C.forwardRef((t, n) => {
   const {
     className: o,
     children: s,
@@ -2731,7 +2731,7 @@ const zl = (t) => {
       children: s
     }
   );
-}), kt = "input-description text-sm font-medium", Pl = (t) => {
+}), yt = "input-description text-sm font-medium", El = (t) => {
   const {
     className: n,
     label: o,
@@ -2748,7 +2748,7 @@ const zl = (t) => {
       ),
       ...l,
       children: [
-        /* @__PURE__ */ e("div", { className: f(kt, "w-1/2 line-clamp-1 break-all"), children: o }),
+        /* @__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 })
       ]
     }
@@ -2761,36 +2761,36 @@ const zl = (t) => {
       ),
       ...l,
       children: [
-        o && /* @__PURE__ */ e("div", { className: kt, children: o }),
+        o && /* @__PURE__ */ e("div", { className: yt, children: o }),
         /* @__PURE__ */ e("div", { children: s })
       ]
     }
   );
-}, Fr = {
-  error: Ze,
-  warning: ln,
-  success: et,
-  info: rn
 }, Br = {
+  error: et,
+  warning: on,
+  success: tt,
+  info: ln
+}, Ar = {
   error: "text-[var(--color-status-error)]",
   warning: "text-[var(--color-status-warning)]",
   success: "text-[var(--color-status-success)]",
   info: "text-[var(--color-status-info)]"
-}, yt = "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", El = (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,
     status: r,
     ...l
-  } = t, a = r ? Fr[r] : null, i = /* @__PURE__ */ d(ee, { children: [
+  } = 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 })
     ] }),
     /* @__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", Br[r]) }),
-      /* @__PURE__ */ e(on, { className: "h-5 w-5 text-[var(--color-input-icon-button-icon)]" })
+      a && r && /* @__PURE__ */ e(a, { className: f("h-5 w-5", Ar[r]) }),
+      /* @__PURE__ */ e(sn, { className: "h-5 w-5 text-[var(--color-input-icon-button-icon)]" })
     ] })
   ] });
   if (l.href !== void 0) {
@@ -2799,7 +2799,7 @@ const zl = (t) => {
       "a",
       {
         href: c,
-        className: f(yt, n),
+        className: f(Ct, n),
         ...g,
         children: i
       }
@@ -2808,12 +2808,12 @@ const zl = (t) => {
   return /* @__PURE__ */ e(
     "button",
     {
-      className: f(yt, n),
+      className: f(Ct, n),
       ...l,
       children: i
     }
   );
-}, Ml = (t) => {
+}, Fl = (t) => {
   const {
     className: n,
     vertical: o = !1,
@@ -2829,7 +2829,7 @@ const zl = (t) => {
       ...s
     }
   );
-}, Fl = (t) => {
+}, Bl = (t) => {
   const {
     children: n,
     content: o,
@@ -2837,7 +2837,7 @@ const zl = (t) => {
     placement: r = "top",
     minWidth: l = 100,
     maxWidth: a = 200
-  } = t, [i, c] = A(!1), { anchorRef: g, Popover: x } = ct({
+  } = t, [i, c] = W(!1), { anchorRef: g, Popover: x } = dt({
     placement: r,
     minWidth: l,
     maxWidth: a
@@ -2851,11 +2851,11 @@ const zl = (t) => {
       onMouseLeave: () => c(!1),
       children: [
         n,
-        /* @__PURE__ */ e(x, { open: i, children: /* @__PURE__ */ e(be, { children: o }) })
+        /* @__PURE__ */ e(x, { open: i, children: /* @__PURE__ */ e(xe, { children: o }) })
       ]
     }
   );
-}, Bl = (t) => {
+}, Al = (t) => {
   const {
     open: n,
     onDismiss: o,
@@ -2866,10 +2866,10 @@ const zl = (t) => {
     children: i,
     maxWidth: c = 600
   } = t;
-  return ve(!!r && n, o || (() => {
-  })), /* @__PURE__ */ e(Se, { children: n && /* @__PURE__ */ d(Me, { children: [
+  return we(!!r && n, o || (() => {
+  })), /* @__PURE__ */ e(De, { children: n && /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
-      G.div,
+      J.div,
       {
         className: "z-40",
         style: { transformOrigin: "center" },
@@ -2878,7 +2878,7 @@ const zl = (t) => {
         exit: { opacity: 0 },
         transition: { duration: 0.15, ease: "easeInOut" },
         children: /* @__PURE__ */ e(
-          nt,
+          rt,
           {
             className: "modal-overlay backdrop-blur-[1px]",
             onClick: s ? o : void 0,
@@ -2888,7 +2888,7 @@ const zl = (t) => {
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-0 flex flex-col items-center pointer-events-none p-4 lg:p-12 overflow-y-auto z-50", children: /* @__PURE__ */ d(
-      G.div,
+      J.div,
       {
         className: f(
           "flex flex-col modal-content rounded-2xl shadow-xl p-6 lg:p-12 pointer-events-auto w-full relative",
@@ -2901,9 +2901,9 @@ const zl = (t) => {
         transition: { duration: 0.15, ease: "easeInOut" },
         children: [
           l && /* @__PURE__ */ e(
-            Ft,
+            Bt,
             {
-              Icon: ce,
+              Icon: de,
               className: "absolute top-4 right-4",
               variant: "transparent",
               size: "sm",
@@ -2915,7 +2915,7 @@ const zl = (t) => {
       }
     ) })
   ] }) });
-}, Al = (t) => {
+}, Ul = (t) => {
   const {
     open: n,
     onDismiss: o,
@@ -2926,10 +2926,10 @@ const zl = (t) => {
     children: i,
     maxWidth: c = 480
   } = t;
-  return ve(!!r && n, o || (() => {
-  })), /* @__PURE__ */ e(Se, { children: n && /* @__PURE__ */ d(Me, { children: [
+  return we(!!r && n, o || (() => {
+  })), /* @__PURE__ */ e(De, { children: n && /* @__PURE__ */ d(Fe, { children: [
     /* @__PURE__ */ e(
-      G.div,
+      J.div,
       {
         className: "z-40",
         style: { transformOrigin: "center" },
@@ -2938,7 +2938,7 @@ const zl = (t) => {
         exit: { opacity: 0 },
         transition: { duration: 0.15, ease: "easeInOut" },
         children: /* @__PURE__ */ e(
-          nt,
+          rt,
           {
             className: "modal-overlay backdrop-blur-[1px]",
             onClick: s ? o : void 0,
@@ -2948,7 +2948,7 @@ const zl = (t) => {
       }
     ),
     /* @__PURE__ */ e("div", { className: "fixed inset-0 flex flex-row justify-end pointer-events-none z-50", children: /* @__PURE__ */ d(
-      G.div,
+      J.div,
       {
         className: f(
           "flex flex-col modal-content shadow-xl p-6 lg:p-12 pointer-events-auto h-full w-full overflow-y-auto relative",
@@ -2961,9 +2961,9 @@ const zl = (t) => {
         transition: { duration: 0.25, ease: [0.32, 0.72, 0, 1] },
         children: [
           l && /* @__PURE__ */ e(
-            Ft,
+            Bt,
             {
-              Icon: ce,
+              Icon: de,
               className: "absolute top-4 right-4",
               variant: "transparent",
               size: "sm",
@@ -2975,7 +2975,7 @@ const zl = (t) => {
       }
     ) })
   ] }) });
-}, Ar = (t) => {
+}, Ur = (t) => {
   const {
     className: n,
     tabs: o
@@ -3012,7 +3012,7 @@ const zl = (t) => {
       r
     );
   }) });
-}, Ul = (t) => {
+}, Wl = (t) => {
   const {
     duration: n = 0.3,
     ease: o = "easeInOut",
@@ -3058,7 +3058,7 @@ const zl = (t) => {
     }
   );
 };
-function Ur(t) {
+function Wr(t) {
   const {
     onDelta: n,
     onDragStart: o,
@@ -3079,8 +3079,8 @@ function Ur(t) {
       target: b.current
     };
     g.current = !1, c(!1);
-    const { move: D, up: T, keydown: M } = v.current;
-    D && window.removeEventListener("pointermove", D, !0), T && (window.removeEventListener("pointerup", T, !0), window.removeEventListener("pointercancel", T, !0)), M && window.removeEventListener("keydown", M, !0), v.current = {}, p.current != null && (cancelAnimationFrame(p.current), p.current = null), m.current.onDragEnd?.(y), b.current = null, h.current = 0;
+    const { move: D, up: T, keydown: B } = v.current;
+    D && window.removeEventListener("pointermove", D, !0), T && (window.removeEventListener("pointerup", T, !0), window.removeEventListener("pointercancel", T, !0)), B && window.removeEventListener("keydown", B, !0), v.current = {}, p.current != null && (cancelAnimationFrame(p.current), p.current = null), m.current.onDragEnd?.(y), b.current = null, h.current = 0;
   }, []), I = C.useCallback((R) => {
     if (r || l && R.button !== 0) return;
     R.target.setPointerCapture?.(R.pointerId), x.current = R.clientX, w.current = R.clientX, h.current = 0, b.current = R.target, g.current = !0, c(!0);
@@ -3107,13 +3107,13 @@ function Ur(t) {
       }));
     }, T = (P) => {
       u(P.clientX);
-    }, M = (P) => {
+    }, B = (P) => {
       P.key === "Escape" && (P.preventDefault(), u());
     };
-    v.current = { move: D, up: T, keydown: M }, window.addEventListener("pointermove", D, {
+    v.current = { move: D, up: T, keydown: B }, window.addEventListener("pointermove", D, {
       passive: !a,
       capture: !0
-    }), window.addEventListener("pointerup", T, { capture: !0 }), window.addEventListener("pointercancel", T, { capture: !0 }), window.addEventListener("keydown", M, !0);
+    }), window.addEventListener("pointerup", T, { capture: !0 }), window.addEventListener("pointercancel", T, { capture: !0 }), window.addEventListener("keydown", B, !0);
   }, [u, r, a, l]);
   return C.useEffect(() => () => {
     g.current && u();
@@ -3126,7 +3126,7 @@ function Ur(t) {
     }
   };
 }
-const Wr = (t) => {
+const Hr = (t) => {
   const {
     column: n,
     width: o,
@@ -3134,7 +3134,7 @@ const Wr = (t) => {
     onResize: r,
     sortDirection: l,
     onSortClick: a
-  } = t, i = !!n.sortable, { bind: c } = Ur({
+  } = t, i = !!n.sortable, { bind: c } = Wr({
     onDelta: (g) => r(g)
   });
   return /* @__PURE__ */ d(
@@ -3153,8 +3153,8 @@ const Wr = (t) => {
             onClick: i ? a : void 0,
             children: [
               /* @__PURE__ */ e("span", { className: "truncate", children: n.header }),
-              i && l === "asc" && /* @__PURE__ */ e(sn, { className: "h-4 w-4 shrink-0" }),
-              i && l === "desc" && /* @__PURE__ */ e(ge, { className: "h-4 w-4 shrink-0" })
+              i && l === "asc" && /* @__PURE__ */ e(an, { className: "h-4 w-4 shrink-0" }),
+              i && l === "desc" && /* @__PURE__ */ e(ve, { className: "h-4 w-4 shrink-0" })
             ]
           }
         ),
@@ -3174,12 +3174,12 @@ const Wr = (t) => {
       ]
     }
   );
-}, Ne = 200, Hr = 60, _r = (t) => {
+}, ye = 200, $r = 60, _r = (t) => {
   const n = {};
   for (const o of t)
-    n[o.id] = o.defaultWidth ?? Ne;
+    n[o.id] = o.defaultWidth ?? ye;
   return n;
-}, $r = (t) => {
+}, jr = (t) => {
   const {
     columns: n,
     rows: o,
@@ -3190,22 +3190,22 @@ const Wr = (t) => {
     className: i,
     rowHeight: c = 44,
     headerHeight: g = 44
-  } = t, [x, w] = A(() => _r(n));
-  $(() => {
+  } = t, [x, w] = W(() => _r(n));
+  _(() => {
     w((u) => {
       const I = {};
       let R = Object.keys(u).length !== n.length;
       for (const y of n)
-        y.id in u ? I[y.id] = u[y.id] : (I[y.id] = y.defaultWidth ?? Ne, R = !0);
+        y.id in u ? I[y.id] = u[y.id] : (I[y.id] = y.defaultWidth ?? ye, R = !0);
       return R ? I : u;
     });
   }, [n]);
-  const h = Te((u, I, R) => {
+  const h = Le((u, I, R) => {
     w((y) => {
-      const D = y[u] ?? Ne, T = Math.max(R, D + I);
+      const D = y[u] ?? ye, T = Math.max(R, D + I);
       return T === D ? y : { ...y, [u]: T };
     });
-  }, []), b = Te((u) => {
+  }, []), b = Le((u) => {
     if (a) {
       if (!l || l.columnId !== u) {
         a({ columnId: u, direction: "asc" });
@@ -3218,9 +3218,9 @@ const Wr = (t) => {
       a(null);
     }
   }, [l, a]), p = n.reduce(
-    (u, I) => u + (x[I.id] ?? I.defaultWidth ?? Ne),
+    (u, I) => u + (x[I.id] ?? I.defaultWidth ?? ye),
     0
-  ), m = ke(null), v = (u) => {
+  ), m = Ce(null), v = (u) => {
     m.current && (m.current.scrollLeft = u.currentTarget.scrollLeft);
   };
   return /* @__PURE__ */ d("div", { className: f("flex flex-col h-full w-full", i), children: [
@@ -3236,12 +3236,12 @@ const Wr = (t) => {
             className: "flex flex-row table-header font-medium",
             style: { width: p, minWidth: "100%" },
             children: n.map((u) => /* @__PURE__ */ e(
-              Wr,
+              Hr,
               {
                 column: u,
-                width: x[u.id] ?? u.defaultWidth ?? Ne,
+                width: x[u.id] ?? u.defaultWidth ?? ye,
                 height: g,
-                onResize: (I) => h(u.id, I, u.minWidth ?? Hr),
+                onResize: (I) => h(u.id, I, u.minWidth ?? $r),
                 sortDirection: l?.columnId === u.id ? l.direction : null,
                 onSortClick: () => b(u.id)
               },
@@ -3274,7 +3274,7 @@ const Wr = (t) => {
                   {
                     className: "shrink-0 content-center px-4 relative",
                     style: {
-                      width: x[R.id] ?? R.defaultWidth ?? Ne,
+                      width: x[R.id] ?? R.defaultWidth ?? ye,
                       height: c
                     },
                     children: /* @__PURE__ */ e("div", { className: "break-all line-clamp-1", children: R.renderCell(u, I) })
@@ -3289,13 +3289,13 @@ const Wr = (t) => {
       }
     )
   ] });
-}, Ct = (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: [
     n && /* @__PURE__ */ e("div", { className: "mb-2 text-sm dropdown-group-label font-semibold px-3", children: n }),
     o
   ] });
-}, Xr = () => /* @__PURE__ */ e("div", {}), jr = [
+}, Xr = () => /* @__PURE__ */ e("div", {}), Vr = [
   { id: 1, email: "sarah.jennings@example.com", firstname: "Sarah", lastname: "Jennings", status: "active" },
   { id: 2, email: "liam.patel@outlook.com", firstname: "Liam", lastname: "Patel", status: "inactive" },
   { id: 3, email: "emily.wong@gmail.com", firstname: "Emily", lastname: "Wong", status: "active" },
@@ -3308,12 +3308,12 @@ const Wr = (t) => {
   { id: 10, email: "jackson.rivera@outlook.com", firstname: "Jackson", lastname: "Rivera", status: "active" },
   { id: 11, email: "ava.sanders@example.com", firstname: "Ava", lastname: "Sanders", status: "active" },
   { id: 12, email: "logan.bennett@company.io", firstname: "Logan", lastname: "Bennett", status: "inactive" }
-], Vr = [
+], Kr = [
   { id: "id", header: "ID", renderCell: (t) => t.id },
   {
     id: "email",
     header: "Email",
-    renderCell: (t) => /* @__PURE__ */ e(Pe, { Icon: cn, onClick: () => {
+    renderCell: (t) => /* @__PURE__ */ e(Ee, { Icon: dn, onClick: () => {
     }, children: t.email })
   },
   { id: "firstname", header: "First Name", renderCell: (t) => t.firstname },
@@ -3321,36 +3321,36 @@ const Wr = (t) => {
   {
     id: "status",
     header: "Status",
-    renderCell: () => /* @__PURE__ */ e(Kr, {})
+    renderCell: () => /* @__PURE__ */ e(Gr, {})
   }
-], Wl = () => /* @__PURE__ */ d("div", { className: "flex flex-col gap-6", children: [
+], Hl = () => /* @__PURE__ */ d("div", { className: "flex flex-col gap-6", children: [
   /* @__PURE__ */ d("div", { className: "flex flex-row items-center justify-start gap-3", children: [
-    /* @__PURE__ */ e(Bt, { Icon: Ee, placeholder: "Search..." }),
-    /* @__PURE__ */ e(Je, { Icon: mt }),
-    /* @__PURE__ */ e(Vn, { Icon: ft, children: "New" }),
+    /* @__PURE__ */ e(At, { Icon: Me, placeholder: "Search..." }),
+    /* @__PURE__ */ e(qe, { Icon: ft }),
+    /* @__PURE__ */ e(Kn, { Icon: ht, children: "New" }),
     /* @__PURE__ */ d(
-      Ae,
+      Ue,
       {
-        trigger: /* @__PURE__ */ e(Je, { Icon: mt }),
+        trigger: /* @__PURE__ */ e(qe, { Icon: ft }),
         children: [
-          /* @__PURE__ */ e(j, { dismissOnClick: !1, Icon: ft, children: "Add new" }),
-          /* @__PURE__ */ e(j, { Icon: an, children: "Remove" }),
-          /* @__PURE__ */ d(Ct, { label: "Test", className: "mt-2", children: [
-            /* @__PURE__ */ e(j, { children: "Item 1" }),
-            /* @__PURE__ */ e(j, { children: "Item 2" }),
-            /* @__PURE__ */ e(j, { children: "Item 3" }),
-            /* @__PURE__ */ e(j, { children: "Item 4" })
+          /* @__PURE__ */ e(X, { dismissOnClick: !1, Icon: ht, children: "Add new" }),
+          /* @__PURE__ */ e(X, { Icon: cn, children: "Remove" }),
+          /* @__PURE__ */ d(It, { label: "Test", className: "mt-2", children: [
+            /* @__PURE__ */ e(X, { children: "Item 1" }),
+            /* @__PURE__ */ e(X, { children: "Item 2" }),
+            /* @__PURE__ */ e(X, { children: "Item 3" }),
+            /* @__PURE__ */ e(X, { children: "Item 4" })
           ] }),
-          /* @__PURE__ */ d(Ct, { label: "Test", className: "mt-2", children: [
-            /* @__PURE__ */ e(j, { children: "Item 1" }),
-            /* @__PURE__ */ e(j, { children: "Item 2" }),
-            /* @__PURE__ */ e(j, { children: "Item 3" }),
-            /* @__PURE__ */ e(j, { children: "Item 4" })
+          /* @__PURE__ */ d(It, { label: "Test", className: "mt-2", children: [
+            /* @__PURE__ */ e(X, { children: "Item 1" }),
+            /* @__PURE__ */ e(X, { children: "Item 2" }),
+            /* @__PURE__ */ e(X, { children: "Item 3" }),
+            /* @__PURE__ */ e(X, { children: "Item 4" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ e(Ar, { tabs: [
+    /* @__PURE__ */ e(Ur, { tabs: [
       {
         label: "Tab 1",
         Icon: Ye,
@@ -3373,103 +3373,103 @@ const Wr = (t) => {
       }
     ] })
   ] }),
-  /* @__PURE__ */ e(Lr, { options: [
+  /* @__PURE__ */ e(Pr, { options: [
     { label: "Option 1", value: 1 },
     { label: "Option 2", value: 2 },
     { label: "Option 3", value: 3 }
   ], value: null, onChange: () => {
   } }),
   /* @__PURE__ */ e(
-    $r,
+    jr,
     {
       className: "h-[300px] w-[300px]",
-      columns: Vr,
-      rows: jr,
+      columns: Kr,
+      rows: Vr,
       getRowId: (t) => t.id
     }
   ),
   /* @__PURE__ */ e(Xr, {})
-] }), Kr = () => /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ d(
-  Ae,
+] }), Gr = () => /* @__PURE__ */ e(te, { children: /* @__PURE__ */ d(
+  Ue,
   {
     placement: "bottom-end",
     className: "inline-block",
-    trigger: /* @__PURE__ */ e(Pe, { onClick: () => {
+    trigger: /* @__PURE__ */ e(Ee, { onClick: () => {
     }, children: "Test" }),
     children: [
-      /* @__PURE__ */ e(j, { children: "Option 1" }),
-      /* @__PURE__ */ e(j, { children: "Option 2" }),
-      /* @__PURE__ */ e(j, { children: "Option 3" })
+      /* @__PURE__ */ e(X, { children: "Option 1" }),
+      /* @__PURE__ */ e(X, { children: "Option 2" }),
+      /* @__PURE__ */ e(X, { children: "Option 3" })
     ]
   }
 ) });
 export {
-  Ul as AutoScroll,
-  Pe as Badge,
-  Er as BadgeColor,
-  Vn as Button,
-  Ft as ButtonIconRound,
-  Je as ButtonIconSquare,
-  Ml as Divider,
-  j as DropdownButton,
-  Ct as DropdownButtonGroup,
-  Ae as DropdownMenu,
-  be as DropdownPanel,
-  Bt as Input,
-  kl as InputCheck,
-  bl as InputColor,
+  Wl as AutoScroll,
+  Ee as Badge,
+  Mr as BadgeColor,
+  Kn as Button,
+  Bt as ButtonIconRound,
+  qe as ButtonIconSquare,
+  Fl as Divider,
+  X as DropdownButton,
+  It as DropdownButtonGroup,
+  Ue as DropdownMenu,
+  xe as DropdownPanel,
+  At as Input,
+  yl as InputCheck,
+  vl as InputColor,
   V as InputDescription,
   K as InputError,
-  ne as InputErrorIcon,
-  Cl as InputFileMultiple,
-  yl as InputFileSingle,
-  q as InputIconButton,
-  fe as InputIconButtonTray,
-  J as InputLabel,
-  Rl as InputLexical,
-  vl as InputPassword,
-  wl as InputRadio,
-  Lr as InputSelect,
-  He as InputSelectDivider,
-  We as InputSelectGroupHeader,
-  zl as InputSelectMultiple,
-  Sl as InputSelectNative,
-  Ue as InputSelectOption,
-  Dl as InputSelectSearchable,
-  Ol as InputSelectSearchableAsync,
-  xl as InputTextArea,
-  Nl as InputToggle,
-  xr as LEXICAL_NODES,
-  kr as LexicalBlockTypeSelect,
-  Il as LexicalDefaultToolbarContent,
-  Tr as LexicalFloatingToolbar,
-  Cr as LexicalFormatButtons,
-  Sr as LexicalHistoryButtons,
-  Rr as LexicalLinkButton,
-  Ir as LexicalListButtons,
-  zr as LexicalToolbar,
-  ie as LexicalToolbarButton,
-  Ge as LexicalToolbarDivider,
-  $t as LexicalToolbarItems,
-  Bl as Modal,
-  Tl as Panel,
-  Pl as PanelField,
-  El as PanelLink,
-  Ll as PanelStack,
-  At as PopoverBase,
-  Al as SidebarModal,
-  Re as Spinner,
-  Ar as TabButtons,
-  $r as Table,
-  Wr as TableColumnHead,
-  Wl as Test,
-  Fl as Tooltip,
-  vr as UploadFileTile,
+  re as InputErrorIcon,
+  Il as InputFileMultiple,
+  Cl as InputFileSingle,
+  Z as InputIconButton,
+  he as InputIconButtonTray,
+  q as InputLabel,
+  Sl as InputLexical,
+  xl as InputPassword,
+  Nl as InputRadio,
+  Pr as InputSelect,
+  $e as InputSelectDivider,
+  He as InputSelectGroupHeader,
+  Tl as InputSelectMultiple,
+  Dl as InputSelectNative,
+  We as InputSelectOption,
+  Ol as InputSelectSearchable,
+  zl as InputSelectSearchableAsync,
+  wl as InputTextArea,
+  kl as InputToggle,
+  wr as LEXICAL_NODES,
+  yr as LexicalBlockTypeSelect,
+  Rl as LexicalDefaultToolbarContent,
+  Lr as LexicalFloatingToolbar,
+  Ir as LexicalFormatButtons,
+  Dr as LexicalHistoryButtons,
+  Sr as LexicalLinkButton,
+  Rr as LexicalListButtons,
+  Tr as LexicalToolbar,
+  ce as LexicalToolbarButton,
+  Je as LexicalToolbarDivider,
+  jt as LexicalToolbarItems,
+  Al as Modal,
+  Ll as Panel,
+  El as PanelField,
+  Ml as PanelLink,
+  Pl as PanelStack,
+  Ut as PopoverBase,
+  Ul as SidebarModal,
+  Se as Spinner,
+  Ur as TabButtons,
+  jr as Table,
+  Hr as TableColumnHead,
+  Hl as Test,
+  Bl as Tooltip,
+  xr as UploadFileTile,
   H as isSelectOption,
-  wt as lexicalTheme,
-  xe as useLexicalToolbar,
-  Wt as useLexicalToolbarState,
-  ct as usePopover,
+  Nt as lexicalTheme,
+  Ne as useLexicalToolbar,
+  Ht as useLexicalToolbarState,
+  dt as usePopover,
   _e as useSelectPopover
 };
 //# sourceMappingURL=index.js.map