@npm-questionpro/wick-ui-lib 1.20.0 → 1.20.1

package/dist/wick-ui-lib/es/index.js

@@ -1,15 +1,15 @@
 var as = Object.defineProperty;
 var ns = (e, t, a) => t in e ? as(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
 var ft = (e, t, a) => ns(e, typeof t != "symbol" ? t + "" : t, a);
-import { jsx as n, jsxs as p, Fragment as oe } from "react/jsx-runtime";
-import * as Ke from "@radix-ui/react-accordion";
+import { jsx as n, jsxs as p, Fragment as ue } from "react/jsx-runtime";
+import * as Ye from "@radix-ui/react-accordion";
 import * as x from "react";
-import D, { useState as I, useRef as ce, forwardRef as nt, useEffect as $, useMemo as de, useCallback as we, createElement as Fa, memo as rs, createContext as Yn, useContext as Oa } from "react";
+import D, { useState as I, useRef as ce, forwardRef as at, useEffect as H, useMemo as de, useCallback as we, createElement as Fa, memo as rs, createContext as Yn, useContext as Oa } from "react";
 import { useContext as kd } from "react";
 import { clsx as us } from "clsx";
 import { extendTailwindMerge as ss } from "tailwind-merge";
-import * as rt from "@radix-ui/react-avatar";
-import { Slot as ut } from "@radix-ui/react-slot";
+import * as nt from "@radix-ui/react-avatar";
+import { Slot as rt } from "@radix-ui/react-slot";
 import { cva as Me } from "class-variance-authority";
 import * as Kn from "@radix-ui/react-label";
 import * as Ct from "@radix-ui/react-tooltip";
@@ -21,17 +21,17 @@ import { getDefaultClassNames as ps, DayPicker as hs } from "react-day-picker";
 import * as ga from "@radix-ui/react-checkbox";
 import { Command as xe } from "cmdk";
 import { Virtuoso as bs } from "react-virtuoso";
-import * as ee from "@radix-ui/react-dropdown-menu";
+import * as te from "@radix-ui/react-dropdown-menu";
 import { DropdownMenuItem as gs } from "@radix-ui/react-dropdown-menu";
-import * as Z from "@radix-ui/react-dialog";
+import * as Q from "@radix-ui/react-dialog";
 import { DialogClose as xs } from "@radix-ui/react-dialog";
-import * as Ye from "@radix-ui/react-scroll-area";
+import * as Ge from "@radix-ui/react-scroll-area";
 import * as yt from "@radix-ui/react-radio-group";
 import * as Jn from "@radix-ui/react-separator";
 import * as ys from "react-dom";
 import * as Kt from "@radix-ui/react-toggle-group";
 import * as Xn from "@radix-ui/react-toggle";
-import * as Xe from "@radix-ui/react-tabs";
+import * as Je from "@radix-ui/react-tabs";
 import { flexRender as Zn, useReactTable as Qn, getPaginationRowModel as er, getCoreRowModel as tr, getSortedRowModel as vs, getFilteredRowModel as Ns } from "@tanstack/react-table";
 import * as Ne from "@radix-ui/react-toast";
 import * as xa from "@radix-ui/react-switch";
@@ -71,8 +71,8 @@ function St(e) {
       return "";
   }
 }
-const Vs = (e) => e ? /\S+@questionpro\.com/.test(e) : !1, bn = Ke.Root, va = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Ke.Item,
+const Vs = (e) => e ? /\S+@questionpro\.com/.test(e) : !1, bn = Ye.Root, va = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+  Ye.Item,
   {
     ref: a,
     className: c("wu-border-b", e),
@@ -80,8 +80,8 @@ const Vs = (e) => e ? /\S+@questionpro\.com/.test(e) : !1, bn = Ke.Root, va = x.
   }
 ));
 va.displayName = "AccordionItem";
-const Na = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(Ke.Header, { className: "wu-flex", children: /* @__PURE__ */ p(
-  Ke.Trigger,
+const Na = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(Ye.Header, { className: "wu-flex", children: /* @__PURE__ */ p(
+  Ye.Trigger,
   {
     ref: r,
     className: c(
@@ -96,9 +96,9 @@ const Na = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__
     ]
   }
 ) }));
-Na.displayName = Ke.Trigger.displayName;
+Na.displayName = Ye.Trigger.displayName;
 const Ca = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(
-  Ke.Content,
+  Ye.Content,
   {
     ref: r,
     className: "wu-overflow-hidden wu-text-xs wu-px-2 wu-font-light wu-transition-all data-[state=closed]:wu-animate-accordion-up data-[state=open]:wu-animate-accordion-down",
@@ -106,7 +106,7 @@ const Ca = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__
     children: /* @__PURE__ */ n("div", { className: c("wu-pb-4 wu-pt-0", e), children: t })
   }
 ));
-Ca.displayName = Ke.Content.displayName;
+Ca.displayName = Ye.Content.displayName;
 const Tw = (e) => {
   const { items: t, className: a, dir: r = "ltr" } = e;
   if (e.type === "multiple") {
@@ -164,7 +164,7 @@ const Tw = (e) => {
     );
   }
 }, ar = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  rt.Root,
+  nt.Root,
   {
     ref: a,
     className: c(
@@ -174,18 +174,18 @@ const Tw = (e) => {
     ...t
   }
 ));
-ar.displayName = rt.Root.displayName;
+ar.displayName = nt.Root.displayName;
 const nr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  rt.Image,
+  nt.Image,
   {
     ref: a,
     className: c("wu-aspect-square wu-h-full wu-w-full", e),
     ...t
   }
 ));
-nr.displayName = rt.Image.displayName;
+nr.displayName = nt.Image.displayName;
 const rr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  rt.Fallback,
+  nt.Fallback,
   {
     ref: a,
     className: c(
@@ -195,7 +195,7 @@ const rr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
     ...t
   }
 ));
