@udixio/ui-react 2.9.7 → 2.9.8

package/dist/index.js

@@ -1,16 +1,16 @@
-var Ne = Object.defineProperty;
-var Ee = (t, e, n) => e in t ? Ne(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var Le = Object.defineProperty;
+var Ee = (t, e, n) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var R = (t, e, n) => Ee(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as m, jsxs as z, Fragment as ft } from "react/jsx-runtime";
 import { clsx as qt } from "clsx";
-import { extendTailwindMerge as Ie } from "tailwind-merge";
-import U, { useMemo as St, useState as H, useEffect as O, useRef as T, useLayoutEffect as Yt, isValidElement as wt, cloneElement as Nt, createContext as ke, useContext as zt, Children as Me, Fragment as Ce } from "react";
+import { extendTailwindMerge as ke } from "tailwind-merge";
+import U, { useMemo as St, useState as H, useEffect as O, useRef as T, useLayoutEffect as Yt, isValidElement as wt, cloneElement as Lt, createContext as Ie, useContext as zt, Children as Me, Fragment as Ce } from "react";
 import { motion as tt, AnimatePresence as ht, useScroll as Re, useMotionValueEvent as Bt, animate as $e } from "motion/react";
 import { createPortal as jt } from "react-dom";
 import { loader as We, defineConfig as De, FontPlugin as Ae, Variants as Be } from "@udixio/theme";
 import { TailwindPlugin as Kt } from "@udixio/tailwind";
 import He from "react-textarea-autosize";
-const Gt = Ie({
+const Gt = ke({
   override: {
     classGroups: {
       "text-color": [
@@ -204,10 +204,13 @@ const Jt = ({
   isInteractive: e
 }) => ({
   card: v(
-    "group/card rounded-xl overflow-hidden z-10",
+    " rounded-xl overflow-hidden ",
     t === "outlined" && "bg-surface border border-outline-variant",
     t === "elevated" && "bg-surface-container-low shadow-1",
-    t === "filled" && "bg-surface-container-highest"
+    t === "filled" && "bg-surface-container-highest",
+    {
+      "group/card": e
+    }
   )
 }), or = nt("card", Zt), Te = et(
   "card",
@@ -736,7 +739,7 @@ const Jt = ({
   me
 ), pe = () => ({
   tabPanel: v("")
-}), Lr = nt(
+}), Nr = nt(
   "tabPanel",
   pe
 ), rn = et(
@@ -834,7 +837,7 @@ const Jt = ({
     s == "filled" && " pb-2 pt-6",
     s == "outlined" && "py-4 relative z-10"
   )
-}), Nr = nt(
+}), Lr = nt(
   "textField",
   ye
 ), sn = et(
@@ -1194,8 +1197,8 @@ const dn = ({
   });
   O(() => {
     if (!i.current) return;
-    const A = new ResizeObserver((I) => {
-      for (const P of I)
+    const A = new ResizeObserver((k) => {
+      for (const P of k)
         P.target === i.current && d({
           width: P.contentRect.width,
           height: P.contentRect.height
@@ -1224,13 +1227,13 @@ const dn = ({
   }), g = T(null);
   g.current || (g.current = un(
     l,
-    (A, I) => {
-      !f.current || !h.current || !i.current || (I === (e === "horizontal" ? "x" : "y") && (c == null || c(A)), s && (e === "horizontal" && I === "x" && s({
+    (A, k) => {
+      !f.current || !h.current || !i.current || (k === (e === "horizontal" ? "x" : "y") && (c == null || c(A)), s && (e === "horizontal" && k === "x" && s({
         scrollProgress: A,
         scroll: A * (h.current.width - i.current.clientWidth),
         scrollTotal: h.current.width - i.current.clientWidth,
         scrollVisible: f.current.width
-      }), e === "vertical" && I === "y" && s({
+      }), e === "vertical" && k === "y" && s({
         scrollProgress: A,
         scroll: A * (h.current.height - i.current.clientHeight),
         scrollTotal: h.current.height - i.current.clientHeight,
@@ -1238,20 +1241,20 @@ const dn = ({
       })));
     }
   ));
-  const W = (A, I) => {
-    g.current && g.current(A, I);
+  const W = (A, k) => {
+    g.current && g.current(A, k);
   };
   O(() => {
     y.width && W(x.get(), "x"), y.height && W(C.get(), "y");
   }, [y]), O(() => {
-    const A = i.current, I = u.current;
-    if (!A || !I || typeof o != "number") return;
+    const A = i.current, k = u.current;
+    if (!A || !k || typeof o != "number") return;
     const P = (X, Y, K) => Math.min(K, Math.max(Y, X));
     if (e === "horizontal") {
-      const X = Math.max(0, (n ?? I.scrollWidth) - A.clientWidth);
+      const X = Math.max(0, (n ?? k.scrollWidth) - A.clientWidth);
       A.scrollLeft = P(o * X, 0, X);
     } else {
-      const X = Math.max(0, (n ?? I.scrollHeight) - A.clientHeight);
+      const X = Math.max(0, (n ?? k.scrollHeight) - A.clientHeight);
       A.scrollTop = P(o * X, 0, X);
     }
   }, [o, e, n]), Bt(x, "change", (A) => {
@@ -1268,7 +1271,7 @@ const dn = ({
       scrollVisible: e == "vertical" ? f.current.height : f.current.width
     }), p(!0));
   }, [f, h, s]), h.current = b(), f.current = w();
-  const [S, E] = H(!1), k = cn({
+  const [S, E] = H(!1), I = cn({
     isDragging: S,
     children: t,
     className: r,
@@ -1277,15 +1280,15 @@ const dn = ({
     scrollSize: n,
     draggable: a,
     throttleDuration: l
-  }), [$, L] = H(0), [V, N] = H(0), J = (A) => {
+  }), [$, N] = H(0), [V, L] = H(0), J = (A) => {
     if (!a) return;
-    const I = i.current;
-    if (!I || $ == null) return;
-    const X = (A.pageX - I.offsetLeft - $) * 1.5;
-    I.scrollLeft = V - X;
+    const k = i.current;
+    if (!k || $ == null) return;
+    const X = (A.pageX - k.offsetLeft - $) * 1.5;
+    k.scrollLeft = V - X;
   }, j = (A) => {
-    const I = i.current;
-    I && (E(!0), L(A.pageX - I.offsetLeft), N(I.scrollLeft));
+    const k = i.current;
+    k && (E(!0), N(A.pageX - k.offsetLeft), L(k.scrollLeft));
   }, Q = (A) => {
     S && (A.preventDefault(), J(A));
   }, D = () => {
@@ -1300,7 +1303,7 @@ const dn = ({
   }, []), O(() => {
     const A = i.current;
     if (!A) return;
-    const I = (P) => {
+    const k = (P) => {
       var st, M, G, rt;
       const X = P.detail, Y = i.current;
       if (!Y || !X) return;
@@ -1334,13 +1337,13 @@ const dn = ({
           Y.scrollTop = Math.min(ct, Math.max(0, X.scroll));
         }
     };
-    return A.addEventListener("udx:customScroll:set", I), () => {
-      A.removeEventListener("udx:customScroll:set", I);
+    return A.addEventListener("udx:customScroll:set", k), () => {
+      A.removeEventListener("udx:customScroll:set", k);
     };
   }, [e]), /* @__PURE__ */ z(
     "div",
     {
-      className: k.customScroll,
+      className: I.customScroll,
       ref: i,
       onMouseDown: j,
       onMouseMove: Q,
@@ -1348,7 +1351,7 @@ const dn = ({
       onMouseLeave: B,
       onDragStart: q,
       onScroll: (A) => {
-        S || (L(null), E(!0), Z.current && clearTimeout(Z.current), Z.current = setTimeout(() => {
+        S || (N(null), E(!0), Z.current && clearTimeout(Z.current), Z.current = setTimeout(() => {
           E(!1);
         }, 1e3));
       },
@@ -1358,7 +1361,7 @@ const dn = ({
           {
             ref: u,
             style: e === "vertical" ? { height: ((at = f == null ? void 0 : f.current) == null ? void 0 : at.height) ?? "100%" } : { width: ((ut = f == null ? void 0 : f.current) == null ? void 0 : ut.width) ?? "100%" },
-            className: k.track,
+            className: I.track,
             children: t
           }
         ),
@@ -1658,7 +1661,7 @@ var wn = class {
     // @ts-ignore: this will be deprecated in the future
     __experimental__naiveDimensions: S = !1,
     naiveDimensions: E = S,
-    stopInertiaOnNavigate: k = !1
+    stopInertiaOnNavigate: I = !1
   } = {}) {
     R(this, "_isScrolling", !1);
     // true when scroll is animating
@@ -1857,7 +1860,7 @@ var wn = class {
       autoToggle: F,
       allowNestedScroll: p,
       naiveDimensions: E,
-      stopInertiaOnNavigate: k
+      stopInertiaOnNavigate: I
     }, this.dimensions = new wn(t, e, { 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(
@@ -2162,7 +2165,7 @@ var wn = class {
     this.rootElement.className = this.rootElement.className.replace(/lenis(-\w+)?/g, "").trim();
   }
 };
-const Ir = ({
+const kr = ({
   transition: t = 1.2,
   easing: e,
   orientation: n = "vertical",
@@ -2206,10 +2209,10 @@ const Ir = ({
   });
   return O(() => {
     if (r.current && n !== "state-layer") {
-      const i = n.includes("[") ? n.split("[")[1].split("]")[0] : "group", u = r.current.closest(
-        `.${i}:not(.${i} .${i})`
+      const u = (n.includes("[") ? "group/" + n.split("[")[1].split("]")[0] : "group").replace(/\//g, "\\/"), y = r.current.closest(
+        `.${u}:not(.${u} .${u})`
       );
-      a.current = u;
+      a.current = y;
     }
     o(!0);
   }, []), /* @__PURE__ */ m(
@@ -2235,7 +2238,7 @@ const Ir = ({
 }), Sn = et(
   "stateLayer",
   xn
-), Ln = ({
+), Nn = ({
   targetRef: t,
   children: e
 }) => {
@@ -2264,10 +2267,10 @@ const Ir = ({
       };
   }, [t]), n ? jt(/* @__PURE__ */ m("div", { style: n, children: e }), document.body) : null;
 };
-function Nn(t) {
+function Ln(t) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t);
 }
-const kr = ({
+const Ir = ({
   config: t,
   throttleDelay: e = 100,
   // Délai par défaut de 300ms
@@ -2305,7 +2308,7 @@ const kr = ({
     };
   }, [t, e, r]);
   const y = async (d) => {
-    if (typeof d.sourceColor == "string" && !Nn(d.sourceColor))
+    if (typeof d.sourceColor == "string" && !Ln(d.sourceColor))
       throw new Error("Invalid hex color");
     if (!r)
       return;
@@ -2327,7 +2330,7 @@ function En() {
   }
   return !1;
 }
-function In() {
+function kn() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function Dt(t) {
@@ -2362,7 +2365,7 @@ function Ct(t = document, e) {
     )
   ).filter((s) => Dt(s));
 }
-function kn(t = document, e) {
+function In(t = document, e) {
   const n = Array.from(
     t.querySelectorAll(`[class*="${e}-"]`)
   ), s = /* @__PURE__ */ new Set([
@@ -2412,7 +2415,7 @@ function _t(t, e) {
 }
 function be(t = {}) {
   const { prefix: e = "anim", once: n = !0 } = t;
-  if (In())
+  if (kn())
     return () => {
     };
   const s = En(), r = /* @__PURE__ */ new WeakSet();
@@ -2433,7 +2436,7 @@ function be(t = {}) {
     },
     { threshold: Cn }
   ), i = (h) => {
-    const f = kn(h || document, e);
+    const f = In(h || document, e);
     for (const b of f)
       r.has(b) || (r.add(b), c.observe(b), _t(b, e));
   };
@@ -2524,9 +2527,9 @@ const xe = ({
   O(() => {
     S(d);
   }, [d]), w = { duration: 0.3, ...w };
-  const E = (L) => {
-    e && L.preventDefault(), y ? (S(!p), y(!p)) : u && u(L);
-  }, k = Pe({
+  const E = (N) => {
+    e && N.preventDefault(), y ? (S(!p), y(!p)) : u && u(N);
+  }, I = Pe({
     allowShapeTransformation: b,
     size: f,
     disableTextMargins: a,
@@ -2544,25 +2547,25 @@ const xe = ({
     activated: p,
     label: r,
     children: r
-  }), $ = n ? /* @__PURE__ */ m(dt, { icon: n, className: k.icon }) : /* @__PURE__ */ m(ft, {});
+  }), $ = n ? /* @__PURE__ */ m(dt, { icon: n, className: I.icon }) : /* @__PURE__ */ m(ft, {});
   return /* @__PURE__ */ z(
     g,
     {
       ref: F,
       href: s,
-      className: k.button,
+      className: I.button,
       ...x,
       onClick: E,
       disabled: e,
       "aria-pressed": y ? p : void 0,
       style: { transition: w.duration + "s" },
       children: [
-        /* @__PURE__ */ m("div", { className: k.touchTarget }),
+        /* @__PURE__ */ m("div", { className: I.touchTarget }),
         /* @__PURE__ */ m(
           yt,
           {
             style: { transition: w.duration + "s" },
-            className: k.stateLayer,
+            className: I.stateLayer,
             colorName: v(
               t === "filled" && {
                 "on-surface-variant": !p && !!y,
@@ -2623,7 +2626,7 @@ const xe = ({
             )
           }
         ),
-        /* @__PURE__ */ m("span", { className: k.label, children: r }),
+        /* @__PURE__ */ m("span", { className: I.label, children: r }),
         o === "right" && $
       ]
     }
@@ -2714,37 +2717,37 @@ const xe = ({
     scrollSensitivity: y,
     onMetricsChange: i
   }), x = U.Children.toArray(n).filter(
-    (I) => U.isValidElement(I) && I.type === $n
+    (k) => U.isValidElement(k) && k.type === $n
   ), g = T(null), [W, F] = H(
     {}
-  ), [p, S] = H(null), E = T(0), k = T(null), $ = () => {
+  ), [p, S] = H(null), E = T(0), I = T(null), $ = () => {
     var pt, bt;
     if (!g.current || !f.current || (p == null ? void 0 : p.scrollProgress) === void 0)
       return [];
-    const I = (p == null ? void 0 : p.scrollVisible) ?? ((pt = f.current) == null ? void 0 : pt.clientWidth) ?? 0;
+    const k = (p == null ? void 0 : p.scrollVisible) ?? ((pt = f.current) == null ? void 0 : pt.clientWidth) ?? 0;
     function P(_, it) {
       return _.map((lt, xt) => {
-        const kt = (lt - it) / Math.abs(_[1] - _[0]);
+        const It = (lt - it) / Math.abs(_[1] - _[0]);
         return {
           itemScrollXCenter: lt,
-          relativeIndex: kt,
+          relativeIndex: It,
           index: xt,
           width: 0
         };
       });
     }
     const X = x.map((_, it) => {
-      if (!L[it].current || !g.current) return 0;
+      if (!N[it].current || !g.current) return 0;
       const xt = it / (x.length - 1);
       return vt(xt, [0, 1], [0, 1]);
     }), Y = P(
       X,
       (p == null ? void 0 : p.scrollProgress) ?? 0
     ).sort((_, it) => _.index - it.index);
-    let K = (((bt = f.current) == null ? void 0 : bt.clientWidth) ?? I) + o + l[0] + o;
+    let K = (((bt = f.current) == null ? void 0 : bt.clientWidth) ?? k) + o + l[0] + o;
     const st = Y.sort((_, it) => Math.abs(_.relativeIndex) - Math.abs(it.relativeIndex)).map((_, it) => {
       if (!(K <= 0)) {
-        if (it == 0 && N(_.index), _.width = vt(
+        if (it == 0 && L(_.index), _.width = vt(
           K - o,
           [l[0], l[1]],
           [l[0], l[1]]
@@ -2763,41 +2766,41 @@ const xe = ({
     M.forEach((_, it) => {
       const lt = M[it + 1];
       if (!lt) return;
-      const xt = 1 - (Math.abs(_.relativeIndex) - Math.abs(lt == null ? void 0 : lt.relativeIndex)), kt = vt(
+      const xt = 1 - (Math.abs(_.relativeIndex) - Math.abs(lt == null ? void 0 : lt.relativeIndex)), It = vt(
         xt,
         [0, 2],
         [_.width + K, lt.width]
       );
-      K += _.width, _.width = kt, K -= _.width;
+      K += _.width, _.width = It, K -= _.width;
     });
     const rt = st.length / 2, ct = vt(
       Math.abs(G[0].relativeIndex),
       [G[0].index == 0 ? 0 : rt - 1, rt],
       [0, 1]
-    ), It = vt(ct, [0, 1], [0, 1]) * -(l[0] + o);
-    return w(It), Object.fromEntries(
+    ), kt = vt(ct, [0, 1], [0, 1]) * -(l[0] + o);
+    return w(kt), Object.fromEntries(
       st.map((_) => [_.index, _.width])
     );
-  }, L = T([]).current, [V, N] = H(0);
+  }, N = T([]).current, [V, L] = H(0);
   O(() => {
     c && c(V);
   }, [V]), O(() => {
     typeof u == "number" && x.length > 0 && u !== V && Q(u);
   }, [u, x.length]), O(() => {
     j(V);
-  }, [V]), L.length !== x.length && x.forEach((I, P) => {
-    L[P] || (L[P] = U.createRef());
+  }, [V]), N.length !== x.length && x.forEach((k, P) => {
+    N[P] || (N[P] = U.createRef());
   });
-  const [J, j] = H(0), Q = (I, P = {}) => {
+  const [J, j] = H(0), Q = (k, P = {}) => {
     if (!x.length) return 0;
-    const X = L[I];
+    const X = N[k];
     if (!X || !X.current || !g.current) return 0;
     const Y = vt(
-      I / Math.max(1, x.length - 1),
+      k / Math.max(1, x.length - 1),
       [0, 1],
       [0, 1]
     );
-    return j(I), g.current.dispatchEvent(
+    return j(k), g.current.dispatchEvent(
       new CustomEvent("udx:customScroll:set", {
         bubbles: !0,
         detail: {
@@ -2807,17 +2810,17 @@ const xe = ({
         }
       })
     ), Y;
-  }, D = x.map((I, P) => {
+  }, D = x.map((k, P) => {
     var st;
-    const X = (st = I.props) == null ? void 0 : st.onClick, Y = (M) => {
+    const X = (st = k.props) == null ? void 0 : st.onClick, Y = (M) => {
       X == null || X(M);
     }, K = () => j(P);
     return U.cloneElement(
-      I,
+      k,
       {
         width: W[P],
         outputRange: l,
-        ref: L[P],
+        ref: N[P],
         key: P,
         index: P,
         role: "option",
@@ -2827,12 +2830,12 @@ const xe = ({
         onFocus: K
       }
     );
-  }), B = (I) => {
+  }), B = (k) => {
     var P;
-    if (I.scrollTotal > 0) {
-      (P = k.current) == null || P.stop();
-      const X = E.current ?? 0, Y = I.scrollProgress ?? 0;
-      k.current = $e(X, Y, {
+    if (k.scrollTotal > 0) {
+      (P = I.current) == null || P.stop();
+      const X = E.current ?? 0, Y = k.scrollProgress ?? 0;
+      I.current = $e(X, Y, {
         // Spring tuning to add a bit of inertia and smoothness
         type: "spring",
         stiffness: 260,
@@ -2840,14 +2843,14 @@ const xe = ({
         mass: 0.6,
         restDelta: 5e-4,
         onUpdate: (K) => {
-          E.current = K, S({ ...I, scrollProgress: K });
+          E.current = K, S({ ...k, scrollProgress: K });
         }
       });
     }
   };
   O(() => {
-    const I = $();
-    F(I);
+    const k = $();
+    F(k);
   }, [p]);
   const q = T(i);
   O(() => {
@@ -2856,21 +2859,21 @@ const xe = ({
   const Z = T(null);
   O(() => {
     var it;
-    const I = q.current;
-    if (!I || !(f != null && f.current)) return;
+    const k = q.current;
+    if (!k || !(f != null && f.current)) return;
     const P = x.length;
     if (P <= 0) return;
     const X = ((it = f.current) == null ? void 0 : it.clientWidth) ?? 0, Y = l[1], K = E.current ?? (p == null ? void 0 : p.scrollProgress) ?? 0, st = (X + o) / (Y + o), M = Math.max(1, Math.floor(st)), G = Math.max(1, Math.round(M * (2 / 3))), rt = Math.min(
       Math.max(0, V),
       Math.max(0, P - 1)
-    ), ct = rt > 0, It = rt < P - 1, pt = {
+    ), ct = rt > 0, kt = rt < P - 1, pt = {
       total: P,
       selectedIndex: rt,
       visibleApprox: st,
       visibleFull: M,
       stepHalf: G,
       canPrev: ct,
-      canNext: It,
+      canNext: kt,
       scrollProgress: K,
       viewportWidth: X,
       itemMaxWidth: Y,
@@ -2884,49 +2887,49 @@ const xe = ({
           break;
         }
     }
-    _ && (Z.current = pt, I(pt));
+    _ && (Z.current = pt, k(pt));
   }, [f, x.length, V, p, o, l]), O(() => () => {
-    var I;
-    (I = k.current) == null || I.stop();
+    var k;
+    (k = I.current) == null || k.stop();
   }, []);
   const [at, ut] = H(0);
   Yt(() => {
-    let I = l[1];
-    p && I > p.scrollVisible && (I = p.scrollVisible);
-    const P = (I + o) * D.length / y;
+    let k = l[1];
+    p && k > p.scrollVisible && (k = p.scrollVisible);
+    const P = (k + o) * D.length / y;
     ut(P);
-  }, [f, L, p]);
-  const A = (I) => {
+  }, [f, N, p]);
+  const A = (k) => {
     if (!x.length) return;
     const P = J ?? V;
-    switch (I.key) {
+    switch (k.key) {
       case "ArrowLeft":
-        I.preventDefault(), Q(Math.max(0, P - 1));
+        k.preventDefault(), Q(Math.max(0, P - 1));
         break;
       case "ArrowRight":
-        I.preventDefault(), Q(Math.min(x.length - 1, P + 1));
+        k.preventDefault(), Q(Math.min(x.length - 1, P + 1));
         break;
       case "Home":
-        I.preventDefault(), Q(0);
+        k.preventDefault(), Q(0);
         break;
       case "End":
-        I.preventDefault(), Q(x.length - 1);
+        k.preventDefault(), Q(x.length - 1);
         break;
       case "Enter":
       case " ":
-        I.preventDefault(), Q(P);
+        k.preventDefault(), Q(P);
         break;
     }
   };
   return O(() => {
-    const I = f.current;
-    if (!I) return;
+    const k = f.current;
+    if (!k) return;
     const P = (X) => {
       const Y = X.detail;
       Y && typeof Y.index == "number" && Q(Y.index);
     };
-    return I.addEventListener("udx:carousel:centerIndex", P), () => {
-      I.removeEventListener(
+    return k.addEventListener("udx:carousel:centerIndex", P), () => {
+      k.removeEventListener(
         "udx:carousel:centerIndex",
         P
       );
@@ -2978,11 +2981,11 @@ var Wn = {
   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"]
-}, Lt = {
+}, Nt = {
   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"]
-}, An = Lt, Bn = {
+}, An = Nt, Bn = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
@@ -3013,20 +3016,20 @@ const Xt = ({
     throw new Error(
       "Chip component requires either a label prop or children content"
     );
-  const W = s ? "a" : "button", F = T(null), p = i || F, [S, E] = U.useState(c), [k, $] = U.useState(!1), [L, V] = H(x && y), [N, J] = U.useState(!1), [j, Q] = U.useState(
+  const W = s ? "a" : "button", F = T(null), p = i || F, [S, E] = U.useState(c), [I, $] = U.useState(!1), [N, V] = H(x && y), [L, J] = U.useState(!1), [j, Q] = U.useState(
     typeof r == "string" ? r : ""
   ), D = U.useRef(null);
   O(() => {
     E(c);
   }, [c]), O(() => {
-    if (x && V(x), y && k) {
+    if (x && V(x), y && I) {
       const M = setTimeout(() => {
-        g != null && g.draggable && N || V(!0);
+        g != null && g.draggable && L || V(!0);
       }, 1e3);
       return () => clearTimeout(M);
-    } else k || V(!1);
-  }, [k, y, N, g, j]), O(() => {
-    if (L) {
+    } else I || V(!1);
+  }, [I, y, L, g, j]), O(() => {
+    if (N) {
       Q(typeof r == "string" ? r : "");
       const M = K.current || D.current;
       if (M) {
@@ -3037,7 +3040,7 @@ const Xt = ({
         rt == null || rt.removeAllRanges(), rt == null || rt.addRange(G);
       }
     }
-  }, [L]), w = { duration: 0.3, ...w };
+  }, [N]), w = { duration: 0.3, ...w };
   const B = (M) => {
     e && M.preventDefault(), o ? (E(!S), o(!S)) : l && l(M);
   }, q = !!o || !!u || !!l || !!s || !!y;
@@ -3047,7 +3050,7 @@ const Xt = ({
     onBlur: at,
     onKeyDown: ut,
     onDragStart: A,
-    onDragEnd: I,
+    onDragEnd: k,
     onDoubleClick: P,
     ...X
   } = g ?? {}, Y = Xe({
@@ -3063,10 +3066,10 @@ const Xt = ({
     label: r,
     isInteractive: q,
     children: r,
-    isFocused: k,
-    isDragging: N,
+    isFocused: I,
+    isDragging: L,
     onEditCommit: h,
-    isEditing: L
+    isEditing: N
   }), K = T(null), st = () => {
     const M = (j ?? "").trim();
     if (!M) {
@@ -3084,17 +3087,17 @@ const Xt = ({
       className: Y.chip,
       ...X,
       onClick: (M) => {
-        L || B(M);
+        N || B(M);
       },
       draggable: !e && !!(g != null && g.draggable),
       onDragStart: (M) => {
         !e && (g != null && g.draggable) && J(!0), A == null || A(M);
       },
       onDragEnd: (M) => {
-        g != null && g.draggable && J(!1), I == null || I(M);
+        g != null && g.draggable && J(!1), k == null || k(M);
       },
       onDoubleClick: (M) => {
-        !e && y && !L && (d == null || d(), M.preventDefault(), M.stopPropagation()), P == null || P(M);
+        !e && y && !N && (d == null || d(), M.preventDefault(), M.stopPropagation()), P == null || P(M);
       },
       onFocus: (M) => {
         q && $(!0), Z == null || Z(M);
@@ -3104,11 +3107,11 @@ const Xt = ({
       },
       onKeyDown: (M) => {
         const G = M.key;
-        if (!e && L) {
+        if (!e && N) {
           G === "Enter" ? (M.preventDefault(), st()) : G === "Escape" ? (M.preventDefault(), f == null || f()) : u && (j == null ? void 0 : j.trim()) === "" && (G === "Backspace" || G === "Delete" || G === "Del") && (M.preventDefault(), M.stopPropagation(), u());
           return;
         }
-        if (!e && k) {
+        if (!e && I) {
           if (y && !o && (G === "F2" || G === "Enter")) {
             M.preventDefault(), d == null || d();
             return;
@@ -3126,7 +3129,7 @@ const Xt = ({
       "aria-pressed": o ? S : void 0,
       style: { transition: w.duration + "s" },
       children: [
-        q && !e && !L && /* @__PURE__ */ m(
+        q && !e && !N && /* @__PURE__ */ m(
           yt,
           {
             style: { transition: w.duration + "s" },
@@ -3143,7 +3146,7 @@ const Xt = ({
           "span",
           {
             ref: K,
-            contentEditable: !!y && !!L,
+            contentEditable: !!y && !!N,
             suppressContentEditableWarning: !0,
             className: Y.label,
             role: y ? "textbox" : void 0,
@@ -3153,22 +3156,22 @@ const Xt = ({
               Q(G), b == null || b(G);
             },
             onBlur: (M) => {
-              y && L && st();
+              y && N && st();
             },
             onKeyDown: (M) => {
-              if (y && L && M.key === "Enter") {
+              if (y && N && M.key === "Enter") {
                 M.preventDefault(), M.stopPropagation(), st();
                 return;
               }
-              y && L && M.key === "Escape" && (M.preventDefault(), M.stopPropagation(), f == null || f());
+              y && N && M.key === "Escape" && (M.preventDefault(), M.stopPropagation(), f == null || f());
             },
             children: r
           }
         ),
-        u && !L && /* @__PURE__ */ m(
+        u && !N && /* @__PURE__ */ m(
           dt,
           {
-            icon: Lt,
+            icon: Nt,
             className: Y.trailingIcon,
             onMouseDown: (M) => {
               M.preventDefault(), M.stopPropagation();
@@ -3239,7 +3242,7 @@ const Wr = ({
     [a, l]
   ), b = U.useCallback(
     (p) => {
-      f((S) => S.filter((E, k) => k !== p));
+      f((S) => S.filter((E, I) => I !== p));
     },
     [f]
   ), w = Ue({
@@ -3252,8 +3255,8 @@ const Wr = ({
       h.current = !0;
       const S = {
         label: p
-      }, E = y(S), k = [...l, S];
-      a == null || a(k), requestAnimationFrame(() => {
+      }, E = y(S), I = [...l, S];
+      a == null || a(I), requestAnimationFrame(() => {
         g(E), h.current = !1;
       });
     },
@@ -3268,8 +3271,8 @@ const Wr = ({
       if (S !== -1) {
         const E = d.current[S];
         (p = E == null ? void 0 : E.focus) == null || p.call(E);
-        const k = o.current, $ = E.offsetLeft + E.offsetWidth / 2 - k.offsetWidth / 2;
-        k.scrollTo({ left: $, behavior: "smooth" });
+        const I = o.current, $ = E.offsetLeft + E.offsetWidth / 2 - I.offsetWidth / 2;
+        I.scrollTo({ left: $, behavior: "smooth" });
       }
     }
   }, [x, l, y]);
@@ -3291,52 +3294,52 @@ const Wr = ({
       onKeyDown: (p) => {
         var V;
         if (t !== "input") return;
-        const S = p.key, k = p.target === p.currentTarget;
+        const S = p.key, I = p.target === p.currentTarget;
         if (!c) return;
-        const $ = document.activeElement, L = d.current.findIndex(
-          (N) => N === $
+        const $ = document.activeElement, N = d.current.findIndex(
+          (L) => L === $
         );
         if (S === "ArrowLeft") {
           p.preventDefault();
-          const N = L > 0 ? L - 1 : l.length - 1, J = y(l[N]);
+          const L = N > 0 ? N - 1 : l.length - 1, J = y(l[L]);
           g(J);
           return;
         }
         if (S === "ArrowRight") {
           p.preventDefault();
-          const N = L >= 0 ? (L + 1) % Math.max(1, l.length) : 0, J = y(l[N]);
+          const L = N >= 0 ? (N + 1) % Math.max(1, l.length) : 0, J = y(l[L]);
           g(J);
           return;
         }
         if (S === "Home") {
           p.preventDefault();
-          const N = y(l[0]);
-          g(N);
+          const L = y(l[0]);
+          g(L);
           return;
         }
         if (S === "End") {
           p.preventDefault();
-          const N = y(l[l.length - 1]);
-          g(N);
+          const L = y(l[l.length - 1]);
+          g(L);
           return;
         }
-        if (k && S === "Backspace") {
+        if (I && S === "Backspace") {
           if (p.preventDefault(), l.length > 0) {
-            const N = d.current[l.length - 1];
-            (V = N == null ? void 0 : N.focus) == null || V.call(N);
+            const L = d.current[l.length - 1];
+            (V = L == null ? void 0 : L.focus) == null || V.call(L);
           }
           return;
         }
       },
       children: [
         l.map((p, S) => {
-          const E = y(p), k = t === "input", $ = k ? {
+          const E = y(p), I = t === "input", $ = I ? {
             editable: !0,
             editing: x === E,
-            onEditCommit: (L) => {
+            onEditCommit: (N) => {
               i(!0), f(
                 (V) => V.map(
-                  (N, J) => J === S ? { ...N, label: L } : N
+                  (L, J) => J === S ? { ...L, label: N } : L
                 )
               );
             },
@@ -3345,9 +3348,9 @@ const Wr = ({
             },
             onChange: () => {
               if (d.current.length == S + 1) {
-                const L = o.current;
+                const N = o.current;
                 requestAnimationFrame(() => {
-                  L.scrollTo({ left: L.scrollWidth, behavior: "smooth" });
+                  N.scrollTo({ left: N.scrollWidth, behavior: "smooth" });
                 });
               }
             }
@@ -3355,7 +3358,7 @@ const Wr = ({
           return /* @__PURE__ */ m(
             Xt,
             {
-              ref: (L) => d.current[S] = L,
+              ref: (N) => d.current[S] = N,
               label: p.label ?? "",
               icon: p.icon,
               activated: p.activated,
@@ -3364,15 +3367,15 @@ const Wr = ({
               href: p.href,
               draggable: s,
               ...$,
-              onToggle: p.activated === void 0 ? void 0 : (L) => f(
+              onToggle: p.activated === void 0 ? void 0 : (N) => f(
                 (V) => V.map(
-                  (N, J) => J === S ? { ...N, activated: L } : N
+                  (L, J) => J === S ? { ...L, activated: N } : L
                 )
               ),
               onBlur: () => {
                 x === E && g(null);
               },
-              onRemove: k ? () => {
+              onRemove: I ? () => {
                 i(!0), b(S);
               } : void 0
             },
@@ -3428,7 +3431,7 @@ const Wr = ({
       ]
     }
   );
-}, Le = ({
+}, Ne = ({
   variant: t = "plain",
   buttons: e,
   className: n,
@@ -3447,13 +3450,13 @@ const Wr = ({
   Array.isArray(i) || (i = [i]), e && !Array.isArray(e) && (e = [e]);
   const d = T(null), h = o || d, [f, b] = H(null), [w] = H(gt()), [C, x] = H(!1), g = T(null), W = T(null);
   O(() => {
-    const N = (J) => {
+    const L = (J) => {
       b(J.detail);
     };
-    return document.addEventListener("tooltip-update", N), () => {
+    return document.addEventListener("tooltip-update", L), () => {
       document.removeEventListener(
         "tooltip-update",
-        N
+        L
       );
     };
   }, []), O(() => {
@@ -3468,46 +3471,46 @@ const Wr = ({
   }, [f, w]);
   const F = () => {
     if (i.includes("hover")) {
-      const N = new CustomEvent("tooltip-update", { detail: w });
-      document.dispatchEvent(N);
+      const L = new CustomEvent("tooltip-update", { detail: w });
+      document.dispatchEvent(L);
     }
   }, p = () => {
     if (i.includes("hover")) {
-      const N = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(N);
+      const L = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(L);
     }
   }, S = () => {
     if (i.includes("click")) {
-      const N = new CustomEvent("tooltip-update", {
+      const L = new CustomEvent("tooltip-update", {
         detail: C ? null : w
       });
-      document.dispatchEvent(N);
+      document.dispatchEvent(L);
     }
   }, E = () => {
     if (i.includes("focus")) {
-      const N = new CustomEvent("tooltip-update", { detail: w });
-      document.dispatchEvent(N);
+      const L = new CustomEvent("tooltip-update", { detail: w });
+      document.dispatchEvent(L);
     }
-  }, k = () => {
+  }, I = () => {
     if (i.includes("focus")) {
-      const N = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(N);
+      const L = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(L);
     }
   };
   O(() => {
     if (h != null && h.current) {
-      const N = h.current;
-      return N.addEventListener("mouseenter", F), N.addEventListener("mouseleave", p), N.addEventListener("click", S), N.addEventListener("focus", E), N.addEventListener("blur", k), () => {
-        N.removeEventListener("mouseenter", F), N.removeEventListener("mouseleave", p), N.removeEventListener("click", S), N.removeEventListener("focus", E), N.removeEventListener("blur", k);
+      const L = h.current;
+      return L.addEventListener("mouseenter", F), L.addEventListener("mouseleave", p), L.addEventListener("click", S), L.addEventListener("focus", E), L.addEventListener("blur", I), () => {
+        L.removeEventListener("mouseenter", F), L.removeEventListener("mouseleave", p), L.removeEventListener("click", S), L.removeEventListener("focus", E), L.removeEventListener("blur", I);
       };
     }
   }, [h, i, w, C]);
-  const $ = !o && wt(s) ? Nt(s, { ref: d }) : s;
+  const $ = !o && wt(s) ? Lt(s, { ref: d }) : s;
   if (!l && typeof window < "u" && h != null && h.current && !l) {
-    const N = h.current.getBoundingClientRect(), J = window.innerWidth, j = window.innerHeight, Q = N.left / J, D = N.top / j;
+    const L = h.current.getBoundingClientRect(), J = window.innerWidth, j = window.innerHeight, Q = L.left / J, D = L.top / j;
     t === "plain" ? Q < 1 / 3 ? l = "right" : Q > 2 / 3 ? l = "left" : l = D > 0.5 ? "top" : "bottom" : Q < 1 / 2 && D < 1 / 2 ? l = "bottom-right" : Q > 1 / 2 && D < 1 / 2 ? l = "bottom-left" : Q > 1 / 2 && D > 1 / 2 ? l = "top-left" : Q < 1 / 2 && D > 1 / 2 && (l = "top-right");
   }
-  const L = on({
+  const N = on({
     variant: t,
     buttons: e,
     className: n,
@@ -3529,7 +3532,7 @@ const Wr = ({
   };
   return /* @__PURE__ */ z(ft, { children: [
     $,
-    /* @__PURE__ */ m(ht, { children: C && /* @__PURE__ */ m(Ln, { targetRef: h, children: /* @__PURE__ */ m(
+    /* @__PURE__ */ m(ht, { children: C && /* @__PURE__ */ m(Nn, { targetRef: h, children: /* @__PURE__ */ m(
       tt.div,
       {
         initial: "close",
@@ -3537,19 +3540,19 @@ const Wr = ({
         animate: "open",
         transition: { duration: u.duration },
         exit: "close",
-        className: L.toolTip,
+        className: N.toolTip,
         ...y,
         onMouseEnter: F,
         onMouseLeave: p,
-        children: /* @__PURE__ */ z("div", { className: L.container, children: [
-          r && /* @__PURE__ */ m("div", { className: L.subHead, children: r }),
-          /* @__PURE__ */ m("div", { className: L.supportingText, children: a }),
-          e && /* @__PURE__ */ m("div", { className: L.actions, children: Array.isArray(e) && e.map((N, J) => /* @__PURE__ */ m(
+        children: /* @__PURE__ */ z("div", { className: N.container, children: [
+          r && /* @__PURE__ */ m("div", { className: N.subHead, children: r }),
+          /* @__PURE__ */ m("div", { className: N.supportingText, children: a }),
+          e && /* @__PURE__ */ m("div", { className: N.actions, children: Array.isArray(e) && e.map((L, J) => /* @__PURE__ */ m(
             xe,
             {
               size: "small",
               variant: "text",
-              ...N
+              ...L
             },
             J
           )) })
@@ -3623,7 +3626,7 @@ const Wr = ({
       className: h.fab,
       children: [
         /* @__PURE__ */ m(
-          Le,
+          Ne,
           {
             trigger: o ? null : void 0,
             text: e,
@@ -3711,7 +3714,7 @@ const Wr = ({
     size: i,
     children: r,
     ...x
-  }), E = T(null), k = d || E;
+  }), E = T(null), I = d || E;
   return w = { duration: 0.3, ...w }, /* @__PURE__ */ z(
     p,
     {
@@ -3723,12 +3726,12 @@ const Wr = ({
       ...x,
       title: void 0,
       onClick: F,
-      ref: k,
+      ref: I,
       children: [
         /* @__PURE__ */ m(
-          Le,
+          Ne,
           {
-            targetRef: k,
+            targetRef: I,
             trigger: n ? null : void 0,
             text: s
           }
@@ -3781,10 +3784,10 @@ const Wr = ({
   ...h
 }) => {
   c = { duration: 0.3, ease: "easeInOut", ...c };
-  const f = T(null), b = o || f, w = typeof u == "boolean", [C, x] = H(y), g = w ? u : C, W = (L) => {
-    w || x(L), d == null || d(L);
+  const f = T(null), b = o || f, w = typeof u == "boolean", [C, x] = H(y), g = w ? u : C, W = (N) => {
+    w || x(N), d == null || d(N);
   }, F = U.Children.toArray(i).filter(
-    (L) => U.isValidElement(L) && L.type === xe
+    (N) => U.isValidElement(N) && N.type === xe
   ), p = ze({
     href: r,
     icon: a,
@@ -3796,7 +3799,7 @@ const Wr = ({
     transition: c,
     children: e,
     open: g
-  }), S = tt.create($t), E = tt.create(Et), k = (L) => /* @__PURE__ */ m(
+  }), S = tt.create($t), E = tt.create(Et), I = (N) => /* @__PURE__ */ m(
     S,
     {
       icon: a,
@@ -3815,15 +3818,15 @@ const Wr = ({
         background: { duration: c.duration, ease: "easeInOut" },
         ...c
       },
-      ...L
+      ...N
     }
   ), [$] = H(gt());
   return /* @__PURE__ */ z("div", { className: p.fabMenu, ref: b, ...h, children: [
     /* @__PURE__ */ m(ht, { children: g && /* @__PURE__ */ m("div", { className: p.actions, role: "menu", "aria-hidden": !g, children: (() => {
-      const L = F.length;
-      return F.map((V, N) => {
+      const N = F.length;
+      return F.map((V, L) => {
         V.props;
-        const J = L - 1 - N, j = ((c == null ? void 0 : c.delay) ?? 0) + J * 0.06, Q = {
+        const J = N - 1 - L, j = ((c == null ? void 0 : c.delay) ?? 0) + J * 0.06, Q = {
           open: {
             overflow: "visible",
             opacity: 1,
@@ -3860,7 +3863,7 @@ const Wr = ({
             children: U.cloneElement(
               V,
               {
-                key: N,
+                key: L,
                 shape: "rounded",
                 variant: "filled",
                 className: () => ({
@@ -3882,11 +3885,11 @@ const Wr = ({
         );
       });
     })() }) }),
-    k({
+    I({
       className: "invisible pointer-events-none"
     }),
     /* @__PURE__ */ z("div", { className: "absolute right-0 top-0", children: [
-      !g && k({
+      !g && I({
         className: "",
         layout: !0,
         layoutId: "fab-menu" + $
@@ -3958,7 +3961,7 @@ const Wr = ({
   }, d = (D = !1) => D ? l : l == 1 / 0 ? o[(o == null ? void 0 : o.length) - 1].value : l, h = (D = !1) => D ? a : a == -1 / 0 ? o[0].value : a, f = (D) => {
     const B = h(!1);
     return (d(!1) - B) * D / 100 + B;
-  }, [b, w] = H(!1), C = T(null), x = c || C, [g, W] = H(r), [F, p] = H(y(r)), [S, E] = H(!1), k = (D) => {
+  }, [b, w] = H(!1), C = T(null), x = c || C, [g, W] = H(r), [F, p] = H(y(r)), [S, E] = H(!1), I = (D) => {
     E(!0), w(!0), V(D);
   }, $ = () => {
     E(!1), w(!1);
@@ -3966,7 +3969,7 @@ const Wr = ({
   O(() => (S ? (window.addEventListener("mouseup", $), window.addEventListener("mousemove", V), window.addEventListener("touchend", $), window.addEventListener("touchmove", V)) : (window.removeEventListener("mouseup", $), window.removeEventListener("mousemove", V), window.removeEventListener("touchend", $), window.removeEventListener("touchmove", V)), () => {
     window.removeEventListener("mouseup", $), window.removeEventListener("mousemove", V), window.removeEventListener("touchend", $), window.removeEventListener("touchmove", V);
   }), [S]);
-  const L = Je({
+  const N = Je({
     className: t,
     isChanging: b,
     marks: o,
@@ -3981,9 +3984,9 @@ const Wr = ({
     const B = x == null ? void 0 : x.current;
     if (B) {
       const q = B.getBoundingClientRect().left, at = ((D.type === "touchmove" || D.type === "touchstart" ? D.touches[0].clientX : D.clientX) - q) / B.offsetWidth * 100;
-      N({ percent: at });
+      L({ percent: at });
     }
-  }, N = ({
+  }, L = ({
     percent: D,
     value: B
   }) => {
@@ -4029,18 +4032,18 @@ const Wr = ({
         switch (D.key) {
           case "ArrowRight":
             if (n)
-              N({ value: g + n });
+              L({ value: g + n });
             else if (o) {
               const B = o.find((q) => q.value > g);
-              B && N({ value: B.value });
+              B && L({ value: B.value });
             }
             break;
           case "ArrowLeft":
             if (n)
-              N({ value: g - n });
+              L({ value: g - n });
             else if (o) {
               const B = o.slice(0).reverse().find((q, Z, at) => g === 1 / 0 ? Z === 1 : q.value < g);
-              B && N({ value: B.value });
+              B && L({ value: B.value });
             }
             break;
           default:
@@ -4052,20 +4055,20 @@ const Wr = ({
       "aria-valuemax": d(!0),
       "aria-valuenow": g,
       "aria-valuetext": g.toString(),
-      className: L.slider,
-      onMouseDown: k,
+      className: N.slider,
+      onMouseDown: I,
       onClick: V,
       ref: x,
-      onTouchStart: k,
+      onTouchStart: I,
       onDragStart: (D) => D.preventDefault(),
       ...u,
       children: [
         /* @__PURE__ */ m("input", { type: "hidden", name: s, value: g }),
-        /* @__PURE__ */ m("div", { className: L.activeTrack, style: { flex: F / 100 } }),
-        /* @__PURE__ */ m("div", { className: L.handle, children: /* @__PURE__ */ m(ht, { children: b && /* @__PURE__ */ m(
+        /* @__PURE__ */ m("div", { className: N.activeTrack, style: { flex: F / 100 } }),
+        /* @__PURE__ */ m("div", { className: N.handle, children: /* @__PURE__ */ m(ht, { children: b && /* @__PURE__ */ m(
           tt.div,
           {
-            className: L.valueIndicator,
+            className: N.valueIndicator,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -4085,7 +4088,7 @@ const Wr = ({
         /* @__PURE__ */ m(
           "div",
           {
-            className: L.inactiveTrack,
+            className: N.inactiveTrack,
             style: { flex: 1 - F / 100 }
           }
         ),
@@ -4099,7 +4102,7 @@ const Wr = ({
               return at <= F - Z ? q = !0 : at >= F + Z && (q = !1), /* @__PURE__ */ m(
                 "div",
                 {
-                  className: v(L.dot, {
+                  className: v(N.dot, {
                     "bg-primary-container": q != null && q,
                     "bg-primary": q != null && !q
                   }),
@@ -4124,7 +4127,7 @@ const Wr = ({
   extended: a,
   divider: l,
   onExtendedChange: o,
-  closeIcon: c = Lt,
+  closeIcon: c = Nt,
   transition: i,
   ...u
 }) => {
@@ -4216,7 +4219,7 @@ const Wr = ({
   message: t,
   className: e,
   duration: n,
-  closeIcon: s = Lt,
+  closeIcon: s = Nt,
   onClose: r,
   ...a
 }) => {
@@ -4407,7 +4410,7 @@ const Wr = ({
       ]
     }
   );
-}, At = ke(null), Fr = ({
+}, At = Ie(null), Fr = ({
   variant: t = "primary",
   onTabSelected: e,
   children: n,
@@ -4545,7 +4548,7 @@ const Wr = ({
   showSupportingText: w = !1,
   ...C
 }) => {
-  const [x, g] = H(b ?? ""), [W, F] = H(!1), [p, S] = H(!1), [E, k] = H(
+  const [x, g] = H(b ?? ""), [W, F] = H(!1), [p, S] = H(!1), [E, I] = H(
     w
   );
   O(() => {
@@ -4553,15 +4556,15 @@ const Wr = ({
   }, [b]), O(() => {
     n != null && n.length ? S(!0) : S(!1);
   }, [n]), O(() => {
-    w ? k(w) : c != null && c.length ? k(!0) : k(!1);
+    w ? I(w) : c != null && c.length ? I(!0) : I(!1);
   }, [E, c]), O(() => {
     W && S(!1);
   }, [W]);
-  const $ = U.useRef(null), L = () => {
+  const $ = U.useRef(null), N = () => {
     $.current && !W && $.current.focus();
   }, V = () => {
     F(!0);
-  }, N = (q) => {
+  }, L = (q) => {
     const Z = q.target.value;
     g(Z), S(!1), typeof f == "function" && f(Z);
   }, J = () => {
@@ -4601,7 +4604,7 @@ const Wr = ({
       break;
   }
   return /* @__PURE__ */ z("div", { className: j.textField, ...C, children: [
-    /* @__PURE__ */ z("fieldset", { onClick: L, className: j.content, children: [
+    /* @__PURE__ */ z("fieldset", { onClick: N, className: j.content, children: [
       /* @__PURE__ */ m("div", { className: j.stateLayer }),
       u && /* @__PURE__ */ m("div", { className: j.leadingIcon, children: U.isValidElement(u) ? u : /* @__PURE__ */ m(dt, { className: "w-5 h-5", icon: u }) }),
       !(!W && !x.length || t == "filled") && /* @__PURE__ */ m(
@@ -4655,7 +4658,7 @@ const Wr = ({
           {
             ref: $,
             value: x,
-            onChange: N,
+            onChange: L,
             className: j.input,
             id: a,
             name: a,
@@ -4772,7 +4775,7 @@ const Wr = ({
   }, [l]);
   const S = r ? "a" : "button", E = ($) => {
     o && o(c ?? null), e && e($);
-  }, k = Xn({
+  }, I = Xn({
     isExtended: h,
     extendedOnly: w,
     className: t,
@@ -4801,7 +4804,7 @@ const Wr = ({
         "aria-selected": F,
         ref: W,
         href: r,
-        className: k.navigationRailItem,
+        className: I.navigationRailItem,
         onClick: E,
         style: { transition: d.duration + "s", ...b },
         children: [
@@ -4812,13 +4815,13 @@ const Wr = ({
                 transition: s == "horizontal" ? d.duration + `s, gap ${d.duration / 2}s ${d.duration - d.duration / 2}s` : d.duration + `s, gap ${d.duration / 3}s ${d.duration - d.duration / 3}s`
               },
               transition: d,
-              className: k.container,
+              className: I.container,
               children: [
                 /* @__PURE__ */ m(
                   yt,
                   {
                     style: { transition: d.duration + "s" },
-                    className: k.stateLayer,
+                    className: I.stateLayer,
                     colorName: v({
                       "on-surface": !F,
                       "on-secondary-container": F
@@ -4830,7 +4833,7 @@ const Wr = ({
                   dt,
                   {
                     icon: F ? f : a,
-                    className: k.icon
+                    className: I.icon
                   }
                 ),
                 /* @__PURE__ */ m(ht, { children: s == "horizontal" && (() => {
@@ -4840,7 +4843,7 @@ const Wr = ({
                     transition: {
                       ...d
                     }
-                  }, L = {
+                  }, N = {
                     width: "auto",
                     opacity: 1,
                     transition: {
@@ -4855,9 +4858,9 @@ const Wr = ({
                     tt.span,
                     {
                       initial: $,
-                      animate: L,
+                      animate: N,
                       exit: $,
-                      className: k.label,
+                      className: I.label,
                       children: n
                     }
                   );
@@ -4875,7 +4878,7 @@ const Wr = ({
                   duration: 0
                 }
               }
-            }, L = {
+            }, N = {
               height: "auto",
               opacity: 1,
               transition: {
@@ -4889,10 +4892,10 @@ const Wr = ({
             return /* @__PURE__ */ m(
               tt.span,
               {
-                initial: L,
-                animate: L,
+                initial: N,
+                animate: N,
                 exit: $,
-                className: k.label,
+                className: I.label,
                 transition: d,
                 children: n
               }
@@ -4935,7 +4938,7 @@ const Wr = ({
       label: "Open menu"
     },
     opened: {
-      icon: Lt,
+      icon: Nt,
       label: "Close menu"
     }
   },
@@ -4947,17 +4950,17 @@ const Wr = ({
   const [d, h] = H(null), [f, b] = H(a);
   let w;
   r == 0 || r != null ? w = r : w = d;
-  const C = y || h, x = T(null), g = (k) => {
-    e == null || e(k);
+  const C = y || h, x = T(null), g = (I) => {
+    e == null || e(I);
   };
-  function W(k) {
+  function W(I) {
     const $ = [];
-    return Me.forEach(k, (L) => {
-      wt(L) && L.type === Ce ? $.push(...W(L.props.children)) : $.push(L);
+    return Me.forEach(I, (N) => {
+      wt(N) && N.type === Ce ? $.push(...W(N.props.children)) : $.push(N);
     }), $;
   }
   const F = W(n), p = F.filter(
-    (k) => wt(k) && k.type === $t
+    (I) => wt(I) && I.type === $t
   ), S = zn({
     children: n,
     onItemSelected: e,
@@ -4993,19 +4996,19 @@ const Wr = ({
               icon: f ? o.opened.icon : o == null ? void 0 : o.closed.icon
             }
           ),
-          p.length > 0 && Nt(p[0], {
+          p.length > 0 && Lt(p[0], {
             transition: u,
             isExtended: f,
             className: "!shadow-none mx-5 " + p[0].props.className
           })
         ] }),
         /* @__PURE__ */ m("div", { className: S.segments, children: (() => {
-          let k = 0;
-          return F.map(($) => wt($) && $.type === qn ? Nt(
+          let I = 0;
+          return F.map(($) => wt($) && $.type === qn ? Lt(
             $,
             {
-              key: k,
-              index: k++,
+              key: I,
+              index: I++,
               // Utilise et incrémente le compteur dédié
               variant: f ? "horizontal" : "vertical",
               selectedItem: w,
@@ -5015,7 +5018,7 @@ const Wr = ({
               extendedOnly: E.current,
               isExtended: f
             }
-          ) : wt($) && $.type === $t ? null : wt($) && $.type === Un ? (E.current = !0, f ? Nt($, {}) : null) : $);
+          ) : wt($) && $.type === $t ? null : wt($) && $.type === Un ? (E.current = !0, f ? Lt($, {}) : null) : $);
         })() }),
         /* @__PURE__ */ m("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -5050,19 +5053,19 @@ export {
   an as RippleEffect,
   Br as SideSheet,
   Ar as Slider,
-  Ir as SmoothScroll,
+  kr as SmoothScroll,
   Hr as Snackbar,
   yt as State,
   Or as Switch,
-  Ln as SyncedFixedWrapper,
+  Nn as SyncedFixedWrapper,
   Tn as Tab,
   Pr as TabGroup,
   Vn as TabPanel,
   Tr as TabPanels,
   Fr as Tabs,
   Vr as TextField,
-  kr as ThemeProvider,
-  Le as ToolTip,
+  Ir as ThemeProvider,
+  Ne as ToolTip,
   Cr as animateOnScroll,
   ir as buttonStyle,
   or as cardStyle,
@@ -5091,11 +5094,11 @@ export {
   vr as sliderStyle,
   wr as snackbarStyle,
   gr as switchStyle,
-  Lr as tabPanelStyle,
+  Nr as tabPanelStyle,
   Sr as tabPanelsStyle,
   br as tabStyle,
   xr as tabsStyle,
-  Nr as textFieldStyle,
+  Lr as textFieldStyle,
   Er as toolStyle,
   Pe as useButtonStyle,
   Te as useCardStyle,