@udixio/ui-react 2.10.14 → 2.10.16

package/dist/index.js

@@ -2,7 +2,7 @@ var ln = Object.defineProperty;
 var an = (e, t, n) => t in e ? ln(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var H = (e, t, n) => an(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as u, jsxs as j, Fragment as me } from "react/jsx-runtime";
-import Y, { useState as X, useEffect as _, useMemo as ve, useRef as z, useLayoutEffect as Ae, useId as Ce, useCallback as he, isValidElement as Ie, cloneElement as Be, createContext as cn, useContext as vt, Children as un, Fragment as dn } from "react";
+import Y, { useState as X, useEffect as _, useMemo as ve, useRef as z, useLayoutEffect as Ae, useId as Ce, useCallback as he, isValidElement as Me, cloneElement as Te, createContext as cn, useContext as vt, Children as un, Fragment as dn } from "react";
 import { createPortal as Ke } from "react-dom";
 import { AnimatePresence as pe, motion as se, useScroll as fn, useMotionValueEvent as it, animate as hn } from "motion/react";
 import { clsx as gt } from "clsx";
@@ -210,7 +210,7 @@ const Ln = ({
   });
   _(() => {
     if (!o.current) return;
-    const N = new ResizeObserver((C) => {
+    const k = new ResizeObserver((C) => {
       for (const K of C)
         K.target === o.current && f({
           width: K.contentRect.width,
@@ -218,21 +218,21 @@ const Ln = ({
           // On observe aussi la hauteur maintenant
         });
     });
-    return N.observe(o.current), () => {
-      N.disconnect();
+    return k.observe(o.current), () => {
+      k.disconnect();
     };
   }, [o]);
   const h = z(null), m = z(null), b = () => {
-    const N = d.current;
-    return N ? {
-      width: n ?? N.scrollWidth,
-      height: n ?? N.scrollHeight
+    const k = d.current;
+    return k ? {
+      width: n ?? k.scrollWidth,
+      height: n ?? k.scrollHeight
     } : null;
   }, w = () => {
-    const N = o.current;
-    return N ? {
-      width: N.clientWidth,
-      height: N.clientHeight
+    const k = o.current;
+    return k ? {
+      width: k.clientWidth,
+      height: k.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
   }, { scrollYProgress: E, scrollXProgress: S } = fn({
@@ -240,52 +240,52 @@ const Ln = ({
   }), g = z(null);
   g.current || (g.current = kn(
     l,
-    (N, C) => {
-      !m.current || !h.current || !o.current || (C === (t === "horizontal" ? "x" : "y") && (c == null || c(N)), r && (t === "horizontal" && C === "x" && r({
-        scrollProgress: N,
-        scroll: N * (h.current.width - o.current.clientWidth),
+    (k, C) => {
+      !m.current || !h.current || !o.current || (C === (t === "horizontal" ? "x" : "y") && (c == null || c(k)), r && (t === "horizontal" && C === "x" && r({
+        scrollProgress: k,
+        scroll: k * (h.current.width - o.current.clientWidth),
         scrollTotal: h.current.width - o.current.clientWidth,
         scrollVisible: m.current.width
       }), t === "vertical" && C === "y" && r({
-        scrollProgress: N,
-        scroll: N * (h.current.height - o.current.clientHeight),
+        scrollProgress: k,
+        scroll: k * (h.current.height - o.current.clientHeight),
         scrollTotal: h.current.height - o.current.clientHeight,
         scrollVisible: m.current.height
       })));
     }
   ));
-  const A = (N, C) => {
-    g.current && g.current(N, C);
+  const A = (k, C) => {
+    g.current && g.current(k, C);
   };
   _(() => {
     y.width && A(S.get(), "x"), y.height && A(E.get(), "y");
   }, [y]), _(() => {
-    const N = o.current, C = d.current;
-    if (!N || !C || typeof i != "number") return;
+    const k = o.current, C = d.current;
+    if (!k || !C || typeof i != "number") return;
     const K = (G, ee, oe) => Math.min(oe, Math.max(ee, G));
     if (t === "horizontal") {
-      const G = Math.max(0, (n ?? C.scrollWidth) - N.clientWidth);
-      N.scrollLeft = K(i * G, 0, G);
+      const G = Math.max(0, (n ?? C.scrollWidth) - k.clientWidth);
+      k.scrollLeft = K(i * G, 0, G);
     } else {
-      const G = Math.max(0, (n ?? C.scrollHeight) - N.clientHeight);
-      N.scrollTop = K(i * G, 0, G);
+      const G = Math.max(0, (n ?? C.scrollHeight) - k.clientHeight);
+      k.scrollTop = K(i * G, 0, G);
     }
-  }, [i, t, n]), it(S, "change", (N) => {
-    A(N, "x");
-  }), it(E, "change", (N) => {
-    A(N, "y");
+  }, [i, t, n]), it(S, "change", (k) => {
+    A(k, "x");
+  }), it(E, "change", (k) => {
+    A(k, "y");
   });
-  const [M, v] = X(!1);
+  const [I, v] = X(!1);
   Ae(() => {
-    M || !m.current || !h.current || !r || (r({
+    I || !m.current || !h.current || !r || (r({
       scrollProgress: 0,
       scroll: 0,
       scrollTotal: t == "vertical" ? h.current.height : h.current.width,
       scrollVisible: t == "vertical" ? m.current.height : m.current.width
     }), v(!0));
   }, [m, h, r]), h.current = b(), m.current = w();
-  const [k, R] = X(!1), I = Nn({
-    isDragging: k,
+  const [N, D] = X(!1), M = Nn({
+    isDragging: N,
     children: e,
     className: s,
     onScroll: r,
@@ -293,31 +293,31 @@ const Ln = ({
     scrollSize: n,
     draggable: a,
     throttleDuration: l
-  }), [O, L] = X(0), [J, V] = X(0), te = (N) => {
+  }), [O, L] = X(0), [J, V] = X(0), te = (k) => {
     if (!a) return;
     const C = o.current;
     if (!C || O == null) return;
-    const G = (N.pageX - C.offsetLeft - O) * 1.5;
+    const G = (k.pageX - C.offsetLeft - O) * 1.5;
     C.scrollLeft = J - G;
-  }, U = (N) => {
+  }, U = (k) => {
     const C = o.current;
-    C && (R(!0), L(N.pageX - C.offsetLeft), V(C.scrollLeft));
-  }, F = (N) => {
-    k && (N.preventDefault(), te(N));
-  }, D = () => {
-    R(!1);
-  }, B = () => {
-    R(!1);
-  }, $ = (N) => {
-    N.preventDefault();
+    C && (D(!0), L(k.pageX - C.offsetLeft), V(C.scrollLeft));
+  }, W = (k) => {
+    N && (k.preventDefault(), te(k));
+  }, R = () => {
+    D(!1);
+  }, T = () => {
+    D(!1);
+  }, $ = (k) => {
+    k.preventDefault();
   }, P = z(null);
   return _(() => () => {
     P.current && clearTimeout(P.current);
   }, []), _(() => {
-    const N = o.current;
-    if (!N) return;
+    const k = o.current;
+    if (!k) return;
     const C = (K) => {
-      var le, W, q, T;
+      var le, F, q, B;
       const G = K.detail, ee = o.current;
       if (!ee || !G) return;
       const oe = G.orientation ?? t;
@@ -331,7 +331,7 @@ const Ln = ({
         } else {
           const re = Math.max(
             0,
-            (((W = h.current) == null ? void 0 : W.height) ?? 0) - ee.clientHeight
+            (((F = h.current) == null ? void 0 : F.height) ?? 0) - ee.clientHeight
           );
           ee.scrollTop = Math.min(re, Math.max(0, G.progress * re));
         }
@@ -345,27 +345,27 @@ const Ln = ({
         } else {
           const re = Math.max(
             0,
-            (((T = h.current) == null ? void 0 : T.height) ?? 0) - ee.clientHeight
+            (((B = h.current) == null ? void 0 : B.height) ?? 0) - ee.clientHeight
           );
           ee.scrollTop = Math.min(re, Math.max(0, G.scroll));
         }
     };
-    return N.addEventListener("udx:customScroll:set", C), () => {
-      N.removeEventListener("udx:customScroll:set", C);
+    return k.addEventListener("udx:customScroll:set", C), () => {
+      k.removeEventListener("udx:customScroll:set", C);
     };
   }, [t]), /* @__PURE__ */ j(
     "div",
     {
-      className: I.customScroll,
+      className: M.customScroll,
       ref: o,
       onMouseDown: U,
-      onMouseMove: F,
-      onMouseUp: D,
-      onMouseLeave: B,
+      onMouseMove: W,
+      onMouseUp: R,
+      onMouseLeave: T,
       onDragStart: $,
-      onScroll: (N) => {
-        k || (L(null), R(!0), P.current && clearTimeout(P.current), P.current = setTimeout(() => {
-          R(!1);
+      onScroll: (k) => {
+        N || (L(null), D(!0), P.current && clearTimeout(P.current), P.current = setTimeout(() => {
+          D(!1);
         }, 1e3));
       },
       children: [
@@ -374,7 +374,7 @@ const Ln = ({
           {
             ref: d,
             style: t === "vertical" ? { height: ((Z = m == null ? void 0 : m.current) == null ? void 0 : Z.height) ?? "100%" } : { width: ((x = m == null ? void 0 : m.current) == null ? void 0 : x.width) ?? "100%" },
-            className: I.track,
+            className: M.track,
             children: e
           }
         ),
@@ -406,11 +406,11 @@ var En = "1.3.17";
 function xt(e, t, n) {
   return Math.max(e, Math.min(t, n));
 }
-function In(e, t, n) {
+function Mn(e, t, n) {
   return (1 - n) * e + n * t;
 }
-function Mn(e, t, n, r) {
-  return In(e, t, 1 - Math.exp(-n * r));
+function In(e, t, n, r) {
+  return Mn(e, t, 1 - Math.exp(-n * r));
 }
 function Cn(e, t) {
   return (e % t + t) % t;
@@ -443,7 +443,7 @@ var Dn = class {
       t = r >= 1;
       const s = t ? 1 : this.easing(r);
       this.value = this.from + (this.to - this.from) * s;
-    } else this.lerp ? (this.value = Mn(this.value, this.to, this.lerp * 60, e), Math.round(this.value) === this.to && (this.value = this.to, t = !0)) : (this.value = this.to, t = !0);
+    } else this.lerp ? (this.value = In(this.value, this.to, this.lerp * 60, e), Math.round(this.value) === this.to && (this.value = this.to, t = !0)) : (this.value = this.to, t = !0);
     t && this.stop(), (n = this.onUpdate) == null || n.call(this, this.value, t);
   }
   /** Stop the animation */
@@ -642,7 +642,7 @@ var $n = class {
       xe
     );
   }
-}, at = (e) => Math.min(1, 1.001 - Math.pow(2, -10 * e)), Wn = class {
+}, at = (e) => Math.min(1, 1.001 - Math.pow(2, -10 * e)), Fn = class {
   constructor({
     wrapper: e = window,
     content: t = document.documentElement,
@@ -668,13 +668,13 @@ var $n = class {
     overscroll: S = !0,
     autoRaf: g = !1,
     anchors: A = !1,
-    autoToggle: M = !1,
+    autoToggle: I = !1,
     // https://caniuse.com/?search=transition-behavior
     allowNestedScroll: v = !1,
     // @ts-ignore: this will be deprecated in the future
-    __experimental__naiveDimensions: k = !1,
-    naiveDimensions: R = k,
-    stopInertiaOnNavigate: I = !1
+    __experimental__naiveDimensions: N = !1,
+    naiveDimensions: D = N,
+    stopInertiaOnNavigate: M = !1
   } = {}) {
     H(this, "_isScrolling", !1);
     // true when scroll is animating
@@ -870,10 +870,10 @@ var $n = class {
       overscroll: S,
       autoRaf: g,
       anchors: A,
-      autoToggle: M,
+      autoToggle: I,
       allowNestedScroll: v,
-      naiveDimensions: R,
-      stopInertiaOnNavigate: I
+      naiveDimensions: D,
+      stopInertiaOnNavigate: M
     }, this.dimensions = new $n(e, t, { autoResize: b }), this.updateClassName(), this.targetScroll = this.animatedScroll = this.actualScroll, this.options.wrapper.addEventListener("scroll", this.onNativeScroll, !1), this.options.wrapper.addEventListener("scrollend", this.onScrollEnd, {
       capture: !0
     }), (this.options.anchors || this.options.stopInertiaOnNavigate) && this.options.wrapper.addEventListener(
@@ -1066,10 +1066,10 @@ var $n = class {
     const h = this.options.gestureOrientation;
     if (r - (s.time ?? 0) > 2e3) {
       s.time = Date.now();
-      const M = window.getComputedStyle(e);
-      s.computedStyle = M;
-      const v = M.overflowX, k = M.overflowY;
-      if (a = ["auto", "overlay", "scroll"].includes(v), l = ["auto", "overlay", "scroll"].includes(k), s.hasOverflowX = a, s.hasOverflowY = l, !a && !l || h === "vertical" && !l || h === "horizontal" && !a) return !1;
+      const I = window.getComputedStyle(e);
+      s.computedStyle = I;
+      const v = I.overflowX, N = I.overflowY;
+      if (a = ["auto", "overlay", "scroll"].includes(v), l = ["auto", "overlay", "scroll"].includes(N), s.hasOverflowX = a, s.hasOverflowY = l, !a && !l || h === "vertical" && !l || h === "horizontal" && !a) return !1;
       o = e.scrollWidth, d = e.scrollHeight, y = e.clientWidth, f = e.clientHeight, i = o > y, c = d > f, s.isScrollableX = i, s.isScrollableY = c, s.scrollWidth = o, s.scrollHeight = d, s.clientWidth = y, s.clientHeight = f;
     } else
       i = s.isScrollableX, c = s.isScrollableY, a = s.hasOverflowX, l = s.hasOverflowY, o = s.scrollWidth, d = s.scrollHeight, y = s.clientWidth, f = s.clientHeight;
@@ -1081,8 +1081,8 @@ var $n = class {
     else if (h === "vertical")
       m = "y";
     else {
-      const M = t !== 0, v = n !== 0;
-      M && a && i && (m = "x"), v && l && c && (m = "y");
+      const I = t !== 0, v = n !== 0;
+      I && a && i && (m = "x"), v && l && c && (m = "y");
     }
     if (!m) return !1;
     let b, w, E, S, g;
@@ -1191,7 +1191,7 @@ const ts = ({
     let c;
     typeof e == "string" ? e.endsWith("ms") ? c = parseFloat(e) / 1e3 : e.endsWith("s") ? c = parseFloat(e) : c = parseFloat(e) || 1.2 : c = e;
     const o = (y) => 1 - Math.pow(1 - y, 5);
-    l.current = new Wn({
+    l.current = new Fn({
       duration: c,
       easing: t ?? o,
       orientation: n,
@@ -1244,7 +1244,7 @@ const ts = ({
       ]
     }
   );
-}, Fn = ({
+}, Wn = ({
   isClient: e,
   stateClassName: t
 }) => ({
@@ -1254,7 +1254,7 @@ const ts = ({
   ])
 }), Pn = ne(
   "stateLayer",
-  Fn
+  Wn
 ), On = ({
   targetRef: e,
   children: t
@@ -1284,7 +1284,7 @@ const ts = ({
       };
   }, [e]), n ? Ke(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
 };
-function Bn(e) {
+function Tn(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
 const ns = ({
@@ -1310,9 +1310,9 @@ const ns = ({
         ),
         { type: "module" }
       );
-      c.current = A, A.onmessage = (M) => {
+      c.current = A, A.onmessage = (I) => {
         var v;
-        M.data.id > d.current && (d.current = M.data.id, f.current = !0, i(M.data.css), (v = h.current) == null || v.call(h, y.current));
+        I.data.id > d.current && (d.current = I.data.id, f.current = !0, i(I.data.css), (v = h.current) == null || v.call(h, y.current));
       };
     })(), () => {
       var g;
@@ -1325,24 +1325,24 @@ const ns = ({
     const S = {
       ...e,
       sourceColor: e.sourceColor
-    }, g = Date.now(), A = g - b.current, M = async (v) => {
+    }, g = Date.now(), A = g - b.current, I = async (v) => {
       await E(v);
     };
     if (b.current === 0 || A >= t)
-      m.current && (clearTimeout(m.current), m.current = null), w.current = null, b.current = g, M(S);
+      m.current && (clearTimeout(m.current), m.current = null), w.current = null, b.current = g, I(S);
     else if (w.current = S, !m.current) {
       const v = Math.max(0, t - A);
       m.current = setTimeout(async () => {
         m.current = null;
-        const k = w.current;
-        w.current = null, k && (b.current = Date.now(), await M(k));
+        const N = w.current;
+        w.current = null, N && (b.current = Date.now(), await I(N));
       }, v);
     }
     return () => {
     };
   }, [e, t, s]);
   const E = async (S) => {
-    if (typeof S.sourceColor == "string" && !Bn(S.sourceColor))
+    if (typeof S.sourceColor == "string" && !Tn(S.sourceColor))
       throw new Error("Invalid hex color");
     const g = y.current;
     if (!g) return;
@@ -1350,23 +1350,35 @@ const ns = ({
     const A = c.current;
     if (!A || !f.current) {
       await g.load();
-      const v = g.plugins.getPlugin(Ue).getInstance().outputCss;
-      i(v), f.current = !0, n == null || n(g);
+      const D = g.plugins.getPlugin(Ue).getInstance().outputCss;
+      i(D), f.current = !0, n == null || n(g);
       return;
     }
-    const M = ++o.current;
+    const I = ++o.current, v = g.plugins.getPlugin(Ue).options, N = g.plugins.getPlugin(wt).options;
     A.postMessage({
-      id: M,
+      id: I,
       snapshot: yn(g),
-      tailwindOptions: g.plugins.getPlugin(Ue).options,
-      fontOptions: g.plugins.getPlugin(wt).options
+      // Ne passer que les champs primitifs : TailwindPlugin.options stocke le ConfigInterface
+      // complet (palettes inclus) qui peut contenir des fonctions non-clonables.
+      tailwindOptions: {
+        darkMode: v.darkMode,
+        dynamicSelector: v.dynamicSelector,
+        darkSelector: v.darkSelector,
+        responsiveBreakPoints: v.responsiveBreakPoints,
+        styleFilePath: v.styleFilePath,
+        subThemes: v.subThemes
+      },
+      fontOptions: {
+        fontFamily: N.fontFamily,
+        fontStyles: N.fontStyles
+      }
     });
   };
   return _(() => () => {
     m.current && (clearTimeout(m.current), m.current = null);
   }, []), l ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: l } }) : null;
 };
-function Tn() {
+function Bn() {
   if (typeof window > "u") return !1;
   try {
     if (window.CSS && typeof window.CSS.supports == "function")
@@ -1464,7 +1476,7 @@ function Nt(e = {}) {
   if (Hn())
     return () => {
     };
-  const r = Tn(), s = /* @__PURE__ */ new WeakSet();
+  const r = Bn(), s = /* @__PURE__ */ new WeakSet();
   let a = typeof window < "u" && (window.pageYOffset || window.scrollY) || 0, l = !0;
   const i = () => {
     const h = window.pageYOffset || window.scrollY || 0;
@@ -1535,7 +1547,7 @@ function Nt(e = {}) {
     d && d(), typeof window < "u" && window.removeEventListener("scroll", i), c.disconnect();
   };
 }
-const rs = Nt, ss = Nt, We = ({
+const rs = Nt, ss = Nt, Fe = ({
   anchorRef: e,
   position: t = "bottom",
   children: n,
@@ -1741,16 +1753,16 @@ const rs = Nt, ss = Nt, We = ({
 ), Un = ne(
   "carouselItem",
   Et
-), It = () => ({
+), Mt = () => ({
   carousel: p(["w-full h-[400px]"]),
   track: p("flex h-full w-full")
 }), as = ie(
   "carousel",
-  It
+  Mt
 ), qn = ne(
   "carousel",
-  It
-), Mt = ({
+  Mt
+), It = ({
   isChecked: e,
   isIndeterminate: t,
   isDisabled: n,
@@ -1796,10 +1808,10 @@ const rs = Nt, ss = Nt, We = ({
   stateLayer: "size-10 state-ripple-group-[checkbox] rounded-full cursor-pointer pointer-events-auto absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"
 }), cs = ie(
   "checkbox",
-  Mt
+  It
 ), jn = ne(
   "checkbox",
-  Mt
+  It
 ), Ct = ({
   variant: e,
   disabled: t,
@@ -1927,7 +1939,7 @@ const rs = Nt, ss = Nt, We = ({
 ), Qn = ne(
   "fabMenu",
   At
-), Wt = ({
+), Ft = ({
   variant: e,
   disabled: t,
   onToggle: n,
@@ -2061,11 +2073,11 @@ const rs = Nt, ss = Nt, We = ({
   )
 }), ps = ie(
   "iconButton",
-  Wt
+  Ft
 ), er = ne(
   "iconButton",
-  Wt
-), Ft = ({
+  Ft
+), Wt = ({
   variant: e,
   hasGroups: t
 }) => ({
@@ -2081,9 +2093,9 @@ const rs = Nt, ss = Nt, We = ({
       "bg-transparent ": t
     }
   )
-}), ys = ie("menu", Ft), tr = ne(
+}), ys = ie("menu", Wt), tr = ne(
   "menu",
-  Ft
+  Wt
 ), Pt = ({
   variant: e
 }) => ({
@@ -2154,7 +2166,7 @@ const rs = Nt, ss = Nt, We = ({
 ), rr = ne(
   "progressIndicator",
   Ot
-), Bt = ({
+), Tt = ({
   variant: e,
   position: t
 }) => ({
@@ -2181,11 +2193,11 @@ const rs = Nt, ss = Nt, We = ({
   overlay: p("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")
 }), sr = ie(
   "sideSheet",
-  Bt
+  Tt
 ), ws = ne(
   "sideSheet",
-  Bt
-), Tt = ({
+  Tt
+), Bt = ({
   isChanging: e
 }) => ({
   slider: p([
@@ -2209,10 +2221,10 @@ const rs = Nt, ss = Nt, We = ({
   ])
 }), bs = ie(
   "slider",
-  Tt
+  Bt
 ), or = ne(
   "slider",
-  Tt
+  Bt
 ), Ht = () => ({
   snackbar: p(" rounded bg-inverse-surface "),
   container: p(
@@ -2454,7 +2466,7 @@ const rs = Nt, ss = Nt, We = ({
     r == "filled" && " pb-2 pt-6",
     r == "outlined" && "py-4 relative z-10"
   )
-}), Is = ie(
+}), Ms = ie(
   "textField",
   Ut
 ), fr = ne(
@@ -2488,7 +2500,7 @@ const rs = Nt, ss = Nt, We = ({
   subHead: p("text-title-small mb-1", t == "plain" && "hidden"),
   supportingText: p(""),
   content: p("w-full")
-}), Ms = ie(
+}), Is = ie(
   "toolTip",
   qt
 ), hr = ne(
@@ -2772,13 +2784,13 @@ const Le = ({
       "Button component requires either a label prop or children content"
     );
   e = pr(e);
-  const g = r ? "a" : "button", A = z(null), M = h || A, [v, k] = Y.useState(f);
+  const g = r ? "a" : "button", A = z(null), I = h || A, [v, N] = Y.useState(f);
   _(() => {
-    k(f);
+    N(f);
   }, [f]), w = { duration: 0.3, ...w };
-  const R = (L) => {
-    t && L.preventDefault(), y ? (k(!v), y(!v)) : d && d(L);
-  }, I = _n({
+  const D = (L) => {
+    t && L.preventDefault(), y ? (N(!v), y(!v)) : d && d(L);
+  }, M = _n({
     allowShapeTransformation: b,
     size: m,
     disableTextMargins: a,
@@ -2796,25 +2808,25 @@ const Le = ({
     activated: v,
     label: s,
     children: s
-  }), O = n ? /* @__PURE__ */ u(fe, { icon: n, className: I.icon }) : /* @__PURE__ */ u(me, {});
+  }), O = n ? /* @__PURE__ */ u(fe, { icon: n, className: M.icon }) : /* @__PURE__ */ u(me, {});
   return /* @__PURE__ */ j(
     g,
     {
-      ref: M,
+      ref: I,
       href: r,
-      className: I.button,
+      className: M.button,
       ...S,
-      onClick: R,
+      onClick: D,
       disabled: t,
       "aria-pressed": y ? v : void 0,
       style: { transition: w.duration + "s" },
       children: [
-        /* @__PURE__ */ u("div", { className: I.touchTarget }),
+        /* @__PURE__ */ u("div", { className: M.touchTarget }),
         /* @__PURE__ */ u(
           be,
           {
             style: { transition: w.duration + "s" },
-            className: I.stateLayer,
+            className: M.stateLayer,
             colorName: p(
               e === "filled" && {
                 "on-surface-variant": !v && !!y,
@@ -2875,7 +2887,7 @@ const Le = ({
             )
           }
         ),
-        /* @__PURE__ */ u("span", { className: I.label, children: s }),
+        /* @__PURE__ */ u("span", { className: M.label, children: s }),
         i === "right" && O
       ]
     }
@@ -2970,73 +2982,73 @@ const Le = ({
     scrollTotal: 0,
     scrollVisible: 0,
     scroll: 0
-  }), g = z(0), A = z(null), M = z([]).current, [v, k] = X(0);
-  M.length !== w.length && (M.length = 0, w.forEach(($, P) => {
-    M[P] = Y.createRef();
+  }), g = z(0), A = z(null), I = z([]).current, [v, N] = X(0);
+  I.length !== w.length && (I.length = 0, w.forEach(($, P) => {
+    I[P] = Y.createRef();
   }));
-  const R = he(() => {
+  const D = he(() => {
     if (!E.current || !m.current) return;
     const $ = g.current, P = S.current.scrollVisible || m.current.clientWidth || 0;
-    function Z(T, re) {
-      return T.map((ce, Se) => {
-        const De = (ce - re) / Math.abs(T[1] - T[0]);
+    function Z(B, re) {
+      return B.map((ce, Se) => {
+        const De = (ce - re) / Math.abs(B[1] - B[0]);
         return { itemScrollXCenter: ce, relativeIndex: De, index: Se, width: 0 };
       });
     }
-    const x = w.map((T, re) => {
+    const x = w.map((B, re) => {
       const ce = re / Math.max(1, w.length - 1);
       return Ee(ce, [0, 1], [0, 1]);
-    }), N = Z(
+    }), k = Z(
       x,
       $
-    ).sort((T, re) => T.index - re.index);
+    ).sort((B, re) => B.index - re.index);
     let C = P + i + l[0] + i, K = v;
-    const G = N.sort((T, re) => Math.abs(T.relativeIndex) - Math.abs(re.relativeIndex)).map((T, re) => {
+    const G = k.sort((B, re) => Math.abs(B.relativeIndex) - Math.abs(re.relativeIndex)).map((B, re) => {
       if (!(C <= 0)) {
-        if (re === 0 && (K = T.index), T.width = Ee(
+        if (re === 0 && (K = B.index), B.width = Ee(
           C - i,
           [l[0], l[1]],
           [l[0], l[1]]
-        ), C -= T.width + i, C !== 0 && C < (l[0] + i) * 2) {
-          const ce = T.width - ((l[0] + i) * 2 - C);
-          C += T.width, T.width = ce, C -= T.width;
-        } else if (C === 0 && T.width >= l[0] * 2 + i) {
-          const ce = T.width - (l[0] + i - C);
-          C += T.width, T.width = ce, C -= T.width;
+        ), C -= B.width + i, C !== 0 && C < (l[0] + i) * 2) {
+          const ce = B.width - ((l[0] + i) * 2 - C);
+          C += B.width, B.width = ce, C -= B.width;
+        } else if (C === 0 && B.width >= l[0] * 2 + i) {
+          const ce = B.width - (l[0] + i - C);
+          C += B.width, B.width = ce, C -= B.width;
         }
-        return T;
+        return B;
       }
-    }).filter(Boolean), ee = [...G].reverse(), oe = [...G].sort((T, re) => Math.abs(T.index) - Math.abs(re.index));
-    ee.forEach((T, re) => {
+    }).filter(Boolean), ee = [...G].reverse(), oe = [...G].sort((B, re) => Math.abs(B.index) - Math.abs(re.index));
+    ee.forEach((B, re) => {
       const ce = ee[re + 1];
       if (!ce) return;
-      const Se = 1 - (Math.abs(T.relativeIndex) - Math.abs(ce.relativeIndex)), De = Ee(Se, [0, 2], [T.width + C, ce.width]);
-      C += T.width, T.width = De, C -= T.width;
+      const Se = 1 - (Math.abs(B.relativeIndex) - Math.abs(ce.relativeIndex)), De = Ee(Se, [0, 2], [B.width + C, ce.width]);
+      C += B.width, B.width = De, C -= B.width;
     });
-    const le = G.length / 2, W = Ee(
+    const le = G.length / 2, F = Ee(
       Math.abs(oe[0].relativeIndex),
       [oe[0].index === 0 ? 0 : le - 1, le],
       [0, 1]
-    ), q = Ee(W, [0, 1], [0, 1]) * -(l[0] + i);
-    M.forEach((T, re) => {
-      if (T.current) {
+    ), q = Ee(F, [0, 1], [0, 1]) * -(l[0] + i);
+    I.forEach((B, re) => {
+      if (B.current) {
         const ce = G.find((Se) => Se.index === re);
-        ce ? (T.current.style.setProperty("--carousel-item-width", `${ce.width}px`), T.current.style.display = "block") : (T.current.style.setProperty("--carousel-item-width", `${l[0]}px`), T.current.style.display = "none");
+        ce ? (B.current.style.setProperty("--carousel-item-width", `${ce.width}px`), B.current.style.display = "block") : (B.current.style.setProperty("--carousel-item-width", `${l[0]}px`), B.current.style.display = "none");
       }
-    }), E.current.style.transform = `translateX(${q}px)`, K !== v && k(K);
+    }), E.current.style.transform = `translateX(${q}px)`, K !== v && N(K);
   }, [w.length, l, i, v]);
   Ae(() => {
-    R();
-  }, [R, w.length]), _(() => {
+    D();
+  }, [D, w.length]), _(() => {
     c && c(v);
   }, [v, c]);
-  const [I, O] = X(0);
+  const [M, O] = X(0);
   _(() => {
     O(v);
   }, [v]);
   const L = ($, P = {}) => {
     if (!w.length) return 0;
-    const Z = M[$];
+    const Z = I[$];
     if (!Z || !Z.current || !E.current) return 0;
     const x = Ee(
       $ / Math.max(1, w.length - 1),
@@ -3068,9 +3080,9 @@ const Le = ({
         damping: 32,
         mass: 0.6,
         restDelta: 5e-4,
-        onUpdate: (N) => {
-          g.current = N, requestAnimationFrame(() => {
-            R();
+        onUpdate: (k) => {
+          g.current = k, requestAnimationFrame(() => {
+            D();
           });
         }
       });
@@ -3083,7 +3095,7 @@ const Le = ({
   _(() => {
     const $ = V.current;
     if (!$ || !(m != null && m.current) || w.length <= 0) return;
-    const P = w.length, Z = m.current.clientWidth || 0, x = l[1], N = g.current, C = (Z + i) / (x + i), K = Math.max(1, Math.floor(C)), G = Math.max(1, Math.round(K * (2 / 3))), ee = Math.min(Math.max(0, v), Math.max(0, P - 1)), oe = {
+    const P = w.length, Z = m.current.clientWidth || 0, x = l[1], k = g.current, C = (Z + i) / (x + i), K = Math.max(1, Math.floor(C)), G = Math.max(1, Math.round(K * (2 / 3))), ee = Math.min(Math.max(0, v), Math.max(0, P - 1)), oe = {
       total: P,
       selectedIndex: ee,
       visibleApprox: C,
@@ -3091,35 +3103,35 @@ const Le = ({
       stepHalf: G,
       canPrev: ee > 0,
       canNext: ee < P - 1,
-      scrollProgress: N,
+      scrollProgress: k,
       viewportWidth: Z,
       itemMaxWidth: x,
       gap: i
     }, le = te.current;
-    let W = !le;
-    if (!W) {
+    let F = !le;
+    if (!F) {
       for (const q in oe)
         if (oe[q] !== le[q]) {
-          W = !0;
+          F = !0;
           break;
         }
     }
-    W && (te.current = oe, $(oe));
+    F && (te.current = oe, $(oe));
   }, [m, w.length, v, i, l]), _(() => () => {
     var $;
     ($ = A.current) == null || $.stop();
   }, []);
-  const [U, F] = X(0);
+  const [U, W] = X(0);
   Ae(() => {
     let $ = l[1];
     const P = S.current;
     P && $ > P.scrollVisible && P.scrollVisible > 0 && ($ = P.scrollVisible);
     const Z = ($ + i) * w.length / y;
-    F(Z || 400);
+    W(Z || 400);
   }, [m, w.length, i, l, y]);
-  const D = ($) => {
+  const R = ($) => {
     if (!w.length) return;
-    const P = I ?? v;
+    const P = M ?? v;
     switch ($.key) {
       case "ArrowLeft":
         $.preventDefault(), L(Math.max(0, P - 1));
@@ -3150,16 +3162,16 @@ const Le = ({
       $.removeEventListener("udx:carousel:centerIndex", P);
     };
   }, [m, w.length]);
-  const B = w.map(($, P) => {
-    var N;
-    const Z = (N = $.props) == null ? void 0 : N.onClick, x = (C) => {
+  const T = w.map(($, P) => {
+    var k;
+    const Z = (k = $.props) == null ? void 0 : k.onClick, x = (C) => {
       Z == null || Z(C);
     };
     return Y.cloneElement(
       $,
       {
         outputRange: l,
-        ref: M[P],
+        ref: I[P],
         key: P,
         index: P,
         role: "option",
@@ -3178,7 +3190,7 @@ const Le = ({
       ref: m,
       role: "listbox",
       "aria-orientation": "horizontal",
-      onKeyDown: D,
+      onKeyDown: R,
       ...f,
       children: /* @__PURE__ */ u(
         Ln,
@@ -3196,7 +3208,7 @@ const Le = ({
                 gap: `${i}px`,
                 willChange: "transform"
               },
-              children: B
+              children: T
             }
           )
         }
@@ -3233,11 +3245,11 @@ var vr = {
   prefix: "fas",
   iconName: "check",
   icon: [448, 512, [10003, 10004], "f00c", "M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z"]
-}, Fe = {
+}, We = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, xr = Fe, Kt = {
+}, xr = We, Kt = {
   prefix: "fas",
   iconName: "chevron-down",
   icon: [448, 512, [], "f078", "M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]
@@ -3270,8 +3282,8 @@ const Rs = ({
   _(() => {
     A.current && (A.current.indeterminate = n);
   }, [n]);
-  const M = (k) => {
-    r || (m || w(k.target.checked), a && a(k));
+  const I = (N) => {
+    r || (m || w(N.target.checked), a && a(N));
   }, v = jn({
     isChecked: !!E,
     isIndeterminate: n,
@@ -3302,7 +3314,7 @@ const Rs = ({
                 value: c,
                 checked: E,
                 disabled: r,
-                onChange: M,
+                onChange: I,
                 onFocus: () => g(!0),
                 onBlur: () => g(!1),
                 className: v.input,
@@ -3358,40 +3370,40 @@ const Rs = ({
     throw new Error(
       "Chip component requires either a label prop or children content"
     );
-  const A = r ? "a" : "button", M = z(null), v = o || M, [k, R] = Y.useState(c), [I, O] = Y.useState(!1), [L, J] = X(S && y), [V, te] = Y.useState(!1), [U, F] = Y.useState(
+  const A = r ? "a" : "button", I = z(null), v = o || I, [N, D] = Y.useState(c), [M, O] = Y.useState(!1), [L, J] = X(S && y), [V, te] = Y.useState(!1), [U, W] = Y.useState(
     typeof s == "string" ? s : ""
-  ), D = Y.useRef(null);
+  ), R = Y.useRef(null);
   _(() => {
-    R(c);
+    D(c);
   }, [c]), _(() => {
-    if (S && J(S), y && I) {
-      const W = setTimeout(() => {
+    if (S && J(S), y && M) {
+      const F = setTimeout(() => {
         g != null && g.draggable && V || J(!0);
       }, 1e3);
-      return () => clearTimeout(W);
-    } else I || J(!1);
-  }, [I, y, V, g, U]), _(() => {
+      return () => clearTimeout(F);
+    } else M || J(!1);
+  }, [M, y, V, g, U]), _(() => {
     if (L) {
-      F(typeof s == "string" ? s : "");
-      const W = oe.current || D.current;
-      if (W) {
-        W.focus();
+      W(typeof s == "string" ? s : "");
+      const F = oe.current || R.current;
+      if (F) {
+        F.focus();
         const q = document.createRange();
-        q.selectNodeContents(W), q.collapse(!1);
-        const T = window.getSelection();
-        T == null || T.removeAllRanges(), T == null || T.addRange(q);
+        q.selectNodeContents(F), q.collapse(!1);
+        const B = window.getSelection();
+        B == null || B.removeAllRanges(), B == null || B.addRange(q);
       }
     }
   }, [L]), w = { duration: 0.3, ...w };
-  const B = (W) => {
-    t && W.preventDefault(), i ? (R(!k), i(!k)) : l && l(W);
+  const T = (F) => {
+    t && F.preventDefault(), i ? (D(!N), i(!N)) : l && l(F);
   }, $ = !!i || !!d || !!l || !!r || !!y;
   c && (n = Ze);
   const {
     onFocus: P,
     onBlur: Z,
     onKeyDown: x,
-    onDragStart: N,
+    onDragStart: k,
     onDragEnd: C,
     onDoubleClick: K,
     ...G
@@ -3402,23 +3414,23 @@ const Rs = ({
     variant: e,
     transition: w,
     className: a,
-    isActive: k ?? !1,
+    isActive: N ?? !1,
     onToggle: i,
-    activated: k,
+    activated: N,
     label: s,
     isInteractive: $,
     children: s,
-    isFocused: I,
+    isFocused: M,
     isDragging: V,
     onEditCommit: h,
     isEditing: L
   }), oe = z(null), le = () => {
-    const W = (U ?? "").trim();
-    if (!W) {
+    const F = (U ?? "").trim();
+    if (!F) {
       d && d();
       return;
     }
-    h == null || h(W);
+    h == null || h(F);
   };
   return /* @__PURE__ */ j(
     A,
@@ -3428,47 +3440,47 @@ const Rs = ({
       href: r,
       className: ee.chip,
       ...G,
-      onClick: (W) => {
-        L || B(W);
+      onClick: (F) => {
+        L || T(F);
       },
       draggable: !t && !!(g != null && g.draggable),
-      onDragStart: (W) => {
-        !t && (g != null && g.draggable) && te(!0), N == null || N(W);
+      onDragStart: (F) => {
+        !t && (g != null && g.draggable) && te(!0), k == null || k(F);
       },
-      onDragEnd: (W) => {
-        g != null && g.draggable && te(!1), C == null || C(W);
+      onDragEnd: (F) => {
+        g != null && g.draggable && te(!1), C == null || C(F);
       },
-      onDoubleClick: (W) => {
-        !t && y && !L && (f == null || f(), W.preventDefault(), W.stopPropagation()), K == null || K(W);
+      onDoubleClick: (F) => {
+        !t && y && !L && (f == null || f(), F.preventDefault(), F.stopPropagation()), K == null || K(F);
       },
-      onFocus: (W) => {
-        $ && O(!0), P == null || P(W);
+      onFocus: (F) => {
+        $ && O(!0), P == null || P(F);
       },
-      onBlur: (W) => {
-        O(!1), Z == null || Z(W);
+      onBlur: (F) => {
+        O(!1), Z == null || Z(F);
       },
-      onKeyDown: (W) => {
-        const q = W.key;
+      onKeyDown: (F) => {
+        const q = F.key;
         if (!t && L) {
-          q === "Enter" ? (W.preventDefault(), le()) : q === "Escape" ? (W.preventDefault(), m == null || m()) : d && (U == null ? void 0 : U.trim()) === "" && (q === "Backspace" || q === "Delete" || q === "Del") && (W.preventDefault(), W.stopPropagation(), d());
+          q === "Enter" ? (F.preventDefault(), le()) : q === "Escape" ? (F.preventDefault(), m == null || m()) : d && (U == null ? void 0 : U.trim()) === "" && (q === "Backspace" || q === "Delete" || q === "Del") && (F.preventDefault(), F.stopPropagation(), d());
           return;
         }
-        if (!t && I) {
+        if (!t && M) {
           if (y && !i && (q === "F2" || q === "Enter")) {
-            W.preventDefault(), f == null || f();
+            F.preventDefault(), f == null || f();
             return;
           }
           if (i && (q === "Enter" || q === " " || q === "Spacebar")) {
-            W.preventDefault();
-            const T = !k;
-            R(T), i(T);
+            F.preventDefault();
+            const B = !N;
+            D(B), i(B);
           }
-          d && (q === "Backspace" || q === "Delete" || q === "Del") && (W.preventDefault(), W.stopPropagation(), d());
+          d && (q === "Backspace" || q === "Delete" || q === "Del") && (F.preventDefault(), F.stopPropagation(), d());
         }
-        x == null || x(W);
+        x == null || x(F);
       },
       disabled: t,
-      "aria-pressed": i ? k : void 0,
+      "aria-pressed": i ? N : void 0,
       style: { transition: w.duration + "s" },
       children: [
         $ && !t && !L && /* @__PURE__ */ u(
@@ -3477,8 +3489,8 @@ const Rs = ({
             style: { transition: w.duration + "s" },
             className: ee.stateLayer,
             colorName: p({
-              "on-surface-variant": !k,
-              "on-secondary-container": k
+              "on-surface-variant": !N,
+              "on-secondary-container": N
             }),
             stateClassName: "state-ripple-group-[chip]"
           }
@@ -3493,19 +3505,19 @@ const Rs = ({
             className: ee.label,
             role: y ? "textbox" : void 0,
             spellCheck: !1,
-            onInput: (W) => {
-              const q = W.currentTarget.innerText;
-              F(q), b == null || b(q);
+            onInput: (F) => {
+              const q = F.currentTarget.innerText;
+              W(q), b == null || b(q);
             },
-            onBlur: (W) => {
+            onBlur: (F) => {
               y && L && le();
             },
-            onKeyDown: (W) => {
-              if (y && L && W.key === "Enter") {
-                W.preventDefault(), W.stopPropagation(), le();
+            onKeyDown: (F) => {
+              if (y && L && F.key === "Enter") {
+                F.preventDefault(), F.stopPropagation(), le();
                 return;
               }
-              y && L && W.key === "Escape" && (W.preventDefault(), W.stopPropagation(), m == null || m());
+              y && L && F.key === "Escape" && (F.preventDefault(), F.stopPropagation(), m == null || m());
             },
             children: s
           }
@@ -3513,13 +3525,13 @@ const Rs = ({
         d && !L && /* @__PURE__ */ u(
           fe,
           {
-            icon: Fe,
+            icon: We,
             className: ee.trailingIcon,
-            onMouseDown: (W) => {
-              W.preventDefault(), W.stopPropagation();
+            onMouseDown: (F) => {
+              F.preventDefault(), F.stopPropagation();
             },
-            onClick: (W) => {
-              W.stopPropagation(), t || d();
+            onClick: (F) => {
+              F.stopPropagation(), t || d();
             }
           }
         )
@@ -3581,7 +3593,7 @@ const Rs = ({
   _(() => {
     S(o);
   }, [o]);
-  const M = Lr({
+  const I = Lr({
     variant: a,
     disabled: s,
     className: d,
@@ -3597,9 +3609,9 @@ const Rs = ({
       return;
     }
     c ? (S(!E), c(!E)) : (console.log("click", i), i == null || i(L));
-  }, k = () => {
+  }, N = () => {
     A.current && (clearTimeout(A.current), A.current = null), !s && f && w(!0);
-  }, R = () => {
+  }, D = () => {
     f && (A.current = setTimeout(() => {
       w(!1);
     }, 150));
@@ -3607,16 +3619,16 @@ const Rs = ({
   Y.useEffect(() => () => {
     A.current && clearTimeout(A.current);
   }, []);
-  const I = r ?? (f ? jt : void 0);
+  const M = r ?? (f ? jt : void 0);
   return /* @__PURE__ */ j(
     l ? "a" : "button",
     {
       ref: g,
       href: l,
-      className: M.menuItem,
+      className: I.menuItem,
       onClick: v,
-      onMouseEnter: k,
-      onMouseLeave: R,
+      onMouseEnter: N,
+      onMouseLeave: D,
       role: "option",
       "aria-haspopup": !!f,
       "aria-expanded": b,
@@ -3643,38 +3655,38 @@ const Rs = ({
           "div",
           {
             className: p(
-              M.itemIcon,
-              M.leadingIcon,
+              I.itemIcon,
+              I.leadingIcon,
               "z-10 relative"
             ),
             children: Y.isValidElement(n) ? n : /* @__PURE__ */ u(fe, { icon: n })
           }
         ),
-        /* @__PURE__ */ u("span", { className: p(M.itemLabel, "z-10 relative"), children: m }),
-        I && /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: p(I.itemLabel, "z-10 relative"), children: m }),
+        M && /* @__PURE__ */ u(
           "div",
           {
             className: p(
-              M.itemIcon,
-              M.trailingIcon,
+              I.itemIcon,
+              I.trailingIcon,
               "z-10 relative"
             ),
-            children: Y.isValidElement(I) ? I : /* @__PURE__ */ u(fe, { icon: I })
+            children: Y.isValidElement(M) ? M : /* @__PURE__ */ u(fe, { icon: M })
           }
         ),
         f && b && /* @__PURE__ */ u(
-          We,
+          Fe,
           {
             anchorRef: g,
             position: "inline-end span-block-end",
             hoverOpen: !0,
-            children: /* @__PURE__ */ u("div", { onMouseEnter: k, onMouseLeave: R, children: f })
+            children: /* @__PURE__ */ u("div", { onMouseEnter: N, onMouseLeave: D, children: f })
           }
         )
       ]
     }
   );
-}, Te = ({
+}, Be = ({
   orientation: e = "horizontal",
   className: t,
   ...n
@@ -3686,8 +3698,8 @@ const Rs = ({
     "text-on-surface-variant": !(e != null && e.variant) || e.variant === "standard"
     // Vibrant treatment if different
   })
-}), Ir = ne("menu-headline", Er), Gt = ({ label: e, children: t, variant: n, className: r, ...s }) => {
-  const a = Ir({ variant: n, className: r });
+}), Mr = ne("menu-headline", Er), Gt = ({ label: e, children: t, variant: n, className: r, ...s }) => {
+  const a = Mr({ variant: n, className: r });
   return /* @__PURE__ */ u("div", { className: a.headline, role: "group", "aria-label": e, ...s, children: t ?? e });
 }, pt = ({
   children: e,
@@ -3734,7 +3746,7 @@ const Rs = ({
       variant: o.props.variant ?? n
     }) : o.type === Gt ? Y.cloneElement(o, {
       variant: n
-    }) : o.type === Te ? Y.cloneElement(o, {
+    }) : o.type === Be ? Y.cloneElement(o, {
       className: p("my-1", o.props.className)
     }) : o;
   });
@@ -3791,7 +3803,7 @@ const Rs = ({
       }
     ),
     r && /* @__PURE__ */ u(
-      We,
+      Fe,
       {
         anchorRef: a,
         position: "bottom right",
@@ -3803,7 +3815,7 @@ const Rs = ({
 }, ue = [];
 for (let e = 0; e < 256; ++e)
   ue.push((e + 256).toString(16).slice(1));
-function Mr(e, t = 0) {
+function Ir(e, t = 0) {
   return (ue[e[t + 0]] + ue[e[t + 1]] + ue[e[t + 2]] + ue[e[t + 3]] + "-" + ue[e[t + 4]] + ue[e[t + 5]] + "-" + ue[e[t + 6]] + ue[e[t + 7]] + "-" + ue[e[t + 8]] + ue[e[t + 9]] + "-" + ue[e[t + 10]] + ue[e[t + 11]] + ue[e[t + 12]] + ue[e[t + 13]] + ue[e[t + 14]] + ue[e[t + 15]]).toLowerCase();
 }
 let Xe;
@@ -3825,7 +3837,7 @@ function Zt(e, t, n) {
   const r = e.random ?? ((s = e.rng) == null ? void 0 : s.call(e)) ?? Dr();
   if (r.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Mr(r);
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Ir(r);
 }
 const As = ({
   variant: e = "input",
@@ -3836,13 +3848,13 @@ const As = ({
   onItemsChange: a
 }) => {
   const l = s ?? [], i = Y.useRef(null), [c, o] = Y.useState(!1), d = Y.useRef(/* @__PURE__ */ new WeakMap()), y = Y.useCallback((v) => {
-    const k = d.current;
-    let R = k.get(v);
-    return R || (R = Zt(), k.set(v, R)), R;
+    const N = d.current;
+    let D = N.get(v);
+    return D || (D = Zt(), N.set(v, D)), D;
   }, []);
   Y.useEffect(() => {
-    var v, k;
-    c && (e == "input" ? (v = A.current) == null || v.focus() : (k = i.current) == null || k.focus());
+    var v, N;
+    c && (e == "input" ? (v = A.current) == null || v.focus() : (N = i.current) == null || N.focus());
   }, [c]);
   const f = Y.useRef([]), h = Y.useRef(!1), m = Y.useCallback(
     (v) => {
@@ -3851,7 +3863,7 @@ const As = ({
     [a, l]
   ), b = Y.useCallback(
     (v) => {
-      m((k) => k.filter((R, I) => I !== v));
+      m((N) => N.filter((D, M) => M !== v));
     },
     [m]
   ), w = Gn({
@@ -3862,11 +3874,11 @@ const As = ({
     (v = "") => {
       if (e !== "input" || h.current) return;
       h.current = !0;
-      const k = {
+      const N = {
         label: v
-      }, R = y(k), I = [...l, k];
-      a == null || a(I), requestAnimationFrame(() => {
-        g(R), h.current = !1;
+      }, D = y(N), M = [...l, N];
+      a == null || a(M), requestAnimationFrame(() => {
+        g(D), h.current = !1;
       });
     },
     [e, a, l, y]
@@ -3874,18 +3886,18 @@ const As = ({
   _(() => {
     var v;
     if (S) {
-      const k = l.findIndex(
-        (R) => y(R) === S
+      const N = l.findIndex(
+        (D) => y(D) === S
       );
-      if (k !== -1) {
-        const R = f.current[k];
-        (v = R == null ? void 0 : R.focus) == null || v.call(R);
-        const I = i.current, O = R.offsetLeft + R.offsetWidth / 2 - I.offsetWidth / 2;
-        I.scrollTo({ left: O, behavior: "smooth" });
+      if (N !== -1) {
+        const D = f.current[N];
+        (v = D == null ? void 0 : D.focus) == null || v.call(D);
+        const M = i.current, O = D.offsetLeft + D.offsetWidth / 2 - M.offsetWidth / 2;
+        M.scrollTo({ left: O, behavior: "smooth" });
       }
     }
   }, [S, l, y]);
-  const A = z(null), M = (c || l.length === 0) && e === "input";
+  const A = z(null), I = (c || l.length === 0) && e === "input";
   return /* @__PURE__ */ j(
     "div",
     {
@@ -3903,36 +3915,36 @@ const As = ({
       onKeyDown: (v) => {
         var J;
         if (e !== "input") return;
-        const k = v.key, I = v.target === v.currentTarget;
+        const N = v.key, M = v.target === v.currentTarget;
         if (!c) return;
         const O = document.activeElement, L = f.current.findIndex(
           (V) => V === O
         );
-        if (k === "ArrowLeft") {
+        if (N === "ArrowLeft") {
           v.preventDefault();
           const V = L > 0 ? L - 1 : l.length - 1, te = y(l[V]);
           g(te);
           return;
         }
-        if (k === "ArrowRight") {
+        if (N === "ArrowRight") {
           v.preventDefault();
           const V = L >= 0 ? (L + 1) % Math.max(1, l.length) : 0, te = y(l[V]);
           g(te);
           return;
         }
-        if (k === "Home") {
+        if (N === "Home") {
           v.preventDefault();
           const V = y(l[0]);
           g(V);
           return;
         }
-        if (k === "End") {
+        if (N === "End") {
           v.preventDefault();
           const V = y(l[l.length - 1]);
           g(V);
           return;
         }
-        if (I && k === "Backspace") {
+        if (M && N === "Backspace") {
           if (v.preventDefault(), l.length > 0) {
             const V = f.current[l.length - 1];
             (J = V == null ? void 0 : V.focus) == null || J.call(V);
@@ -3941,14 +3953,14 @@ const As = ({
         }
       },
       children: [
-        l.map((v, k) => {
-          const R = y(v), I = e === "input", O = I ? {
+        l.map((v, N) => {
+          const D = y(v), M = e === "input", O = M ? {
             editable: !0,
-            editing: S === R,
+            editing: S === D,
             onEditCommit: (L) => {
               o(!0), m(
                 (J) => J.map(
-                  (V, te) => te === k ? { ...V, label: L } : V
+                  (V, te) => te === N ? { ...V, label: L } : V
                 )
               );
             },
@@ -3956,7 +3968,7 @@ const As = ({
               o(!0);
             },
             onChange: () => {
-              if (f.current.length == k + 1) {
+              if (f.current.length == N + 1) {
                 const L = i.current;
                 requestAnimationFrame(() => {
                   L.scrollTo({ left: L.scrollWidth, behavior: "smooth" });
@@ -3967,7 +3979,7 @@ const As = ({
           return /* @__PURE__ */ u(
             mt,
             {
-              ref: (L) => f.current[k] = L,
+              ref: (L) => f.current[N] = L,
               label: v.label ?? "",
               icon: v.icon,
               activated: v.activated,
@@ -3978,22 +3990,22 @@ const As = ({
               ...O,
               onToggle: v.activated === void 0 ? void 0 : (L) => m(
                 (J) => J.map(
-                  (V, te) => te === k ? { ...V, activated: L } : V
+                  (V, te) => te === N ? { ...V, activated: L } : V
                 )
               ),
               onBlur: () => {
-                S === R && g(null);
+                S === D && g(null);
               },
-              onRemove: I ? () => {
-                o(!0), b(k);
+              onRemove: M ? () => {
+                o(!0), b(N);
               } : void 0
             },
-            R
+            D
           );
         }),
         c && /* @__PURE__ */ j(me, { children: [
           /* @__PURE__ */ u(
-            Te,
+            Be,
             {
               orientation: "vertical",
               className: "animate-[var(--animate-blink)] border-outline",
@@ -4009,7 +4021,7 @@ const As = ({
         }
       ` })
         ] }),
-        M && /* @__PURE__ */ u(
+        I && /* @__PURE__ */ u(
           mt,
           {
             ref: A,
@@ -4018,12 +4030,12 @@ const As = ({
             editable: !0,
             editing: !0,
             onChange: (v) => {
-              var k;
+              var N;
               if (v = v.replace(/(&nbsp;)+/g, " ").trim(), console.log("Ghost chip onChange", v, !!v), v)
                 E(v);
               else if (l.length > 0) {
-                const R = f.current[l.length - 1];
-                (k = R == null ? void 0 : R.focus) == null || k.call(R);
+                const D = f.current[l.length - 1];
+                (N = D == null ? void 0 : D.focus) == null || N.call(D);
               }
             },
             onEditCommit: () => {
@@ -4057,19 +4069,19 @@ function $r({
   }, []);
   _(() => () => E(), [E]);
   const S = he(
-    (F) => {
+    (W) => {
       if (d) {
-        const D = F !== "hidden";
-        r == null || r(D);
+        const R = W !== "hidden";
+        r == null || r(R);
       } else {
-        f(F);
-        const D = F !== "hidden";
-        r == null || r(D);
+        f(W);
+        const R = W !== "hidden";
+        r == null || r(R);
       }
     },
     [d, r]
-  ), g = d ? t ? "hovered" : "hidden" : y, A = g !== "hidden", M = (F) => {
-    switch (F) {
+  ), g = d ? t ? "hovered" : "hidden" : y, A = g !== "hidden", I = (W) => {
+    switch (W) {
       case "hidden":
         return 0;
       case "hovered":
@@ -4082,24 +4094,24 @@ function $r({
         return 0;
     }
   }, v = he(
-    (F) => {
-      E(), !(M(F) <= M(g)) && (b.current = setTimeout(() => {
-        S(F);
+    (W) => {
+      E(), !(I(W) <= I(g)) && (b.current = setTimeout(() => {
+        S(W);
       }, s));
     },
     [E, s, g, S]
-  ), k = he(
-    (F) => {
+  ), N = he(
+    (W) => {
       E(), w.current = setTimeout(() => {
-        (!d && M(y) <= M(F) || d) && S("hidden");
+        (!d && I(y) <= I(W) || d) && S("hidden");
       }, a);
     },
     [E, a, y, d, S]
-  ), R = he(() => {
+  ), D = he(() => {
     o.includes("hover") && v("hovered");
-  }, [o, v]), I = he(() => {
-    o.includes("hover") && (g === "focused" || g === "clicked" || h || k("hovered"));
-  }, [o, g, h, k]), O = he(() => {
+  }, [o, v]), M = he(() => {
+    o.includes("hover") && (g === "focused" || g === "clicked" || h || N("hovered"));
+  }, [o, g, h, N]), O = he(() => {
     o.includes("focus") && (E(), S("focused"));
   }, [o, E, S]), L = he(() => {
     if (o.includes("focus") && g !== "clicked") {
@@ -4107,25 +4119,25 @@ function $r({
         S("hovered");
         return;
       }
-      k("focused");
+      N("focused");
     }
-  }, [o, g, h, k, S]), J = he(() => {
+  }, [o, g, h, N, S]), J = he(() => {
     o.includes("click") && (E(), S(g === "clicked" ? "hidden" : "clicked"));
   }, [o, g, E, S]), V = he(
-    (F) => {
-      F.key === "Escape" && A && (E(), S("hidden"), F.preventDefault());
+    (W) => {
+      W.key === "Escape" && A && (E(), S("hidden"), W.preventDefault());
     },
     [A, E, S]
   ), te = he(() => {
     m(!0), E();
   }, [E]), U = he(() => {
-    m(!1), o.includes("hover") && g === "hovered" && k("hovered");
-  }, [o, g, k]);
+    m(!1), o.includes("hover") && g === "hovered" && N("hovered");
+  }, [o, g, N]);
   return {
     triggerProps: {
       "aria-describedby": A ? c : void 0,
-      onMouseEnter: R,
-      onMouseLeave: I,
+      onMouseEnter: D,
+      onMouseLeave: M,
       onFocus: O,
       onBlur: L,
       onClick: J,
@@ -4164,11 +4176,11 @@ const Qt = ({
   anchorRef: S,
   ...g
 }) => {
-  const M = i || (e === "rich" ? "bottom-right" : "bottom");
+  const I = i || (e === "rich" ? "bottom-right" : "bottom");
   if (y = { duration: 0.3, ...y }, !r && !c)
     throw new Error("Tooltip must have a child or a targetRef");
   t && !Array.isArray(t) && (t = [t]);
-  const v = z(null), R = S || (c || v), { triggerProps: I, tooltipProps: O, isOpen: L } = $r({
+  const v = z(null), D = S || (c || v), { triggerProps: M, tooltipProps: O, isOpen: L } = $r({
     trigger: d,
     isOpen: m,
     defaultOpen: b,
@@ -4176,54 +4188,54 @@ const Qt = ({
     openDelay: f,
     closeDelay: h,
     id: E
-  }), J = !c && Ie(r) ? Be(r, {
+  }), J = !c && Me(r) ? Te(r, {
     ref: v,
-    ...I,
+    ...M,
     // Merge event handlers if the child already has them
     onMouseEnter: (U) => {
-      var F, D;
-      I.onMouseEnter(), (D = (F = r.props) == null ? void 0 : F.onMouseEnter) == null || D.call(F, U);
+      var W, R;
+      M.onMouseEnter(), (R = (W = r.props) == null ? void 0 : W.onMouseEnter) == null || R.call(W, U);
     },
     onMouseLeave: (U) => {
-      var F, D;
-      I.onMouseLeave(), (D = (F = r.props) == null ? void 0 : F.onMouseLeave) == null || D.call(F, U);
+      var W, R;
+      M.onMouseLeave(), (R = (W = r.props) == null ? void 0 : W.onMouseLeave) == null || R.call(W, U);
     },
     onFocus: (U) => {
-      var F, D;
-      I.onFocus(), (D = (F = r.props) == null ? void 0 : F.onFocus) == null || D.call(F, U);
+      var W, R;
+      M.onFocus(), (R = (W = r.props) == null ? void 0 : W.onFocus) == null || R.call(W, U);
     },
     onBlur: (U) => {
-      var F, D;
-      I.onBlur(), (D = (F = r.props) == null ? void 0 : F.onBlur) == null || D.call(F, U);
+      var W, R;
+      M.onBlur(), (R = (W = r.props) == null ? void 0 : W.onBlur) == null || R.call(W, U);
     },
     onClick: (U) => {
-      var F, D;
-      I.onClick(), (D = (F = r.props) == null ? void 0 : F.onClick) == null || D.call(F, U);
+      var W, R;
+      M.onClick(), (R = (W = r.props) == null ? void 0 : W.onClick) == null || R.call(W, U);
     },
     onKeyDown: (U) => {
-      var F, D;
-      I.onKeyDown(U), (D = (F = r.props) == null ? void 0 : F.onKeyDown) == null || D.call(F, U);
+      var W, R;
+      M.onKeyDown(U), (R = (W = r.props) == null ? void 0 : W.onKeyDown) == null || R.call(W, U);
     }
   }) : r;
   _(() => {
     if (!c) return;
     const U = c.current;
     if (!U) return;
-    const F = () => I.onMouseEnter(), D = () => I.onMouseLeave(), B = () => I.onFocus(), $ = () => I.onBlur(), P = () => I.onClick(), Z = (x) => I.onKeyDown(x);
-    return U.addEventListener("mouseenter", F), U.addEventListener("mouseleave", D), U.addEventListener("focus", B, !0), U.addEventListener("blur", $, !0), U.addEventListener("click", P), U.addEventListener("keydown", Z), I["aria-describedby"] ? U.setAttribute(
+    const W = () => M.onMouseEnter(), R = () => M.onMouseLeave(), T = () => M.onFocus(), $ = () => M.onBlur(), P = () => M.onClick(), Z = (x) => M.onKeyDown(x);
+    return U.addEventListener("mouseenter", W), U.addEventListener("mouseleave", R), U.addEventListener("focus", T, !0), U.addEventListener("blur", $, !0), U.addEventListener("click", P), U.addEventListener("keydown", Z), M["aria-describedby"] ? U.setAttribute(
       "aria-describedby",
-      I["aria-describedby"]
+      M["aria-describedby"]
     ) : U.removeAttribute("aria-describedby"), () => {
-      U.removeEventListener("mouseenter", F), U.removeEventListener("mouseleave", D), U.removeEventListener("focus", B, !0), U.removeEventListener("blur", $, !0), U.removeEventListener("click", P), U.removeEventListener("keydown", Z);
+      U.removeEventListener("mouseenter", W), U.removeEventListener("mouseleave", R), U.removeEventListener("focus", T, !0), U.removeEventListener("blur", $, !0), U.removeEventListener("click", P), U.removeEventListener("keydown", Z);
     };
-  }, [c, I]);
+  }, [c, M]);
   const V = hr({
     variant: e,
     buttons: t,
     className: n,
     title: s,
     text: a,
-    position: M,
+    position: I,
     trigger: d,
     targetRef: c,
     children: r
@@ -4240,10 +4252,10 @@ const Qt = ({
   return /* @__PURE__ */ j(me, { children: [
     J,
     /* @__PURE__ */ u(pe, { children: L && /* @__PURE__ */ u(
-      We,
+      Fe,
       {
-        anchorRef: R,
-        position: M,
+        anchorRef: D,
+        position: I,
         children: /* @__PURE__ */ u(
           se.div,
           {
@@ -4258,14 +4270,14 @@ const Qt = ({
             children: /* @__PURE__ */ u("div", { className: V.container, children: l ? /* @__PURE__ */ u("div", { className: V.content, children: l }) : /* @__PURE__ */ j(me, { children: [
               s && /* @__PURE__ */ u("div", { className: V.subHead, children: s }),
               a && /* @__PURE__ */ u("div", { className: V.supportingText, children: a }),
-              t && /* @__PURE__ */ u("div", { className: V.actions, children: Array.isArray(t) && t.map((U, F) => /* @__PURE__ */ u(
+              t && /* @__PURE__ */ u("div", { className: V.actions, children: Array.isArray(t) && t.map((U, W) => /* @__PURE__ */ u(
                 Le,
                 {
                   size: "small",
                   variant: "text",
                   ...U
                 },
-                F
+                W
               )) })
             ] }) })
           }
@@ -4377,7 +4389,7 @@ const Qt = ({
       ]
     }
   );
-}, Me = ({
+}, Ie = ({
   variant: e = "standard",
   href: t,
   disabled: n = !1,
@@ -4403,13 +4415,13 @@ const Qt = ({
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   !r && r !== null && (r = s);
-  const [g, A] = Y.useState(l), M = (O) => {
+  const [g, A] = Y.useState(l), I = (O) => {
     n && O.preventDefault(), a ? (A(!g), a(!g)) : i && i(O);
   };
   _(() => {
     A(l);
   }, [l]);
-  const v = t ? "a" : "button", k = er({
+  const v = t ? "a" : "button", N = er({
     transition: w,
     shape: m,
     allowShapeTransformation: b,
@@ -4427,34 +4439,34 @@ const Qt = ({
     size: o,
     children: s,
     ...S
-  }), R = z(null), I = f || R;
+  }), D = z(null), M = f || D;
   return w = { duration: 0.3, ...w }, /* @__PURE__ */ j(
     v,
     {
       disabled: n,
       href: t,
       style: { transition: w.duration + "s" },
-      className: k.iconButton,
+      className: N.iconButton,
       "aria-label": s,
       ...S,
       title: void 0,
-      onClick: M,
-      ref: I,
+      onClick: I,
+      ref: M,
       children: [
         r !== null && /* @__PURE__ */ u(
           Qt,
           {
-            targetRef: I,
+            targetRef: M,
             trigger: n ? null : void 0,
             text: r
           }
         ),
-        /* @__PURE__ */ u("div", { className: k.touchTarget }),
+        /* @__PURE__ */ u("div", { className: N.touchTarget }),
         /* @__PURE__ */ u(
           be,
           {
             style: { transition: w.duration + "s" },
-            className: k.stateLayer,
+            className: N.stateLayer,
             colorName: p(
               e === "standard" && {
                 "on-surface-variant": !g,
@@ -4476,11 +4488,11 @@ const Qt = ({
             stateClassName: "state-ripple-group-[icon-button]"
           }
         ),
-        c ? /* @__PURE__ */ u(fe, { icon: c, className: k.icon }) : E
+        c ? /* @__PURE__ */ u(fe, { icon: c, className: N.icon }) : E
       ]
     }
   );
-}, Ws = ({
+}, Fs = ({
   className: e,
   label: t,
   variant: n = "primary",
@@ -4499,7 +4511,7 @@ const Qt = ({
   c = { duration: 0.3, ease: "easeInOut", ...c };
   const m = z(null), b = i || m, w = typeof d == "boolean", [E, S] = X(y), g = w ? d : E, A = (L) => {
     w || S(L), f == null || f(L);
-  }, M = Y.Children.toArray(o).filter(
+  }, I = Y.Children.toArray(o).filter(
     (L) => Y.isValidElement(L) && L.type === Le
   ), v = Qn({
     href: s,
@@ -4512,8 +4524,8 @@ const Qt = ({
     transition: c,
     children: t,
     open: g
-  }), k = se.create(je), R = se.create(Me), I = (L) => /* @__PURE__ */ u(
-    k,
+  }), N = se.create(je), D = se.create(Ie), M = (L) => /* @__PURE__ */ u(
+    N,
     {
       icon: a,
       extended: l,
@@ -4536,10 +4548,10 @@ const Qt = ({
   ), O = Ce();
   return /* @__PURE__ */ j("div", { className: v.fabMenu, ref: b, ...h, children: [
     /* @__PURE__ */ u(pe, { children: g && /* @__PURE__ */ u("div", { className: v.actions, role: "menu", "aria-hidden": !g, children: (() => {
-      const L = M.length;
-      return M.map((J, V) => {
+      const L = I.length;
+      return I.map((J, V) => {
         J.props;
-        const te = L - 1 - V, U = ((c == null ? void 0 : c.delay) ?? 0) + te * 0.06, F = {
+        const te = L - 1 - V, U = ((c == null ? void 0 : c.delay) ?? 0) + te * 0.06, W = {
           open: {
             overflow: "visible",
             opacity: 1,
@@ -4570,7 +4582,7 @@ const Qt = ({
           {
             initial: "close",
             animate: "open",
-            variants: F,
+            variants: W,
             transition: c,
             exit: "close",
             children: Y.cloneElement(
@@ -4601,17 +4613,17 @@ const Qt = ({
         );
       });
     })() }) }),
-    I({
+    M({
       className: "invisible pointer-events-none"
     }),
     /* @__PURE__ */ j("div", { className: "absolute right-0 top-0", children: [
-      !g && I({
+      !g && M({
         className: "",
         layout: !0,
         layoutId: "fab-menu" + O
       }),
       g && /* @__PURE__ */ u(me, { children: /* @__PURE__ */ u(
-        R,
+        D,
         {
           layout: !0,
           layoutId: "fab-menu" + O,
@@ -4649,7 +4661,7 @@ const Qt = ({
       ) })
     ] })
   ] });
-}, Fs = ({
+}, Ws = ({
   className: e,
   valueFormatter: t,
   step: n = 10,
@@ -4671,24 +4683,24 @@ const Qt = ({
   onChange: o,
   ...d
 }) => {
-  const y = (D) => {
-    const B = h(), $ = f();
-    return D === 1 / 0 ? 100 : D === -1 / 0 ? 0 : (D - B) / ($ - B) * 100;
-  }, f = (D = !1) => D ? l : l == 1 / 0 ? i[(i == null ? void 0 : i.length) - 1].value : l, h = (D = !1) => D ? a : a == -1 / 0 ? i[0].value : a, m = (D) => {
-    const B = h(!1);
-    return (f(!1) - B) * D / 100 + B;
-  }, [b, w] = X(!1), E = z(null), S = c || E, [g, A] = X(s), [M, v] = X(y(s)), [k, R] = X(!1);
+  const y = (R) => {
+    const T = h(), $ = f();
+    return R === 1 / 0 ? 100 : R === -1 / 0 ? 0 : (R - T) / ($ - T) * 100;
+  }, f = (R = !1) => R ? l : l == 1 / 0 ? i[(i == null ? void 0 : i.length) - 1].value : l, h = (R = !1) => R ? a : a == -1 / 0 ? i[0].value : a, m = (R) => {
+    const T = h(!1);
+    return (f(!1) - T) * R / 100 + T;
+  }, [b, w] = X(!1), E = z(null), S = c || E, [g, A] = X(s), [I, v] = X(y(s)), [N, D] = X(!1);
   _(() => {
     A(s), v(y(s));
   }, [s]);
-  const I = (D) => {
-    R(!0), w(!0), J(D);
+  const M = (R) => {
+    D(!0), w(!0), J(R);
   }, O = () => {
-    R(!1), w(!1);
+    D(!1), w(!1);
   };
-  _(() => (k ? (window.addEventListener("mouseup", O), window.addEventListener("mousemove", J), window.addEventListener("touchend", O), window.addEventListener("touchmove", J)) : (window.removeEventListener("mouseup", O), window.removeEventListener("mousemove", J), window.removeEventListener("touchend", O), window.removeEventListener("touchmove", J)), () => {
+  _(() => (N ? (window.addEventListener("mouseup", O), window.addEventListener("mousemove", J), window.addEventListener("touchend", O), window.addEventListener("touchmove", J)) : (window.removeEventListener("mouseup", O), window.removeEventListener("mousemove", J), window.removeEventListener("touchend", O), window.removeEventListener("touchmove", J)), () => {
     window.removeEventListener("mouseup", O), window.removeEventListener("mousemove", J), window.removeEventListener("touchend", O), window.removeEventListener("touchmove", J);
-  }), [k]);
+  }), [N]);
   const L = or({
     className: e,
     isChanging: b,
@@ -4700,70 +4712,70 @@ const Qt = ({
     value: g,
     valueFormatter: t,
     onChange: o
-  }), J = (D) => {
-    const B = S == null ? void 0 : S.current;
-    if (B) {
-      const $ = B.getBoundingClientRect().left, Z = ((D.type === "touchmove" || D.type === "touchstart" ? D.touches[0].clientX : D.clientX) - $) / B.offsetWidth * 100;
+  }), J = (R) => {
+    const T = S == null ? void 0 : S.current;
+    if (T) {
+      const $ = T.getBoundingClientRect().left, Z = ((R.type === "touchmove" || R.type === "touchstart" ? R.touches[0].clientX : R.clientX) - $) / T.offsetWidth * 100;
       V({ percent: Z });
     }
   }, V = ({
-    percent: D,
-    value: B
+    percent: R,
+    value: T
   }) => {
-    if (D) {
-      if (D >= 100) {
+    if (R) {
+      if (R >= 100) {
         A(f(!0)), v(100);
         return;
       }
-      if (D <= 0) {
+      if (R <= 0) {
         A(h(!0)), v(0);
         return;
       }
-      B = m(D), B == h() && (B = h(!0)), B == f() && (B = f(!0));
-    } else if (B != null) {
-      if (B >= f()) {
+      T = m(R), T == h() && (T = h(!0)), T == f() && (T = f(!0));
+    } else if (T != null) {
+      if (T >= f()) {
         A(f(!0)), v(100);
         return;
       }
-      if (B <= h()) {
+      if (T <= h()) {
         A(h(!0)), v(0);
         return;
       }
-      D = y(B);
+      R = y(T);
     } else
       return;
-    n != null ? B = Math.round((B - h()) / n) * n + h() : i && (B = i.reduce(($, P, Z) => {
-      let x = P.value === 1 / 0 ? f() : P.value === -1 / 0 ? h() : P.value, N = $.value === 1 / 0 ? f() : $.value === -1 / 0 ? h() : $.value;
-      return x = Math.abs(x - B), N = Math.abs(N - B), x < N ? P : $;
-    }).value), B >= f() && (B = f(!0)), B <= h() && (B = h(!0)), D = y(B), A(B), v(D), o && o(B);
+    n != null ? T = Math.round((T - h()) / n) * n + h() : i && (T = i.reduce(($, P, Z) => {
+      let x = P.value === 1 / 0 ? f() : P.value === -1 / 0 ? h() : P.value, k = $.value === 1 / 0 ? f() : $.value === -1 / 0 ? h() : $.value;
+      return x = Math.abs(x - T), k = Math.abs(k - T), x < k ? P : $;
+    }).value), T >= f() && (T = f(!0)), T <= h() && (T = h(!0)), R = y(T), A(T), v(R), o && o(T);
   }, [te, U] = X(0);
   return _(() => {
-    const D = () => {
+    const R = () => {
       S.current && U(S.current.offsetWidth);
     };
-    return D(), window.addEventListener("resize", D), () => {
-      window.removeEventListener("resize", D);
+    return R(), window.addEventListener("resize", R), () => {
+      window.removeEventListener("resize", R);
     };
   }, []), /* @__PURE__ */ j(
     "div",
     {
       tabIndex: 0,
-      onKeyDown: (D) => {
-        switch (D.key) {
+      onKeyDown: (R) => {
+        switch (R.key) {
           case "ArrowRight":
             if (n)
               V({ value: g + n });
             else if (i) {
-              const B = i.find(($) => $.value > g);
-              B && V({ value: B.value });
+              const T = i.find(($) => $.value > g);
+              T && V({ value: T.value });
             }
             break;
           case "ArrowLeft":
             if (n)
               V({ value: g - n });
             else if (i) {
-              const B = i.slice(0).reverse().find(($, P, Z) => g === 1 / 0 ? P === 1 : $.value < g);
-              B && V({ value: B.value });
+              const T = i.slice(0).reverse().find(($, P, Z) => g === 1 / 0 ? P === 1 : $.value < g);
+              T && V({ value: T.value });
             }
             break;
           default:
@@ -4776,15 +4788,15 @@ const Qt = ({
       "aria-valuenow": g,
       "aria-valuetext": g.toString(),
       className: L.slider,
-      onMouseDown: I,
+      onMouseDown: M,
       onClick: J,
       ref: S,
-      onTouchStart: I,
-      onDragStart: (D) => D.preventDefault(),
+      onTouchStart: M,
+      onDragStart: (R) => R.preventDefault(),
       ...d,
       children: [
         /* @__PURE__ */ u("input", { type: "hidden", name: r, value: g }),
-        /* @__PURE__ */ u("div", { className: L.activeTrack, style: { flex: M / 100 } }),
+        /* @__PURE__ */ u("div", { className: L.activeTrack, style: { flex: I / 100 } }),
         /* @__PURE__ */ u("div", { className: L.handle, children: /* @__PURE__ */ u(pe, { children: b && /* @__PURE__ */ u(
           se.div,
           {
@@ -4809,17 +4821,17 @@ const Qt = ({
           "div",
           {
             className: L.inactiveTrack,
-            style: { flex: 1 - M / 100 }
+            style: { flex: 1 - I / 100 }
           }
         ),
         /* @__PURE__ */ u(
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: i && i.map((D, B) => {
+            children: i && i.map((R, T) => {
               let $ = null;
-              const P = (b ? 9 : 10) / te * 100, Z = y(D.value);
-              return Z <= M - P ? $ = !0 : Z >= M + P && ($ = !1), /* @__PURE__ */ u(
+              const P = (b ? 9 : 10) / te * 100, Z = y(R.value);
+              return Z <= I - P ? $ = !0 : Z >= I + P && ($ = !1), /* @__PURE__ */ u(
                 "div",
                 {
                   className: p(L.dot, {
@@ -4827,10 +4839,10 @@ const Qt = ({
                     "bg-primary": $ != null && !$
                   }),
                   style: {
-                    left: `${y(D.value)}%`
+                    left: `${y(R.value)}%`
                   }
                 },
-                B
+                T
               );
             })
           }
@@ -4847,7 +4859,7 @@ const Qt = ({
   extended: a,
   divider: l,
   onExtendedChange: i,
-  closeIcon: c = Fe,
+  closeIcon: c = We,
   transition: o,
   ...d
 }) => {
@@ -4908,7 +4920,7 @@ const Qt = ({
                 /* @__PURE__ */ j("div", { className: h.header, children: [
                   r && /* @__PURE__ */ u("p", { className: h.title, children: r }),
                   /* @__PURE__ */ u(
-                    Me,
+                    Ie,
                     {
                       size: "small",
                       label: "close",
@@ -4929,7 +4941,7 @@ const Qt = ({
               ]
             }
           ),
-          (l == null && e == "standard" ? !0 : l) && /* @__PURE__ */ u(Te, { className: h.divider, orientation: "vertical" })
+          (l == null && e == "standard" ? !0 : l) && /* @__PURE__ */ u(Be, { className: h.divider, orientation: "vertical" })
         ]
       }
     ) })
@@ -4939,7 +4951,7 @@ const Qt = ({
   message: e,
   className: t,
   duration: n,
-  closeIcon: r = Fe,
+  closeIcon: r = We,
   onClose: s,
   ...a
 }) => {
@@ -4971,7 +4983,7 @@ const Qt = ({
       children: /* @__PURE__ */ j("div", { className: c.container, children: [
         /* @__PURE__ */ u("p", { className: c.supportingText, children: e }),
         /* @__PURE__ */ u(
-          Me,
+          Ie,
           {
             onClick: () => o(),
             className: c.icon,
@@ -4982,7 +4994,7 @@ const Qt = ({
       ] })
     }
   ) });
-}, Bs = ({
+}, Ts = ({
   selected: e = !1,
   className: t,
   activeIcon: n,
@@ -5081,9 +5093,9 @@ const Qt = ({
       icon: a
     });
   }, [l]);
-  const M = s ? "a" : "button", v = (R) => {
-    i && i(o ?? null), t && t(R);
-  }, k = ar({
+  const I = s ? "a" : "button", v = (D) => {
+    i && i(o ?? null), t && t(D);
+  }, N = ar({
     className: e,
     onTabSelected: d,
     scrollable: y,
@@ -5099,14 +5111,14 @@ const Qt = ({
     href: s
   });
   return /* @__PURE__ */ j(
-    M,
+    I,
     {
       ...b,
       role: "tab",
       "aria-selected": g,
       ref: E,
       href: s,
-      className: k.tab,
+      className: N.tab,
       onClick: v,
       ...b,
       children: [
@@ -5114,19 +5126,19 @@ const Qt = ({
           be,
           {
             style: { transition: 0.3 + "s" },
-            className: k.stateLayer,
+            className: N.stateLayer,
             colorName: r === "primary" && g ? "primary" : "on-surface",
             stateClassName: "state-ripple-group-[tab]"
           }
         ),
-        /* @__PURE__ */ j("span", { className: k.content, children: [
-          a && /* @__PURE__ */ u(fe, { icon: a, className: k.icon }),
-          /* @__PURE__ */ u("span", { className: k.label, children: S }),
+        /* @__PURE__ */ j("span", { className: N.content, children: [
+          a && /* @__PURE__ */ u(fe, { icon: a, className: N.icon }),
+          /* @__PURE__ */ u("span", { className: N.label, children: S }),
           g && /* @__PURE__ */ u(
             se.span,
             {
               layoutId: `underline-${c}`,
-              className: k.underline,
+              className: N.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -5134,7 +5146,7 @@ const Qt = ({
       ]
     }
   );
-}, Qe = cn(null), Ts = ({
+}, Qe = cn(null), Bs = ({
   variant: e = "primary",
   onTabSelected: t,
   children: n,
@@ -5201,7 +5213,7 @@ const Qt = ({
     [i, c, o, d]
   );
   return /* @__PURE__ */ u(Qe.Provider, { value: y, children: e });
-}, Wr = ({
+}, Fr = ({
   children: e,
   className: t,
   isSelected: n = !1
@@ -5220,7 +5232,7 @@ const Qt = ({
   if (!n)
     return console.warn("TabPanels must be used within a TabGroup"), null;
   const { selectedTab: r, direction: s, tabsId: a } = n, l = Y.Children.toArray(e).filter(
-    (c) => Y.isValidElement(c) && c.type === Wr
+    (c) => Y.isValidElement(c) && c.type === Fr
   ), i = ur({
     children: e,
     className: t
@@ -5252,7 +5264,7 @@ const Qt = ({
       o
     )
   ) }) });
-}, Fr = ({
+}, Wr = ({
   hasSelected: e
 }) => ({
   datePicker: p(
@@ -5279,7 +5291,7 @@ const Qt = ({
   )
 }), Pr = ne(
   "datePicker",
-  Fr
+  Wr
 ), Or = ({
   value: e,
   defaultValue: t,
@@ -5295,35 +5307,35 @@ const Qt = ({
   ...y
 }) => {
   const [f, h] = X(() => {
-    const x = (C) => C instanceof Date ? C : Array.isArray(C) && C[0] ? C[0] : null, N = x(e) || x(t) || /* @__PURE__ */ new Date();
-    return new Date(N.getFullYear(), N.getMonth(), 1);
+    const x = (C) => C instanceof Date ? C : Array.isArray(C) && C[0] ? C[0] : null, k = x(e) || x(t) || /* @__PURE__ */ new Date();
+    return new Date(k.getFullYear(), k.getMonth(), 1);
   }), [m, b] = X(0), [w, E] = X("day"), S = e !== void 0, [g, A] = X(
     t || null
-  ), M = S ? e || null : g, v = (x, N) => new Date(x, N + 1, 0).getDate(), k = ve(() => {
-    const x = f.getFullYear(), N = f.getMonth(), C = v(x, N), G = (new Date(x, N, 1).getDay() - i + 7) % 7, ee = [], oe = v(x, N - 1);
+  ), I = S ? e || null : g, v = (x, k) => new Date(x, k + 1, 0).getDate(), N = ve(() => {
+    const x = f.getFullYear(), k = f.getMonth(), C = v(x, k), G = (new Date(x, k, 1).getDay() - i + 7) % 7, ee = [], oe = v(x, k - 1);
     for (let q = G - 1; q >= 0; q--)
       ee.push({
-        date: new Date(x, N - 1, oe - q),
+        date: new Date(x, k - 1, oe - q),
         isCurrentMonth: !1
       });
     for (let q = 1; q <= C; q++)
-      ee.push({ date: new Date(x, N, q), isCurrentMonth: !0 });
-    const W = 42 - ee.length;
-    for (let q = 1; q <= W; q++)
+      ee.push({ date: new Date(x, k, q), isCurrentMonth: !0 });
+    const F = 42 - ee.length;
+    for (let q = 1; q <= F; q++)
       ee.push({
-        date: new Date(x, N + 1, q),
+        date: new Date(x, k + 1, q),
         isCurrentMonth: !1
       });
     return ee;
-  }, [f, i]), R = ve(() => {
-    const x = (/* @__PURE__ */ new Date()).getFullYear(), N = x - 100, C = x + 100, K = [];
-    for (let G = N; G <= C; G++)
+  }, [f, i]), D = ve(() => {
+    const x = (/* @__PURE__ */ new Date()).getFullYear(), k = x - 100, C = x + 100, K = [];
+    for (let G = k; G <= C; G++)
       K.push(G);
     return K;
-  }, []), I = z(null);
+  }, []), M = z(null);
   _(() => {
-    if (w === "year" && I.current) {
-      const x = I.current.querySelector(
+    if (w === "year" && M.current) {
+      const x = M.current.querySelector(
         '[data-selected="true"]'
       );
       x && x.scrollIntoView({ block: "center" });
@@ -5337,7 +5349,7 @@ const Qt = ({
     [l]
   ), J = ve(() => {
     const x = new Date(2023, 0, 1 + i);
-    return Array.from({ length: 7 }).map((N, C) => {
+    return Array.from({ length: 7 }).map((k, C) => {
       const K = new Date(x);
       return K.setDate(x.getDate() + C), L.format(K).charAt(0).toUpperCase();
     });
@@ -5346,32 +5358,32 @@ const Qt = ({
   }, te = () => {
     b(1), h((x) => new Date(x.getFullYear(), x.getMonth() + 1, 1));
   }, U = (x) => {
-    h((N) => new Date(x, N.getMonth(), 1)), E("day");
-  }, F = (x, N) => x ? x.getDate() === N.getDate() && x.getMonth() === N.getMonth() && x.getFullYear() === N.getFullYear() : !1, D = (x) => F(/* @__PURE__ */ new Date(), x), B = (x) => {
-    let N = x;
+    h((k) => new Date(x, k.getMonth(), 1)), E("day");
+  }, W = (x, k) => x ? x.getDate() === k.getDate() && x.getMonth() === k.getMonth() && x.getFullYear() === k.getFullYear() : !1, R = (x) => W(/* @__PURE__ */ new Date(), x), T = (x) => {
+    let k = x;
     if (d === "single")
-      N = x;
+      k = x;
     else {
-      const C = M, [K, G] = Array.isArray(C) ? C : [null, null];
-      !K || K && G ? N = [x, null] : x < K ? N = [x, K] : N = [K, x];
+      const C = I, [K, G] = Array.isArray(C) ? C : [null, null];
+      !K || K && G ? k = [x, null] : x < K ? k = [x, K] : k = [K, x];
     }
-    S || A(N), n && n(N);
+    S || A(k), n && n(k);
   }, $ = (x) => {
     if (d === "single")
       return {
-        isSelected: F(M, x),
+        isSelected: W(I, x),
         isStart: !1,
         isEnd: !1,
         isInRange: !1
       };
-    const N = Array.isArray(M) ? M : [M, null], [C, K] = N, G = F(C, x), ee = F(K, x);
+    const k = Array.isArray(I) ? I : [I, null], [C, K] = k, G = W(C, x), ee = W(K, x);
     let oe = !1;
     if (C && K) {
       const le = new Date(
         C.getFullYear(),
         C.getMonth(),
         C.getDate()
-      ).getTime(), W = new Date(
+      ).getTime(), F = new Date(
         K.getFullYear(),
         K.getMonth(),
         K.getDate()
@@ -5380,11 +5392,11 @@ const Qt = ({
         x.getMonth(),
         x.getDate()
       ).getTime();
-      oe = q > le && q < W;
+      oe = q > le && q < F;
     }
     return { isSelected: G || ee, isStart: G, isEnd: ee, isInRange: oe };
   }, P = Pr({
-    hasSelected: !!M
+    hasSelected: !!I
   }), Z = {
     enter: (x) => ({
       x: x > 0 ? "100%" : "-100%",
@@ -5432,7 +5444,7 @@ const Qt = ({
           ),
           w === "day" && /* @__PURE__ */ j("div", { className: "flex items-center", children: [
             /* @__PURE__ */ u(
-              Me,
+              Ie,
               {
                 size: "xSmall",
                 allowShapeTransformation: !1,
@@ -5443,7 +5455,7 @@ const Qt = ({
               }
             ),
             /* @__PURE__ */ u(
-              Me,
+              Ie,
               {
                 size: "xSmall",
                 allowShapeTransformation: !1,
@@ -5459,8 +5471,8 @@ const Qt = ({
           "div",
           {
             className: "h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",
-            ref: I,
-            children: R.map((x) => /* @__PURE__ */ u(
+            ref: M,
+            children: D.map((x) => /* @__PURE__ */ u(
               Le,
               {
                 size: "small",
@@ -5477,7 +5489,7 @@ const Qt = ({
             ))
           }
         ) : /* @__PURE__ */ j(me, { children: [
-          /* @__PURE__ */ u("div", { className: P.weekDays, children: J.map((x, N) => /* @__PURE__ */ u("div", { className: P.weekDay, children: x }, N)) }),
+          /* @__PURE__ */ u("div", { className: P.weekDays, children: J.map((x, k) => /* @__PURE__ */ u("div", { className: P.weekDay, children: x }, k)) }),
           /* @__PURE__ */ u("div", { className: "overflow-hidden relative min-h-[240px]", children: /* @__PURE__ */ u(
             pe,
             {
@@ -5494,10 +5506,10 @@ const Qt = ({
                   exit: "exit",
                   transition: { type: "spring", bounce: 0, duration: 0.3 },
                   className: P.daysGrid,
-                  children: k.map((x, N) => {
+                  children: N.map((x, k) => {
                     if (!x.isCurrentMonth)
-                      return /* @__PURE__ */ u("div", { className: P.dayCell }, N);
-                    const { isSelected: C, isStart: K, isEnd: G, isInRange: ee } = $(x.date), oe = D(x.date), le = r && x.date < r || s && x.date > s || (a == null ? void 0 : a(x.date));
+                      return /* @__PURE__ */ u("div", { className: P.dayCell }, k);
+                    const { isSelected: C, isStart: K, isEnd: G, isInRange: ee } = $(x.date), oe = R(x.date), le = r && x.date < r || s && x.date > s || (a == null ? void 0 : a(x.date));
                     return /* @__PURE__ */ u(
                       "div",
                       {
@@ -5505,8 +5517,8 @@ const Qt = ({
                           P.dayCell,
                           // Range background styles applied to the cell wrapper
                           ee && "bg-primary/20",
-                          K && (M == null ? void 0 : M[1]) && "bg-gradient-to-r from-transparent to-primary/20",
-                          G && (M == null ? void 0 : M[0]) && "bg-gradient-to-l from-transparent to-primary/20"
+                          K && (I == null ? void 0 : I[1]) && "bg-gradient-to-r from-transparent to-primary/20",
+                          G && (I == null ? void 0 : I[0]) && "bg-gradient-to-l from-transparent to-primary/20"
                         ),
                         children: /* @__PURE__ */ u(
                           Le,
@@ -5528,13 +5540,13 @@ const Qt = ({
                               text: !C && !oe
                             }),
                             label: x.date.getDate().toString(),
-                            onClick: () => B(x.date),
+                            onClick: () => T(x.date),
                             disabled: le,
                             children: x.date.getDate().toString()
                           }
                         )
                       },
-                      N
+                      k
                     );
                   })
                 },
@@ -5568,20 +5580,20 @@ const Qt = ({
   showSupportingText: S,
   id: g,
   style: A,
-  ref: M,
+  ref: I,
   onFocus: v,
-  onBlur: k,
-  options: R,
-  children: I,
+  onBlur: N,
+  options: D,
+  children: M,
   ...O
 }) => {
   var rt;
-  const L = Ce(), J = g || L, V = `${J}-helper`, te = w !== void 0, [U, F] = X(E ?? ""), D = te ? w : U, [B, $] = X(!1), [P, Z] = X(!!(r != null && r.length)), x = z(null), N = M || x, C = z(null), K = z(null), G = z(null), ee = S ?? (!!(r != null && r.length) || !!(o != null && o.length));
+  const L = Ce(), J = g || L, V = `${J}-helper`, te = w !== void 0, [U, W] = X(E ?? ""), R = te ? w : U, [T, $] = X(!1), [P, Z] = X(!!(r != null && r.length)), x = z(null), k = I || x, C = z(null), K = z(null), G = z(null), ee = S ?? (!!(r != null && r.length) || !!(o != null && o.length));
   _(() => {
     Z(!!(r != null && r.length));
   }, [r]);
   const oe = () => {
-    N.current && !B && !n && f !== "select" && N.current.focus();
+    k.current && !T && !n && f !== "select" && k.current.focus();
   };
   _(() => {
     if (!(!t || n) && f !== "select") {
@@ -5590,19 +5602,19 @@ const Qt = ({
       });
       return () => window.cancelAnimationFrame(Q);
     }
-  }, [t, n, N, f]), _(() => {
-    B ? (Z(!1), v == null || v()) : (r != null && r.length && Z(!0), k == null || k());
-  }, [B]);
+  }, [t, n, k, f]), _(() => {
+    T ? (Z(!1), v == null || v()) : (r != null && r.length && Z(!0), N == null || N());
+  }, [T]);
   const le = (Q) => {
     const ae = Q.target.value;
-    te || F(ae), Z(!1), b && b(Q);
-  }, W = f === "date", [q, T] = X(!1), [re, ce] = X(null), Se = ve(() => {
-    const Q = String(D);
+    te || W(ae), Z(!1), b && b(Q);
+  }, F = f === "date", [q, B] = X(!1), [re, ce] = X(null), Se = ve(() => {
+    const Q = String(R);
     if (!Q) return null;
     const [ae, ke, Re] = Q.split("-").map(Number);
     return ae && ke && Re ? new Date(ae, ke - 1, Re) : null;
-  }, [D]), De = () => {
-    n || (q ? T(!1) : (ce(Se), T(!0)));
+  }, [R]), De = () => {
+    n || (q ? B(!1) : (ce(Se), B(!0)));
   };
   _(() => {
     q ? $(!0) : (!de || !ge) && $(!1);
@@ -5614,11 +5626,11 @@ const Qt = ({
     }, ae = (we) => {
       var st, ot;
       const $e = we.target, Oe = (st = G.current) == null ? void 0 : st.contains($e), on = (ot = K.current) == null ? void 0 : ot.contains($e);
-      !Oe && !on && T(!1);
+      !Oe && !on && B(!1);
     }, ke = (we) => {
-      Q(we.target) || T(!1);
+      Q(we.target) || B(!1);
     }, Re = (we) => {
-      we.key === "Escape" && T(!1);
+      we.key === "Escape" && B(!1);
     };
     return document.addEventListener("pointerdown", ae), document.addEventListener("focusin", ke), document.addEventListener("keydown", Re), () => {
       document.removeEventListener("pointerdown", ae), document.removeEventListener("focusin", ke), document.removeEventListener("keydown", Re);
@@ -5626,25 +5638,25 @@ const Qt = ({
   }, [q]);
   const en = () => {
     const Q = re ? re.toLocaleDateString("en-CA") : "";
-    te || F(Q), b && b({
+    te || W(Q), b && b({
       target: {
         value: Q,
         name: l,
         type: f
       }
-    }), T(!1);
+    }), B(!1);
   }, de = f === "select", [ge, He] = X(!1), ze = z(null), et = ve(() => {
-    if (de && R) {
-      const Q = R.find(
-        (ae) => String(ae.value) === String(D)
+    if (de && D) {
+      const Q = D.find(
+        (ae) => String(ae.value) === String(R)
       );
-      return Q ? Q.label : D;
+      return Q ? Q.label : R;
     }
-    return D;
-  }, [D, de, R]), tt = () => {
+    return R;
+  }, [R, de, D]), tt = () => {
     n || (He(!ge), $(!ge));
   }, nt = (Q) => {
-    if (te || F(String(Q)), b) {
+    if (te || W(String(Q)), b) {
       const ae = {
         target: {
           value: String(Q),
@@ -5667,11 +5679,11 @@ const Qt = ({
   }, [ge]);
   const Ne = ve(() => {
     if (d) return d;
-    if (W) return gr;
+    if (F) return gr;
     if (de) return ge ? wr : Kt;
-  }, [d, W, de, ge]), tn = W || de ? "[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer selection:bg-transparent" : "", ye = fr({
+  }, [d, F, de, ge]), tn = F || de ? "[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer selection:bg-transparent" : "", ye = fr({
     showSupportingText: ee,
-    isFocused: B,
+    isFocused: T,
     showErrorIcon: P,
     disabled: n,
     name: l,
@@ -5692,7 +5704,7 @@ const Qt = ({
   }), nn = h ? wn : "input", rn = h ? {} : {
     type: de ? "text" : f,
     readOnly: de
-  }, Ve = B || typeof D == "string" && D.length > 0 || f == "date" || de && ge, Pe = Ve && e === "outlined", sn = !Pe;
+  }, Ve = T || typeof R == "string" && R.length > 0 || f == "date" || de && ge, Pe = Ve && e === "outlined", sn = !Pe;
   return /* @__PURE__ */ j("div", { ref: C, className: ye.textField, style: A, children: [
     /* @__PURE__ */ j(
       "fieldset",
@@ -5754,13 +5766,13 @@ const Qt = ({
               nn,
               {
                 ...O,
-                ref: N,
+                ref: k,
                 value: et,
                 onChange: le,
                 className: p(ye.input, tn),
                 id: J,
                 name: l,
-                placeholder: B ? s ?? void 0 : "",
+                placeholder: T ? s ?? void 0 : "",
                 onFocus: () => {
                   de || $(!0);
                 },
@@ -5780,13 +5792,13 @@ const Qt = ({
             Ne && /* @__PURE__ */ u(
               "div",
               {
-                ref: W ? K : void 0,
+                ref: F ? K : void 0,
                 onClick: (Q) => {
-                  Q.stopPropagation(), W && De(), de && tt();
+                  Q.stopPropagation(), F && De(), de && tt();
                 },
                 className: p(
                   ye.trailingIcon,
-                  (W || de) && "cursor-pointer"
+                  (F || de) && "cursor-pointer"
                 ),
                 children: /* @__PURE__ */ u("div", { className: "flex items-center justify-center w-full h-full", children: Y.isValidElement(Ne) ? Ne : /* @__PURE__ */ u(
                   fe,
@@ -5818,7 +5830,7 @@ const Qt = ({
       }
     ),
     ee && /* @__PURE__ */ u("p", { className: ye.supportingText, id: V, children: r != null && r.length ? r : o != null && o.length ? o : " " }),
-    W && q && /* @__PURE__ */ u(me, { children: /* @__PURE__ */ u(We, { anchorRef: C, position: "bottom", children: /* @__PURE__ */ j(
+    F && q && /* @__PURE__ */ u(me, { children: /* @__PURE__ */ u(Fe, { anchorRef: C, position: "bottom", children: /* @__PURE__ */ j(
       "div",
       {
         ref: G,
@@ -5838,7 +5850,7 @@ const Qt = ({
               {
                 variant: "text",
                 size: "small",
-                onClick: () => T(!1),
+                onClick: () => B(!1),
                 children: "Cancel"
               }
             ),
@@ -5856,16 +5868,16 @@ const Qt = ({
       }
     ) }) }),
     de && ge && /* @__PURE__ */ u(
-      We,
+      Fe,
       {
         anchorRef: C,
         position: "bottom",
         style: { width: (rt = C.current) == null ? void 0 : rt.offsetWidth },
-        children: /* @__PURE__ */ u("div", { ref: ze, children: /* @__PURE__ */ u(Jt, { className: "max-w-full", selected: D, children: I ? Y.Children.map(I, (Q) => Y.isValidElement(Q) && Q.type === qe ? Y.cloneElement(Q, {
+        children: /* @__PURE__ */ u("div", { ref: ze, children: /* @__PURE__ */ u(Jt, { className: "max-w-full", selected: R, children: M ? Y.Children.map(M, (Q) => Y.isValidElement(Q) && Q.type === qe ? Y.cloneElement(Q, {
           onClick: (ae) => {
             Q.props.onClick && Q.props.onClick(ae), nt(Q.props.value ?? "");
           }
-        }) : Q) : R == null ? void 0 : R.map((Q, ae) => Q.type === "divider" ? /* @__PURE__ */ u(Te, { className: "my-1" }, ae) : Q.type === "headline" ? /* @__PURE__ */ u(Gt, { label: Q.label }, ae) : /* @__PURE__ */ u(
+        }) : Q) : D == null ? void 0 : D.map((Q, ae) => Q.type === "divider" ? /* @__PURE__ */ u(Be, { className: "my-1" }, ae) : Q.type === "headline" ? /* @__PURE__ */ u(Gt, { label: Q.label }, ae) : /* @__PURE__ */ u(
           qe,
           {
             onClick: (ke) => {
@@ -5879,7 +5891,7 @@ const Qt = ({
       }
     )
   ] });
-}, Br = ({ isSelected: e, icon: t, label: n, variant: r }) => ({
+}, Tr = ({ isSelected: e, icon: t, label: n, variant: r }) => ({
   navigationRailItem: p(
     " group/navigation-rail-item flex flex-col  pt-1 pb-1.5 cursor-pointer",
     {
@@ -5911,9 +5923,9 @@ const Qt = ({
     "text-label-large ": r == "horizontal",
     "text-label-medium": r == "vertical"
   })
-}), Tr = ne(
+}), Br = ne(
   "navigationRailItem",
-  Br
+  Tr
 ), Hr = ({ label: e }) => /* @__PURE__ */ u("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ u("p", { className: "text-label-large text-on-surface-variant", children: e }) }), zr = ({
   className: e,
   onClick: t,
@@ -5936,7 +5948,7 @@ const Qt = ({
   ...S
 }) => {
   E && (n = E);
-  const g = z(null), A = y || g, [M, v] = X(d);
+  const g = z(null), A = y || g, [I, v] = X(d);
   _(() => {
     d && l == null ? v(!0) : v(l == c && c != null);
   }, [l]), _(() => {
@@ -5947,9 +5959,9 @@ const Qt = ({
       icon: a
     });
   }, [l]);
-  const k = s ? "a" : "button", R = (O) => {
+  const N = s ? "a" : "button", D = (O) => {
     i && i(c ?? null), t && t(O);
-  }, I = Tr({
+  }, M = Br({
     isExtended: h,
     extendedOnly: w,
     className: e,
@@ -5957,11 +5969,11 @@ const Qt = ({
     selectedItem: l,
     index: c,
     transition: f,
-    selected: M,
+    selected: I,
     variant: r,
     icon: a,
     label: n,
-    isSelected: M,
+    isSelected: I,
     setSelectedItem: i,
     href: s,
     children: n,
@@ -5971,15 +5983,15 @@ const Qt = ({
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ j(
-      k,
+      N,
       {
         ...S,
         role: "tab",
-        "aria-selected": M,
+        "aria-selected": I,
         ref: A,
         href: s,
-        className: I.navigationRailItem,
-        onClick: R,
+        className: M.navigationRailItem,
+        onClick: D,
         style: { transition: f.duration + "s", ...b },
         children: [
           /* @__PURE__ */ j(
@@ -5989,16 +6001,16 @@ const Qt = ({
                 transition: r == "horizontal" ? f.duration + `s, gap ${f.duration / 2}s ${f.duration - f.duration / 2}s` : f.duration + `s, gap ${f.duration / 3}s ${f.duration - f.duration / 3}s`
               },
               transition: f,
-              className: I.container,
+              className: M.container,
               children: [
                 /* @__PURE__ */ u(
                   be,
                   {
                     style: { transition: f.duration + "s" },
-                    className: I.stateLayer,
+                    className: M.stateLayer,
                     colorName: p({
-                      "on-surface": !M,
-                      "on-secondary-container": M
+                      "on-surface": !I,
+                      "on-secondary-container": I
                     }),
                     stateClassName: "state-ripple-group-[navigation-rail-item]"
                   }
@@ -6006,8 +6018,8 @@ const Qt = ({
                 a && /* @__PURE__ */ u(
                   fe,
                   {
-                    icon: M ? m : a,
-                    className: I.icon
+                    icon: I ? m : a,
+                    className: M.icon
                   }
                 ),
                 /* @__PURE__ */ u(pe, { children: r == "horizontal" && (() => {
@@ -6034,7 +6046,7 @@ const Qt = ({
                       initial: O,
                       animate: L,
                       exit: O,
-                      className: I.label,
+                      className: M.label,
                       children: n
                     }
                   );
@@ -6069,7 +6081,7 @@ const Qt = ({
                 initial: L,
                 animate: L,
                 exit: O,
-                className: I.label,
+                className: M.label,
                 transition: f,
                 children: n
               }
@@ -6112,7 +6124,7 @@ const Qt = ({
       label: "Open menu"
     },
     opened: {
-      icon: Fe,
+      icon: We,
       label: "Close menu"
     }
   },
@@ -6124,18 +6136,18 @@ const Qt = ({
   const [f, h] = X(null), [m, b] = X(a);
   let w;
   s == 0 || s != null ? w = s : w = f;
-  const E = y || h, S = z(null), g = (I) => {
-    t == null || t(I);
+  const E = y || h, S = z(null), g = (M) => {
+    t == null || t(M);
   };
-  function A(I) {
+  function A(M) {
     const O = [];
-    return un.forEach(I, (L) => {
-      Ie(L) && L.type === dn ? O.push(...A(L.props.children)) : O.push(L);
+    return un.forEach(M, (L) => {
+      Me(L) && L.type === dn ? O.push(...A(L.props.children)) : O.push(L);
     }), O;
   }
-  const M = A(n), v = M.filter(
-    (I) => Ie(I) && I.type === je
-  ), k = Yr({
+  const I = A(n), v = I.filter(
+    (M) => Me(M) && M.type === je
+  ), N = Yr({
     children: n,
     onItemSelected: t,
     selectedItem: w,
@@ -6150,49 +6162,49 @@ const Qt = ({
     onExtendedChange: o
   });
   d = { duration: 0.3, ...d };
-  const R = z(!1);
-  return R.current = !1, _(() => {
+  const D = z(!1);
+  return D.current = !1, _(() => {
     o == null || o(m ?? !1);
   }, [m]), /* @__PURE__ */ j(
     "div",
     {
       style: { transition: d.duration + "s", ...c },
       ref: S,
-      className: k.navigationRail,
+      className: N.navigationRail,
       children: [
-        /* @__PURE__ */ j("div", { className: k.header, children: [
+        /* @__PURE__ */ j("div", { className: N.header, children: [
           /* @__PURE__ */ u(
-            Me,
+            Ie,
             {
               onClick: () => b(!m),
               label: m ? i == null ? void 0 : i.opened.label : i == null ? void 0 : i.closed.label,
-              className: k.menuIcon,
+              className: N.menuIcon,
               icon: m ? i.opened.icon : i == null ? void 0 : i.closed.icon
             }
           ),
-          v.length > 0 && Be(v[0], {
+          v.length > 0 && Te(v[0], {
             transition: d,
             isExtended: m,
             className: "!shadow-none mx-5 " + v[0].props.className
           })
         ] }),
-        /* @__PURE__ */ u("div", { className: k.segments, children: (() => {
-          let I = 0;
-          return M.map((O) => Ie(O) && O.type === zr ? Be(
+        /* @__PURE__ */ u("div", { className: N.segments, children: (() => {
+          let M = 0;
+          return I.map((O) => Me(O) && O.type === zr ? Te(
             O,
             {
-              key: I,
-              index: I++,
+              key: M,
+              index: M++,
               // Utilise et incrémente le compteur dédié
               variant: m ? "horizontal" : "vertical",
               selectedItem: w,
               setSelectedItem: E,
               onItemSelected: g,
               transition: d,
-              extendedOnly: R.current,
+              extendedOnly: D.current,
               isExtended: m
             }
-          ) : Ie(O) && O.type === je ? null : Ie(O) && O.type === Hr ? (R.current = !0, m ? Be(O, {}) : null) : O);
+          ) : Me(O) && O.type === je ? null : Me(O) && O.type === Hr ? (D.current = !0, m ? Te(O, {}) : null) : O);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -6207,7 +6219,7 @@ function _s(e) {
   });
 }
 export {
-  We as AnchorPositioner,
+  Fe as AnchorPositioner,
   rs as AnimateOnScrollInit,
   Le as Button,
   Cs as Card,
@@ -6219,11 +6231,11 @@ export {
   $s as ContextMenu,
   Ln as CustomScroll,
   Or as DatePicker,
-  Te as Divider,
+  Be as Divider,
   je as Fab,
-  Ws as FabMenu,
+  Fs as FabMenu,
   fe as Icon,
-  Me as IconButton,
+  Ie as IconButton,
   Jt as Menu,
   pt as MenuGroup,
   Gt as MenuHeadline,
@@ -6234,17 +6246,17 @@ export {
   mr as ProgressIndicator,
   bn as RippleEffect,
   Ps as SideSheet,
-  Fs as Slider,
+  Ws as Slider,
   ts as SmoothScroll,
   Os as Snackbar,
   be as State,
-  Bs as Switch,
+  Ts as Switch,
   On as SyncedFixedWrapper,
   Ar as Tab,
   Hs as TabGroup,
-  Wr as TabPanel,
+  Fr as TabPanel,
   zs as TabPanels,
-  Ts as Tabs,
+  Bs as Tabs,
   Vs as TextField,
   ns as ThemeProvider,
   Qt as Tooltip,
@@ -6273,9 +6285,9 @@ export {
   ys as menuStyle,
   Ee as normalize,
   gs as progressIndicatorStyle,
-  Bt as sideSheetConfig,
+  Tt as sideSheetConfig,
   sr as sideSheetStyle,
-  Tt as sliderConfig,
+  Bt as sliderConfig,
   bs as sliderStyle,
   xs as snackbarStyle,
   Ss as switchStyle,
@@ -6283,8 +6295,8 @@ export {
   Ls as tabPanelsStyle,
   Ns as tabStyle,
   ks as tabsStyle,
-  Is as textFieldStyle,
-  Ms as toolStyle,
+  Ms as textFieldStyle,
+  Is as toolStyle,
   _n as useButtonStyle,
   Xn as useCardStyle,
   Un as useCarouselItemStyle,