-rr.displayName = rt.Fallback.displayName;
+rr.displayName = nt.Fallback.displayName;
 function Sa(e, t) {
   D.useEffect(() => {
     const a = (r) => {
@@ -221,7 +221,7 @@ const zs = "_dropdownContainer_vvlo9_1", qs = "_open_vvlo9_1", $s = "_dropdownMe
   const l = () => {
     s(!u);
   };
-  return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ n("div", { className: oa.dropdownContainer, children: /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ p("li", { className: c("wu-flex wu-relative", u && oa.open), children: [
+  return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ n("div", { className: oa.dropdownContainer, children: /* @__PURE__ */ n("ul", { children: /* @__PURE__ */ p("li", { className: c("wu-flex wu-relative", u && oa.open), children: [
     /* @__PURE__ */ n(
       "button",
       {
@@ -328,9 +328,9 @@ const zs = "_dropdownContainer_vvlo9_1", qs = "_open_vvlo9_1", $s = "_dropdownMe
     },
     compoundVariants: []
   }
-), st = x.forwardRef(
+), ut = x.forwardRef(
   ({ className: e, variant: t, size: a, color: r, asChild: u = !1, ...s }, o) => /* @__PURE__ */ n(
-    u ? ut : "button",
+    u ? rt : "button",
     {
       className: c(ka({ size: a, color: r, variant: t, className: e })),
       ref: o,
@@ -338,7 +338,7 @@ const zs = "_dropdownContainer_vvlo9_1", qs = "_open_vvlo9_1", $s = "_dropdownMe
     }
   )
 );
-st.displayName = "Button";
+ut.displayName = "Button";
 const kt = D.forwardRef(
   (e, t) => Hs(e, t)
 ), Hs = (e, t) => {
@@ -407,10 +407,10 @@ const kt = D.forwardRef(
       ]
     }
   );
-  return /* @__PURE__ */ n(oe, { children: u === "spinner" ? w : d });
+  return /* @__PURE__ */ n(ue, { children: u === "spinner" ? w : d });
 };
 kt.displayName = "WuLoader";
-const ge = nt(
+const ge = at(
   ({
     disabled: e,
     loading: t,
@@ -431,7 +431,7 @@ const ge = nt(
       error: "#ef444488"
     };
     return /* @__PURE__ */ p(
-      st,
+      ut,
       {
         ...f,
         disabled: e,
@@ -453,7 +453,7 @@ const ge = nt(
         },
         ref: m,
         children: [
-          !t && u && /* @__PURE__ */ n(oe, { children: u }),
+          !t && u && /* @__PURE__ */ n(ue, { children: u }),
           t && /* @__PURE__ */ n(kt, { color: "#fff", size: "sm" }),
           !t && o
         ]
@@ -494,7 +494,7 @@ const js = ({ onLogout: e, DataCenter: t }) => /* @__PURE__ */ p("section", { cl
       node: /* @__PURE__ */ n("div", { className: "wu-flex wu-justify-center wu-items-center wu-w-20", children: /* @__PURE__ */ n("code", { children: e.invoice.size }) })
     } : null
   ].filter(Boolean);
-  return /* @__PURE__ */ p(oe, { children: [
+  return /* @__PURE__ */ p(ue, { children: [
     /* @__PURE__ */ n("ul", { children: a.map(({ title: r, url: u, icon: s, node: o }, i) => /* @__PURE__ */ n(
       "li",
       {
@@ -521,7 +521,7 @@ const js = ({ onLogout: e, DataCenter: t }) => /* @__PURE__ */ p("section", { cl
     )) }),
     /* @__PURE__ */ n("hr", { className: "wu-border-gray-subtle" })
   ] });
-}, Gs = ({ settings: e, dir: t }) => /* @__PURE__ */ p(oe, { children: [
+}, Gs = ({ settings: e, dir: t }) => /* @__PURE__ */ p(ue, { children: [
   /* @__PURE__ */ n("hr", { className: "wu-border-gray-subtle" }),
   /* @__PURE__ */ p("section", { className: "wu-relative wu-flex wu-items-center wu-justify-start wu-gap-2", children: [
     /* @__PURE__ */ n(
@@ -753,7 +753,7 @@ const js = ({ onLogout: e, DataCenter: t }) => /* @__PURE__ */ p("section", { cl
   )
 ] }), Xs = (e) => {
   const [t, a] = I(() => window.innerWidth <= e);
-  return $(() => {
+  return H(() => {
     const r = () => {
       a(window.innerWidth <= e);
     };
@@ -900,7 +900,7 @@ const Iw = (e) => {
       )
     ]
   }
-), eo = "_productDropdownMenu_amyba_1", to = "_productDropdownMenuOpen_amyba_38", ao = "_rtlDropdownMenu_amyba_51", no = "_productCategory_amyba_55", ro = "_open_amyba_61", uo = "_productCategoryBorderTop_amyba_66", so = "_productList_amyba_93", oo = "_rtlProductList_amyba_114", lo = "_productListItem_amyba_137", io = "_productLink_amyba_162", co = "_activeProduct_amyba_164", wo = "_topBorder_amyba_169", fo = "_topBorderRtl_amyba_190", te = {
+), eo = "_productDropdownMenu_amyba_1", to = "_productDropdownMenuOpen_amyba_38", ao = "_rtlDropdownMenu_amyba_51", no = "_productCategory_amyba_55", ro = "_open_amyba_61", uo = "_productCategoryBorderTop_amyba_66", so = "_productList_amyba_93", oo = "_rtlProductList_amyba_114", lo = "_productListItem_amyba_137", io = "_productLink_amyba_162", co = "_activeProduct_amyba_164", wo = "_topBorder_amyba_169", fo = "_topBorderRtl_amyba_190", ae = {
   productDropdownMenu: eo,
   productDropdownMenuOpen: to,
   rtlDropdownMenu: ao,
@@ -941,7 +941,7 @@ const Iw = (e) => {
         /* @__PURE__ */ n(
           "div",
           {
-            className: te.productCategoryBorderTop,
+            className: ae.productCategoryBorderTop,
             style: { backgroundColor: r }
           }
         ),
@@ -1002,11 +1002,11 @@ const Iw = (e) => {
     "li",
     {
       className: c(
-        te.productListItem,
+        ae.productListItem,
         "focus-visible:wu-outline-none focus:wu-outline-none wu-sub-product-list-item",
-        (l || o) && te.activeProduct,
+        (l || o) && ae.activeProduct,
         e.name.length > 15 && window.innerWidth > 768 && "wu-w-[130px] wu-min-w-[130px]",
-        u === e.name && te.activeProduct,
+        u === e.name && ae.activeProduct,
         "wu-product-item"
       ),
       onMouseOver: () => i(!0),
@@ -1029,7 +1029,7 @@ const Iw = (e) => {
         /* @__PURE__ */ n(
           "div",
           {
-            className: c(te.topBorder, r === "rtl" && te.topBorderRtl),
+            className: c(ae.topBorder, r === "rtl" && ae.topBorderRtl),
             style: {
               backgroundColor: d ? h : N
             }
@@ -1039,7 +1039,7 @@ const Iw = (e) => {
           "a",
           {
             className: c(
-              te.productLink,
+              ae.productLink,
               "focus:wu-outline-none focus-visible:wu-outline-none"
             ),
             href: e.link || "#",
@@ -1087,13 +1087,13 @@ const Iw = (e) => {
     },
     N
   ));
-  return l ? /* @__PURE__ */ p(oe, { children: [
+  return l ? /* @__PURE__ */ p(ue, { children: [
     h(w),
     d.length > 0 && /* @__PURE__ */ p(
       "li",
       {
         className: c(
-          te.productListItem,
+          ae.productListItem,
           "focus:wu-outline-none focus-visible:wu-outline-none !wu-bg-[#f5f5f5] hover:!wu-bg-[#eeeeee] wu-group"
         ),
         onMouseOver: () => m("#f5a300"),
@@ -1104,8 +1104,8 @@ const Iw = (e) => {
             "div",
             {
               className: c(
-                te.topBorder,
-                r === "rtl" && te.topBorderRtl
+                ae.topBorder,
+                r === "rtl" && ae.topBorderRtl
               ),
               style: { backgroundColor: f },
               "aria-label": "top-border"
@@ -1116,7 +1116,7 @@ const Iw = (e) => {
             {
               href: "https://www.questionpro.com/a/showUpgradeUser.do",
               className: c(
-                te.productLink,
+                ae.productLink,
                 "wu-flex wu-flex-col wu-items-center wu-justify-center wu-py-2 wu-min-w-[88px]"
               ),
               children: [
@@ -1137,8 +1137,8 @@ const Iw = (e) => {
     "li",
     {
       className: c(
-        te.productListItem,
-        te.learnMore,
+        ae.productListItem,
+        ae.learnMore,
         "focus:wu-outline-none focus-visible:wu-outline-none wu-product-item-inactive !wu-bg-[#f5f5f5] hover:!wu-bg-[#eeeeee]",
         u === "learn" && "activeProduct"
       ),
@@ -1150,14 +1150,14 @@ const Iw = (e) => {
         /* @__PURE__ */ n(
           "div",
           {
-            className: c(te.topBorder, r === "rtl" && te.topBorderRtl),
+            className: c(ae.topBorder, r === "rtl" && ae.topBorderRtl),
             style: { backgroundColor: o }
           }
         ),
         /* @__PURE__ */ n(
           "a",
           {
-            className: te.productLink,
+            className: ae.productLink,
             href: "https://www.questionpro.com/a/showUpgradeUser.do",
             tabIndex: -1,
             children: /* @__PURE__ */ n("span", { className: "wu-text-[#f99e03]", children: "Learn More" })
@@ -1180,7 +1180,7 @@ const Iw = (e) => {
   setFocusItem: d
 }) => {
   const f = "#ffcf70", [m, h] = I(window.innerWidth > 768);
-  return $(() => {
+  return H(() => {
     const b = () => {
       h(window.innerWidth > 375);
     };
@@ -1189,9 +1189,9 @@ const Iw = (e) => {
     "ul",
     {
       className: c(
-        te.productDropdownMenu,
-        a && te.productDropdownMenuOpen,
-        t === "rtl" && te.rtlDropdownMenu,
+        ae.productDropdownMenu,
+        a && ae.productDropdownMenuOpen,
+        t === "rtl" && ae.rtlDropdownMenu,
         "wu-switcher-container"
       ),
       ref: e,
@@ -1202,10 +1202,10 @@ const Iw = (e) => {
         "li",
         {
           className: c(
-            te.productCategory,
+            ae.productCategory,
             "focus:wu-outline-none focus-visible:wu-outline-none wu-h-16 wu-category-item",
-            u === b && te.open,
-            i && te.open
+            u === b && ae.open,
+            i && ae.open
           ),
           onMouseEnter: () => m && s(b),
           onMouseLeave: () => m && s(null),
@@ -1227,8 +1227,8 @@ const Iw = (e) => {
               "ul",
               {
                 className: c(
-                  te.productList,
-                  t === "rtl" && te.rtlProductList
+                  ae.productList,
+                  t === "rtl" && ae.rtlProductList
                 ),
                 dir: t,
                 children: /* @__PURE__ */ n(
@@ -1362,21 +1362,21 @@ const Iw = (e) => {
     () => {
       C(!1), f(!1), h(null);
     }
-  ), $(() => {
+  ), H(() => {
     const k = (M) => {
       M.key === "Escape" && f(!1);
     };
     return document.addEventListener("keydown", k), () => {
       document.removeEventListener("keydown", k);
     };
-  }, [d]), $(
+  }, [d]), H(
     () => g(a.base),
     [a.base]
   );
   const R = (k) => {
     k.preventDefault(), k.stopPropagation(), f((M) => {
-      const _ = !M;
-      return _ || h(null), _;
+      const L = !M;
+      return L || h(null), L;
     });
   }, E = (k, M) => {
     Zs({
@@ -1531,7 +1531,7 @@ const _w = (e) => {
 }, Lw = (e) => {
   var i, l;
   const { inputRef: t, maxLength: a = 50, className: r, ...u } = e, [s, o] = I(!1);
-  return $(() => {
+  return H(() => {
     var w;
     (((w = t == null ? void 0 : t.current) == null ? void 0 : w.value.length) || 0) > 0.75 * a ? o(!0) : o(!1);
   }, [(i = t == null ? void 0 : t.current) == null ? void 0 : i.value, a]), /* @__PURE__ */ n(
@@ -1554,7 +1554,7 @@ const _w = (e) => {
   }
 ));
 qt.displayName = Kn.Root.displayName;
-const Ee = (e) => /* @__PURE__ */ n(
+const Te = (e) => /* @__PURE__ */ n(
   qt,
   {
     ...e,
@@ -1593,7 +1593,7 @@ const Ee = (e) => /* @__PURE__ */ n(
       t && /* @__PURE__ */ n("div", { className: m, children: t })
     ] })
   ] });
-}, Ve = nt(
+}, Ve = at(
   (e, t) => {
     const {
       Label: a,
@@ -1611,7 +1611,7 @@ const Ee = (e) => /* @__PURE__ */ n(
     }, S = (y) => {
       f.onChange && f.onChange(y);
     };
-    return /* @__PURE__ */ n(oe, { children: o === "submit" ? /* @__PURE__ */ n(ge, { type: "submit", className: f.className, id: d, children: a || "Submit" }) : /* @__PURE__ */ n(
+    return /* @__PURE__ */ n(ue, { children: o === "submit" ? /* @__PURE__ */ n(ge, { type: "submit", className: f.className, id: d, children: a || "Submit" }) : /* @__PURE__ */ n(
       "div",
       {
         className: c("wu-flex wu-flex-col wu-gap-2 wu-input-container"),
@@ -1663,7 +1663,7 @@ const Ee = (e) => /* @__PURE__ */ n(
                 }
               ),
               a && /* @__PURE__ */ n(
-                Ee,
+                Te,
                 {
                   htmlFor: d,
                   className: "wu-flex-none wu-w-fit wu-input-label",
@@ -1686,7 +1686,7 @@ const Fw = ({
   ...u
 }) => {
   const [s, o] = I(a);
-  return $(() => {
+  return H(() => {
     o(a);
   }, [a]), /* @__PURE__ */ n(
     Ve,
@@ -1763,7 +1763,7 @@ const qa = D.forwardRef(
 qa.displayName = "WuTooltip";
 const Ow = ({ label: e, className: t }) => {
   const a = ce(null), [r, u] = I(!1);
-  return $(() => {
+  return H(() => {
     const s = a.current;
     if (s) {
       const o = s.clientWidth, i = s.scrollWidth, l = i / e.length, w = e.length * l;
@@ -1843,7 +1843,7 @@ const Ow = ({ label: e, className: t }) => {
       ]
     }
   ) });
-}, De = xt.Root, $e = xt.Trigger, Re = x.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, ...r }, u) => /* @__PURE__ */ n(xt.Portal, { children: /* @__PURE__ */ n(
+}, De = xt.Root, $e = xt.Trigger, Ee = x.forwardRef(({ className: e, align: t = "center", sideOffset: a = 4, ...r }, u) => /* @__PURE__ */ n(xt.Portal, { children: /* @__PURE__ */ n(
   xt.Content,
   {
     ref: u,
@@ -1856,7 +1856,7 @@ const Ow = ({ label: e, className: t }) => {
     ...r
   }
 ) }));
-Re.displayName = xt.Content.displayName;
+Ee.displayName = xt.Content.displayName;
 function ir({
   className: e,
   classNames: t,
@@ -1979,7 +1979,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
   color: s,
   CustomTrigger: o,
   ...i
-}) => /* @__PURE__ */ n(ms, { asChild: !o, dir: t, children: o ? /* @__PURE__ */ n(oe, { children: o(e) }) : /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n(ms, { asChild: !o, dir: t, children: o ? /* @__PURE__ */ n(ue, { children: o(e) }) : /* @__PURE__ */ n(
   ge,
   {
     ...i,
@@ -2022,11 +2022,11 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
   }, [b, e, a]), C = we(() => {
     w ? w() : (g(void 0), S(""), a && a(void 0));
   }, [a, w]);
-  return $(() => {
+  return H(() => {
     const v = $t(t);
     g(v), S(Oe(v, e));
   }, [t, e]), /* @__PURE__ */ p(
-    Ee,
+    Te,
     {
       className: c(
         "wu-flex wu-gap-1",
@@ -2048,7 +2048,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
             }
           ),
           /* @__PURE__ */ n(
-            Re,
+            Ee,
             {
               className: "wu-p-0 wu-w-fit wu-date-picker-content",
               align: "start",
@@ -2130,7 +2130,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
     },
     [e, t, N]
   );
-  return $(() => {
+  return H(() => {
     if (e != null && e.to && (e != null && e.from) && mn(e.to) && mn(e.from)) {
       l(Oe(e.from, yn)), d(Oe(e.to, yn));
       const y = cs(e.to, e.from);
@@ -2138,7 +2138,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
     }
   }, [e, h]), /* @__PURE__ */ p("div", { className: "wu-flex wu-flex-col wu-gap-1 wu-p-2 wu-bg-white wu-w-60 wu-date-picker-sidebar", children: [
     /* @__PURE__ */ n("ul", { className: "wu-flex wu-gap-1 wu-py-2 wu-date-picker-batch-list", children: So.map(({ label: y, value: C }) => /* @__PURE__ */ n(
-      st,
+      ut,
       {
         variant: "secondary",
         className: "wu-px-1 wu-py-1 wu-text-xs wu-h-fit wu-min-w-fit disabled:wu-bg-white",
@@ -2217,7 +2217,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
     }
   }, [C, e, a]), M = D.useCallback(() => {
     v(S);
-  }, [S]), _ = D.useCallback(() => {
+  }, [S]), L = D.useCallback(() => {
     m ? m() : (y(void 0), v(void 0), E(""), a && a(void 0));
   }, [m, a]);
   return D.useEffect(() => {
@@ -2229,7 +2229,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
     } else
       y(void 0), v({ to: /* @__PURE__ */ new Date(), from: /* @__PURE__ */ new Date() });
   }, [t, e]), /* @__PURE__ */ p(
-    Ee,
+    Te,
     {
       className: c(
         "wu-flex wu-gap-1",
@@ -2251,7 +2251,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
             }
           ),
           /* @__PURE__ */ p(
-            Re,
+            Ee,
             {
               className: "wu-flex wu-p-0 wu-border wu-w-fit wu-border-blue-p",
               align: "start",
@@ -2289,7 +2289,7 @@ const cr = (e) => /* @__PURE__ */ n(ir, { ...e }), wr = (e) => {
                       {
                         handleDateChange: k,
                         disabled: r,
-                        onReset: _,
+                        onReset: L,
                         showResetButton: h
                       }
                     )
@@ -2417,7 +2417,7 @@ const We = D.forwardRef(
               ref: t
             }
           ),
-          u && /* @__PURE__ */ n(Ee, { htmlFor: i, className: "wu-w-full wu-checkbox-label", children: u })
+          u && /* @__PURE__ */ n(Te, { htmlFor: i, className: "wu-w-full wu-checkbox-label", children: u })
         ]
       }
     );
@@ -2535,7 +2535,7 @@ const Do = ({ tags: e, triggerRef: t }) => {
     const d = w.offsetWidth;
     return document.body.removeChild(w), d + 8;
   };
-  return $(() => {
+  return H(() => {
     const l = () => {
       if (t.current) {
         const m = t.current.offsetWidth - 20 - 36;
@@ -2587,7 +2587,7 @@ const Do = ({ tags: e, triggerRef: t }) => {
   ...m
 }) => {
   const [h, b] = I([]), g = ce(null);
-  $(() => {
+  H(() => {
     if (!a || Array.isArray(a) && a.length === 0) {
       b([]);
       return;
@@ -2630,8 +2630,8 @@ const Do = ({ tags: e, triggerRef: t }) => {
       ]
     }
   ) });
-}, Ga = ee.Root, Ya = ee.Trigger, hr = ee.Group, Ao = ee.Portal, _o = ee.Sub, Lo = ee.RadioGroup, br = x.forwardRef(({ className: e, inset: t, children: a, position: r, ...u }, s) => /* @__PURE__ */ p(
-  ee.SubTrigger,
+}, Ga = te.Root, Ya = te.Trigger, hr = te.Group, Ao = te.Portal, _o = te.Sub, Lo = te.RadioGroup, br = x.forwardRef(({ className: e, inset: t, children: a, position: r, ...u }, s) => /* @__PURE__ */ p(
+  te.SubTrigger,
   {
     ref: s,
     className: c(
@@ -2656,9 +2656,9 @@ const Do = ({ tags: e, triggerRef: t }) => {
     ]
   }
 ));
-br.displayName = ee.SubTrigger.displayName;
+br.displayName = te.SubTrigger.displayName;
 const gr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  ee.SubContent,
+  te.SubContent,
   {
     ref: a,
     className: c(
@@ -2668,9 +2668,9 @@ const gr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
     ...t
   }
 ));
-gr.displayName = ee.SubContent.displayName;
-const Xt = x.forwardRef(({ className: e, sideOffset: t = 4, ...a }, r) => /* @__PURE__ */ n(ee.Portal, { children: /* @__PURE__ */ n(
-  ee.Content,
+gr.displayName = te.SubContent.displayName;
+const Xt = x.forwardRef(({ className: e, sideOffset: t = 4, ...a }, r) => /* @__PURE__ */ n(te.Portal, { children: /* @__PURE__ */ n(
+  te.Content,
   {
     ref: r,
     sideOffset: t,
@@ -2681,9 +2681,9 @@ const Xt = x.forwardRef(({ className: e, sideOffset: t = 4, ...a }, r) => /* @__
     ...a
   }
 ) }));
-Xt.displayName = ee.Content.displayName;
+Xt.displayName = te.Content.displayName;
 const Zt = x.forwardRef(({ className: e, inset: t, ...a }, r) => /* @__PURE__ */ n(
-  ee.Item,
+  te.Item,
   {
     ref: r,
     className: c(
@@ -2694,9 +2694,9 @@ const Zt = x.forwardRef(({ className: e, inset: t, ...a }, r) => /* @__PURE__ */
     ...a
   }
 ));
-Zt.displayName = ee.Item.displayName;
+Zt.displayName = te.Item.displayName;
 const xr = x.forwardRef(({ className: e, children: t, checked: a, dir: r, ...u }, s) => /* @__PURE__ */ p(
-  ee.CheckboxItem,
+  te.CheckboxItem,
   {
     ref: s,
     className: c(
@@ -2716,16 +2716,16 @@ const xr = x.forwardRef(({ className: e, children: t, checked: a, dir: r, ...u }
             r === "rtl" && "wu-right-2",
             r !== "rtl" && "wu-left-2"
           ),
-          children: /* @__PURE__ */ n(ee.ItemIndicator, { children: /* @__PURE__ */ n("span", { className: "wm-check wu-text-base wu-text-white" }) })
+          children: /* @__PURE__ */ n(te.ItemIndicator, { children: /* @__PURE__ */ n("span", { className: "wm-check wu-text-base wu-text-white" }) })
         }
       ),
       t
     ]
   }
 ));
-xr.displayName = ee.CheckboxItem.displayName;
+xr.displayName = te.CheckboxItem.displayName;
 const yr = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ p(
-  ee.RadioItem,
+  te.RadioItem,
   {
     ref: r,
     className: c(
@@ -2734,14 +2734,14 @@ const yr = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ n("span", { className: "wu-absolute wu-rounded-full wu-left-2 wu-flex wu-h-4 wu-w-4 wu-items-center wu-justify-center wu-ring-1 wu-ring-gray-subtle group-disabled:wu-bg-gray-20 group-data-[state=checked]:wu-bg-white group-hover:wu-bg-gray-20 group-hover:wu-ring-blue-p wu-transition-all group-data-[state=checked]:wu-ring-blue-p group-hover:group-data-[state=checked]:wu-ring-blue-q", children: /* @__PURE__ */ n(ee.ItemIndicator, { className: "wu-w-4 wu-h-4 wu-flex wu-items-center wu-justify-center", children: /* @__PURE__ */ n("span", { className: "wm-circle wu-text-blue-p group-hover:group-data-[state=checked]:wu-text-blue-q wu-text-xs" }) }) }),
+      /* @__PURE__ */ n("span", { className: "wu-absolute wu-rounded-full wu-left-2 wu-flex wu-h-4 wu-w-4 wu-items-center wu-justify-center wu-ring-1 wu-ring-gray-subtle group-disabled:wu-bg-gray-20 group-data-[state=checked]:wu-bg-white group-hover:wu-bg-gray-20 group-hover:wu-ring-blue-p wu-transition-all group-data-[state=checked]:wu-ring-blue-p group-hover:group-data-[state=checked]:wu-ring-blue-q", children: /* @__PURE__ */ n(te.ItemIndicator, { className: "wu-w-4 wu-h-4 wu-flex wu-items-center wu-justify-center", children: /* @__PURE__ */ n("span", { className: "wm-circle wu-text-blue-p group-hover:group-data-[state=checked]:wu-text-blue-q wu-text-xs" }) }) }),
       t
     ]
   }
 ));
-yr.displayName = ee.RadioItem.displayName;
+yr.displayName = te.RadioItem.displayName;
 const Tt = x.forwardRef(({ className: e, inset: t, ...a }, r) => /* @__PURE__ */ n(
-  ee.Label,
+  te.Label,
   {
     ref: r,
     className: c(
@@ -2752,16 +2752,16 @@ const Tt = x.forwardRef(({ className: e, inset: t, ...a }, r) => /* @__PURE__ */
     ...a
   }
 ));
-Tt.displayName = ee.Label.displayName;
+Tt.displayName = te.Label.displayName;
 const Qt = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  ee.Separator,
+  te.Separator,
   {
     ref: a,
     className: c("-wu-mx-1 wu-my-1 wu-h-px wu-bg-gray-20", e),
     ...t
   }
 ));
-Qt.displayName = ee.Separator.displayName;
+Qt.displayName = te.Separator.displayName;
 const vn = ({
   option: e,
   value: t,
@@ -2773,7 +2773,7 @@ const vn = ({
   const [o, i] = I(
     a ? [] : ""
   );
-  $(() => {
+  H(() => {
     t && i(
       a ? t.map((f) => JSON.stringify(f[u.value])) : JSON.stringify(
         t[u.value]
@@ -2897,61 +2897,61 @@ const vn = ({
   noDataContent: k,
   ...M
 }) => {
-  const [_, W] = I(""), [A, F] = I(), [L, O] = I(!1), [B, P] = I(!1), [j, G] = I(!1), V = ce(null), { allOptions: z, enabledOptions: fe } = de(
+  const [L, W] = I(""), [A, O] = I(), [P, F] = I(!1), [B, _] = I(!1), [q, Y] = I(!1), V = ce(null), { allOptions: z, enabledOptions: fe } = de(
     () => b || g && !g.includeDisabled ? Fo(e) : { allOptions: e, groups: [], dividers: [], enabledOptions: [] },
     [e, b]
-  ), Y = de(() => {
-    if (!_) return e;
-    const H = _.toLowerCase();
+  ), K = de(() => {
+    if (!L) return e;
+    const U = L.toLowerCase();
     return z.filter(
-      (T) => T[t.label].toLowerCase().includes(H)
+      (T) => T[t.label].toLowerCase().includes(U)
     );
-  }, [_, z, e, t.label]), q = de(() => h && g != null && g.enable && !_ && Y.length > 0 ? [{ type: "all" }, ...Y] : Y, [Y, _, h]), ue = we(
-    (H) => {
-      const T = H[t.value];
-      h ? F((K) => {
-        const le = K || [], me = le.some(
-          (Q) => Q[t.value] === T
+  }, [L, z, e, t.label]), Ce = de(() => h && g != null && g.enable && !L && K.length > 0 ? [{ type: "all" }, ...K] : K, [K, L, h]), $ = we(
+    (U) => {
+      const T = U[t.value];
+      h ? O((J) => {
+        const le = J || [], me = le.some(
+          (ee) => ee[t.value] === T
         ) ? le.filter(
-          (Q) => Q[t.value] !== T
-        ) : [...le, H];
+          (ee) => ee[t.value] !== T
+        ) : [...le, U];
         return d == null || d(me), me;
-      }) : (O(!1), F(H), d == null || d(H));
+      }) : (F(!1), O(U), d == null || d(U));
     },
     [h, t.value, d]
-  ), ae = we(
-    (H) => W(H.target.value),
+  ), j = we(
+    (U) => W(U.target.value),
     []
-  ), ne = we(() => W(""), []);
-  $(() => {
+  ), se = we(() => W(""), []);
+  H(() => {
     if (a !== void 0 && r !== void 0) {
       console.error("defaultValue and value cannot be used simultaneously");
       return;
-    } else a !== void 0 ? F(a) : r !== void 0 && F(r);
-  }, [a, r]), $(() => {
+    } else a !== void 0 ? O(a) : r !== void 0 && O(r);
+  }, [a, r]), H(() => {
     if (!h) return;
-    const H = g != null && g.includeDisabled ? (A == null ? void 0 : A.length) === z.length : (A == null ? void 0 : A.length) === fe.length;
-    P(H);
-    const T = (A == null ? void 0 : A.length) > 0 && !H;
-    G(T);
+    const U = g != null && g.includeDisabled ? (A == null ? void 0 : A.length) === z.length : (A == null ? void 0 : A.length) === fe.length;
+    _(U);
+    const T = (A == null ? void 0 : A.length) > 0 && !U;
+    Y(T);
   }, [A, g]);
-  const Te = we(() => {
-    const H = B ? [] : g != null && g.includeDisabled ? z : fe;
-    F(H), d == null || d(H);
-  }, [B, h, z, fe, d, g]), He = St(y);
+  const oe = we(() => {
+    const U = B ? [] : g != null && g.includeDisabled ? z : fe;
+    O(U), d == null || d(U);
+  }, [B, h, z, fe, d, g]), it = St(y);
   return /* @__PURE__ */ p(
     "div",
     {
-      className: c(He, "wu-flex wu-combobox-container"),
+      className: c(it, "wu-flex wu-combobox-container"),
       ref: V,
       children: [
         /* @__PURE__ */ p(
           De,
           {
-            onOpenChange: (H) => {
-              H && ne(), O(H);
+            onOpenChange: (U) => {
+              U && se(), F(U);
             },
-            open: L,
+            open: P,
             modal: !0,
             children: [
               /* @__PURE__ */ n(
@@ -2973,7 +2973,7 @@ const vn = ({
                 }
               ),
               /* @__PURE__ */ n(
-                Re,
+                Ee,
                 {
                   className: "wu-min-w-[--radix-popover-trigger-width] wu-max-w-[calc(100vw-32px)] wu-p-0 wu-bg-white wu-border wu-border-blue-p wu-combobox-content",
                   align: "start",
@@ -2986,7 +2986,7 @@ const vn = ({
                         placeholder: "Search...",
                         Icon: /* @__PURE__ */ n("span", { className: "wm-search" }),
                         className: "wu-text-xs wu-combobox-search",
-                        onChange: ae,
+                        onChange: j,
                         name: "Search",
                         "aria-label": "Search",
                         dir: w,
@@ -2996,27 +2996,27 @@ const vn = ({
                     u,
                     /* @__PURE__ */ p(ja, { children: [
                       /* @__PURE__ */ n(Ua, { children: k || "No results found." }),
-                      q.length >= s ? /* @__PURE__ */ n(
+                      Ce.length >= s ? /* @__PURE__ */ n(
                         Et,
                         {
                           className: "wu-combobox-list",
                           containerHeight: m,
-                          list: q,
-                          callback: (H, T) => /* @__PURE__ */ n(
+                          list: Ce,
+                          callback: (U, T) => /* @__PURE__ */ n(
                             Nn,
                             {
                               option: T,
                               value: A,
-                              onSelect: ue,
+                              onSelect: $,
                               multiple: h,
                               accessorKey: t,
                               dir: w,
                               selectAll: g,
-                              handleSelectAll: Te,
+                              handleSelectAll: oe,
                               isCheckedAll: B,
-                              isPartialSelected: j
+                              isPartialSelected: q
                             },
-                            H
+                            U
                           ),
                           dir: w
                         }
@@ -3030,19 +3030,19 @@ const vn = ({
                           },
                           className: "wu-combobox-list",
                           onScroll: v,
-                          children: q.map((H, T) => /* @__PURE__ */ n(
+                          children: Ce.map((U, T) => /* @__PURE__ */ n(
                             Nn,
                             {
-                              option: H,
+                              option: U,
                               value: A,
-                              onSelect: ue,
+                              onSelect: $,
                               multiple: h,
                               accessorKey: t,
                               dir: w,
                               selectAll: g,
-                              handleSelectAll: Te,
+                              handleSelectAll: oe,
                               isCheckedAll: B,
-                              isPartialSelected: j
+                              isPartialSelected: q
                             },
                             T
                           ))
@@ -3055,7 +3055,7 @@ const vn = ({
             ]
           }
         ),
-        f && /* @__PURE__ */ n(Ee, { htmlFor: N, className: "wu-combobox-label", children: f })
+        f && /* @__PURE__ */ n(Te, { htmlFor: N, className: "wu-combobox-label", children: f })
       ]
     }
   );
@@ -3091,8 +3091,8 @@ const vn = ({
       ]
     }
   );
-}, vr = Z.Root, Wo = Z.Trigger, Bo = Z.Close, Vo = Z.Portal, Nr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Overlay,
+}, vr = Q.Root, Wo = Q.Trigger, Bo = Q.Close, Vo = Q.Portal, Nr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+  Q.Overlay,
   {
     className: c(
       "wu-fixed wu-inset-0 wu-z-50 wu-bg-black/30 data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-fade-out-0 data-[state=open]:wu-fade-in-0",
@@ -3103,7 +3103,7 @@ const vn = ({
     ref: a
   }
 ));
-Nr.displayName = Z.Overlay.displayName;
+Nr.displayName = Q.Overlay.displayName;
 const zo = Me(
   "wu-fixed wu-z-50 wu-gap-4 wu-p-6 wu-shadow-lg wu-transition wu-ease-in-out data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-duration-500 data-[state=open]:wu-duration-500",
   {
@@ -3131,15 +3131,15 @@ const zo = Me(
   }, i) => /* @__PURE__ */ p(Vo, { children: [
     /* @__PURE__ */ n(Nr, { className: u }),
     /* @__PURE__ */ p(
-      Z.Content,
+      Q.Content,
       {
         ref: i,
         className: c(zo({ side: e }), t),
         ...o,
         children: [
           a,
-          !r && /* @__PURE__ */ n(Z.Close, { "aria-label": "close", asChild: !0, children: /* @__PURE__ */ p(
-            st,
+          !r && /* @__PURE__ */ n(Q.Close, { "aria-label": "close", asChild: !0, children: /* @__PURE__ */ p(
+            ut,
             {
               variant: "iconOnly",
               className: c(
@@ -3157,25 +3157,25 @@ const zo = Me(
     )
   ] })
 );
-Ka.displayName = Z.Content.displayName;
+Ka.displayName = Q.Content.displayName;
 const Cr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Title,
+  Q.Title,
   {
     ref: a,
     className: c("wu-text-lg wu-font-semibold", e),
     ...t
   }
 ));
-Cr.displayName = Z.Title.displayName;
+Cr.displayName = Q.Title.displayName;
 const qo = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Description,
+  Q.Description,
   {
     ref: a,
     className: c("wu-text-sm", e),
     ...t
   }
 ));
-qo.displayName = Z.Description.displayName;
+qo.displayName = Q.Description.displayName;
 const $o = (e) => (t) => {
   e && t.preventDefault();
 }, Hw = (e) => {
@@ -3288,7 +3288,7 @@ function Uo(e) {
       disabled: m.disabled
     },
     u && /* @__PURE__ */ n(We, { checked: l == null ? void 0 : l(m) }),
-    i ? i({ value: m, isSelected: l == null ? void 0 : l(m) }) : /* @__PURE__ */ n(oe, { children: m[a.label] })
+    i ? i({ value: m, isSelected: l == null ? void 0 : l(m) }) : /* @__PURE__ */ n(ue, { children: m[a.label] })
   );
   if (d) {
     const m = t[a.group], h = typeof o == "string" ? t[o] : o == null ? void 0 : o(t);
@@ -3447,57 +3447,58 @@ const Go = D.memo(Uo), Yo = (e) => {
     placeholder: E = "Select items...",
     variant: k,
     labelPosition: M = "top",
-    maxContentWidth: _,
-    maxContentHeight: W
-  } = e, [A, F] = D.useState(!1), [L, O] = D.useState(""), [B, P] = D.useState(r), j = D.useMemo(() => a, [a]), G = D.useMemo(() => {
-    if (!g || !L)
+    maxContentWidth: L,
+    maxContentHeight: W,
+    modal: A
+  } = e, [O, P] = D.useState(!1), [F, B] = D.useState(""), [_, q] = D.useState(r), Y = D.useMemo(() => a, [a]), V = D.useMemo(() => {
+    if (!g || !F)
       return t;
-    const q = L.toLowerCase().trim();
-    return Xo(t, q, a);
-  }, [t, L, a.label, g]), V = (q) => {
-    b ? P((ue) => {
-      const ae = q[a.value], ne = Array.isArray(ue) ? ue : [], He = ne.some(
-        (H) => H[a.value] === ae
-      ) ? ne.filter(
-        (H) => H[a.value] !== ae
-      ) : [...ne, q];
-      return f && f(He), He;
-    }) : (P(q), f && f(q), F(!1));
-  }, z = D.useCallback(
-    (q) => {
-      const ue = q ? t : [];
-      P(ue), N != null && N.onSelectAll && N.onSelectAll(q), f && f(ue);
+    const $ = F.toLowerCase().trim();
+    return Xo(t, $, a);
+  }, [t, F, a.label, g]), z = ($) => {
+    b ? q((j) => {
+      const se = $[a.value], oe = Array.isArray(j) ? j : [], U = oe.some(
+        (T) => T[a.value] === se
+      ) ? oe.filter(
+        (T) => T[a.value] !== se
+      ) : [...oe, $];
+      return f && f(U), U;
+    }) : (q($), f && f($), P(!1));
+  }, fe = D.useCallback(
+    ($) => {
+      const j = $ ? t : [];
+      q(j), N != null && N.onSelectAll && N.onSelectAll($), f && f(j);
     },
     [t, N, f]
-  ), fe = (q) => Array.isArray(B) ? B.some(
-    (ue) => ue[a.value] === q[a.value]
-  ) : (B == null ? void 0 : B[a.value]) === q[a.value];
+  ), K = ($) => Array.isArray(_) ? _.some(
+    (j) => j[a.value] === $[a.value]
+  ) : (_ == null ? void 0 : _[a.value]) === $[a.value];
   D.useEffect(() => {
-    P(r);
+    q(r);
   }, [r]);
-  const Y = (q) => {
-    const ue = (ae) => /* @__PURE__ */ n(
+  const Ce = ($) => {
+    const j = (se) => /* @__PURE__ */ n(
       Go,
       {
-        option: ae,
-        accessorKey: j,
+        option: se,
+        accessorKey: Y,
         multiple: b,
-        onSelect: (ne) => V(ne),
+        onSelect: (oe) => z(oe),
         dir: C,
         GroupLabel: o,
         Item: u,
-        isSelected: (ne) => fe(ne)
+        isSelected: (oe) => K(oe)
       },
-      JSON.stringify(ae)
+      JSON.stringify(se)
     );
-    return q.length > S ? /* @__PURE__ */ n(
+    return $.length > S ? /* @__PURE__ */ n(
       Et,
       {
-        list: q,
-        callback: (ae, ne) => ue(ne),
+        list: $,
+        callback: (se, oe) => j(oe),
         dir: C
       }
-    ) : q.map(ue);
+    ) : $.map(j);
   };
   return /* @__PURE__ */ p(
     "div",
@@ -3511,35 +3512,36 @@ const Go = D.memo(Uo), Yo = (e) => {
       ),
       dir: C,
       children: [
-        s && /* @__PURE__ */ n(Ee, { htmlFor: y, className: qe("label"), children: s }),
+        s && /* @__PURE__ */ n(Te, { htmlFor: y, className: qe("label"), children: s }),
         /* @__PURE__ */ p(
           De,
           {
-            open: A,
-            onOpenChange: (q) => {
-              F(q), q || setTimeout(() => {
-                O("");
+            open: O,
+            onOpenChange: ($) => {
+              P($), $ || setTimeout(() => {
+                B("");
               }, 100);
             },
+            modal: A,
             children: [
               /* @__PURE__ */ n(
                 Jo,
                 {
                   CustomTrigger: l,
                   disabled: h,
-                  value: B,
+                  value: _,
                   accessorKey: a,
                   placeholder: E,
                   Chip: d,
                   className: v,
-                  handleUnselect: V,
+                  handleUnselect: z,
                   variant: k,
                   id: y,
                   dir: C
                 }
               ),
               /* @__PURE__ */ n(
-                Re,
+                Ee,
                 {
                   className: c(
                     "wu-min-w-[--radix-popover-trigger-width] wu-max-w-[calc(100vw-32px)] wu-w-auto wu-p-0 wu-bg-white wu-border wu-border-blue-p",
@@ -3547,9 +3549,9 @@ const Go = D.memo(Uo), Yo = (e) => {
                   ),
                   align: "start",
                   sideOffset: -1,
-                  style: { maxWidth: _ },
+                  style: { maxWidth: L },
                   children: /* @__PURE__ */ p(Ha, { id: e.id, shouldFilter: !1, children: [
-                    g && /* @__PURE__ */ n(Yo, { value: L, onValueChange: O }),
+                    g && /* @__PURE__ */ n(Yo, { value: F, onValueChange: B }),
                     i,
                     /* @__PURE__ */ p(
                       ja,
@@ -3563,16 +3565,16 @@ const Go = D.memo(Uo), Yo = (e) => {
                         style: { maxHeight: W || "420px" },
                         children: [
                           /* @__PURE__ */ n(Ua, { children: w || "No results found." }),
-                          /* @__PURE__ */ n(vt, { children: b && (N == null ? void 0 : N.enabled) && !L && /* @__PURE__ */ n(
+                          /* @__PURE__ */ n(vt, { children: b && (N == null ? void 0 : N.enabled) && !F && /* @__PURE__ */ n(
                             Ko,
                             {
                               data: t,
-                              value: B,
-                              onSelectAll: z,
+                              value: _,
+                              onSelectAll: fe,
                               label: N.label
                             }
                           ) }),
-                          /* @__PURE__ */ n(vt, { children: Y(G) })
+                          /* @__PURE__ */ n(vt, { children: Ce(V) })
                         ]
                       }
                     )
@@ -3645,14 +3647,14 @@ const Go = D.memo(Uo), Yo = (e) => {
 }, Kw = (e) => {
   const { className: t, ...a } = e, r = c("wu-w-11/12 wu-mx-auto wu-border-gray-40", t);
   return /* @__PURE__ */ n(Qt, { ...a, className: r });
-}, ot = x.forwardRef(({ className: e, children: t, thumbColor: a, railColor: r, ...u }, s) => /* @__PURE__ */ p(
-  Ye.Root,
+}, st = x.forwardRef(({ className: e, children: t, thumbColor: a, railColor: r, ...u }, s) => /* @__PURE__ */ p(
+  Ge.Root,
   {
     ref: s,
     className: c("wu-relative wu-overflow-hidden", e),
     children: [
       /* @__PURE__ */ n(
-        Ye.Viewport,
+        Ge.Viewport,
         {
           className: "wu-h-full wu-w-full wu-rounded-[inherit]",
           ...u,
@@ -3660,11 +3662,11 @@ const Go = D.memo(Uo), Yo = (e) => {
         }
       ),
       /* @__PURE__ */ n(Ja, { thumbColor: a, railColor: r }),
-      /* @__PURE__ */ n(Ye.Corner, {})
+      /* @__PURE__ */ n(Ge.Corner, {})
     ]
   }
 ));
-ot.displayName = Ye.Root.displayName;
+st.displayName = Ge.Root.displayName;
 const Ja = x.forwardRef(
   ({
     className: e,
@@ -3673,7 +3675,7 @@ const Ja = x.forwardRef(
     railColor: r = "#eeeeee",
     ...u
   }, s) => /* @__PURE__ */ n(
-    Ye.ScrollAreaScrollbar,
+    Ge.ScrollAreaScrollbar,
     {
       ref: s,
       orientation: t,
@@ -3686,7 +3688,7 @@ const Ja = x.forwardRef(
       style: { background: r },
       ...u,
       children: /* @__PURE__ */ n(
-        Ye.ScrollAreaThumb,
+        Ge.ScrollAreaThumb,
         {
           className: "wu-relative wu-flex-1 wu-rounded-full",
           style: { background: a }
@@ -3695,12 +3697,12 @@ const Ja = x.forwardRef(
     }
   )
 );
-Ja.displayName = Ye.ScrollAreaScrollbar.displayName;
+Ja.displayName = Ge.ScrollAreaScrollbar.displayName;
 const Jw = (e) => {
   const { children: t, label: a, Label: r, open: u, onOpenChange: s, height: o, dir: i, ...l } = e;
   return /* @__PURE__ */ p(_o, { ...l, open: u, onOpenChange: s, children: [
     /* @__PURE__ */ n(br, { dir: i, children: r || a }),
-    /* @__PURE__ */ n(Ao, { children: /* @__PURE__ */ n(gr, { onInteractOutside: (w) => w.preventDefault(), children: /* @__PURE__ */ n(ot, { className: "wu-h-fit", style: { height: o }, dir: i, children: t }) }) })
+    /* @__PURE__ */ n(Ao, { children: /* @__PURE__ */ n(gr, { onInteractOutside: (w) => w.preventDefault(), children: /* @__PURE__ */ n(st, { className: "wu-h-fit", style: { height: o }, dir: i, children: t }) }) })
   ] });
 }, Qo = "wu-p-1.5 wu-cursor-pointer hover:wu-bg-gray-20 wu-border-gray-40 wu-transition wu-duration-300 focus:wu-outline-2 focus:wu-outline-offset focus:wu-outline-blue-p/80 focus:wu-bg-gray-20 hover:wu-bg-gray-20 wu-rounded-t-sm", el = (e) => {
   const {
@@ -3749,8 +3751,8 @@ const Jw = (e) => {
         side: b,
         alignOffset: g,
         onInteractOutside: (C) => w && C.preventDefault(),
-        children: /* @__PURE__ */ p(ot, { className: "h-fit", style: { height: l }, dir: d, children: [
-          (a || r) && /* @__PURE__ */ p(oe, { children: [
+        children: /* @__PURE__ */ p(st, { className: "h-fit", style: { height: l }, dir: d, children: [
+          (a || r) && /* @__PURE__ */ p(ue, { children: [
             /* @__PURE__ */ n(Tt, { dir: d, className: "wu-menu-title", children: r || a }),
             /* @__PURE__ */ n(
               Qt,
@@ -3830,8 +3832,8 @@ Sr.displayName = "WuMenuIcon";
 const kr = {
   overlay: "data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-fade-out-0 data-[state=open]:wu-fade-in-0",
   content: "data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-fade-out-0 data-[state=open]:wu-fade-in-0 data-[state=closed]:wu-zoom-out-95 data-[state=open]:wu-zoom-in-95 data-[state=closed]:wu-slide-out-to-left-1/2 data-[state=closed]:wu-slide-out-to-top-[48%] data-[state=open]:wu-slide-in-from-left-1/2 data-[state=open]:wu-slide-in-from-top-[48%]"
-}, Rr = Z.Root, Er = Z.Trigger, al = Z.Portal, nl = Z.Close, Tr = nt(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Overlay,
+}, Rr = Q.Root, Er = Q.Trigger, al = Q.Portal, nl = Q.Close, Tr = at(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+  Q.Overlay,
   {
     ref: a,
     className: c(
@@ -3842,11 +3844,11 @@ const kr = {
     ...t
   }
 ));
-Tr.displayName = Z.Overlay.displayName;
-const Xa = nt(({ className: e, children: t, hideCloseButton: a, isStackedCard: r, ...u }, s) => /* @__PURE__ */ p(al, { children: [
+Tr.displayName = Q.Overlay.displayName;
+const Xa = at(({ className: e, children: t, hideCloseButton: a, isStackedCard: r, ...u }, s) => /* @__PURE__ */ p(al, { children: [
   /* @__PURE__ */ n(Tr, { className: r ? "wu-bg-transparent" : "" }),
   /* @__PURE__ */ p(
-    Z.Content,
+    Q.Content,
     {
       ref: s,
       className: c(
@@ -3857,8 +3859,8 @@ const Xa = nt(({ className: e, children: t, hideCloseButton: a, isStackedCard: r
       ...u,
       children: [
         t,
-        !a && /* @__PURE__ */ n(Z.Close, { "aria-label": "close", asChild: !0, children: /* @__PURE__ */ p(
-          st,
+        !a && /* @__PURE__ */ n(Q.Close, { "aria-label": "close", asChild: !0, children: /* @__PURE__ */ p(
+          ut,
           {
             variant: "iconOnly",
             className: c(
@@ -3878,7 +3880,7 @@ const Xa = nt(({ className: e, children: t, hideCloseButton: a, isStackedCard: r
     }
   )
 ] }));
-Xa.displayName = Z.Content.displayName;
+Xa.displayName = Q.Content.displayName;
 const Za = ({
   className: e,
   ...t
@@ -3904,8 +3906,8 @@ const Ir = ({
   }
 );
 Ir.displayName = "DialogFooter";
-const Dr = nt(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Title,
+const Dr = at(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+  Q.Title,
   {
     ref: a,
     className: c(
@@ -3915,16 +3917,16 @@ const Dr = nt(({ className: e, ...t }, a) => /* @__PURE__ */ n(
     ...t
   }
 ));
-Dr.displayName = Z.Title.displayName;
-const rl = nt(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Z.Description,
+Dr.displayName = Q.Title.displayName;
+const rl = at(({ className: e, ...t }, a) => /* @__PURE__ */ n(
+  Q.Description,
   {
     ref: a,
     className: c("wu-text-sm wu-text-muted-foreground", e),
     ...t
   }
 ));
-rl.displayName = Z.Description.displayName;
+rl.displayName = Q.Description.displayName;
 const ul = "_gradientBackground_1bbet_1", sl = {
   gradientBackground: ul
 }, ol = (e) => {
@@ -3937,7 +3939,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
     centerOffset: o = { x: 0, y: 0 },
     ...i
   } = e, l = ce(null);
-  return $(() => {
+  return H(() => {
     const w = l.current;
     if (w) {
       w.style.setProperty("--width", `${w.offsetWidth * a}px`), w.style.setProperty("--height", `${w.offsetHeight * a}px`), w.style.setProperty("--colors", t.join(",")), w.style.setProperty("--stroke-width", `-${s || 2}px`), w.style.setProperty("--spotlight-background", "radial-gradient(100% var(--height) ellipse at 25% 70%, var(--colors))");
@@ -4106,7 +4108,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
   ...m
 }) => {
   const [h, b] = I(""), [g, N] = I(e);
-  $(() => {
+  H(() => {
     if (!t || Array.isArray(t) && t.length === 0) {
       N(e), b("");
       return;
@@ -4158,7 +4160,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
   const [o, i] = I(
     a ? [] : ""
   );
-  $(() => {
+  H(() => {
     t && i(
       a ? t.map(
         (f) => JSON.stringify(
@@ -4282,10 +4284,10 @@ const ul = "_gradientBackground_1bbet_1", sl = {
   maxContentWidth: C,
   ...v
 }) => {
-  const [R, E] = I(), k = ce(null), [M, _] = I(!1), [W, A] = I(!1), { cleanData: F, enabledOptions: L } = m || g != null && g.enable ? cl(e) : {
+  const [R, E] = I(), k = ce(null), [M, L] = I(!1), [W, A] = I(!1), { cleanData: O, enabledOptions: P } = m || g != null && g.enable ? cl(e) : {
     cleanData: e,
     enabledOptions: []
-  }, O = de(() => a && g != null && g.enable && e.length > 0 ? [
+  }, F = de(() => a && g != null && g.enable && e.length > 0 ? [
     {
       type: "all",
       [s.label]: g.label || "Select All"
@@ -4296,12 +4298,12 @@ const ul = "_gradientBackground_1bbet_1", sl = {
       const z = V[s.value];
       if (a)
         E((fe = []) => {
-          const Y = fe, ue = Y.some(
-            (ae) => ae[s.value] === z
-          ) ? Y.filter(
-            (ae) => ae[s.value] !== z
-          ) : [...Y, V];
-          return t == null || t(ue), ue;
+          const K = fe, $ = K.some(
+            (j) => j[s.value] === z
+          ) ? K.filter(
+            (j) => j[s.value] !== z
+          ) : [...K, V];
+          return t == null || t($), $;
         });
       else {
         const fe = V;
@@ -4310,29 +4312,29 @@ const ul = "_gradientBackground_1bbet_1", sl = {
     },
     [a, s.value, t]
   );
-  $(() => {
+  H(() => {
     if (r && u) {
       console.error("defaultValue and value cannot be used simultaneously");
       return;
     }
     !r && !u && E(void 0), r !== void 0 && E(r), u !== void 0 && E(u);
   }, [r, u]);
-  const P = O.length > d;
-  $(() => {
+  const _ = F.length > d;
+  H(() => {
     if (!a) return;
-    const V = g != null && g.includeDisabled ? (R == null ? void 0 : R.length) === e.length : (R == null ? void 0 : R.length) === L.length;
-    _(V);
+    const V = g != null && g.includeDisabled ? (R == null ? void 0 : R.length) === e.length : (R == null ? void 0 : R.length) === P.length;
+    L(V);
     const z = (R == null ? void 0 : R.length) > 0 && !V;
     A(z);
   }, [R, g]);
-  const j = we(() => {
-    const V = M ? [] : g != null && g.includeDisabled ? m ? F : e : L;
+  const q = we(() => {
+    const V = M ? [] : g != null && g.includeDisabled ? m ? O : e : P;
     E(V), t == null || t(V);
-  }, [M, a, e, L, t, g]), G = St(S);
+  }, [M, a, e, P, t, g]), Y = St(S);
   return /* @__PURE__ */ p(
     "div",
     {
-      className: c(G, "wu-flex wu-select-container"),
+      className: c(Y, "wu-flex wu-select-container"),
       ref: k,
       dir: i,
       children: [
@@ -4365,10 +4367,10 @@ const ul = "_gradientBackground_1bbet_1", sl = {
               style: { maxWidth: C },
               children: [
                 h,
-                P ? /* @__PURE__ */ n(
+                _ ? /* @__PURE__ */ n(
                   Et,
                   {
-                    list: O,
+                    list: F,
                     containerHeight: f,
                     callback: (V, z) => /* @__PURE__ */ n(
                       En,
@@ -4379,7 +4381,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
                         onSelect: B,
                         value: R,
                         dir: i,
-                        handleSelectAll: j,
+                        handleSelectAll: q,
                         isCheckedAll: M,
                         isPartialSelected: W
                       }
@@ -4396,7 +4398,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
                       overflow: "auto"
                     },
                     className: "wu-select-list",
-                    children: O.map((V, z) => /* @__PURE__ */ n(
+                    children: F.map((V, z) => /* @__PURE__ */ n(
                       En,
                       {
                         option: V,
@@ -4404,7 +4406,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
                         multiple: a,
                         onSelect: B,
                         value: R,
-                        handleSelectAll: j,
+                        handleSelectAll: q,
                         isCheckedAll: M,
                         dir: i,
                         isPartialSelected: W
@@ -4417,7 +4419,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
             }
           )
         ] }),
-        w && /* @__PURE__ */ n(Ee, { htmlFor: v.id, className: "wu-select-label", children: w })
+        w && /* @__PURE__ */ n(Te, { htmlFor: v.id, className: "wu-select-label", children: w })
       ]
     }
   );
@@ -4458,7 +4460,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
       label: R - k
     }));
   }, [a, r]);
-  $(() => {
+  H(() => {
     if (e) {
       const v = new Date(e), R = v.getFullYear(), E = v.getMonth();
       h({ year: R, month: E }), g(`${Ht[E]} ${R}`), S({ value: R, label: R });
@@ -4491,7 +4493,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
             }
           ),
           /* @__PURE__ */ p(
-            Re,
+            Ee,
             {
               className: "wu-flex wu-flex-col wu-gap-4 wu-p-4 wu-bg-white wu-border-blue-p wu-month-picker-content",
               align: "start",
@@ -4523,7 +4525,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
             }
           )
         ] }),
-        s && /* @__PURE__ */ n(Ee, { className: "wu-truncate wu-max-w-[120px] wu-min-w-fit wu-select-label", children: s })
+        s && /* @__PURE__ */ n(Te, { className: "wu-truncate wu-max-w-[120px] wu-min-w-fit wu-select-label", children: s })
       ]
     }
   );
@@ -4599,7 +4601,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
     o,
     i
   );
-  return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ p(
     "header",
     {
       className: c(
@@ -4621,7 +4623,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
               }
             ),
             /* @__PURE__ */ n(
-              Re,
+              Ee,
               {
                 className: c(
                   Tn.wuPrimaryPopoverContent,
@@ -4634,7 +4636,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
             )
           ] })
         ] }),
-        a && /* @__PURE__ */ p(oe, { children: [
+        a && /* @__PURE__ */ p(ue, { children: [
           /* @__PURE__ */ n(
             "section",
             {
@@ -4646,7 +4648,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
           /* @__PURE__ */ p(De, { children: [
             /* @__PURE__ */ n($e, { className: "sm:wu-hidden", children: /* @__PURE__ */ n("span", { className: "wu-text-lg wm-menu" }) }),
             /* @__PURE__ */ n(
-              Re,
+              Ee,
               {
                 className: "wu-bg-white wu-border wu-border-blue-p wu-w-fit wu-primary-nav-popover-right",
                 align: "end",
@@ -4670,7 +4672,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
       f.link.props.className,
       "wu-secondary-nav-link-container"
     ),
-    children: /* @__PURE__ */ p(oe, { children: [
+    children: /* @__PURE__ */ p(ue, { children: [
       D.cloneElement(f.imgOrIcon, {
         className: c(
           "wu-w-5 wu-h-5 wu-flex wu-items-center wu-justify-center wu-text-lg wu-leading-5",
@@ -4680,7 +4682,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
       /* @__PURE__ */ n("div", { className: "wu-secondary-nav-link", children: f.link.props.children })
     ] })
   })), [t]), o = D.useRef(null), i = D.useRef(null), l = D.useRef(null), [w, d] = Pr(s, o, l);
-  return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ p(
     "header",
     {
       className: c(
@@ -4712,7 +4714,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
               }
             ),
             /* @__PURE__ */ n(
-              Re,
+              Ee,
               {
                 className: c(
                   ia.wuSecondaryNavPopover,
@@ -4725,7 +4727,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
             )
           ] })
         ] }),
-        a && /* @__PURE__ */ p(oe, { children: [
+        a && /* @__PURE__ */ p(ue, { children: [
           /* @__PURE__ */ n(
             "div",
             {
@@ -4737,7 +4739,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
           /* @__PURE__ */ p(De, { children: [
             /* @__PURE__ */ n($e, { className: "sm:wu-hidden", children: /* @__PURE__ */ n("span", { className: "wu-text-lg wm-menu" }) }),
             /* @__PURE__ */ n(
-              Re,
+              Ee,
               {
                 className: "wu-bg-white wu-border wu-border-blue-p wu-w-fit wu-secondary-nav-popover-right",
                 align: "end",
@@ -4761,7 +4763,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
     ...o
   }, i) => {
     const [l, w] = I(t), [d, f] = I(a);
-    $(() => {
+    H(() => {
       w(t), f(a);
     }, [t, a]);
     const m = Math.ceil(e / d), h = l * d + 1, b = Math.min((l + 1) * d, e), g = Array.from({ length: m }, (y, C) => C), N = we(
@@ -4798,7 +4800,7 @@ const ul = "_gradientBackground_1bbet_1", sl = {
               className: "wu-w-[96px] wu-min-w-[96px] wu-pagination-menu",
               align: "end",
               disabled: s,
-              children: /* @__PURE__ */ n(ot, { style: { maxHeight: S + "px" }, dir: o.dir, children: g.length > 100 ? /* @__PURE__ */ n(
+              children: /* @__PURE__ */ n(st, { style: { maxHeight: S + "px" }, dir: o.dir, children: g.length > 100 ? /* @__PURE__ */ n(
                 Et,
                 {
                   className: "wu-pagination-list",
@@ -4890,7 +4892,7 @@ const In = ({
 }) => /* @__PURE__ */ p(De, { open: u, onOpenChange: s, modal: o, children: [
   /* @__PURE__ */ n($e, { asChild: !0, dir: r, children: e }),
   /* @__PURE__ */ n(
-    Re,
+    Ee,
     {
       className: c(
         "wu-w-80 wu-p-0 wu-border-blue-p wu-bg-white wu-dark:border-gray-switcher",
@@ -4985,7 +4987,7 @@ const yl = D.forwardRef((e, t) => {
 yl.displayName = "WuRadioGroup";
 const nd = (e) => {
   const { children: t, ...a } = e;
-  return /* @__PURE__ */ p(ot, { ...a, role: "complementary", "aria-label": "ScrollArea", children: [
+  return /* @__PURE__ */ p(st, { ...a, role: "complementary", "aria-label": "ScrollArea", children: [
     t,
     /* @__PURE__ */ n(Ja, { orientation: "horizontal" })
   ] });
@@ -5029,7 +5031,7 @@ function vl() {
   }, []), !!e;
 }
 const Nl = "sidebar_state", Cl = 3600 * 24 * 7, Sl = "256px", kl = "256px", Rl = "3rem", El = "b", Br = x.createContext(null);
-function lt() {
+function ot() {
   const e = x.useContext(Br);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider.");
@@ -5107,7 +5109,7 @@ const zr = x.forwardRef(
     children: u,
     ...s
   }, o) => {
-    const { isMobile: i, state: l, openMobile: w, setOpenMobile: d } = lt();
+    const { isMobile: i, state: l, openMobile: w, setOpenMobile: d } = ot();
     return a === "none" ? /* @__PURE__ */ n(
       "div",
       {
@@ -5180,9 +5182,9 @@ const zr = x.forwardRef(
 );
 zr.displayName = "Sidebar";
 const qr = x.forwardRef(({ className: e, onClick: t, children: a, ...r }, u) => {
-  const { toggleSidebar: s } = lt();
+  const { toggleSidebar: s } = ot();
   return /* @__PURE__ */ p(
-    st,
+    ut,
     {
       ref: u,
       "data-sidebar": "trigger",
@@ -5204,7 +5206,7 @@ const qr = x.forwardRef(({ className: e, onClick: t, children: a, ...r }, u) =>
 });
 qr.displayName = "SidebarTrigger";
 const Tl = x.forwardRef(({ className: e, ...t }, a) => {
-  const { toggleSidebar: r } = lt();
+  const { toggleSidebar: r } = ot();
   return /* @__PURE__ */ n(
     "button",
     {
@@ -5311,7 +5313,7 @@ const Gr = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
 ));
 Gr.displayName = "SidebarGroup";
 const Yr = x.forwardRef(({ className: e, asChild: t = !1, ...a }, r) => /* @__PURE__ */ n(
-  t ? ut : "div",
+  t ? rt : "div",
   {
     ref: r,
     "data-sidebar": "group-label",
@@ -5325,7 +5327,7 @@ const Yr = x.forwardRef(({ className: e, asChild: t = !1, ...a }, r) => /* @__PU
 ));
 Yr.displayName = "SidebarGroupLabel";
 const Ml = x.forwardRef(({ className: e, asChild: t = !1, ...a }, r) => /* @__PURE__ */ n(
-  t ? ut : "button",
+  t ? rt : "button",
   {
     ref: r,
     "data-sidebar": "group-action",
@@ -5402,7 +5404,7 @@ const Al = Me(
     className: s,
     ...o
   }, i) => {
-    const l = e ? ut : "button", { isMobile: w, state: d } = lt(), f = /* @__PURE__ */ n(
+    const l = e ? rt : "button", { isMobile: w, state: d } = ot(), f = /* @__PURE__ */ n(
       l,
       {
         ref: i,
@@ -5431,7 +5433,7 @@ const Al = Me(
 );
 Xr.displayName = "SidebarMenuButton";
 const _l = x.forwardRef(({ className: e, asChild: t = !1, showOnHover: a = !1, ...r }, u) => /* @__PURE__ */ n(
-  t ? ut : "button",
+  t ? rt : "button",
   {
     ref: u,
     "data-sidebar": "menu-action",
@@ -5520,7 +5522,7 @@ Fl.displayName = "SidebarMenuSub";
 const Ol = x.forwardRef(({ ...e }, t) => /* @__PURE__ */ n("li", { ref: t, ...e }));
 Ol.displayName = "SidebarMenuSubItem";
 const Wl = x.forwardRef(({ asChild: e = !1, size: t = "md", isActive: a, className: r, ...u }, s) => /* @__PURE__ */ n(
-  e ? ut : "a",
+  e ? rt : "a",
   {
     ref: s,
     "data-sidebar": "menu-sub-button",
@@ -5574,7 +5576,7 @@ const rd = ({
     ]
   }
 ), Bl = (e) => {
-  const { state: t, isMobile: a, openMobile: r } = lt();
+  const { state: t, isMobile: a, openMobile: r } = ot();
   return /* @__PURE__ */ n(qr, { ...e, children: /* @__PURE__ */ n(Sr, { showMenu: a ? r : t === "expanded" }) });
 }, ud = ({ className: e, children: t, ...a }) => {
   const r = ce(null), u = ce(null), s = ({
@@ -5597,7 +5599,7 @@ const rd = ({
       children: [
         /* @__PURE__ */ n("hr", { className: o, ref: r }),
         /* @__PURE__ */ n(
-          ot,
+          st,
           {
             onScroll: s,
             className: "wu-gap-2",
@@ -5625,7 +5627,7 @@ const rd = ({
   isActive: r,
   ...u
 }) => {
-  const { state: s } = lt(), [o, i] = D.useState(), l = t && D.cloneElement(t, {
+  const { state: s } = ot(), [o, i] = D.useState(), l = t && D.cloneElement(t, {
     children: /* @__PURE__ */ p("div", { className: "wu-flex wu-items-center wu-gap-2 wu-overflow-hidden wu-text-base wu-truncate wu-text-ellipsis", children: [
       e,
       /* @__PURE__ */ n(
@@ -5765,7 +5767,7 @@ const rd = ({
       height: s > 0 ? "40px" : r
     }
   };
-}, et = {
+}, Qe = {
   LIGHTNESS_STEP: 8,
   BORDER_LIGHTNESS: 10,
   CONTENT_LIGHTNESS: 45,
@@ -5782,21 +5784,21 @@ const rd = ({
   ...o
 }) => {
   const i = u === 0, l = u <= 0, w = {
-    border: i ? `4px solid ${wa(r, et.BORDER_LIGHTNESS)}` : "",
+    border: i ? `4px solid ${wa(r, Qe.BORDER_LIGHTNESS)}` : "",
     ...s
   }, d = {
     backgroundColor: wa(
       r,
-      u * et.LIGHTNESS_STEP
+      u * Qe.LIGHTNESS_STEP
     ),
-    fontSize: i ? et.FONT_SIZE_ACTIVE : et.FONT_SIZE_INACTIVE,
+    fontSize: i ? Qe.FONT_SIZE_ACTIVE : Qe.FONT_SIZE_INACTIVE,
     transition: "all 0.3s ease"
   }, f = {
     backgroundColor: wa(
       r,
-      et.CONTENT_LIGHTNESS
+      Qe.CONTENT_LIGHTNESS
     ),
-    height: et.CONTENT_HEIGHT
+    height: Qe.CONTENT_HEIGHT
   };
   return /* @__PURE__ */ p(
     "div",
@@ -5920,7 +5922,7 @@ function zl({
   return [i, l];
 }
 const Mn = {};
-function it(e, t) {
+function lt(e, t) {
   const a = x.useRef(Mn);
   return a.current === Mn && (a.current = e(t)), a;
 }
@@ -5929,8 +5931,8 @@ const da = x[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], ql =
   da && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
   da !== x.useLayoutEffect ? da : (e) => e()
 );
-function ke(e) {
-  const t = it($l).current;
+function Re(e) {
+  const t = lt($l).current;
   return t.next = e, ql(t.effect), t.trampoline;
 }
 function $l() {
@@ -5980,7 +5982,7 @@ class ea {
   }
 }
 function Ea() {
-  const e = it(ea.create).current;
+  const e = lt(ea.create).current;
   return Zr(e.disposeEffect), e;
 }
 const An = 0;
@@ -6004,13 +6006,13 @@ class en extends ea {
   }
 }
 function Ul() {
-  const e = it(en.create).current;
+  const e = lt(en.create).current;
   return Zr(e.disposeEffect), e;
 }
 const Gl = () => {
 }, ve = typeof document < "u" ? x.useLayoutEffect : Gl;
 function Ta(e) {
-  const t = it(Yl, e).current;
+  const t = lt(Yl, e).current;
   return t.next = e, ve(t.effect), t;
 }
 function Yl(e) {
@@ -6167,11 +6169,11 @@ const It = {
   value: () => null
 };
 function Ln(e, t, a, r) {
-  const u = it(tu).current;
+  const u = lt(tu).current;
   return oi(u, e, t, a, r) && au(u, [e, t, a, r]), u.callback;
 }
 function si(e) {
-  const t = it(tu).current;
+  const t = lt(tu).current;
   return li(t, e) && au(t, e), t.callback;
 }
 function tu() {
@@ -6390,11 +6392,11 @@ function Nt(e, t) {
   const u = new Intl.NumberFormat(e, t);
   return Fn.set(a, u), u;
 }
-function at(e, t, a) {
+function tt(e, t, a) {
   return e == null ? "" : Nt(t, a).format(e);
 }
 function su(e, t, a) {
-  return at(e, t, {
+  return tt(e, t, {
     ...a,
     maximumFractionDigits: 20
   });
@@ -6420,7 +6422,7 @@ function rn(e, t) {
     u.type === "decimal" && (r[u.type] = u.value);
   }), r;
 }
-function tt(e, t, a) {
+function et(e, t, a) {
   if (e == null)
     return null;
   let r = String(e).replace(new RegExp("\\p{Cf}", "gu"), "").trim();
@@ -6498,8 +6500,8 @@ function tt(e, t, a) {
     }
   ].reduce((k, {
     regex: M,
-    replacement: _
-  }) => M ? k.replace(M, _) : k, r);
+    replacement: L
+  }) => M ? k.replace(M, L) : k, r);
   const N = g.lastIndexOf(".");
   if (N !== -1 && (g = `${g.slice(0, N).replace(/\./g, "")}.${g.slice(N + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(r) || /[∞]/.test(r))
     return null;
@@ -6629,87 +6631,87 @@ const yu = /* @__PURE__ */ x.forwardRef(function(t, a) {
     inputRef: k,
     ...M
   } = t, {
-    setControlId: _,
+    setControlId: L,
     setDirty: W,
     validityData: A,
-    setValidityData: F,
-    disabled: L,
-    setFilled: O,
+    setValidityData: O,
+    disabled: P,
+    setFilled: F,
     invalid: B,
-    name: P,
-    state: j
-  } = na(), G = L || d, V = P ?? m, [z, fe] = x.useState(!1), Y = u ?? Number.MIN_SAFE_INTEGER, q = s ?? Number.MAX_SAFE_INTEGER, ue = u ?? 0, ae = C == null ? void 0 : C.style, ne = x.useRef(null), Te = Bi(r);
-  ve(() => (_(Te), () => {
-    _(void 0);
-  }), [Te, _]);
-  const [He, H] = zl({
+    name: _,
+    state: q
+  } = na(), Y = P || d, V = _ ?? m, [z, fe] = x.useState(!1), K = u ?? Number.MIN_SAFE_INTEGER, Ce = s ?? Number.MAX_SAFE_INTEGER, $ = u ?? 0, j = C == null ? void 0 : C.style, se = x.useRef(null), oe = Bi(r);
+  ve(() => (L(oe), () => {
+    L(void 0);
+  }), [oe, L]);
+  const [it, U] = zl({
     controlled: b,
     default: h,
     name: "NumberField",
     state: "value"
-  }), T = He ?? null, K = Ta(T);
+  }), T = it ?? null, J = Ta(T);
   ve(() => {
-    O(T !== null);
-  }, [O, T]);
-  const le = Kl(), J = Ta(C), me = ke(g), Q = x.useRef(!1), Ae = ke((re, U) => {
-    Q.current = !1, N == null || N(re, U);
-  }), be = Ea(), _e = Ul(), Ce = Ea(), Le = x.useRef(!1), Pe = x.useRef(0), Be = x.useRef(!0), je = x.useRef(null), At = x.useRef(() => {
+    F(T !== null);
+  }, [F, T]);
+  const le = Kl(), X = Ta(C), me = Re(g), ee = x.useRef(!1), Ae = Re((ne, G) => {
+    ee.current = !1, N == null || N(ne, G);
+  }), be = Ea(), _e = Ul(), Se = Ea(), Le = x.useRef(!1), Pe = x.useRef(0), Be = x.useRef(!0), He = x.useRef(null), At = x.useRef(() => {
   });
   ve(() => {
-    A.initialValue === null && T !== A.initialValue && F((re) => ({
-      ...re,
+    A.initialValue === null && T !== A.initialValue && O((ne) => ({
+      ...ne,
       initialValue: T
     }));
-  }, [F, A.initialValue, T]);
-  const [Ue, Ge] = x.useState(() => b !== void 0 ? Vn(T, v, C) : at(T, v, C)), [ct, Ze] = x.useState("numeric"), se = ke(() => {
+  }, [O, A.initialValue, T]);
+  const [je, Ue] = x.useState(() => b !== void 0 ? Vn(T, v, C) : tt(T, v, C)), [ct, Xe] = x.useState("numeric"), re = Re(() => {
     const {
-      decimal: re,
-      group: U,
+      decimal: ne,
+      group: G,
       currency: pe
-    } = rn(v, C), X = /* @__PURE__ */ new Set();
-    Mi.forEach((ie) => X.add(ie)), re && X.add(re), U && (X.add(U), Ai.test(U) && X.add(" "));
-    const Ie = ae === "percent" || ae === "unit" && (C == null ? void 0 : C.unit) === "percent", Se = ae === "percent" || ae === "unit" && (C == null ? void 0 : C.unit) === "permille";
-    return Ie && iu.forEach((ie) => X.add(ie)), Se && cu.forEach((ie) => X.add(ie)), ae === "currency" && pe && X.add(pe), _i.forEach((ie) => X.add(ie)), Y < 0 && Li.forEach((ie) => X.add(ie)), X;
-  }), ye = ke((re) => re != null && re.altKey ? o : re != null && re.shiftKey ? l : i), wt = ke((re, U, pe) => {
-    const X = U, Ie = U && Yi(U) ? U.nativeEvent : U, Se = xu("none", Ie), ie = Ui(re, {
-      step: pe ? ye(X) * pe : void 0,
-      format: J.current,
-      minWithDefault: Y,
-      maxWithDefault: q,
-      minWithZeroDefault: ue,
+    } = rn(v, C), Z = /* @__PURE__ */ new Set();
+    Mi.forEach((ie) => Z.add(ie)), ne && Z.add(ne), G && (Z.add(G), Ai.test(G) && Z.add(" "));
+    const Ie = j === "percent" || j === "unit" && (C == null ? void 0 : C.unit) === "percent", ke = j === "percent" || j === "unit" && (C == null ? void 0 : C.unit) === "permille";
+    return Ie && iu.forEach((ie) => Z.add(ie)), ke && cu.forEach((ie) => Z.add(ie)), j === "currency" && pe && Z.add(pe), _i.forEach((ie) => Z.add(ie)), K < 0 && Li.forEach((ie) => Z.add(ie)), Z;
+  }), ye = Re((ne) => ne != null && ne.altKey ? o : ne != null && ne.shiftKey ? l : i), wt = Re((ne, G, pe) => {
+    const Z = G, Ie = G && Yi(G) ? G.nativeEvent : G, ke = xu("none", Ie), ie = Ui(ne, {
+      step: pe ? ye(Z) * pe : void 0,
+      format: X.current,
+      minWithDefault: K,
+      maxWithDefault: Ce,
+      minWithZeroDefault: $,
       snapOnStep: y,
-      small: (X == null ? void 0 : X.altKey) ?? !1
+      small: (Z == null ? void 0 : Z.altKey) ?? !1
     });
-    if (ie !== T || re !== T || Be.current === !1) {
-      if (je.current = ie, me == null || me(ie, Se), Se.isCanceled)
+    if (ie !== T || ne !== T || Be.current === !1) {
+      if (He.current = ie, me == null || me(ie, ke), ke.isCanceled)
         return;
-      H(ie), W(ie !== A.initialValue), Q.current = !0;
-    }
-    Be.current && Ge(at(ie, v, C)), le();
-  }), dt = ke((re, U, pe, X) => {
-    const Ie = pe ?? K.current, Se = typeof Ie == "number" ? Ie + re * U : Math.max(0, u ?? 0);
-    wt(Se, X, U);
-  }), Qe = ke(() => {
-    Ce.clear(), be.clear(), _e.clear(), At.current(), Pe.current = 0;
-  }), dn = ke((re, U) => {
-    if (Qe(), !ne.current)
+      U(ie), W(ie !== A.initialValue), ee.current = !0;
+    }
+    Be.current && Ue(tt(ie, v, C)), le();
+  }), dt = Re((ne, G, pe, Z) => {
+    const Ie = pe ?? J.current, ke = typeof Ie == "number" ? Ie + ne * G : Math.max(0, u ?? 0);
+    wt(ke, Z, G);
+  }), Ze = Re(() => {
+    Se.clear(), be.clear(), _e.clear(), At.current(), Pe.current = 0;
+  }), dn = Re((ne, G) => {
+    if (Ze(), !se.current)
       return;
-    const pe = Qr(ne.current);
-    function X(Se) {
-      Se.preventDefault();
-    }
-    pe.addEventListener("contextmenu", X), At.current = () => {
-      pe.removeEventListener("contextmenu", X);
-    }, pe.addEventListener("pointerup", (Se) => {
-      Le.current = !1, Qe();
-      const ie = je.current ?? K.current;
-      Ae(ie, Gt("none", Se));
+    const pe = Qr(se.current);
+    function Z(ke) {
+      ke.preventDefault();
+    }
+    pe.addEventListener("contextmenu", Z), At.current = () => {
+      pe.removeEventListener("contextmenu", Z);
+    }, pe.addEventListener("pointerup", (ke) => {
+      Le.current = !1, Ze();
+      const ie = He.current ?? J.current;
+      Ae(ie, Gt("none", ke));
     }, {
       once: !0
     });
     function Ie() {
-      const Se = ye(U) ?? Ut;
-      dt(Se, re ? 1 : -1, void 0, U);
+      const ke = ye(G) ?? Ut;
+      dt(ke, ne ? 1 : -1, void 0, G);
     }
     Ie(), be.start(zi, () => {
       _e.start(Vi, Ie);
@@ -6718,75 +6720,75 @@ const yu = /* @__PURE__ */ x.forwardRef(function(t, a) {
   ve(function() {
     if (!Be.current)
       return;
-    const U = b !== void 0 ? Vn(T, v, C) : at(T, v, C);
-    U !== Ue && Ge(U);
+    const G = b !== void 0 ? Vn(T, v, C) : tt(T, v, C);
+    G !== je && Ue(G);
   }), ve(function() {
     if (!ti)
       return;
-    let U = "text";
-    Y >= 0 && (U = "decimal"), Ze(U);
-  }, [Y, ae]), x.useEffect(() => () => Qe(), [Qe]), x.useEffect(function() {
-    const U = ne.current;
-    if (G || f || !S || !U)
+    let G = "text";
+    K >= 0 && (G = "decimal"), Xe(G);
+  }, [K, j]), x.useEffect(() => () => Ze(), [Ze]), x.useEffect(function() {
+    const G = se.current;
+    if (Y || f || !S || !G)
       return;
-    function pe(X) {
+    function pe(Z) {
       if (
         // Allow pinch-zooming.
-        X.ctrlKey || Zl(ne.current).activeElement !== ne.current
+        Z.ctrlKey || Zl(se.current).activeElement !== se.current
       )
         return;
-      X.preventDefault();
-      const Ie = ye(X) ?? Ut;
-      dt(Ie, X.deltaY > 0 ? -1 : 1, void 0, X);
+      Z.preventDefault();
+      const Ie = ye(Z) ?? Ut;
+      dt(Ie, Z.deltaY > 0 ? -1 : 1, void 0, Z);
     }
-    return U.addEventListener("wheel", pe), () => {
-      U.removeEventListener("wheel", pe);
+    return G.addEventListener("wheel", pe), () => {
+      G.removeEventListener("wheel", pe);
     };
-  }, [S, dt, G, f, l, i, ye]);
+  }, [S, dt, Y, f, l, i, ye]);
   const ua = x.useMemo(() => ({
-    ...j,
-    disabled: G,
+    ...q,
+    disabled: Y,
     readOnly: f,
     required: w,
     value: T,
-    inputValue: Ue,
+    inputValue: je,
     scrubbing: z
-  }), [j, G, f, w, T, Ue, z]), es = x.useMemo(() => ({
-    inputRef: ne,
-    inputValue: Ue,
+  }), [q, Y, f, w, T, je, z]), es = x.useMemo(() => ({
+    inputRef: se,
+    inputValue: je,
     value: T,
     startAutoChange: dn,
-    stopAutoChange: Qe,
-    minWithDefault: Y,
-    maxWithDefault: q,
-    disabled: G,
+    stopAutoChange: Ze,
+    minWithDefault: K,
+    maxWithDefault: Ce,
+    disabled: Y,
     readOnly: f,
-    id: Te,
+    id: oe,
     setValue: wt,
     incrementValue: dt,
     getStepAmount: ye,
     allowInputSyncRef: Be,
-    formatOptionsRef: J,
-    valueRef: K,
-    lastChangedValueRef: je,
-    hasPendingCommitRef: Q,
+    formatOptionsRef: X,
+    valueRef: J,
+    lastChangedValueRef: He,
+    hasPendingCommitRef: ee,
     isPressedRef: Le,
-    intentionalTouchCheckTimeout: Ce,
+    intentionalTouchCheckTimeout: Se,
     movesAfterTouchRef: Pe,
     name: V,
     required: w,
     invalid: B,
     inputMode: ct,
-    getAllowedNonNumericKeys: se,
+    getAllowedNonNumericKeys: re,
     min: u,
     max: s,
-    setInputValue: Ge,
+    setInputValue: Ue,
     locale: v,
     isScrubbing: z,
     setIsScrubbing: fe,
     state: ua,
     onValueCommitted: Ae
-  }), [ne, Ue, T, dn, Qe, Y, q, G, f, Te, wt, dt, ye, Be, J, K, je, Q, Le, Ce, Pe, V, w, B, ct, se, u, s, Ge, v, z, ua, Ae]), ts = Dt("div", t, {
+  }), [se, je, T, dn, Ze, K, Ce, Y, f, oe, wt, dt, ye, Be, X, J, He, ee, Le, Se, Pe, V, w, B, ct, re, u, s, Ue, v, z, ua, Ae]), ts = Dt("div", t, {
     ref: a,
     state: ua,
     props: M,
@@ -6799,14 +6801,14 @@ const yu = /* @__PURE__ */ x.forwardRef(function(t, a) {
       name: V,
       ref: k,
       value: T ?? "",
-      disabled: G,
+      disabled: Y,
       required: w
     })]
   });
 });
 process.env.NODE_ENV !== "production" && (yu.displayName = "NumberFieldRoot");
 function Vn(e, t, a) {
-  return (a == null ? void 0 : a.maximumFractionDigits) != null || (a == null ? void 0 : a.minimumFractionDigits) != null ? at(e, t, a) : su(e, t, a);
+  return (a == null ? void 0 : a.maximumFractionDigits) != null || (a == null ? void 0 : a.minimumFractionDigits) != null ? tt(e, t, a) : su(e, t, a);
 }
 const vu = /* @__PURE__ */ x.forwardRef(function(t, a) {
   const {
@@ -6868,7 +6870,7 @@ function Cu(e = {}) {
     focusableWhenDisabled: a,
     tabIndex: r = 0,
     native: u = !0
-  } = e, s = x.useRef(null), o = Ki(!0) !== void 0, i = ke(() => {
+  } = e, s = x.useRef(null), o = Ki(!0) !== void 0, i = Re(() => {
     const m = s.current;
     return !!((m == null ? void 0 : m.tagName) === "A" && (m != null && m.href));
   }), {
@@ -6931,7 +6933,7 @@ function Cu(e = {}) {
     }, u ? void 0 : {
       role: "button"
     }, l, y);
-  }, [t, l, u, i]), f = ke((m) => {
+  }, [t, l, u, i]), f = Re((m) => {
     s.current = m, w();
   });
   return {
@@ -6970,12 +6972,12 @@ function Su(e) {
   } = e, M = x.useRef({
     x: 0,
     y: 0
-  }), _ = x.useRef(!1), W = x.useRef(!1), A = x.useRef(""), F = v != null && v <= b, L = v != null && v >= h, O = ke((P) => {
+  }), L = x.useRef(!1), W = x.useRef(!1), A = x.useRef(""), O = v != null && v <= b, P = v != null && v >= h, F = Re((_) => {
     t.current = !0;
-    const j = tt(l, m, r.current);
-    j !== null && (R.current = j, S(j, P));
+    const q = et(l, m, r.current);
+    q !== null && (R.current = q, S(q, _));
   }), B = x.useMemo(() => ({
-    disabled: a || (d ? L : F),
+    disabled: a || (d ? P : O),
     "aria-readonly": N || void 0,
     "aria-label": d ? "Increase" : "Decrease",
     "aria-controls": s,
@@ -6988,57 +6990,57 @@ function Su(e) {
       userSelect: "none"
     },
     onTouchStart() {
-      _.current = !0;
+      L.current = !0;
     },
     onTouchEnd() {
-      _.current = !1;
+      L.current = !1;
     },
-    onClick(P) {
-      const j = a || N || (d ? L : F);
-      if (P.defaultPrevented || j || // If it's not a keyboard/virtual click, ignore.
-      (A.current === "touch" ? W.current : P.detail !== 0))
+    onClick(_) {
+      const q = a || N || (d ? P : O);
+      if (_.defaultPrevented || q || // If it's not a keyboard/virtual click, ignore.
+      (A.current === "touch" ? W.current : _.detail !== 0))
         return;
-      O(P.nativeEvent);
-      const G = u(P) ?? Ut, V = R.current;
-      o(G, d ? 1 : -1, void 0, P.nativeEvent);
+      F(_.nativeEvent);
+      const Y = u(_) ?? Ut, V = R.current;
+      o(Y, d ? 1 : -1, void 0, _.nativeEvent);
       const z = E.current ?? R.current;
-      z !== V && k(z, Gt("none", P.nativeEvent));
+      z !== V && k(z, Gt("none", _.nativeEvent));
     },
-    onPointerDown(P) {
+    onPointerDown(_) {
       var V;
-      const j = !P.button || P.button === 0, G = a || (d ? L : F);
-      P.defaultPrevented || N || !j || G || (A.current = P.pointerType, W.current = !1, f.current = !0, M.current = {
-        x: P.clientX,
-        y: P.clientY
-      }, O(P.nativeEvent), P.pointerType !== "touch" ? (P.preventDefault(), (V = i.current) == null || V.focus(), y(d, P)) : w.start(qi, () => {
+      const q = !_.button || _.button === 0, Y = a || (d ? P : O);
+      _.defaultPrevented || N || !q || Y || (A.current = _.pointerType, W.current = !1, f.current = !0, M.current = {
+        x: _.clientX,
+        y: _.clientY
+      }, F(_.nativeEvent), _.pointerType !== "touch" ? (_.preventDefault(), (V = i.current) == null || V.focus(), y(d, _)) : w.start(qi, () => {
         const z = g.current;
-        g.current = 0, f.current && z != null && z < $i ? (y(d, P), W.current = !0) : (W.current = !1, C());
+        g.current = 0, f.current && z != null && z < $i ? (y(d, _), W.current = !0) : (W.current = !1, C());
       }));
     },
-    onPointerUp(P) {
-      P.pointerType === "touch" && (f.current = !1);
+    onPointerUp(_) {
+      _.pointerType === "touch" && (f.current = !1);
     },
-    onPointerMove(P) {
-      if (a || N || (d ? L : F) || P.pointerType !== "touch" || !f.current)
+    onPointerMove(_) {
+      if (a || N || (d ? P : O) || _.pointerType !== "touch" || !f.current)
         return;
       g.current != null && (g.current += 1);
       const {
-        x: G,
+        x: Y,
         y: V
-      } = M.current, z = G - P.clientX, fe = V - P.clientY;
+      } = M.current, z = Y - _.clientX, fe = V - _.clientY;
       z ** 2 + fe ** 2 > Hi ** 2 && C();
     },
-    onMouseEnter(P) {
-      const j = a || N || (d ? L : F);
-      P.defaultPrevented || j || !f.current || _.current || A.current === "touch" || y(d, P);
+    onMouseEnter(_) {
+      const q = a || N || (d ? P : O);
+      _.defaultPrevented || q || !f.current || L.current || A.current === "touch" || y(d, _);
     },
     onMouseLeave() {
-      _.current || C();
+      L.current || C();
     },
     onMouseUp() {
-      _.current || C();
+      L.current || C();
     }
-  }), [a, d, L, F, N, s, O, u, R, o, E, k, f, i, y, w, g, C]);
+  }), [a, d, P, O, N, s, F, u, R, o, E, k, f, i, y, w, g, C]);
   return x.useMemo(() => ({
     props: B
   }), [B]);
@@ -7068,14 +7070,14 @@ const ku = /* @__PURE__ */ x.forwardRef(function(t, a) {
     readOnly: E,
     setValue: k,
     startAutoChange: M,
-    state: _,
+    state: L,
     stopAutoChange: W,
     value: A,
-    valueRef: F,
-    lastChangedValueRef: L,
-    onValueCommitted: O
+    valueRef: O,
+    lastChangedValueRef: P,
+    onValueCommitted: F
   } = aa(), B = s || w, {
-    props: P
+    props: _
   } = Su({
     isIncrement: !0,
     inputRef: b,
@@ -7093,27 +7095,27 @@ const ku = /* @__PURE__ */ x.forwardRef(function(t, a) {
     incrementValue: h,
     allowInputSyncRef: l,
     formatOptionsRef: d,
-    valueRef: F,
+    valueRef: O,
     isPressedRef: S,
     intentionalTouchCheckTimeout: N,
     movesAfterTouchRef: R,
     locale: y,
-    lastChangedValueRef: L,
-    onValueCommitted: O
+    lastChangedValueRef: P,
+    onValueCommitted: F
   }), {
-    getButtonProps: j,
-    buttonRef: G
+    getButtonProps: q,
+    buttonRef: Y
   } = Cu({
     disabled: B,
     native: o
   }), V = x.useMemo(() => ({
-    ..._,
+    ...L,
     disabled: B
-  }), [_, B]);
+  }), [L, B]);
   return Dt("button", t, {
-    ref: [a, G],
+    ref: [a, Y],
     state: V,
-    props: [P, i, j],
+    props: [_, i, q],
     stateAttributesMapping: It
   });
 });
@@ -7143,19 +7145,19 @@ const Ru = /* @__PURE__ */ x.forwardRef(function(t, a) {
     setValue: E,
     startAutoChange: k,
     state: M,
-    stopAutoChange: _,
+    stopAutoChange: L,
     value: W,
     valueRef: A,
-    locale: F,
-    lastChangedValueRef: L,
-    onValueCommitted: O
+    locale: O,
+    lastChangedValueRef: P,
+    onValueCommitted: F
   } = aa(), B = s || w, {
-    props: P
+    props: _
   } = Su({
     isIncrement: !1,
     inputRef: b,
     startAutoChange: k,
-    stopAutoChange: _,
+    stopAutoChange: L,
     minWithDefault: C,
     maxWithDefault: y,
     value: W,
@@ -7172,12 +7174,12 @@ const Ru = /* @__PURE__ */ x.forwardRef(function(t, a) {
     isPressedRef: S,
     intentionalTouchCheckTimeout: N,
     movesAfterTouchRef: v,
-    locale: F,
-    lastChangedValueRef: L,
-    onValueCommitted: O
+    locale: O,
+    lastChangedValueRef: P,
+    onValueCommitted: F
   }), {
-    getButtonProps: j,
-    buttonRef: G
+    getButtonProps: q,
+    buttonRef: Y
   } = Cu({
     disabled: B,
     native: o
@@ -7186,9 +7188,9 @@ const Ru = /* @__PURE__ */ x.forwardRef(function(t, a) {
     disabled: B
   }), [M, B]);
   return Dt("button", t, {
-    ref: [a, G],
+    ref: [a, Y],
     state: V,
-    props: [P, i, j],
+    props: [_, i, q],
     stateAttributesMapping: It
   });
 });
@@ -7240,7 +7242,7 @@ function Qi() {
   } = na(), {
     formRef: f,
     clearErrors: m
-  } = un(), h = Ea(), b = x.useRef(null), g = ke(async (y, C = !1) => {
+  } = un(), h = Ea(), b = x.useRef(null), g = Re(async (y, C = !1) => {
     const v = b.current;
     if (!v)
       return;
@@ -7249,7 +7251,7 @@ function Qi() {
         return;
       const A = v.validity;
       if (!A.valueMissing) {
-        const L = {
+        const P = {
           value: y,
           state: {
             ...an,
@@ -7260,50 +7262,50 @@ function Qi() {
           initialValue: r.initialValue
         };
         if (v.setCustomValidity(""), l) {
-          const O = f.current.fields.get(l);
-          O && f.current.fields.set(l, {
-            ...O,
-            ...La(L, !1)
+          const F = f.current.fields.get(l);
+          F && f.current.fields.set(l, {
+            ...F,
+            ...La(P, !1)
             // invalid = false
           });
         }
-        e(L);
+        e(P);
         return;
       }
-      const F = Ot.reduce((L, O) => (L[O] = A[O], L), {});
-      if (!F.valid && !Zi(F))
+      const O = Ot.reduce((P, F) => (P[F] = A[F], P), {});
+      if (!O.valid && !Zi(O))
         return;
     }
     function R(A) {
-      const F = Ot.reduce((O, B) => (O[B] = A.validity[B], O), {});
-      let L = !1;
-      for (const O of Ot)
-        if (O !== "valid") {
-          if (O === "valueMissing" && F[O])
-            L = !0;
-          else if (F[O])
-            return F;
+      const O = Ot.reduce((F, B) => (F[B] = A.validity[B], F), {});
+      let P = !1;
+      for (const F of Ot)
+        if (F !== "valid") {
+          if (F === "valueMissing" && O[F])
+            P = !0;
+          else if (O[F])
+            return O;
         }
-      return L && !i.current && (F.valid = !0, F.valueMissing = !1), F;
+      return P && !i.current && (O.valid = !0, O.valueMissing = !1), O;
     }
     h.clear();
     let E = null, k = [];
     const M = R(v);
-    let _;
+    let L;
     if (v.validationMessage)
-      _ = v.validationMessage, k = [v.validationMessage];
+      L = v.validationMessage, k = [v.validationMessage];
     else {
-      const A = Array.from(f.current.fields.values()).reduce((L, O) => {
-        var B, P;
-        return O.name && O.getValueRef && (L[O.name] = (P = (B = O.getValueRef).current) == null ? void 0 : P.call(B)), L;
-      }, {}), F = t(y, A);
-      typeof F == "object" && F !== null && "then" in F ? E = await F : E = F, E !== null && (M.valid = !1, M.customError = !0, Array.isArray(E) ? (k = E, v.setCustomValidity(E.join(`
+      const A = Array.from(f.current.fields.values()).reduce((P, F) => {
+        var B, _;
+        return F.name && F.getValueRef && (P[F.name] = (_ = (B = F.getValueRef).current) == null ? void 0 : _.call(B)), P;
+      }, {}), O = t(y, A);
+      typeof O == "object" && O !== null && "then" in O ? E = await O : E = O, E !== null && (M.valid = !1, M.customError = !0, Array.isArray(E) ? (k = E, v.setCustomValidity(E.join(`
 `))) : E && (k = [E], v.setCustomValidity(E)));
     }
     const W = {
       value: y,
       state: M,
-      error: _ ?? (Array.isArray(E) ? E[0] : E ?? ""),
+      error: L ?? (Array.isArray(E) ? E[0] : E ?? ""),
       errors: k,
       initialValue: r.initialValue
     };
@@ -7421,48 +7423,48 @@ const tc = {
     setInputValue: E,
     locale: k,
     inputRef: M,
-    value: _,
+    value: L,
     onValueCommitted: W,
     lastChangedValueRef: A,
-    hasPendingCommitRef: F,
-    valueRef: L
+    hasPendingCommitRef: O,
+    valueRef: P
   } = aa(), {
-    clearErrors: O
+    clearErrors: F
   } = un(), {
     labelId: B,
-    validationMode: P,
-    setTouched: j,
-    setFocused: G,
+    validationMode: _,
+    setTouched: q,
+    setFocused: Y,
     invalid: V
   } = na(), {
     getInputValidationProps: z,
     getValidationProps: fe,
-    commitValidation: Y,
-    inputRef: q
-  } = Qi(), ue = x.useRef(!1), ae = x.useRef(!1);
+    commitValidation: K,
+    inputRef: Ce
+  } = Qi(), $ = x.useRef(!1), j = x.useRef(!1);
   ec({
     id: f,
-    commitValidation: Y,
-    value: _,
+    commitValidation: K,
+    value: L,
     controlRef: M,
     name: S,
-    getValue: () => _ ?? null
+    getValue: () => L ?? null
   });
-  const ne = x.useRef(_), Te = x.useRef(b);
+  const se = x.useRef(L), oe = x.useRef(b);
   return ve(() => {
-    ne.current === _ && Te.current === b || (O(S), P === "onChange" && Y(_));
-  }, [_, b, S, O, P, Y]), ve(() => {
-    if (!(ne.current === _ || P === "onChange")) {
-      if (ae.current) {
-        ae.current = !1;
+    se.current === L && oe.current === b || (F(S), _ === "onChange" && K(L));
+  }, [L, b, S, F, _, K]), ve(() => {
+    if (!(se.current === L || _ === "onChange")) {
+      if (j.current) {
+        j.current = !1;
         return;
       }
-      Y(_, !0);
+      K(L, !0);
     }
-  }, [Y, P, _]), ve(() => {
-    ne.current = _, Te.current = b;
-  }, [_, b]), Dt("input", t, {
-    ref: [a, M, q],
+  }, [K, _, L]), ve(() => {
+    se.current = L, oe.current = b;
+  }, [L, b]), Dt("input", t, {
+    ref: [a, M, Ce],
     state: R,
     props: [{
       id: f,
@@ -7482,99 +7484,99 @@ const tc = {
       // causing a hydration mismatch.
       suppressHydrationWarning: !0,
       onFocus(T) {
-        if (T.defaultPrevented || y || i || ue.current)
+        if (T.defaultPrevented || y || i || $.current)
           return;
-        ue.current = !0, G(!0);
-        const K = T.currentTarget, le = K.value.length;
-        K.setSelectionRange(le, le);
+        $.current = !0, Y(!0);
+        const J = T.currentTarget, le = J.value.length;
+        J.setSelectionRange(le, le);
       },
       onBlur(T) {
         if (T.defaultPrevented || y || i)
           return;
-        j(!0), G(!1);
-        const K = !o.current, le = F.current;
+        q(!0), Y(!1);
+        const J = !o.current, le = O.current;
         if (o.current = !0, b.trim() === "") {
-          v(null), P === "onBlur" && Y(null), W(null, Gt("none", T.nativeEvent));
+          v(null), _ === "onBlur" && K(null), W(null, Gt("none", T.nativeEvent));
           return;
         }
-        const J = l.current, me = tt(b, k, J);
+        const X = l.current, me = et(b, k, X);
         if (me === null)
           return;
-        ae.current = !0;
-        const Q = (J == null ? void 0 : J.maximumFractionDigits) != null || (J == null ? void 0 : J.minimumFractionDigits) != null, Ae = J == null ? void 0 : J.maximumFractionDigits, be = Q && typeof Ae == "number" ? Number(me.toFixed(Ae)) : me, _e = Gt("none", T.nativeEvent), Ce = _ !== be, Le = K || Ce || le;
-        P === "onBlur" && Y(be), Ce && v(be, T.nativeEvent), Le && W(be, _e);
-        const Pe = at(be, k, J), Be = su(me, k, J);
-        !(!Q && me === _ && b === Be) && b !== Pe && E(Pe);
+        j.current = !0;
+        const ee = (X == null ? void 0 : X.maximumFractionDigits) != null || (X == null ? void 0 : X.minimumFractionDigits) != null, Ae = X == null ? void 0 : X.maximumFractionDigits, be = ee && typeof Ae == "number" ? Number(me.toFixed(Ae)) : me, _e = Gt("none", T.nativeEvent), Se = L !== be, Le = J || Se || le;
+        _ === "onBlur" && K(be), Se && v(be, T.nativeEvent), Le && W(be, _e);
+        const Pe = tt(be, k, X), Be = su(me, k, X);
+        !(!ee && me === L && b === Be) && b !== Pe && E(Pe);
       },
       onChange(T) {
         if (T.nativeEvent.defaultPrevented)
           return;
         o.current = !1;
-        const K = T.target.value;
-        if (K.trim() === "") {
-          E(K), v(null, T.nativeEvent);
+        const J = T.target.value;
+        if (J.trim() === "") {
+          E(J), v(null, T.nativeEvent);
           return;
         }
         const le = w();
-        if (!Array.from(K).every((Q) => {
-          const Ae = Q >= "0" && Q <= "9", be = Ma.test(Q), _e = Aa.test(Q), Ce = fu.test(Q), Le = On.test(Q), Pe = pt.test(Q);
-          return Ae || be || _e || Ce || Le || Pe || le.has(Q);
+        if (!Array.from(J).every((ee) => {
+          const Ae = ee >= "0" && ee <= "9", be = Ma.test(ee), _e = Aa.test(ee), Se = fu.test(ee), Le = On.test(ee), Pe = pt.test(ee);
+          return Ae || be || _e || Se || Le || Pe || le.has(ee);
         }))
           return;
         if (T.isTrusted) {
-          E(K);
-          const Q = tt(K, k, l.current);
-          Q !== null && v(Q, T.nativeEvent);
+          E(J);
+          const ee = et(J, k, l.current);
+          ee !== null && v(ee, T.nativeEvent);
           return;
         }
-        const me = tt(K, k, l.current);
-        me !== null && (E(K), v(me, T.nativeEvent));
+        const me = et(J, k, l.current);
+        me !== null && (E(J), v(me, T.nativeEvent));
       },
       onKeyDown(T) {
         if (T.defaultPrevented || y || i)
           return;
-        const K = T.nativeEvent;
+        const J = T.nativeEvent;
         o.current = !0;
         const le = w();
-        let J = le.has(T.key);
+        let X = le.has(T.key);
         const {
           decimal: me,
-          currency: Q,
+          currency: ee,
           percentSign: Ae
-        } = rn(k, l.current), be = T.currentTarget.selectionStart, _e = T.currentTarget.selectionEnd, Ce = be === 0 && _e === b.length, Le = (se) => be === se && _e === se + 1;
-        if (pt.test(T.key) && Array.from(le).some((se) => pt.test(se || ""))) {
-          const se = b.search(bu), ye = se != null && se !== -1 && Le(se);
-          J = !(pt.test(b) || Lt.test(b)) || Ce || ye;
+        } = rn(k, l.current), be = T.currentTarget.selectionStart, _e = T.currentTarget.selectionEnd, Se = be === 0 && _e === b.length, Le = (re) => be === re && _e === re + 1;
+        if (pt.test(T.key) && Array.from(le).some((re) => pt.test(re || ""))) {
+          const re = b.search(bu), ye = re != null && re !== -1 && Le(re);
+          X = !(pt.test(b) || Lt.test(b)) || Se || ye;
         }
-        if (Lt.test(T.key) && Array.from(le).some((se) => Lt.test(se || ""))) {
-          const se = b.search(gu), ye = se != null && se !== -1 && Le(se);
-          J = !(pt.test(b) || Lt.test(b)) || Ce || ye;
+        if (Lt.test(T.key) && Array.from(le).some((re) => Lt.test(re || ""))) {
+          const re = b.search(gu), ye = re != null && re !== -1 && Le(re);
+          X = !(pt.test(b) || Lt.test(b)) || Se || ye;
         }
-        [me, Q, Ae].forEach((se) => {
-          if (T.key === se) {
-            const ye = b.indexOf(se), wt = be === ye && _e === ye + 1;
-            J = !b.includes(se) || Ce || wt;
+        [me, ee, Ae].forEach((re) => {
+          if (T.key === re) {
+            const ye = b.indexOf(re), wt = be === ye && _e === ye + 1;
+            X = !b.includes(re) || Se || wt;
           }
         });
-        const Pe = T.key >= "0" && T.key <= "9", Be = Ma.test(T.key), je = Aa.test(T.key), At = On.test(T.key), Ue = ac.has(T.key);
+        const Pe = T.key >= "0" && T.key <= "9", Be = Ma.test(T.key), He = Aa.test(T.key), At = On.test(T.key), je = ac.has(T.key);
         if (
           // Allow composition events (e.g., pinyin)
           // event.nativeEvent.isComposing does not work in Safari:
           // https://bugs.webkit.org/show_bug.cgi?id=165004
-          T.which === 229 || T.altKey || T.ctrlKey || T.metaKey || J || Pe || Be || At || je || Ue
+          T.which === 229 || T.altKey || T.ctrlKey || T.metaKey || X || Pe || Be || At || He || je
         )
           return;
-        const Ge = tt(b, k, l.current), ct = d(T) ?? Ut;
+        const Ue = et(b, k, l.current), ct = d(T) ?? Ut;
         Gi(T);
-        const Ze = xu("none", K);
-        T.key === "ArrowUp" ? (m(ct, 1, Ge, K), W(A.current ?? L.current, Ze)) : T.key === "ArrowDown" ? (m(ct, -1, Ge, K), W(A.current ?? L.current, Ze)) : T.key === "Home" && N != null ? (v(N, K), W(A.current ?? L.current, Ze)) : T.key === "End" && g != null && (v(g, K), W(A.current ?? L.current, Ze));
+        const Xe = xu("none", J);
+        T.key === "ArrowUp" ? (m(ct, 1, Ue, J), W(A.current ?? P.current, Xe)) : T.key === "ArrowDown" ? (m(ct, -1, Ue, J), W(A.current ?? P.current, Xe)) : T.key === "Home" && N != null ? (v(N, J), W(A.current ?? P.current, Xe)) : T.key === "End" && g != null && (v(g, J), W(A.current ?? P.current, Xe));
       },
       onPaste(T) {
         if (T.defaultPrevented || y || i)
           return;
         T.preventDefault();
-        const le = (T.clipboardData || window.Clipboard).getData("text/plain"), J = tt(le, k, l.current);
-        J !== null && (o.current = !1, v(J, T.nativeEvent), E(le));
+        const le = (T.clipboardData || window.Clipboard).getData("text/plain"), X = et(le, k, l.current);
+        X !== null && (o.current = !1, v(X, T.nativeEvent), E(le));
       }
     }, z(), fe(), s],
     stateAttributesMapping: tc
@@ -7642,7 +7644,7 @@ const nc = "_wuStepper_apbnq_1", rc = {
         w
       ),
       children: [
-        t && /* @__PURE__ */ n(Ee, { htmlFor: b, className: "wu-input-label", children: t }),
+        t && /* @__PURE__ */ n(Te, { htmlFor: b, className: "wu-input-label", children: t }),
         /* @__PURE__ */ p(vu, { className: "wu-flex wu-max-w-[97px] wu-relative", children: [
           /* @__PURE__ */ n(
             Ru,
@@ -7753,7 +7755,7 @@ const Du = x.createContext({
   }
 ));
 ra.displayName = Kt.Root.displayName;
-const Je = x.forwardRef(({ className: e, children: t, variant: a, size: r, ...u }, s) => {
+const Ke = x.forwardRef(({ className: e, children: t, variant: a, size: r, ...u }, s) => {
   const o = x.useContext(Du);
   return /* @__PURE__ */ n(
     Kt.Item,
@@ -7771,7 +7773,7 @@ const Je = x.forwardRef(({ className: e, children: t, variant: a, size: r, ...u
     }
   );
 });
-Je.displayName = Kt.Item.displayName;
+Ke.displayName = Kt.Item.displayName;
 const Mu = D.forwardRef(
   (e, t) => {
     const { options: a, value: r, disabled: u, dir: s, onChange: o } = e, i = (l) => c(
@@ -7781,7 +7783,7 @@ const Mu = D.forwardRef(
       u && r === l && "wu-text-gray-lead",
       "wu-switcher-icon-tab-item"
     );
-    return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ p(
       ra,
       {
         ref: t,
@@ -7810,8 +7812,8 @@ const Mu = D.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ n(Je, { value: "opt1", className: i("opt1"), children: a[0].label }),
-          /* @__PURE__ */ n(Je, { value: "opt2", className: i("opt2"), children: a[1].label })
+          /* @__PURE__ */ n(Ke, { value: "opt1", className: i("opt1"), children: a[0].label }),
+          /* @__PURE__ */ n(Ke, { value: "opt2", className: i("opt2"), children: a[1].label })
         ]
       }
     ) });
@@ -7830,7 +7832,7 @@ const Au = D.forwardRef(
       u && r === w && "wu-text-gray-lead",
       "wu-switcher-tab-item"
     );
-    return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ p(
       ra,
       {
         ref: t,
@@ -7862,8 +7864,8 @@ const Au = D.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ n(Je, { value: "opt1", className: l("opt1"), children: /* @__PURE__ */ n("div", { className: "wu-min-w-16 wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap", children: a[0].label }) }),
-          /* @__PURE__ */ n(Je, { value: "opt2", className: l("opt2"), children: /* @__PURE__ */ n("div", { className: "wu-min-w-16 wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap", children: a[1].label }) })
+          /* @__PURE__ */ n(Ke, { value: "opt1", className: l("opt1"), children: /* @__PURE__ */ n("div", { className: "wu-min-w-16 wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap", children: a[0].label }) }),
+          /* @__PURE__ */ n(Ke, { value: "opt2", className: l("opt2"), children: /* @__PURE__ */ n("div", { className: "wu-min-w-16 wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap", children: a[1].label }) })
         ]
       }
     ) });
@@ -7895,7 +7897,7 @@ const _u = D.forwardRef(
       u && "wu-hidden",
       "wu-switcher-toggle-knob"
     );
-    return /* @__PURE__ */ n(oe, { children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ n(ue, { children: /* @__PURE__ */ p(
       ra,
       {
         ref: t,
@@ -7906,7 +7908,7 @@ const _u = D.forwardRef(
         className: l,
         onValueChange: o,
         children: [
-          /* @__PURE__ */ n(Je, { value: "opt1", className: i("opt1"), children: /* @__PURE__ */ n("div", { className: "wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap wu-text-right wu-switcher-toggle-item-label", children: a[0].label }) }),
+          /* @__PURE__ */ n(Ke, { value: "opt1", className: i("opt1"), children: /* @__PURE__ */ n("div", { className: "wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap wu-text-right wu-switcher-toggle-item-label", children: a[0].label }) }),
           /* @__PURE__ */ n(
             "button",
             {
@@ -7918,7 +7920,7 @@ const _u = D.forwardRef(
               children: /* @__PURE__ */ n("div", { className: d, role: "knob", dir: s })
             }
           ),
-          /* @__PURE__ */ n(Je, { value: "opt2", className: i("opt2"), children: /* @__PURE__ */ n("div", { className: "wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap wu-switcher-toggle-item-label", children: a[1].label }) })
+          /* @__PURE__ */ n(Ke, { value: "opt2", className: i("opt2"), children: /* @__PURE__ */ n("div", { className: "wu-max-w-[136px] wu-overflow-hidden wu-text-ellipsis wu-text-nowrap wu-switcher-toggle-item-label", children: a[1].label }) })
         ]
       }
     ) });
@@ -7948,7 +7950,7 @@ const lc = D.forwardRef(
         throw new Error("Options are not sufficient");
       m(u === r[0].value ? "opt1" : "opt2");
     }, [r, u]), !Array.isArray(r) || r.length < 2)
-      return /* @__PURE__ */ n(oe, {});
+      return /* @__PURE__ */ n(ue, {});
     switch (a) {
       case "toggle":
         return /* @__PURE__ */ n(
@@ -7992,8 +7994,8 @@ const lc = D.forwardRef(
   }
 );
 lc.displayName = "WuSwitcher";
-const Lu = Xe.Root, sn = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(
-  Xe.List,
+const Lu = Je.Root, sn = x.forwardRef(({ className: e, children: t, ...a }, r) => /* @__PURE__ */ n(
+  Je.List,
   {
     className: c("wu-relative wu-flex", e),
     ...a,
@@ -8001,9 +8003,9 @@ const Lu = Xe.Root, sn = x.forwardRef(({ className: e, children: t, ...a }, r) =
     children: t
   }
 ));
-sn.displayName = Xe.List.displayName;
+sn.displayName = Je.List.displayName;
 const on = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
-  Xe.Trigger,
+  Je.Trigger,
   {
     ref: a,
     className: c(
@@ -8014,9 +8016,9 @@ const on = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(
     ...t
   }
 ));
-on.displayName = Xe.Trigger.displayName;
-const Pu = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(Xe.Content, { ref: a, className: e, ...t }));
-Pu.displayName = Xe.Content.displayName;
+on.displayName = Je.Trigger.displayName;
+const Pu = x.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ n(Je.Content, { ref: a, className: e, ...t }));
+Pu.displayName = Je.Content.displayName;
 const Fu = ({
   items: e,
   enableAnimation: t
@@ -8051,7 +8053,7 @@ const Fu = ({
     const i = e.current;
     i && (a(i.scrollLeft > 0), u(i.scrollLeft + i.clientWidth < i.scrollWidth));
   };
-  return $(() => {
+  return H(() => {
     const i = e.current;
     return s(), i && i.addEventListener("scroll", s), window.addEventListener("resize", s), () => {
       i && i.removeEventListener("scroll", s), window.removeEventListener("resize", s);
@@ -8070,7 +8072,7 @@ const Fu = ({
     height: 0,
     top: 0
   }), u = t === "vertical";
-  return $(() => {
+  return H(() => {
     const s = e.current;
     if (s) {
       const o = () => {
@@ -8204,7 +8206,7 @@ const Fu = ({
     const i = e.current;
     i && (a(i.scrollTop > 0), u(i.scrollTop + i.clientHeight < i.scrollHeight));
   };
-  return $(() => {
+  return H(() => {
     const i = e.current;
     if (i)
       return s(), i.addEventListener("scroll", s), window.addEventListener("resize", s), () => {
@@ -8725,19 +8727,19 @@ const zu = ({
   rowSelection: h,
   ...b
 }) => {
-  var F;
+  var O;
   const [g, N] = I((u == null ? void 0 : u.initial) || []), [S, y] = I([]), [C, v] = I((o == null ? void 0 : o.pageIndex) ?? 0), { finalColumns: R, rowSelectionState: E } = Vu({
     data: e,
     columns: t,
     rowSelection: h
   }), k = de(
-    () => R.filter((L) => L.enableSorting).map((L) => L.accessorKey),
+    () => R.filter((P) => P.enableSorting).map((P) => P.accessorKey),
     [R]
   ), M = de(
-    () => R.filter((L) => L.filterable).map((L) => L.accessorKey),
+    () => R.filter((P) => P.filterable).map((P) => P.accessorKey),
     [R]
-  ), _ = ((F = h == null ? void 0 : h.selectedRows) == null ? void 0 : F.length) ?? 0, W = (L) => {
-    const O = typeof L == "function" ? L(E) : L, B = Object.keys(O).filter((P) => O[Number(P)]).map((P) => e[Number(P)]);
+  ), L = ((O = h == null ? void 0 : h.selectedRows) == null ? void 0 : O.length) ?? 0, W = (P) => {
+    const F = typeof P == "function" ? P(E) : P, B = Object.keys(F).filter((_) => F[Number(_)]).map((_) => e[Number(_)]);
     h == null || h.onRowSelect(B);
   }, A = Qn({
     data: e,
@@ -8756,12 +8758,12 @@ const zu = ({
     onColumnFiltersChange: y,
     onRowSelectionChange: W
   });
-  return $(() => {
-    M.forEach((L) => {
-      var O;
-      (O = A.getColumn(L)) == null || O.setFilterValue(s);
+  return H(() => {
+    M.forEach((P) => {
+      var F;
+      (F = A.getColumn(P)) == null || F.setFilterValue(s);
     });
-  }, [s, M, A]), $(() => {
+  }, [s, M, A]), H(() => {
     o && (o == null ? void 0 : o.pageIndex) !== C && (h == null || h.onRowSelect(() => []), A.resetRowSelection(), v(o.pageIndex));
   }, [o == null ? void 0 : o.pageIndex]), /* @__PURE__ */ n("div", { className: "wu-text-gray-lead wu-table-container wu-relative", children: /* @__PURE__ */ p(
     ln,
@@ -8782,7 +8784,7 @@ const zu = ({
             sortableColumns: k,
             size: r,
             HeaderAction: l,
-            isRowSelected: _ > 0,
+            isRowSelected: L > 0,
             isStickyHeader: i
           }
         ),
@@ -8845,7 +8847,7 @@ const pc = D.forwardRef((e, t) => {
             maxLength: o
           }
         ),
-        a && /* @__PURE__ */ n(Ee, { htmlFor: r, className: "wu-textarea-label", children: a })
+        a && /* @__PURE__ */ n(Te, { htmlFor: r, className: "wu-textarea-label", children: a })
       ]
     }
   );
@@ -8930,7 +8932,7 @@ function yc(e, t, a, r) {
   return { rotatedHours: u, rotatedMinutes: s, rotatedMeridiem: o };
 }
 function vc(e, t, a) {
-  $(() => {
+  H(() => {
     function r(o) {
       if (o) {
         const i = o.scrollHeight / Bt, l = Math.floor(Bt / 2);
@@ -8971,11 +8973,11 @@ const Nc = ({
     }
     const M = hc(t);
     w(M);
-    const [_, W] = M.split(":"), { hour: A, meridiem: F } = jn(_);
-    g(A), S(W), C(F), d.current && (d.current.value = M);
+    const [L, W] = M.split(":"), { hour: A, meridiem: O } = jn(L);
+    g(A), S(W), C(O), d.current && (d.current.value = M);
   }, [t]), D.useEffect(() => {
-    const M = (_) => {
-      f.current && !f.current.contains(_.target) && i(!1);
+    const M = (L) => {
+      f.current && !f.current.contains(L.target) && i(!1);
     };
     return document.addEventListener("mousedown", M), () => {
       document.removeEventListener("mousedown", M);
@@ -8987,11 +8989,11 @@ const Nc = ({
     N,
     y
   ), k = we(
-    (M, _, W) => {
-      const A = M ?? b, F = _ ?? N, L = W ?? y;
-      g(A), S(F), C(L);
-      const O = `${gc(A, L)}:${F}`;
-      w(O);
+    (M, L, W) => {
+      const A = M ?? b, O = L ?? N, P = W ?? y;
+      g(A), S(O), C(P);
+      const F = `${gc(A, P)}:${O}`;
+      w(F);
     },
     [b, N, y]
   );
@@ -9007,7 +9009,7 @@ const Nc = ({
       ),
       dir: u,
       children: [
-        a && /* @__PURE__ */ n(Ee, { htmlFor: "time-picker", className: "wu-timepicker-label", children: a }),
+        a && /* @__PURE__ */ n(Te, { htmlFor: "time-picker", className: "wu-timepicker-label", children: a }),
         /* @__PURE__ */ p("div", { className: c("relative inline-block"), ref: f, dir: u, children: [
           /* @__PURE__ */ n(
             Ve,
@@ -9019,8 +9021,8 @@ const Nc = ({
               role: "textbox",
               onChange: (M) => {
                 w(M.target.value);
-                const [_, W] = M.target.value.split(":"), { hour: A, meridiem: F } = jn(_);
-                g(A), S(W), C(F);
+                const [L, W] = M.target.value.split(":"), { hour: A, meridiem: O } = jn(L);
+                g(A), S(W), C(O);
               },
               className: "wu-w-[136px] wu-h-8 wu-pr-6 wu-border wu-border-lead/40 wu-text-gray-lead wu-timepicker-input",
               style: { WebkitAppearance: "none", MozAppearance: "textfield" },
@@ -9173,7 +9175,7 @@ function ju({ ...e }) {
 }
 function Ec() {
   const [e, t] = I(zt);
-  return $(() => (Vt.push(t), () => {
+  return H(() => (Vt.push(t), () => {
     const a = Vt.indexOf(t);
     a > -1 && Vt.splice(a, 1);
   }), [e]), {
@@ -9410,7 +9412,7 @@ const _c = D.forwardRef(
               dir: o
             }
           ),
-          /* @__PURE__ */ n(Ee, { htmlFor: l, className: "wu-toggle-label", children: a })
+          /* @__PURE__ */ n(Te, { htmlFor: l, className: "wu-toggle-label", children: a })
         ]
       }
     );
@@ -9609,7 +9611,7 @@ const Lc = Me("wu-flex wu-items-center wu-gap-3 wu-w-fit", {
     }, R = () => {
       C(!0);
     };
-    return $(() => {
+    return H(() => {
       N && y && (d.includes("in") ? (f(`${o}-view-out`), h(`${i}-header-out`)) : (f(`${o}-view-in`), h(`${i}-header-in`)), S(!1), C(!1));
     }, [N, y]), /* @__PURE__ */ p("div", { className: c(Gn.main), ref: w, children: [
       /* @__PURE__ */ n(pn, { mode: "out-in", children: /* @__PURE__ */ n(
@@ -9765,7 +9767,7 @@ const Bc = "_WuEditor_88p35_2", Vc = {
   initialUrl: u
 }) => {
   const [s, o] = I(""), [i, l] = I("");
-  $(() => {
+  H(() => {
     e && (l(r || ""), o(u || ""));
   }, [e, r, u]);
   const w = () => {
@@ -9884,7 +9886,7 @@ const Bc = "_WuEditor_88p35_2", Vc = {
   const [e, t] = I(0), [a, r] = I(0), { editor: u } = Mt();
   return /* @__PURE__ */ p(De, { children: [
     /* @__PURE__ */ n($e, { asChild: !0, children: /* @__PURE__ */ n("button", { children: /* @__PURE__ */ n(he, { icon: "wm-table-chart" }) }) }),
-    /* @__PURE__ */ p(Re, { className: "wu-p-2 wu-rounded-md wu-shadow-md wu-bg-white wu-w-max wu-flex wu-flex-col wu-gap-2 wu-items-center wu-justify-center", children: [
+    /* @__PURE__ */ p(Ee, { className: "wu-p-2 wu-rounded-md wu-shadow-md wu-bg-white wu-w-max wu-flex wu-flex-col wu-gap-2 wu-items-center wu-justify-center", children: [
       /* @__PURE__ */ n("div", { className: "wu-grid wu-grid-cols-10 wu-gap-1 wu-w-fit", children: Array.from({ length: 10 }).map(
         (s, o) => Array.from({ length: 10 }).map((i, l) => /* @__PURE__ */ n(
           "button",
@@ -10201,7 +10203,7 @@ const Bc = "_WuEditor_88p35_2", Vc = {
   if (!e)
     return null;
   const a = Yc(e, t);
-  return /* @__PURE__ */ n("div", { className: "wu-flex wu-border-b wu-items-center wu-justify-start wu-gap-2 wu-p-2", children: a.map((r) => /* @__PURE__ */ p(oe, { children: [
+  return /* @__PURE__ */ n("div", { className: "wu-flex wu-border-b wu-items-center wu-justify-start wu-gap-2 wu-p-2", children: a.map((r) => /* @__PURE__ */ p(ue, { children: [
     /* @__PURE__ */ n(Jc, { act: r }),
     r.break && /* @__PURE__ */ n("div", { className: "wu-border-l wu-mx-1 wu-h-6 wu-border-gray-25" })
   ] }, r.id)) });
@@ -10241,7 +10243,7 @@ const Bc = "_WuEditor_88p35_2", Vc = {
       }
     )
   ] });
-}, Qc = ({ act: e }) => /* @__PURE__ */ p(oe, { children: [
+}, Qc = ({ act: e }) => /* @__PURE__ */ p(ue, { children: [
   /* @__PURE__ */ n(
     "label",
     {
@@ -10326,7 +10328,7 @@ const Bc = "_WuEditor_88p35_2", Vc = {
     }
   );
 };
-window.wickUiVersion = "1.20.0";
+window.wickUiVersion = "1.20.1";
 export {
   vd as CHART_COLOR_SYSTEM,
   Tw as WuAccordion,
@@ -10359,7 +10361,7 @@ export {
   Ve as WuInput,
   _w as WuInputError,
   Lw as WuInputHint,
-  Ee as WuLabel,
+  Te as WuLabel,
   Zo as WuListbox,
   kt as WuLoader,
   el as WuMenu,
@@ -10414,6 +10416,6 @@ export {
   gd as useTranslation,
   xd as useTranslationsContext,
   hd as useWuShowToast,
-  lt as useWuSidebar
+  ot as useWuSidebar
 };
 //# sourceMappingURL=index.js.map