@udixio/ui-react 2.3.2 → 2.3.3

package/dist/index.js

@@ -1,15 +1,15 @@
-import { jsx as u, jsxs as V, Fragment as te } from "react/jsx-runtime";
-import { clsx as ge } from "clsx";
-import { extendTailwindMerge as Ee } from "tailwind-merge";
-import K, { useState as S, useEffect as R, useRef as D, useLayoutEffect as ve, isValidElement as ee, cloneElement as oe, useMemo as Ie, Children as ke, Fragment as Se } from "react";
-import { motion as F, AnimatePresence as Q, useScroll as Me, useMotionValueEvent as fe, motionValue as $e, useTransform as me } from "motion/react";
-import { throttle as Ce } from "throttle-debounce";
-import { animate as Re } from "motion";
+import { jsx as f, jsxs as A, Fragment as te } from "react/jsx-runtime";
+import { clsx as ve } from "clsx";
+import { extendTailwindMerge as Ie } from "tailwind-merge";
+import K, { useState as S, useEffect as R, useRef as D, useLayoutEffect as we, isValidElement as ee, cloneElement as oe, useMemo as ke, Children as Se, Fragment as $e } from "react";
+import { motion as F, AnimatePresence as Q, useScroll as Me, useMotionValueEvent as fe, motionValue as Ce, useTransform as me } from "motion/react";
+import { throttle as Re } from "throttle-debounce";
+import { animate as Be } from "motion";
 import { createPortal as xe } from "react-dom";
-import { loader as Be, defineConfig as De, FontPlugin as We, Variants as Pe } from "@udixio/theme";
-import { TailwindPlugin as we } from "@udixio/tailwind";
+import { loader as De, defineConfig as We, FontPlugin as Pe, Variants as Ae } from "@udixio/theme";
+import { TailwindPlugin as be } from "@udixio/tailwind";
 import Ve from "react-textarea-autosize";
-const be = Ee({
+const Le = Ie({
   override: {
     classGroups: {
       "text-color": [
@@ -35,11 +35,11 @@ const be = Ee({
       font: ["font"]
     }
   }
-}), h = (...e) => be(ge(e)), Ae = (...e) => be(ge(e));
-function Fe(e) {
+}), h = (...e) => Le(ve(e)), Fe = (...e) => Le(ve(e));
+function He(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-const He = (e) => {
+const Oe = (e) => {
   const t = {};
   e.classNameList.forEach((l) => {
     var r;
@@ -49,17 +49,17 @@ const He = (e) => {
       else {
         const c = l(e.states);
         Object.entries(c).map((i) => {
-          const [s, f] = i;
-          (t[s] ?? (t[s] = [])).push(f);
+          const [s, u] = i;
+          (t[s] ?? (t[s] = [])).push(u);
         });
       }
   });
   const n = t;
   return Object.entries(t).map((l) => {
     let [r, c] = l;
-    c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(Fe(r)), n[r] = Ae(...c);
+    c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(He(r)), n[r] = Fe(...c);
   }), n;
-}, j = (e, t) => (n) => He({
+}, j = (e, t) => (n) => Oe({
   classNameList: [n.className, t],
   default: e,
   states: n
@@ -74,7 +74,7 @@ const He = (e) => {
     isActive: c,
     loading: i,
     shape: s,
-    onToggle: f,
+    onToggle: u,
     size: a,
     allowShapeTransformation: p
   }) => ({
@@ -108,8 +108,8 @@ const He = (e) => {
       },
       e === "filled" && {
         "hover:shadow-1": !n,
-        "bg-surface-container text-on-surface-variant": !n && !c && f,
-        "bg-primary text-on-primary": !n && (c && f || !f),
+        "bg-surface-container text-on-surface-variant": !n && !c && u,
+        "bg-primary text-on-primary": !n && (c && u || !u),
         "text-on-surface/[38%]": n
       },
       e === "tonal" && {
@@ -157,8 +157,8 @@ const He = (e) => {
       },
       e === "filled" && {
         "bg-on-surface/[0.12]": n,
-        "group-state-on-primary": !n && !f,
-        "group-state-on-surface-variant": !n && f
+        "group-state-on-primary": !n && !u,
+        "group-state-on-surface-variant": !n && u
       },
       s === "rounded" && {
         "rounded-[30px]": a === "xSmall" || a == "small",
@@ -196,7 +196,7 @@ const He = (e) => {
       a === "xLarge" && "size-10"
     )
   })
-), Oe = j(
+), Xe = j(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: h(
@@ -212,12 +212,12 @@ const He = (e) => {
       }
     ])
   })
-), Xe = j(
+), Ye = j(
   "carouselItem",
   () => ({
     carouselItem: h("rounded-[28px] overflow-hidden flex-none")
   })
-), Ye = j(
+), je = j(
   "carousel",
   () => ({
     carousel: h(["w-full h-[400px]"]),
@@ -225,7 +225,7 @@ const He = (e) => {
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), je = j(
+), qe = j(
   "divider",
   ({ orientation: e }) => ({
     divider: h(
@@ -238,7 +238,7 @@ const He = (e) => {
       }
     )
   })
-), qe = j(
+), _e = j(
   "fab",
   ({ size: e, variant: t, isExtended: n }) => ({
     fab: h(
@@ -275,7 +275,7 @@ const He = (e) => {
     }),
     label: h("text-title-medium text-nowrap")
   })
-), _e = j(
+), Ke = j(
   "iconButton",
   ({
     variant: e,
@@ -414,7 +414,7 @@ const He = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Ke = j(
+), Ge = j(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: h(
@@ -446,7 +446,7 @@ const He = (e) => {
       }
     )
   })
-), Ge = j(
+), Je = j(
   "slideSheet",
   ({ variant: e, position: t }) => ({
     slideSheet: h(
@@ -473,7 +473,7 @@ const He = (e) => {
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
-), Je = j(
+), Ze = j(
   "slider",
   ({ isChanging: e }) => ({
     slider: h([
@@ -496,7 +496,7 @@ const He = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Ze = j(
+), Qe = j(
   "snackbar",
   () => ({
     snackbar: h(" rounded bg-inverse-surface "),
@@ -506,7 +506,7 @@ const He = (e) => {
     supportingText: h("text-body-medium text-inverse-on-surface "),
     icon: h(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), Qe = j(
+), ze = j(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
     switch: h(
@@ -549,7 +549,7 @@ const He = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), ze = j(
+), Te = j(
   "tab",
   ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     tab: h(
@@ -608,7 +608,7 @@ const He = (e) => {
       l === "secondary" && "h-0.5"
     )
   })
-), Te = j(
+), et = j(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: h(
@@ -617,7 +617,7 @@ const He = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), et = j(
+), tt = j(
   "textField",
   ({
     disabled: e,
@@ -628,14 +628,14 @@ const He = (e) => {
     isFocused: c,
     value: i,
     suffix: s,
-    textLine: f
+    textLine: u
   }) => ({
     textField: h({
       "opacity-[.38]": e
     }),
     content: h(
       "group  transition-border duration-200 relative  flex  items-center ",
-      { "h-14": f == "singleLine" },
+      { "h-14": u == "singleLine" },
       {
         "border-on-surface-variant": !(r != null && r.length) && !c && l == "filled",
         "border-outline": !(r != null && r.length) && !c && l == "outlined",
@@ -712,7 +712,7 @@ const He = (e) => {
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), tt = j(
+), nt = j(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: h(
@@ -752,7 +752,7 @@ const He = (e) => {
     ), a = a.replace(
       /<path([^>]*?)>/g,
       '<path$1 fill="currentColor">'
-    )), /* @__PURE__ */ u(
+    )), /* @__PURE__ */ f(
       "div",
       {
         className: h(
@@ -766,7 +766,7 @@ const He = (e) => {
   }
   if (e && typeof e == "object" && "src" in e) {
     const a = e;
-    return /* @__PURE__ */ u(
+    return /* @__PURE__ */ f(
       "img",
       {
         src: a.src,
@@ -784,7 +784,7 @@ const He = (e) => {
   const l = e;
   if (!(l != null && l.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: r } = l, [c, i, , , s] = r || [], f = (a) => {
+  const { icon: r } = l, [c, i, , , s] = r || [], u = (a) => {
     switch (a.length) {
       case 2:
         return {
@@ -797,19 +797,19 @@ const He = (e) => {
         return {};
     }
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(
     "svg",
     {
       className: h("size-5 box-content", n),
-      style: { ...f(t) },
+      style: { ...u(t) },
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: `0 0 ${c} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((a, p) => /* @__PURE__ */ u("path", { d: a }, p))
+      children: typeof s == "string" ? /* @__PURE__ */ f("path", { className: "fill-current", d: s }) : s.map((a, p) => /* @__PURE__ */ f("path", { d: a }, p))
     }
   );
-}, nt = ({
+}, rt = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: n = 1e3,
@@ -820,15 +820,15 @@ const He = (e) => {
   R(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [f, a] = S(!0), p = () => f ? s : s * 0.5;
+  const [u, a] = S(!0), p = () => u ? s : s * 0.5;
   R(() => {
     if ((e === "circular-indeterminate" || e === "linear-indeterminate") && c !== 100) {
       const y = setInterval(() => {
-        i(f ? 10 : 90), a(!f);
+        i(u ? 10 : 90), a(!u);
       }, p() * 1e3);
       return () => clearInterval(y);
     }
-  }, [e, f, c]);
+  }, [e, u, c]);
   const [m, o] = S(!1);
   R(() => {
     if (c >= 100) {
@@ -841,16 +841,16 @@ const He = (e) => {
     } else
       o(!0);
   }, [c, n]);
-  const d = Ke({
+  const d = Ge({
     className: l,
     variant: e,
     value: t,
     transitionDuration: n,
     isVisible: m
   });
-  return /* @__PURE__ */ V(te, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ V("div", { className: d.progressIndicator, ...r, children: [
-      /* @__PURE__ */ u(
+  return /* @__PURE__ */ A(te, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ A("div", { className: d.progressIndicator, ...r, children: [
+      /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -860,7 +860,7 @@ const He = (e) => {
           className: d.track
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -870,7 +870,7 @@ const He = (e) => {
           className: d.activeIndicator
         }
       ),
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -881,7 +881,7 @@ const He = (e) => {
         }
       )
     ] }),
-    (e === "circular-determinate" || e == "circular-indeterminate") && /* @__PURE__ */ u(
+    (e === "circular-determinate" || e == "circular-indeterminate") && /* @__PURE__ */ f(
       F.svg,
       {
         width: "48",
@@ -896,7 +896,7 @@ const He = (e) => {
         },
         className: d.progressIndicator,
         ...r,
-        children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ f(
           F.circle,
           {
             cx: "50%",
@@ -910,10 +910,10 @@ const He = (e) => {
             className: d.activeIndicator,
             variants: {
               hidden: {
-                pathLength: f ? 10 / 100 : 90 / 100
+                pathLength: u ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: f ? 90 / 100 : 10 / 100
+                pathLength: u ? 90 / 100 : 10 / 100
               }
             },
             transition: {
@@ -927,7 +927,7 @@ const He = (e) => {
           }
         )
       },
-      f + ""
+      u + ""
     )
   ] });
 }, re = ({
@@ -951,7 +951,7 @@ const He = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, r] = S(!0), [c, i] = S(!1), [s, f] = S({ x: 0, y: 0 });
+  }, [l, r] = S(!0), [c, i] = S(!1), [s, u] = S({ x: 0, y: 0 });
   R(() => {
     c && (r(!0), r(!1));
   }, [c]), R(() => {
@@ -963,7 +963,7 @@ const He = (e) => {
   }, [t]);
   const a = (o) => {
     const d = t == null ? void 0 : t.current, y = d.getBoundingClientRect();
-    i(!0), f({
+    i(!0), u({
       x: (o.clientX - y.left) / d.clientWidth * 100,
       y: (o.clientY - y.top) / d.clientHeight * 100
     });
@@ -972,7 +972,7 @@ const He = (e) => {
   }, m = (o) => {
     i(!1);
   };
-  return /* @__PURE__ */ u(Q, { mode: "wait", children: (c || !c && !l) && /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(Q, { mode: "wait", children: (c || !c && !l) && /* @__PURE__ */ f(
     F.div,
     {
       style: {
@@ -992,7 +992,7 @@ const He = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, rt = j(
+}, ot = j(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: n }) => ({
     customScroll: h(
@@ -1020,7 +1020,7 @@ const He = (e) => {
       "top-0 w-full": e === "vertical"
     })
   })
-), ot = ({
+), lt = ({
   children: e,
   orientation: t = "vertical",
   scrollSize: n,
@@ -1030,68 +1030,68 @@ const He = (e) => {
   throttleDuration: i = 75
 }) => {
   var P, H;
-  const s = D(null), f = D(null), [a, p] = S({
+  const s = D(null), u = D(null), [a, p] = S({
     width: null,
     height: null
   });
   R(() => {
     if (!s.current) return;
-    const M = new ResizeObserver((U) => {
-      for (const O of U)
-        O.target === s.current && p({
-          width: O.contentRect.width,
-          height: O.contentRect.height
+    const $ = new ResizeObserver((O) => {
+      for (const U of O)
+        U.target === s.current && p({
+          width: U.contentRect.width,
+          height: U.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return M.observe(s.current), () => {
-      M.disconnect();
+    return $.observe(s.current), () => {
+      $.disconnect();
     };
   }, [s]);
   const m = D(null), o = D(null), d = () => {
-    const M = f.current;
-    return M ? {
-      width: n ?? M.scrollWidth,
-      height: n ?? M.scrollHeight
+    const $ = u.current;
+    return $ ? {
+      width: n ?? $.scrollWidth,
+      height: n ?? $.scrollHeight
     } : null;
   }, y = () => {
-    const M = s.current;
-    return M ? {
-      width: M.clientWidth,
-      height: M.clientHeight
+    const $ = s.current;
+    return $ ? {
+      width: $.clientWidth,
+      height: $.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: v, scrollXProgress: x } = Me({
+  }, { scrollYProgress: v, scrollXProgress: w } = Me({
     container: s
   }), E = D(null);
-  E.current || (E.current = Ce(
+  E.current || (E.current = Re(
     i,
-    (M, U) => {
-      !o.current || !m.current || !s.current || l && (t === "horizontal" && U === "x" && l({
-        scrollProgress: M,
-        scroll: M * (m.current.width - s.current.clientWidth),
+    ($, O) => {
+      !o.current || !m.current || !s.current || l && (t === "horizontal" && O === "x" && l({
+        scrollProgress: $,
+        scroll: $ * (m.current.width - s.current.clientWidth),
         scrollTotal: m.current.width - s.current.clientWidth,
         scrollVisible: o.current.width
-      }), t === "vertical" && U === "y" && l({
-        scrollProgress: M,
-        scroll: M * (m.current.height - s.current.clientHeight),
+      }), t === "vertical" && O === "y" && l({
+        scrollProgress: $,
+        scroll: $ * (m.current.height - s.current.clientHeight),
         scrollTotal: m.current.height - s.current.clientHeight,
         scrollVisible: o.current.height
       }));
     }
   ));
-  const L = (M, U) => {
-    E.current && E.current(M, U);
+  const L = ($, O) => {
+    E.current && E.current($, O);
   };
   R(() => {
-    a.width && L(x.get(), "x"), a.height && L(v.get(), "y");
-  }, [a]), fe(x, "change", (M) => {
-    L(M, "x");
-  }), fe(v, "change", (M) => {
-    L(M, "y");
+    a.width && L(w.get(), "x"), a.height && L(v.get(), "y");
+  }, [a]), fe(w, "change", ($) => {
+    L($, "x");
+  }), fe(v, "change", ($) => {
+    L($, "y");
   });
   const [B, N] = S(!1);
-  ve(() => {
+  we(() => {
     B || !o.current || !m.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
@@ -1099,7 +1099,7 @@ const He = (e) => {
       scrollVisible: t == "vertical" ? o.current.height : o.current.width
     }), N(!0));
   }, [o, m, l]), m.current = d(), o.current = y();
-  const [I, $] = S(!1), A = rt({
+  const [I, M] = S(!1), V = ot({
     isDragging: I,
     children: e,
     className: r,
@@ -1108,53 +1108,53 @@ const He = (e) => {
     scrollSize: n,
     draggable: c,
     throttleDuration: i
-  }), [W, k] = S(0), [g, C] = S(0), X = (M) => {
+  }), [W, k] = S(0), [g, C] = S(0), X = ($) => {
     if (!c) return;
-    const U = s.current;
-    if (!U || W == null) return;
-    const J = (M.pageX - U.offsetLeft - W) * 1.5;
-    U.scrollLeft = g - J;
-  }, q = (M) => {
-    const U = s.current;
-    U && ($(!0), k(M.pageX - U.offsetLeft), C(U.scrollLeft));
-  }, G = (M) => {
-    I && (M.preventDefault(), X(M));
+    const O = s.current;
+    if (!O || W == null) return;
+    const J = ($.pageX - O.offsetLeft - W) * 1.5;
+    O.scrollLeft = g - J;
+  }, q = ($) => {
+    const O = s.current;
+    O && (M(!0), k($.pageX - O.offsetLeft), C(O.scrollLeft));
+  }, G = ($) => {
+    I && ($.preventDefault(), X($));
   }, Y = () => {
-    $(!1);
+    M(!1);
   }, z = () => {
-    $(!1);
-  }, b = (M) => {
-    M.preventDefault();
-  }, w = D(null);
+    M(!1);
+  }, b = ($) => {
+    $.preventDefault();
+  }, x = D(null);
   return R(() => () => {
-    w.current && clearTimeout(w.current);
-  }, []), /* @__PURE__ */ V(
+    x.current && clearTimeout(x.current);
+  }, []), /* @__PURE__ */ A(
     "div",
     {
-      className: A.customScroll,
+      className: V.customScroll,
       ref: s,
       onMouseDown: q,
       onMouseMove: G,
       onMouseUp: Y,
       onMouseLeave: z,
       onDragStart: b,
-      onScroll: (M) => {
-        I || (k(null), $(!0), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
-          $(!1);
+      onScroll: ($) => {
+        I || (k(null), M(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+          M(!1);
         }, 1e3));
       },
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f(
           "div",
           {
-            ref: f,
+            ref: u,
             style: t === "vertical" ? { height: ((P = o == null ? void 0 : o.current) == null ? void 0 : P.height) ?? "100%" } : { width: ((H = o == null ? void 0 : o.current) == null ? void 0 : H.width) ?? "100%" },
-            className: A.track,
+            className: V.track,
             children: e
           }
         ),
-        o.current && m.current && /* @__PURE__ */ V(te, { children: [
-          t === "vertical" && m.current.height > o.current.height && /* @__PURE__ */ u(
+        o.current && m.current && /* @__PURE__ */ A(te, { children: [
+          t === "vertical" && m.current.height > o.current.height && /* @__PURE__ */ f(
             F.div,
             {
               className: "flex-none",
@@ -1163,7 +1163,7 @@ const He = (e) => {
               }
             }
           ),
-          t === "horizontal" && m.current.width > o.current.width && /* @__PURE__ */ u(
+          t === "horizontal" && m.current.width > o.current.width && /* @__PURE__ */ f(
             F.div,
             {
               className: "flex-none",
@@ -1176,7 +1176,7 @@ const He = (e) => {
       ]
     }
   );
-}, lt = ({
+}, at = ({
   onScroll: e,
   el: t,
   touch: n = !0
@@ -1195,7 +1195,7 @@ const He = (e) => {
         deltaY: o.deltaY,
         originalEvent: o
       });
-    }, f = (o) => {
+    }, u = (o) => {
       if (!n) return;
       const d = o.touches[0];
       d && (l.current = { x: d.clientX, y: d.clientY });
@@ -1216,13 +1216,13 @@ const He = (e) => {
       n && (l.current = null);
     }, m = (o) => {
       const y = t.clientHeight * 0.9;
-      let v = 0, x = 0;
+      let v = 0, w = 0;
       switch (o.key) {
         case "ArrowDown":
-          x = 40;
+          w = 40;
           break;
         case "ArrowUp":
-          x = -40;
+          w = -40;
           break;
         case "ArrowRight":
           v = 40;
@@ -1231,19 +1231,19 @@ const He = (e) => {
           v = -40;
           break;
         case "PageDown":
-          x = y;
+          w = y;
           break;
         case "PageUp":
-          x = -y;
+          w = -y;
           break;
         case "Home":
-          x = Number.NEGATIVE_INFINITY;
+          w = Number.NEGATIVE_INFINITY;
           break;
         case "End":
-          x = Number.POSITIVE_INFINITY;
+          w = Number.POSITIVE_INFINITY;
           break;
         case " ":
-          x = o.shiftKey ? -y : y;
+          w = o.shiftKey ? -y : y;
           break;
         default:
           return;
@@ -1252,20 +1252,20 @@ const He = (e) => {
         type: "intent",
         source: "keyboard",
         deltaX: v,
-        deltaY: x,
+        deltaY: w,
         originalEvent: o
       });
     };
-    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", f, { passive: !0 }), t.addEventListener("touchmove", a, { passive: !1 }), t.addEventListener("touchend", p, { passive: !0 }), t.addEventListener("keydown", m), () => {
-      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", f), t.removeEventListener("touchmove", a), t.removeEventListener("touchend", p), t.removeEventListener("keydown", m);
+    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", u, { passive: !0 }), t.addEventListener("touchmove", a, { passive: !1 }), t.addEventListener("touchend", p, { passive: !0 }), t.addEventListener("keydown", m), () => {
+      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", u), t.removeEventListener("touchmove", a), t.removeEventListener("touchend", p), t.removeEventListener("keydown", m);
     };
   }, [e]);
-}, At = ({
+}, Ot = ({
   transition: e,
   orientation: t = "vertical",
   throttleDuration: n = 25
 }) => {
-  const [l, r] = S(0), [c, i] = S(), s = D(!1), f = D(), a = D(0);
+  const [l, r] = S(0), [c, i] = S(), s = D(!1), u = D(), a = D(0);
   R(() => {
     i(document);
     const o = document.documentElement.scrollTop;
@@ -1275,7 +1275,7 @@ const He = (e) => {
       s.current || r(document.documentElement.scrollTop);
     };
     return c == null || c.addEventListener("scroll", o), () => {
-      f.current && clearTimeout(f.current), c == null || c.removeEventListener("scroll", o);
+      u.current && clearTimeout(u.current), c == null || c.removeEventListener("scroll", o);
     };
   }, [c]);
   const p = D(), m = D(null);
@@ -1285,24 +1285,24 @@ const He = (e) => {
       p.current = o;
       return;
     }
-    return m.current = Re(p.current ?? o, o, {
+    return m.current = Be(p.current ?? o, o, {
       duration: ((e == null ? void 0 : e.duration) ?? 500) / 1e3,
       ease: (e == null ? void 0 : e.ease) ?? "easeOut",
       onUpdate: (d) => {
-        f.current && clearTimeout(f.current), p.current = d;
-        const y = document.documentElement, v = Math.round(d * 1e3) / 1e3, x = a.current;
-        Math.abs(v - x) < 0.1 || (a.current = v, s.current && y.scrollTo({ top: v }));
+        u.current && clearTimeout(u.current), p.current = d;
+        const y = document.documentElement, v = Math.round(d * 1e3) / 1e3, w = a.current;
+        Math.abs(v - w) < 0.1 || (a.current = v, s.current && y.scrollTo({ top: v }));
       },
       onComplete: () => {
-        f.current = setTimeout(() => {
+        u.current = setTimeout(() => {
           s.current = !1;
         }, 300), m.current = null;
       }
     }), () => {
       m.current && (m.current.stop(), m.current = null);
     };
-  }, [l]), c ? /* @__PURE__ */ u(
-    lt,
+  }, [l]), c ? /* @__PURE__ */ f(
+    at,
     {
       touch: !1,
       el: c,
@@ -1315,7 +1315,7 @@ const He = (e) => {
       }
     }
   ) : null;
-}, at = ({
+}, st = ({
   targetRef: e,
   children: t
 }) => {
@@ -1342,12 +1342,12 @@ const He = (e) => {
         var s;
         window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (s = r.current) == null || s.disconnect();
       };
-  }, [e]), n ? xe(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
+  }, [e]), n ? xe(/* @__PURE__ */ f("div", { style: n, children: t }), document.body) : null;
 };
-function st(e) {
+function ct(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
-const Ft = ({
+const Ut = ({
   config: e,
   throttleDelay: t = 100,
   // Délai par défaut de 300ms
@@ -1357,47 +1357,47 @@ const Ft = ({
   const [r, c] = S(null);
   R(() => {
     (async () => {
-      const o = await Be(e, l);
+      const o = await De(e, l);
       c(o);
     })();
   }, []);
-  const [i, s] = S(null), f = D(null), a = D(0), p = D(null);
+  const [i, s] = S(null), u = D(null), a = D(0), p = D(null);
   R(() => {
     if (!r) return;
     const o = {
       ...e,
       // Assurer la compatibilité avec l'API qui attend sourceColorHex
       sourceColor: e.sourceColor
-    }, d = Date.now(), y = d - a.current, v = async (x) => {
-      await m(x);
+    }, d = Date.now(), y = d - a.current, v = async (w) => {
+      await m(w);
     };
     if (a.current === 0 || y >= t)
-      f.current && (clearTimeout(f.current), f.current = null), p.current = null, a.current = d, v(o);
-    else if (p.current = o, !f.current) {
-      const x = Math.max(0, t - y);
-      f.current = setTimeout(async () => {
-        f.current = null;
+      u.current && (clearTimeout(u.current), u.current = null), p.current = null, a.current = d, v(o);
+    else if (p.current = o, !u.current) {
+      const w = Math.max(0, t - y);
+      u.current = setTimeout(async () => {
+        u.current = null;
         const E = p.current;
         p.current = null, E && (a.current = Date.now(), await v(E));
-      }, x);
+      }, w);
     }
     return () => {
     };
   }, [e, t, r]);
   const m = async (o) => {
-    if (typeof o.sourceColor == "string" && !st(o.sourceColor))
+    if (typeof o.sourceColor == "string" && !ct(o.sourceColor))
       throw new Error("Invalid hex color");
     if (!r)
       return;
     r.context.update(o), await r.load();
-    const d = r == null ? void 0 : r.plugins.getPlugin(we).getInstance().outputCss;
+    const d = r == null ? void 0 : r.plugins.getPlugin(be).getInstance().outputCss;
     s(d), n == null || n(r);
   };
   return R(() => () => {
-    f.current && (clearTimeout(f.current), f.current = null);
-  }, []), i ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: i } }) : null;
+    u.current && (clearTimeout(u.current), u.current = null);
+  }, []), i ? /* @__PURE__ */ f("style", { dangerouslySetInnerHTML: { __html: i } }) : null;
 };
-function ct() {
+function it() {
   if (typeof window > "u") return !1;
   try {
     if (window.CSS && typeof window.CSS.supports == "function")
@@ -1407,10 +1407,10 @@ function ct() {
   }
   return !1;
 }
-function it() {
+function ut() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function le(e) {
+function ce(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some(
@@ -1420,12 +1420,10 @@ function le(e) {
 function he(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
-  return Array.from(t).some(
-    (l) => l.startsWith("anim-")
-  ) ? !le(e) : !1;
+  return Array.from(t).some((n) => n.startsWith("anim-"));
 }
-function ae(e, t) {
-  if (!le(e)) return;
+function le(e, t) {
+  if (!ce(e)) return;
   if (e.hasAttribute(`data-${t}-scroll`)) {
     const i = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), s = i === "x" || i === "inline" ? "inline" : i === "y" || i === "block" ? "block" : "auto";
     e.classList.contains(`${t}-timeline`) || e.classList.contains(`${t}-timeline-inline`) || e.classList.contains(`${t}-timeline-block`) || e.classList.contains(`${t}-timeline-x`) || e.classList.contains(`${t}-timeline-y`) || (s === "inline" ? e.classList.add(`${t}-timeline-inline`) : s === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
@@ -1437,66 +1435,89 @@ function ae(e, t) {
   const r = e.hasAttribute(`data-${t}-paused`) || e.classList.contains(`${t}-paused`), c = e.hasAttribute(`data-${t}-run`) || e.classList.contains(`${t}-run`);
   !r && !c && e.setAttribute(`data-${t}-run`, "");
 }
-function se(e = document, t) {
+function ae(e = document, t) {
   return Array.from(
+    e.querySelectorAll(
+      `[class*="${t}-"][class*="-scroll"]`
+    )
+  ).filter((l) => ce(l));
+}
+function dt(e = document, t) {
+  const n = Array.from(
     e.querySelectorAll(`[class*="${t}-"]`)
-  ).filter((l) => le(l));
+  ), l = /* @__PURE__ */ new Set([
+    `${t}-run`,
+    `${t}-in`,
+    `${t}-out`,
+    `${t}-in-run`,
+    `${t}-out-run`,
+    `${t}-paused`,
+    `${t}-timeline`,
+    `${t}-timeline-inline`,
+    `${t}-timeline-block`,
+    `${t}-timeline-x`,
+    `${t}-timeline-y`,
+    `${t}-scroll`
+  ]);
+  return n.filter((r) => {
+    if (!(r instanceof HTMLElement)) return !1;
+    const c = r.classList;
+    return c.contains(`${t}-in`) || c.contains(`${t}-out`) || Array.from(c).some(
+      (u) => u.startsWith(`${t}-`) && !u.includes("scroll") && !l.has(u)
+    ) ? !0 : !ce(r);
+  });
 }
-function ut(e = document, t) {
-  return Array.from(
-    e.querySelectorAll('[class*="anim-"]')
-  ).filter((l) => !le(l));
+function pe(e, t, n) {
+  e.setAttribute(`data-${t}-run`, ""), e.setAttribute(`data-${t}-${n}-run`, "");
 }
-function Le(e = {}) {
+function ft(e, t) {
+  const n = e.style.animationName;
+  e.style.animationName = "none", e.removeAttribute(`data-${t}-run`), e.removeAttribute(`data-${t}-in-run`), e.removeAttribute(`data-${t}-out-run`), e.offsetWidth, e.style.animationName = n;
+}
+const mt = [0, 0.2];
+function Ne(e = {}) {
   const { prefix: t = "anim", once: n = !0 } = e;
-  if (it())
+  if (ut())
     return () => {
     };
-  const l = ct(), r = /* @__PURE__ */ new WeakSet(), c = new IntersectionObserver(
+  const l = it(), r = /* @__PURE__ */ new WeakSet(), c = new IntersectionObserver(
     (p) => {
       for (const m of p) {
         const o = m.target;
         if (!he(o)) continue;
-        const y = o.classList.contains(`${t}-out`);
-        if (!y && m.isIntersecting)
-          o.setAttribute(`data-${t}-in-run`, ""), n && c.unobserve(o);
-        else if (y && !m.isIntersecting)
-          o.setAttribute(`data-${t}-out-run`, ""), n && c.unobserve(o);
-        else if (!n) {
-          const x = o.style.animationName;
-          o.style.animationName = "none", o.removeAttribute(`data-${t}-in-run`), o.removeAttribute(`data-${t}-out-run`), o.offsetWidth, o.style.animationName = x;
-        }
+        const d = o.classList.contains(`${t}-out`);
+        !d && m.isIntersecting ? (pe(o, t, "in"), n && c.unobserve(o)) : d && !m.isIntersecting ? (pe(o, t, "out"), n && c.unobserve(o)) : n || ft(o, t);
       }
     },
-    { threshold: [0, 0.2] }
+    { threshold: mt }
   ), i = (p) => {
-    const m = ut(p || document);
+    const m = dt(p || document, t);
     for (const o of m)
       r.has(o) || (r.add(o), c.observe(o));
   };
   i();
-  let s, f = null, a = null;
+  let s, u = null, a = null;
   if (l)
     (() => {
       a == null && (a = requestAnimationFrame(() => {
         a = null;
-        const m = se(void 0, t);
-        for (const o of m) ae(o, t);
+        const m = ae(void 0, t);
+        for (const o of m) le(o, t);
       }));
-    })(), f = new MutationObserver((m) => {
+    })(), u = new MutationObserver((m) => {
       for (const o of m)
         if (o.type === "attributes") {
           const d = o.target;
-          d instanceof HTMLElement && (ae(d, t), he(d) && (r.has(d) || (r.add(d), c.observe(d))));
+          d instanceof HTMLElement && (le(d, t), he(d) && (r.has(d) || (r.add(d), c.observe(d))));
         } else if (o.type === "childList" && o.addedNodes && o.addedNodes.length) {
           for (const d of Array.from(o.addedNodes))
             if (d instanceof HTMLElement) {
-              const y = se(d, t);
-              for (const v of y) ae(v, t);
+              const y = ae(d, t);
+              for (const v of y) le(v, t);
               i(d);
             }
         }
-    }), f.observe(document.documentElement, {
+    }), u.observe(document.documentElement, {
       subtree: !0,
       childList: !0,
       attributes: !0,
@@ -1509,11 +1530,11 @@ function Le(e = {}) {
         `data-${t}-run`
       ]
     }), s = () => {
-      a != null && cancelAnimationFrame(a), f && f.disconnect();
+      a != null && cancelAnimationFrame(a), u && u.disconnect();
     };
   else {
     let p;
-    se(void 0, t).length > 0 && import("./scrollDriven-AP2yWhzi.js").then((o) => {
+    ae(void 0, t).length > 0 && import("./scrollDriven-AP2yWhzi.js").then((o) => {
       p = o.initScrollViewFallback({ once: n });
     }), s = () => {
       typeof p == "function" && p();
@@ -1523,7 +1544,7 @@ function Le(e = {}) {
     s && s(), c.disconnect();
   };
 }
-const Ht = Le, Ut = Le, dt = ({
+const Xt = Ne, Yt = Ne, ht = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: n,
@@ -1532,7 +1553,7 @@ const Ht = Le, Ut = Le, dt = ({
   disableTextMargins: c,
   className: i,
   iconPosition: s = "left",
-  loading: f = !1,
+  loading: u = !1,
   shape: a = "rounded",
   onClick: p,
   onToggle: m,
@@ -1540,7 +1561,7 @@ const Ht = Le, Ut = Le, dt = ({
   ref: d,
   size: y = "medium",
   allowShapeTransformation: v = !0,
-  transition: x,
+  transition: w,
   children: E,
   ...L
 }) => {
@@ -1548,15 +1569,15 @@ const Ht = Le, Ut = Le, dt = ({
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = l ? "a" : "button", N = D(null), I = d || N, [$, A] = K.useState(o);
+  const B = l ? "a" : "button", N = D(null), I = d || N, [M, V] = K.useState(o);
   R(() => {
-    A(o);
-  }, [o]), x = { duration: 0.3, ...x };
+    V(o);
+  }, [o]), w = { duration: 0.3, ...w };
   let W;
   m ? m && (W = (C) => {
     t && C.preventDefault();
-    const X = !$;
-    A(X), m(X);
+    const X = !M;
+    V(X), m(X);
   }) : W = (C) => {
     t && C.preventDefault(), p && p(C);
   };
@@ -1569,17 +1590,17 @@ const Ht = Le, Ut = Le, dt = ({
     disabled: t,
     icon: n,
     iconPosition: s,
-    loading: f,
+    loading: u,
     variant: e,
-    transition: x,
+    transition: w,
     className: i,
-    isActive: $ ?? !1,
+    isActive: M ?? !1,
     onToggle: m,
-    activated: $,
+    activated: M,
     label: r,
     children: r
-  }), g = n ? /* @__PURE__ */ u(Z, { icon: n, className: k.icon }) : /* @__PURE__ */ u(te, {});
-  return /* @__PURE__ */ V(
+  }), g = n ? /* @__PURE__ */ f(Z, { icon: n, className: k.icon }) : /* @__PURE__ */ f(te, {});
+  return /* @__PURE__ */ A(
     B,
     {
       ref: I,
@@ -1588,16 +1609,16 @@ const Ht = Le, Ut = Le, dt = ({
       ...L,
       onClick: W,
       disabled: t,
-      "aria-pressed": m ? $ : void 0,
-      style: { transition: x.duration + "s" },
+      "aria-pressed": m ? M : void 0,
+      style: { transition: w.duration + "s" },
       children: [
-        /* @__PURE__ */ u("div", { className: k.touchTarget }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f("div", { className: k.touchTarget }),
+        /* @__PURE__ */ f(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: x.duration + "s" },
-            children: !t && /* @__PURE__ */ u(
+            style: { transition: w.duration + "s" },
+            children: !t && /* @__PURE__ */ f(
               re,
               {
                 colorName: e === "filled" && m && "on-surface-variant" || e === "filled" && !m && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
@@ -1607,12 +1628,12 @@ const Ht = Le, Ut = Le, dt = ({
           }
         ),
         s === "left" && g,
-        f && /* @__PURE__ */ u(
+        u && /* @__PURE__ */ f(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
-            children: /* @__PURE__ */ u(
-              nt,
+            children: /* @__PURE__ */ f(
+              rt,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
@@ -1644,12 +1665,12 @@ const Ht = Le, Ut = Le, dt = ({
             )
           }
         ),
-        /* @__PURE__ */ u("span", { className: k.label, children: r }),
+        /* @__PURE__ */ f("span", { className: k.label, children: r }),
         s === "right" && g
       ]
     }
   );
-}, Ot = ({
+}, jt = ({
   variant: e = "outlined",
   className: t,
   children: n,
@@ -1657,15 +1678,15 @@ const Ht = Le, Ut = Le, dt = ({
   ref: r,
   ...c
 }) => {
-  const i = Oe({ className: t, isInteractive: l, variant: e, children: n }), s = D(null), f = r || s;
-  return /* @__PURE__ */ V("div", { ...c, ref: f, className: i.card, children: [
-    /* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(re, { colorName: "on-surface", triggerRef: f }) }),
+  const i = Xe({ className: t, isInteractive: l, variant: e, children: n }), s = D(null), u = r || s;
+  return /* @__PURE__ */ A("div", { ...c, ref: u, className: i.card, children: [
+    /* @__PURE__ */ f("div", { className: i.stateLayer, children: l && /* @__PURE__ */ f(re, { colorName: "on-surface", triggerRef: u }) }),
     n
   ] });
-}, ft = (e, t, n = [0, 1]) => {
-  const [l, r] = t, [c, i] = n, f = (Math.max(l, Math.min(e, r)) - l) / (r - l);
-  return c + f * (i - c);
-}, mt = ({
+}, pt = (e, t, n = [0, 1]) => {
+  const [l, r] = t, [c, i] = n, u = (Math.max(l, Math.min(e, r)) - l) / (r - l);
+  return c + u * (i - c);
+}, yt = ({
   className: e,
   children: t,
   width: n = 1,
@@ -1673,13 +1694,13 @@ const Ht = Le, Ut = Le, dt = ({
   ref: r,
   ...c
 }) => {
-  const i = D(null), s = r || i, f = Xe({
+  const i = D(null), s = r || i, u = Ye({
     className: e,
     index: l,
     width: n,
     children: t
   });
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(
     F.div,
     {
       ref: s,
@@ -1688,12 +1709,12 @@ const Ht = Le, Ut = Le, dt = ({
         duration: 0.5,
         ease: "linear"
       },
-      className: f.carouselItem,
+      className: u.carouselItem,
       ...c,
       children: t
     }
   );
-}, Xt = ({
+}, qt = ({
   variant: e = "hero",
   className: t,
   children: n,
@@ -1702,59 +1723,59 @@ const Ht = Le, Ut = Le, dt = ({
   inputRange: c = [0.21, 0.65],
   outputRange: i = [42, 300],
   gap: s = 8,
-  onChange: f,
+  onChange: u,
   scrollSensitivity: a = 1.25,
   ...p
 }) => {
   var Y, z;
-  const m = D(null), o = l || m, d = Ye({
+  const m = D(null), o = l || m, d = je({
     className: t,
     children: n,
     variant: e,
     inputRange: c,
     outputRange: i,
     marginPourcent: r,
-    onChange: f,
+    onChange: u,
     gap: s,
     scrollSensitivity: a
   }), y = K.Children.toArray(n).filter(
-    (b) => K.isValidElement(b) && b.type === mt
-  ), v = D(null), [x, E] = S([]), [L, B] = S(null), N = () => {
-    var U;
+    (b) => K.isValidElement(b) && b.type === yt
+  ), v = D(null), [w, E] = S([]), [L, B] = S(null), N = () => {
+    var O;
     if (!v.current || !o.current || !L) return [];
-    const { scrollVisible: b, scrollProgress: w } = L;
-    function P(O, J) {
-      return O.map(
-        (T) => (T - J) / Math.abs(O[1] - O[0])
+    const { scrollVisible: b, scrollProgress: x } = L;
+    function P(U, J) {
+      return U.map(
+        (T) => (T - J) / Math.abs(U[1] - U[0])
       );
     }
-    let H = y.map((O, J) => {
+    let H = y.map((U, J) => {
       if (!I[J].current || !v.current) return 0;
       let ne = J / (y.length - 1);
       return ne > 1 && (ne = 1), ne < 0 && (ne = 0), ne;
     });
-    H = P(H, w);
-    let M = ((((U = o.current) == null ? void 0 : U.clientWidth) ?? b) - (i[0] + s)) / (i[1] + s);
-    return H.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
-      J === 0 && A(O.originalIndex);
-      let T = ft(M, [0, 1], [0, i[1]]);
-      T < i[0] && (T = i[0]), M--, H[O.originalIndex] = T;
+    H = P(H, x);
+    let $ = ((((O = o.current) == null ? void 0 : O.clientWidth) ?? b) - (i[0] + s)) / (i[1] + s);
+    return H.map((U, J) => ({ value: Math.abs(U), originalIndex: J })).sort((U, J) => U.value - J.value).forEach((U, J) => {
+      J === 0 && V(U.originalIndex);
+      let T = pt($, [0, 1], [0, i[1]]);
+      T < i[0] && (T = i[0]), $--, H[U.originalIndex] = T;
     }), H;
-  }, I = D([]).current, [$, A] = S(0);
+  }, I = D([]).current, [M, V] = S(0);
   R(() => {
-    f && f($);
-  }, [$]), I.length !== y.length && y.forEach((b, w) => {
-    I[w] || (I[w] = K.createRef());
+    u && u(M);
+  }, [M]), I.length !== y.length && y.forEach((b, x) => {
+    I[x] || (I[x] = K.createRef());
   });
-  const W = y.map((b, w) => K.cloneElement(
+  const W = y.map((b, x) => K.cloneElement(
     b,
     {
-      width: x[w],
-      ref: I[w],
-      key: w,
-      index: w
+      width: w[x],
+      ref: I[x],
+      key: x,
+      index: x
     }
-  )), k = $e((L == null ? void 0 : L.scrollProgress) ?? 0), g = me(
+  )), k = Ce((L == null ? void 0 : L.scrollProgress) ?? 0), g = me(
     k,
     [0, 1],
     [
@@ -1772,19 +1793,19 @@ const Ht = Le, Ut = Le, dt = ({
     E(b);
   }, [L]);
   const [q, G] = S(0);
-  return ve(() => {
+  return we(() => {
     let b = i[1];
     L && b > L.scrollVisible && (b = L.scrollVisible);
-    const w = (b + s) * W.length / a;
-    G(w);
-  }, [o, I, L]), /* @__PURE__ */ u("div", { className: d.carousel, ref: o, ...p, children: /* @__PURE__ */ u(
-    ot,
+    const x = (b + s) * W.length / a;
+    G(x);
+  }, [o, I, L]), /* @__PURE__ */ f("div", { className: d.carousel, ref: o, ...p, children: /* @__PURE__ */ f(
+    lt,
     {
       draggable: !0,
       orientation: "horizontal",
       onScroll: X,
       scrollSize: q,
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ f(
         F.div,
         {
           className: d.track,
@@ -1800,41 +1821,41 @@ const Ht = Le, Ut = Le, dt = ({
       )
     }
   ) });
-}, ht = ({
+}, gt = ({
   orientation: e = "horizontal",
   className: t,
   ...n
 }) => {
-  const l = je({ orientation: e, className: t });
-  return /* @__PURE__ */ u("hr", { className: l.divider, ...n });
+  const l = qe({ orientation: e, className: t });
+  return /* @__PURE__ */ f("hr", { className: l.divider, ...n });
 }, _ = [];
 for (let e = 0; e < 256; ++e)
   _.push((e + 256).toString(16).slice(1));
-function pt(e, t = 0) {
+function vt(e, t = 0) {
   return (_[e[t + 0]] + _[e[t + 1]] + _[e[t + 2]] + _[e[t + 3]] + "-" + _[e[t + 4]] + _[e[t + 5]] + "-" + _[e[t + 6]] + _[e[t + 7]] + "-" + _[e[t + 8]] + _[e[t + 9]] + "-" + _[e[t + 10]] + _[e[t + 11]] + _[e[t + 12]] + _[e[t + 13]] + _[e[t + 14]] + _[e[t + 15]]).toLowerCase();
 }
-let ce;
-const yt = new Uint8Array(16);
-function gt() {
-  if (!ce) {
+let se;
+const wt = new Uint8Array(16);
+function xt() {
+  if (!se) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ce = crypto.getRandomValues.bind(crypto);
+    se = crypto.getRandomValues.bind(crypto);
   }
-  return ce(yt);
+  return se(wt);
 }
-const vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pe = { randomUUID: vt };
+const bt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ye = { randomUUID: bt };
 function ie(e, t, n) {
   var r;
-  if (pe.randomUUID && !e)
-    return pe.randomUUID();
+  if (ye.randomUUID && !e)
+    return ye.randomUUID();
   e = e || {};
-  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? gt();
+  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? xt();
   if (l.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, pt(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, vt(l);
 }
-const Ne = ({
+const Ee = ({
   variant: e = "plain",
   buttons: t,
   className: n,
@@ -1843,14 +1864,14 @@ const Ne = ({
   text: c,
   position: i,
   targetRef: s,
-  ref: f,
+  ref: u,
   trigger: a = ["hover", "focus"],
   ...p
 }) => {
   if (!l && !s)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(a) || (a = [a]), t && !Array.isArray(t) && (t = [t]);
-  const m = D(null), o = s || m, [d, y] = S(null), [v] = S(ie()), [x, E] = S(!1), L = D(null);
+  const m = D(null), o = s || m, [d, y] = S(null), [v] = S(ie()), [w, E] = S(!1), L = D(null);
   R(() => {
     const g = (C) => {
       y(C.detail);
@@ -1879,16 +1900,16 @@ const Ne = ({
   }, I = () => {
     if (a.includes("click")) {
       const g = new CustomEvent("tooltip-update", {
-        detail: x ? null : v
+        detail: w ? null : v
       });
       document.dispatchEvent(g);
     }
-  }, $ = () => {
+  }, M = () => {
     if (a.includes("focus")) {
       const g = new CustomEvent("tooltip-update", { detail: v });
       document.dispatchEvent(g);
     }
-  }, A = () => {
+  }, V = () => {
     if (a.includes("focus")) {
       const g = new CustomEvent("tooltip-update", { detail: null });
       document.dispatchEvent(g);
@@ -1897,17 +1918,17 @@ const Ne = ({
   R(() => {
     if (o != null && o.current) {
       const g = o.current;
-      return g.addEventListener("mouseenter", B), g.addEventListener("mouseleave", N), g.addEventListener("click", I), g.addEventListener("focus", $), g.addEventListener("blur", A), () => {
-        g.removeEventListener("mouseenter", B), g.removeEventListener("mouseleave", N), g.removeEventListener("click", I), g.removeEventListener("focus", $), g.removeEventListener("blur", A);
+      return g.addEventListener("mouseenter", B), g.addEventListener("mouseleave", N), g.addEventListener("click", I), g.addEventListener("focus", M), g.addEventListener("blur", V), () => {
+        g.removeEventListener("mouseenter", B), g.removeEventListener("mouseleave", N), g.removeEventListener("click", I), g.removeEventListener("focus", M), g.removeEventListener("blur", V);
       };
     }
-  }, [o, a, v, x]);
+  }, [o, a, v, w]);
   const W = !s && ee(l) ? oe(l, { ref: m }) : l;
   if (!i && typeof window < "u" && o != null && o.current && !i) {
     const g = o.current.getBoundingClientRect(), C = window.innerWidth, X = window.innerHeight, q = g.left / C, G = g.top / X;
     e === "plain" ? q < 1 / 3 ? i = "right" : q > 2 / 3 ? i = "left" : i = G > 0.5 ? "top" : "bottom" : q < 1 / 2 && G < 1 / 2 ? i = "bottom-right" : q > 1 / 2 && G < 1 / 2 ? i = "bottom-left" : q > 1 / 2 && G > 1 / 2 ? i = "top-left" : q < 1 / 2 && G > 1 / 2 && (i = "top-right");
   }
-  const k = tt({
+  const k = nt({
     variant: e,
     buttons: t,
     className: n,
@@ -1918,9 +1939,9 @@ const Ne = ({
     targetRef: s,
     children: l
   });
-  return /* @__PURE__ */ V(te, { children: [
+  return /* @__PURE__ */ A(te, { children: [
     W,
-    /* @__PURE__ */ u(Q, { children: x && /* @__PURE__ */ u(at, { targetRef: o, children: /* @__PURE__ */ u(
+    /* @__PURE__ */ f(Q, { children: w && /* @__PURE__ */ f(st, { targetRef: o, children: /* @__PURE__ */ f(
       F.div,
       {
         initial: { opacity: d ? 1 : 0 },
@@ -1931,7 +1952,7 @@ const Ne = ({
         ...p,
         onMouseEnter: B,
         onMouseLeave: N,
-        children: /* @__PURE__ */ V(
+        children: /* @__PURE__ */ A(
           F.div,
           {
             className: k.container,
@@ -1942,10 +1963,10 @@ const Ne = ({
               damping: 20
             },
             children: [
-              r && /* @__PURE__ */ u("div", { className: k.subHead, children: r }),
-              /* @__PURE__ */ u("div", { className: k.supportingText, children: c }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((g, C) => /* @__PURE__ */ u(
-                dt,
+              r && /* @__PURE__ */ f("div", { className: k.subHead, children: r }),
+              /* @__PURE__ */ f("div", { className: k.supportingText, children: c }),
+              t && /* @__PURE__ */ f("div", { className: k.actions, children: Array.isArray(t) && t.map((g, C) => /* @__PURE__ */ f(
+                ht,
                 {
                   size: "small",
                   variant: "text",
@@ -1959,7 +1980,7 @@ const Ne = ({
       }
     ) }) })
   ] });
-}, ye = ({
+}, ge = ({
   className: e,
   label: t,
   variant: n = "primary",
@@ -1968,7 +1989,7 @@ const Ne = ({
   type: c,
   icon: i,
   isExtended: s = !1,
-  ref: f,
+  ref: u,
   transition: a,
   children: p,
   ...m
@@ -1977,7 +1998,7 @@ const Ne = ({
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const o = r ? "a" : "button", d = qe({
+  const o = r ? "a" : "button", d = _e({
     href: r,
     icon: i,
     isExtended: s,
@@ -1989,7 +2010,7 @@ const Ne = ({
     children: t
   });
   a = { duration: 0.3, ...a };
-  const y = D(null), v = f || y, x = {
+  const y = D(null), v = u || y, w = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -2015,7 +2036,7 @@ const Ne = ({
       }
     }
   };
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ A(
     o,
     {
       ...m,
@@ -2024,15 +2045,15 @@ const Ne = ({
       "aria-label": s ? void 0 : t,
       className: d.fab,
       children: [
-        /* @__PURE__ */ u(
-          Ne,
+        /* @__PURE__ */ f(
+          Ee,
           {
             trigger: s ? null : void 0,
             text: t,
             targetRef: v
           }
         ),
-        /* @__PURE__ */ u("span", { className: d.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ f("span", { className: d.stateLayer, children: /* @__PURE__ */ f(
           re,
           {
             colorName: h({
@@ -2044,11 +2065,11 @@ const Ne = ({
             triggerRef: v
           }
         ) }),
-        /* @__PURE__ */ u(Z, { icon: i, className: d.icon }),
-        /* @__PURE__ */ u(Q, { children: s && /* @__PURE__ */ u(
+        /* @__PURE__ */ f(Z, { icon: i, className: d.icon }),
+        /* @__PURE__ */ f(Q, { children: s && /* @__PURE__ */ f(
           F.span,
           {
-            variants: x,
+            variants: w,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2068,7 +2089,7 @@ const Ne = ({
   label: c,
   onToggle: i,
   activated: s = !1,
-  onClick: f,
+  onClick: u,
   icon: a,
   size: p = "medium",
   iconSelected: m,
@@ -2076,7 +2097,7 @@ const Ne = ({
   ref: d,
   width: y = "default",
   shape: v = "rounded",
-  allowShapeTransformation: x = !0,
+  allowShapeTransformation: w = !0,
   transition: E,
   children: L,
   ...B
@@ -2087,18 +2108,18 @@ const Ne = ({
     );
   r || (r = c);
   const [N, I] = K.useState(s);
-  let $;
-  i ? i && ($ = (C) => {
+  let M;
+  i ? i && (M = (C) => {
     n && C.preventDefault(), I(!N), i(!!N);
-  }, a = N && m || a) : $ = (C) => {
-    n && C.preventDefault(), f && f(C);
+  }, a = N && m || a) : M = (C) => {
+    n && C.preventDefault(), u && u(C);
   }, R(() => {
     I(s);
   }, [s]);
-  const A = t ? "a" : "button", W = _e({
+  const V = t ? "a" : "button", W = Ke({
     transition: E,
     shape: v,
-    allowShapeTransformation: x,
+    allowShapeTransformation: w,
     width: y,
     href: t,
     activated: N,
@@ -2114,8 +2135,8 @@ const Ne = ({
     children: c,
     ...B
   }), k = D(null), g = d || k;
-  return E = { duration: 0.3, ...E }, /* @__PURE__ */ V(
-    A,
+  return E = { duration: 0.3, ...E }, /* @__PURE__ */ A(
+    V,
     {
       disabled: n,
       href: t,
@@ -2124,24 +2145,24 @@ const Ne = ({
       "aria-label": c,
       ...B,
       title: void 0,
-      onClick: $,
+      onClick: M,
       ref: g,
       children: [
-        /* @__PURE__ */ u(
-          Ne,
+        /* @__PURE__ */ f(
+          Ee,
           {
             targetRef: g,
             trigger: n ? null : void 0,
             text: r
           }
         ),
-        /* @__PURE__ */ u("div", { className: W.touchTarget }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f("div", { className: W.touchTarget }),
+        /* @__PURE__ */ f(
           "div",
           {
             className: W.stateLayer,
             style: { transition: E.duration + "s" },
-            children: !n && /* @__PURE__ */ u(
+            children: !n && /* @__PURE__ */ f(
               re,
               {
                 colorName: h(
@@ -2167,11 +2188,11 @@ const Ne = ({
             )
           }
         ),
-        a && /* @__PURE__ */ u(Z, { icon: a, className: W.icon })
+        a && /* @__PURE__ */ f(Z, { icon: a, className: W.icon })
       ]
     }
   );
-}, Yt = ({
+}, _t = ({
   className: e,
   valueFormatter: t,
   step: n = 10,
@@ -2189,25 +2210,25 @@ const Ne = ({
       label: "100"
     }
   ],
-  ref: f,
+  ref: u,
   onChange: a,
   ...p
 }) => {
   const m = (b) => {
-    const w = d(), P = o();
-    return b === 1 / 0 ? 100 : b === -1 / 0 ? 0 : (b - w) / (P - w) * 100;
+    const x = d(), P = o();
+    return b === 1 / 0 ? 100 : b === -1 / 0 ? 0 : (b - x) / (P - x) * 100;
   }, o = (b = !1) => b ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, d = (b = !1) => b ? c : c == -1 / 0 ? s[0].value : c, y = (b) => {
-    const w = d(!1);
-    return (o(!1) - w) * b / 100 + w;
-  }, [v, x] = S(!1), E = D(null), L = f || E, [B, N] = S(r), [I, $] = S(m(r)), [A, W] = S(!1), k = (b) => {
-    W(!0), x(!0), X(b);
+    const x = d(!1);
+    return (o(!1) - x) * b / 100 + x;
+  }, [v, w] = S(!1), E = D(null), L = u || E, [B, N] = S(r), [I, M] = S(m(r)), [V, W] = S(!1), k = (b) => {
+    W(!0), w(!0), X(b);
   }, g = () => {
-    W(!1), x(!1);
+    W(!1), w(!1);
   };
-  R(() => (A ? (window.addEventListener("mouseup", g), window.addEventListener("mousemove", X), window.addEventListener("touchend", g), window.addEventListener("touchmove", X)) : (window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X)), () => {
+  R(() => (V ? (window.addEventListener("mouseup", g), window.addEventListener("mousemove", X), window.addEventListener("touchend", g), window.addEventListener("touchmove", X)) : (window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X)), () => {
     window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X);
-  }), [A]);
-  const C = Je({
+  }), [V]);
+  const C = Ze({
     className: e,
     isChanging: v,
     marks: s,
@@ -2219,41 +2240,41 @@ const Ne = ({
     valueFormatter: t,
     onChange: a
   }), X = (b) => {
-    const w = L == null ? void 0 : L.current;
-    if (w) {
-      const P = w.getBoundingClientRect().left, M = ((b.type === "touchmove" || b.type === "touchstart" ? b.touches[0].clientX : b.clientX) - P) / w.offsetWidth * 100;
-      q({ pourcent: M });
+    const x = L == null ? void 0 : L.current;
+    if (x) {
+      const P = x.getBoundingClientRect().left, $ = ((b.type === "touchmove" || b.type === "touchstart" ? b.touches[0].clientX : b.clientX) - P) / x.offsetWidth * 100;
+      q({ pourcent: $ });
     }
   }, q = ({
     pourcent: b,
-    value: w
+    value: x
   }) => {
     if (b) {
       if (b >= 100) {
-        N(o(!0)), $(100);
+        N(o(!0)), M(100);
         return;
       }
       if (b <= 0) {
-        N(d(!0)), $(0);
+        N(d(!0)), M(0);
         return;
       }
-      w = y(b), w == d() && (w = d(!0)), w == o() && (w = o(!0));
-    } else if (w != null) {
-      if (w >= o()) {
-        N(o(!0)), $(100);
+      x = y(b), x == d() && (x = d(!0)), x == o() && (x = o(!0));
+    } else if (x != null) {
+      if (x >= o()) {
+        N(o(!0)), M(100);
         return;
       }
-      if (w <= d()) {
-        N(d(!0)), $(0);
+      if (x <= d()) {
+        N(d(!0)), M(0);
         return;
       }
-      b = m(w);
+      b = m(x);
     } else
       return;
-    n != null ? w = Math.round((w - d()) / n) * n + d() : s && (w = s.reduce((P, H, M) => {
-      let U = H.value === 1 / 0 ? o() : H.value === -1 / 0 ? d() : H.value, O = P.value === 1 / 0 ? o() : P.value === -1 / 0 ? d() : P.value;
-      return U = Math.abs(U - w), O = Math.abs(O - w), U < O ? H : P;
-    }).value), w >= o() && (w = o(!0)), w <= d() && (w = d(!0)), b = m(w), N(w), $(b), a && a(w);
+    n != null ? x = Math.round((x - d()) / n) * n + d() : s && (x = s.reduce((P, H, $) => {
+      let O = H.value === 1 / 0 ? o() : H.value === -1 / 0 ? d() : H.value, U = P.value === 1 / 0 ? o() : P.value === -1 / 0 ? d() : P.value;
+      return O = Math.abs(O - x), U = Math.abs(U - x), O < U ? H : P;
+    }).value), x >= o() && (x = o(!0)), x <= d() && (x = d(!0)), b = m(x), N(x), M(b), a && a(x);
   }, [G, Y] = S(0);
   return R(() => {
     const b = () => {
@@ -2262,7 +2283,7 @@ const Ne = ({
     return b(), window.addEventListener("resize", b), () => {
       window.removeEventListener("resize", b);
     };
-  }, []), /* @__PURE__ */ V(
+  }, []), /* @__PURE__ */ A(
     "div",
     {
       tabIndex: 0,
@@ -2272,16 +2293,16 @@ const Ne = ({
             if (n)
               q({ value: B + n });
             else if (s) {
-              const w = s.find((P) => P.value > B);
-              w && q({ value: w.value });
+              const x = s.find((P) => P.value > B);
+              x && q({ value: x.value });
             }
             break;
           case "ArrowLeft":
             if (n)
               q({ value: B - n });
             else if (s) {
-              const w = s.slice(0).reverse().find((P, H, M) => B === 1 / 0 ? H === 1 : P.value < B);
-              w && q({ value: w.value });
+              const x = s.slice(0).reverse().find((P, H, $) => B === 1 / 0 ? H === 1 : P.value < B);
+              x && q({ value: x.value });
             }
             break;
           default:
@@ -2301,15 +2322,15 @@ const Ne = ({
       onDragStart: (b) => b.preventDefault(),
       ...p,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f("input", { type: "hidden", name: l, value: B }),
+        /* @__PURE__ */ f(
           "div",
           {
             className: C.activeTrack,
             style: { flex: I / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(Q, { children: v && /* @__PURE__ */ u(
+        /* @__PURE__ */ f("div", { className: C.handle, children: /* @__PURE__ */ f(Q, { children: v && /* @__PURE__ */ f(
           F.div,
           {
             className: C.valueIndicator,
@@ -2329,21 +2350,21 @@ const Ne = ({
             children: t ? t(B) : B
           }
         ) }) }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f(
           "div",
           {
             className: C.inactiveTrack,
             style: { flex: 1 - I / 100 }
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ f(
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: s && s.map((b, w) => {
+            children: s && s.map((b, x) => {
               let P = null;
-              const H = (v ? 9 : 10) / G * 100, M = m(b.value);
-              return M <= I - H ? P = !0 : M >= I + H && (P = !1), /* @__PURE__ */ u(
+              const H = (v ? 9 : 10) / G * 100, $ = m(b.value);
+              return $ <= I - H ? P = !0 : $ >= I + H && (P = !1), /* @__PURE__ */ f(
                 "div",
                 {
                   className: h(C.dot, {
@@ -2354,7 +2375,7 @@ const Ne = ({
                     left: `${m(b.value)}%`
                   }
                 },
-                w
+                x
               );
             })
           }
@@ -2368,7 +2389,7 @@ const Ne = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var xt = {
+var Lt = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
@@ -2376,12 +2397,12 @@ var xt = {
   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"]
-}, wt = {
+}, Nt = {
   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"]
 };
-const jt = ({
+const Kt = ({
   variant: e = "standard",
   className: t,
   children: n,
@@ -2390,16 +2411,16 @@ const jt = ({
   extended: c,
   divider: i,
   onExtendedChange: s,
-  closeIcon: f = de,
+  closeIcon: u = de,
   transition: a,
   ...p
 }) => {
   a = { duration: 0.3, ...a };
-  const [m, o] = S(c ?? !0), d = Ge({
+  const [m, o] = S(c ?? !0), d = Je({
     transition: a,
     title: l,
     position: r,
-    closeIcon: f,
+    closeIcon: u,
     className: t,
     children: n,
     onExtendedChange: s,
@@ -2420,8 +2441,8 @@ const jt = ({
     open: {
       width: "auto"
     }
-  }, v = () => /* @__PURE__ */ V(te, { children: [
-    /* @__PURE__ */ u(Q, { children: e == "modal" && m && /* @__PURE__ */ u(
+  }, v = () => /* @__PURE__ */ A(te, { children: [
+    /* @__PURE__ */ f(Q, { children: e == "modal" && m && /* @__PURE__ */ f(
       F.div,
       {
         initial: { opacity: 0 },
@@ -2432,14 +2453,14 @@ const jt = ({
         className: d.overlay
       }
     ) }),
-    /* @__PURE__ */ u(Q, { children: m && /* @__PURE__ */ V(
+    /* @__PURE__ */ f(Q, { children: m && /* @__PURE__ */ A(
       "div",
       {
         ...p,
         className: d.slideSheet,
         style: { transition: a.duration + "s" },
         children: [
-          /* @__PURE__ */ V(
+          /* @__PURE__ */ A(
             F.div,
             {
               variants: y,
@@ -2448,20 +2469,20 @@ const jt = ({
               exit: "close",
               className: d.container,
               children: [
-                /* @__PURE__ */ V("div", { className: d.header, children: [
-                  l && /* @__PURE__ */ u("p", { className: d.title, children: l }),
-                  /* @__PURE__ */ u(
+                /* @__PURE__ */ A("div", { className: d.header, children: [
+                  l && /* @__PURE__ */ f("p", { className: d.title, children: l }),
+                  /* @__PURE__ */ f(
                     ue,
                     {
                       size: "small",
                       label: "close",
-                      icon: f,
+                      icon: u,
                       onClick: () => o(!1),
                       className: d.closeButton
                     }
                   )
                 ] }),
-                /* @__PURE__ */ u(
+                /* @__PURE__ */ f(
                   "div",
                   {
                     className: d.content,
@@ -2472,13 +2493,13 @@ const jt = ({
               ]
             }
           ),
-          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(ht, { className: d.divider, orientation: "vertical" })
+          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ f(gt, { className: d.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
   return e == "modal" ? xe(v(), document.body) : v();
-}, qt = ({
+}, Gt = ({
   message: e,
   className: t,
   duration: n,
@@ -2486,7 +2507,7 @@ const jt = ({
   onClose: r,
   ...c
 }) => {
-  const [i, s] = S(!0), f = Ze({
+  const [i, s] = S(!0), u = Qe({
     className: t,
     closeIcon: l,
     duration: n,
@@ -2502,22 +2523,22 @@ const jt = ({
   const a = () => {
     s(!1), r == null || r();
   };
-  return /* @__PURE__ */ u(Q, { children: i && /* @__PURE__ */ u(
+  return /* @__PURE__ */ f(Q, { children: i && /* @__PURE__ */ f(
     F.div,
     {
       initial: { height: 0 },
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
-      className: f.snackbar,
+      className: u.snackbar,
       ...c,
-      children: /* @__PURE__ */ V("div", { className: f.container, children: [
-        /* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
-        /* @__PURE__ */ u(
+      children: /* @__PURE__ */ A("div", { className: u.container, children: [
+        /* @__PURE__ */ f("p", { className: u.supportingText, children: e }),
+        /* @__PURE__ */ f(
           ue,
           {
             onClick: () => a(),
-            className: f.icon,
+            className: u.icon,
             icon: l,
             label: "close the snackbar"
           }
@@ -2525,7 +2546,7 @@ const jt = ({
       ] })
     }
   ) });
-}, _t = ({
+}, Jt = ({
   selected: e = !1,
   className: t,
   activeIcon: n,
@@ -2534,7 +2555,7 @@ const jt = ({
   onChange: c,
   onClick: i,
   onKeyDown: s,
-  ref: f,
+  ref: u,
   ...a
 }) => {
   const [p, m] = S(e), o = (L) => {
@@ -2543,7 +2564,7 @@ const jt = ({
     l || ((L.key === " " || L.key === "Enter") && (L.preventDefault(), y()), s && s(L));
   }, y = () => {
     m(!p), c == null || c(!p);
-  }, v = Qe({
+  }, v = ze({
     className: t,
     isSelected: p,
     activeIcon: n,
@@ -2551,8 +2572,8 @@ const jt = ({
     disabled: l,
     selected: p,
     onChange: c
-  }), x = D(null), E = f || x;
-  return /* @__PURE__ */ V(
+  }), w = D(null), E = u || w;
+  return /* @__PURE__ */ A(
     F.div,
     {
       role: "switch",
@@ -2564,8 +2585,8 @@ const jt = ({
       className: v.switch,
       ...a,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
-        /* @__PURE__ */ V(
+        /* @__PURE__ */ f("input", { type: "hidden", value: p ? "1" : "0" }),
+        /* @__PURE__ */ A(
           F.div,
           {
             layout: !0,
@@ -2577,21 +2598,21 @@ const jt = ({
             },
             className: v.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: v.handle, children: (p ? n : r) && /* @__PURE__ */ u(
+              /* @__PURE__ */ f("div", { className: v.handle, children: (p ? n : r) && /* @__PURE__ */ f(
                 Z,
                 {
                   className: v.icon,
                   icon: p ? n : r
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: v.handleStateLayer })
+              /* @__PURE__ */ f("div", { className: v.handleStateLayer })
             ]
           }
         )
       ]
     }
   );
-}, bt = ({
+}, Et = ({
   className: e,
   onClick: t,
   label: n,
@@ -2600,7 +2621,7 @@ const jt = ({
   icon: c,
   selectedTab: i,
   setSelectedTab: s,
-  tabsId: f,
+  tabsId: u,
   index: a,
   onTabSelected: p,
   scrollable: m = !1,
@@ -2608,26 +2629,26 @@ const jt = ({
   ref: d,
   ...y
 }) => {
-  const v = D(null), x = d || v, [E, L] = S(o);
+  const v = D(null), w = d || v, [E, L] = S(o);
   R(() => {
     o && i == null ? L(!0) : L(i == a && a != null);
   }, [i]), R(() => {
     i == a && p && p({
-      ref: x,
+      ref: w,
       index: a || 0,
       label: n,
       icon: c
     });
   }, [i]);
-  const B = r ? "a" : "button", N = ($) => {
-    s && s(a ?? null), t && t($);
-  }, I = ze({
+  const B = r ? "a" : "button", N = (M) => {
+    s && s(a ?? null), t && t(M);
+  }, I = Te({
     className: e,
     onTabSelected: p,
     scrollable: m,
     selectedTab: i,
     index: a,
-    tabsId: f,
+    tabsId: u,
     selected: E,
     variant: l,
     icon: c,
@@ -2636,32 +2657,32 @@ const jt = ({
     setSelectedTab: s,
     href: r
   });
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ A(
     B,
     {
       ...y,
       role: "tab",
       "aria-selected": E,
-      ref: x,
+      ref: w,
       href: r,
       className: I.tab,
       onClick: N,
       ...y,
       children: [
-        /* @__PURE__ */ u("span", { className: I.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ f("span", { className: I.stateLayer, children: /* @__PURE__ */ f(
           re,
           {
             colorName: l === "primary" && E ? "primary" : "on-surface",
-            triggerRef: x
+            triggerRef: w
           }
         ) }),
-        /* @__PURE__ */ V("span", { className: I.content, children: [
-          c && /* @__PURE__ */ u(Z, { icon: c, className: I.icon }),
-          /* @__PURE__ */ u("span", { className: I.label, children: n }),
-          E && /* @__PURE__ */ u(
+        /* @__PURE__ */ A("span", { className: I.content, children: [
+          c && /* @__PURE__ */ f(Z, { icon: c, className: I.icon }),
+          /* @__PURE__ */ f("span", { className: I.label, children: n }),
+          E && /* @__PURE__ */ f(
             F.span,
             {
-              layoutId: `underline-${f}`,
+              layoutId: `underline-${u}`,
               className: I.underline,
               transition: { duration: 0.3 }
             }
@@ -2670,7 +2691,7 @@ const jt = ({
       ]
     }
   );
-}, Kt = ({
+}, Zt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: n,
@@ -2679,22 +2700,22 @@ const jt = ({
   setSelectedTab: c,
   scrollable: i = !1
 }) => {
-  const [s, f] = S(
+  const [s, u] = S(
     null
   );
   let a;
   r == 0 || r != null ? a = r : a = s;
-  const p = c || f, m = K.Children.toArray(n).filter(
-    (x) => K.isValidElement(x) && x.type === bt
-  ), o = K.useRef(null), d = (x) => {
-    if (t == null || t(x), i) {
-      const E = o.current, L = x.ref.current;
+  const p = c || u, m = K.Children.toArray(n).filter(
+    (w) => K.isValidElement(w) && w.type === Et
+  ), o = K.useRef(null), d = (w) => {
+    if (t == null || t(w), i) {
+      const E = o.current, L = w.ref.current;
       if (E && L) {
         const B = L.offsetLeft + L.offsetWidth / 2 - E.offsetWidth / 2;
         E.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, y = Ie(() => ie(), []), v = Te({
+  }, y = ke(() => ie(), []), v = et({
     children: n,
     onTabSelected: t,
     scrollable: i,
@@ -2703,7 +2724,7 @@ const jt = ({
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: o, role: "tablist", className: v.tabs, children: m.map((x, E) => K.cloneElement(x, {
+  return /* @__PURE__ */ f("div", { ref: o, role: "tablist", className: v.tabs, children: m.map((w, E) => K.cloneElement(w, {
     key: E,
     index: E,
     variant: e,
@@ -2713,7 +2734,7 @@ const jt = ({
     onTabSelected: d,
     scrollable: i
   })) });
-}, Gt = ({
+}, Qt = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: n,
@@ -2722,7 +2743,7 @@ const jt = ({
   name: c,
   label: i,
   className: s,
-  supportingText: f,
+  supportingText: u,
   trailingIcon: a,
   leadingIcon: p,
   type: m = "text",
@@ -2730,20 +2751,20 @@ const jt = ({
   autoComplete: d = "on",
   onChange: y,
   value: v,
-  showSupportingText: x = !1,
+  showSupportingText: w = !1,
   ...E
 }) => {
-  const [L, B] = S(v ?? ""), [N, I] = S(!1), [$, A] = S(!1), [W, k] = S(
-    x
+  const [L, B] = S(v ?? ""), [N, I] = S(!1), [M, V] = S(!1), [W, k] = S(
+    w
   );
   R(() => {
     B(v ?? "");
   }, [v]), R(() => {
-    n != null && n.length ? A(!0) : A(!1);
+    n != null && n.length ? V(!0) : V(!1);
   }, [n]), R(() => {
-    x ? k(x) : f != null && f.length ? k(!0) : k(!1);
-  }, [W, f]), R(() => {
-    N && A(!1);
+    w ? k(w) : u != null && u.length ? k(!0) : k(!1);
+  }, [W, u]), R(() => {
+    N && V(!1);
   }, [N]);
   const g = K.useRef(null), C = () => {
     g.current && !N && g.current.focus();
@@ -2751,13 +2772,13 @@ const jt = ({
     I(!0);
   }, q = (P) => {
     const H = P.target.value;
-    B(H), A(!1), typeof y == "function" && y(H);
+    B(H), V(!1), typeof y == "function" && y(H);
   }, G = () => {
     I(!1);
-  }, Y = et({
+  }, Y = tt({
     showSupportingText: W,
     isFocused: N,
-    showErrorIcon: $,
+    showErrorIcon: M,
     disabled: t,
     name: c,
     label: i,
@@ -2765,7 +2786,7 @@ const jt = ({
     className: s,
     onChange: y,
     placeholder: l,
-    supportingText: f,
+    supportingText: u,
     type: m,
     leadingIcon: p,
     trailingIcon: a,
@@ -2775,24 +2796,24 @@ const jt = ({
     suffix: r,
     textLine: o
   }), [z] = S(ie());
-  let b, w;
+  let b, x;
   switch (o) {
     case "multiLine":
-      w = Ve, b = {};
+      x = Ve, b = {};
       break;
     case "textAreas":
-      w = "textarea", b = {};
+      x = "textarea", b = {};
       break;
     case "singleLine":
     default:
-      w = "input", b = { type: m };
+      x = "input", b = { type: m };
       break;
   }
-  return /* @__PURE__ */ V("div", { className: Y.textField, ...E, children: [
-    /* @__PURE__ */ V("fieldset", { onClick: C, className: Y.content, children: [
-      /* @__PURE__ */ u("div", { className: Y.stateLayer }),
-      p && /* @__PURE__ */ u("div", { className: Y.leadingIcon, children: K.isValidElement(p) ? p : /* @__PURE__ */ u(Z, { className: "w-5 h-5", icon: p }) }),
-      !(!N && !L.length || e == "filled") && /* @__PURE__ */ u(
+  return /* @__PURE__ */ A("div", { className: Y.textField, ...E, children: [
+    /* @__PURE__ */ A("fieldset", { onClick: C, className: Y.content, children: [
+      /* @__PURE__ */ f("div", { className: Y.stateLayer }),
+      p && /* @__PURE__ */ f("div", { className: Y.leadingIcon, children: K.isValidElement(p) ? p : /* @__PURE__ */ f(Z, { className: "w-5 h-5", icon: p }) }),
+      !(!N && !L.length || e == "filled") && /* @__PURE__ */ f(
         F.legend,
         {
           variants: {
@@ -2803,7 +2824,7 @@ const jt = ({
           animate: !N && !L.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
-          children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
+          children: /* @__PURE__ */ f("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ f(
             F.span,
             {
               className: Y.label,
@@ -2814,8 +2835,8 @@ const jt = ({
           ) })
         }
       ),
-      /* @__PURE__ */ V("div", { className: "flex-1 relative", children: [
-        (!N && !L.length || e == "filled") && /* @__PURE__ */ u(
+      /* @__PURE__ */ A("div", { className: "flex-1 relative", children: [
+        (!N && !L.length || e == "filled") && /* @__PURE__ */ f(
           F.label,
           {
             htmlFor: c,
@@ -2827,7 +2848,7 @@ const jt = ({
               }
             ),
             transition: { duration: 0.3 },
-            children: /* @__PURE__ */ u(
+            children: /* @__PURE__ */ f(
               F.span,
               {
                 className: Y.label,
@@ -2838,8 +2859,8 @@ const jt = ({
             )
           }
         ),
-        /* @__PURE__ */ u(
-          w,
+        /* @__PURE__ */ f(
+          x,
           {
             ref: g,
             value: L,
@@ -2858,39 +2879,39 @@ const jt = ({
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: Y.activeIndicator }),
-      !$ && /* @__PURE__ */ V(te, { children: [
-        a && /* @__PURE__ */ u(
+      /* @__PURE__ */ f("div", { className: Y.activeIndicator }),
+      !M && /* @__PURE__ */ A(te, { children: [
+        a && /* @__PURE__ */ f(
           "div",
           {
             onClick: (P) => {
               P.stopPropagation();
             },
             className: Y.trailingIcon,
-            children: K.isValidElement(a) ? a : /* @__PURE__ */ u(Z, { className: "h-5", icon: a })
+            children: K.isValidElement(a) ? a : /* @__PURE__ */ f(Z, { className: "h-5", icon: a })
           }
         ),
-        !a && r && /* @__PURE__ */ u("span", { className: Y.suffix, children: r })
+        !a && r && /* @__PURE__ */ f("span", { className: Y.suffix, children: r })
       ] }),
-      $ && /* @__PURE__ */ u(
+      M && /* @__PURE__ */ f(
         "div",
         {
           className: h(Y.trailingIcon, {
             " absolute right-0": !a
           }),
-          children: /* @__PURE__ */ u(
+          children: /* @__PURE__ */ f(
             Z,
             {
               className: "h-5 text-error",
-              icon: xt
+              icon: Lt
             }
           )
         }
       )
     ] }),
-    W && /* @__PURE__ */ u("p", { className: Y.supportingText, children: n != null && n.length ? n : f != null && f.length ? f : " " })
+    W && /* @__PURE__ */ f("p", { className: Y.supportingText, children: n != null && n.length ? n : u != null && u.length ? u : " " })
   ] });
-}, Lt = j(
+}, It = j(
   "navigationRailItem",
   ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     navigationRailItem: h(
@@ -2931,7 +2952,7 @@ const jt = ({
       "text-label-medium": l == "vertical"
     })
   })
-), Nt = ({ 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 }) }), Et = ({
+), kt = ({ label: e }) => /* @__PURE__ */ f("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ f("p", { className: "text-label-large text-on-surface-variant", children: e }) }), St = ({
   className: e,
   onClick: t,
   label: n,
@@ -2940,7 +2961,7 @@ const jt = ({
   icon: c,
   selectedItem: i,
   setSelectedItem: s,
-  index: f,
+  index: u,
   onItemSelected: a,
   selected: p = !1,
   ref: m,
@@ -2948,31 +2969,31 @@ const jt = ({
   isExtended: d,
   iconSelected: y,
   style: v,
-  extendedOnly: x,
+  extendedOnly: w,
   children: E,
   ...L
 }) => {
   E && (n = E);
-  const B = D(null), N = m || B, [I, $] = S(p);
+  const B = D(null), N = m || B, [I, M] = S(p);
   R(() => {
-    p && i == null ? $(!0) : $(i == f && f != null);
+    p && i == null ? M(!0) : M(i == u && u != null);
   }, [i]), R(() => {
-    i == f && a && a({
+    i == u && a && a({
       ref: N,
-      index: f || 0,
+      index: u || 0,
       label: n,
       icon: c
     });
   }, [i]);
-  const A = r ? "a" : "button", W = (g) => {
-    s && s(f ?? null), t && t(g);
-  }, k = Lt({
+  const V = r ? "a" : "button", W = (g) => {
+    s && s(u ?? null), t && t(g);
+  }, k = It({
     isExtended: d,
-    extendedOnly: x,
+    extendedOnly: w,
     className: e,
     onItemSelected: a,
     selectedItem: i,
-    index: f,
+    index: u,
     transition: o,
     selected: I,
     variant: l,
@@ -2984,11 +3005,11 @@ const jt = ({
     children: n,
     iconSelected: y
   });
-  return o = { duration: 0.3, ...o }, x && !d ? null : (
+  return o = { duration: 0.3, ...o }, w && !d ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ V(
-      A,
+    /* @__PURE__ */ A(
+      V,
       {
         ...L,
         role: "tab",
@@ -2999,7 +3020,7 @@ const jt = ({
         onClick: W,
         style: { transition: o.duration + "s", ...v },
         children: [
-          /* @__PURE__ */ V(
+          /* @__PURE__ */ A(
             F.div,
             {
               style: {
@@ -3008,15 +3029,15 @@ const jt = ({
               transition: o,
               className: k.container,
               children: [
-                /* @__PURE__ */ u(F.div, { layout: !0, className: k.stateLayer }),
-                c && /* @__PURE__ */ u(
+                /* @__PURE__ */ f(F.div, { layout: !0, className: k.stateLayer }),
+                c && /* @__PURE__ */ f(
                   Z,
                   {
                     icon: I ? y : c,
                     className: k.icon
                   }
                 ),
-                /* @__PURE__ */ u(Q, { children: l == "horizontal" && (() => {
+                /* @__PURE__ */ f(Q, { children: l == "horizontal" && (() => {
                   const g = {
                     width: 0,
                     opacity: 0,
@@ -3034,7 +3055,7 @@ const jt = ({
                       }
                     }
                   };
-                  return /* @__PURE__ */ u(
+                  return /* @__PURE__ */ f(
                     F.span,
                     {
                       initial: g,
@@ -3048,7 +3069,7 @@ const jt = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(Q, { children: l == "vertical" && (() => {
+          /* @__PURE__ */ f(Q, { children: l == "vertical" && (() => {
             const g = {
               height: 0,
               opacity: 0,
@@ -3069,7 +3090,7 @@ const jt = ({
                 }
               }
             };
-            return /* @__PURE__ */ u(
+            return /* @__PURE__ */ f(
               F.span,
               {
                 initial: C,
@@ -3085,7 +3106,7 @@ const jt = ({
       }
     )
   );
-}, It = j(
+}, $t = j(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: h("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -3101,7 +3122,7 @@ const jt = ({
       "w-fit  items-start": e
     })
   })
-), Jt = ({
+), zt = ({
   variant: e = "standard",
   onItemSelected: t,
   children: n,
@@ -3111,7 +3132,7 @@ const jt = ({
   alignment: i = "top",
   menu: s = {
     closed: {
-      icon: wt,
+      icon: Nt,
       label: "Open menu"
     },
     opened: {
@@ -3119,29 +3140,29 @@ const jt = ({
       label: "Close menu"
     }
   },
-  style: f,
+  style: u,
   onExtendedChange: a,
   transition: p,
   setSelectedItem: m
 }) => {
   const [o, d] = S(null), [y, v] = S(c);
-  let x;
-  r == 0 || r != null ? x = r : x = o;
+  let w;
+  r == 0 || r != null ? w = r : w = o;
   const E = m || d, L = D(null), B = (k) => {
     t == null || t(k);
   };
   function N(k) {
     const g = [];
-    return ke.forEach(k, (C) => {
-      ee(C) && C.type === Se ? g.push(...N(C.props.children)) : g.push(C);
+    return Se.forEach(k, (C) => {
+      ee(C) && C.type === $e ? g.push(...N(C.props.children)) : g.push(C);
     }), g;
   }
-  const I = N(n), $ = I.filter(
-    (k) => ee(k) && k.type === ye
-  ), A = It({
+  const I = N(n), M = I.filter(
+    (k) => ee(k) && k.type === ge
+  ), V = $t({
     children: n,
     onItemSelected: t,
-    selectedItem: x,
+    selectedItem: w,
     setSelectedItem: E,
     className: l,
     variant: e,
@@ -3156,109 +3177,109 @@ const jt = ({
   const W = D(!1);
   return W.current = !1, R(() => {
     a == null || a(y ?? !1);
-  }, [y]), /* @__PURE__ */ V(
+  }, [y]), /* @__PURE__ */ A(
     "div",
     {
-      style: { transition: p.duration + "s", ...f },
+      style: { transition: p.duration + "s", ...u },
       ref: L,
-      className: A.navigationRail,
+      className: V.navigationRail,
       children: [
-        /* @__PURE__ */ V("div", { className: A.header, children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ A("div", { className: V.header, children: [
+          /* @__PURE__ */ f(
             ue,
             {
               onClick: () => v(!y),
               label: y ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
-              className: A.menuIcon,
+              className: V.menuIcon,
               icon: y ? s.opened.icon : s == null ? void 0 : s.closed.icon
             }
           ),
-          $.length > 0 && oe($[0], {
+          M.length > 0 && oe(M[0], {
             transition: p,
             isExtended: y,
-            className: "!shadow-none mx-5 " + $[0].props.className
+            className: "!shadow-none mx-5 " + M[0].props.className
           })
         ] }),
-        /* @__PURE__ */ u("div", { className: A.segments, children: (() => {
+        /* @__PURE__ */ f("div", { className: V.segments, children: (() => {
           let k = 0;
-          return I.map((g) => ee(g) && g.type === Et ? oe(
+          return I.map((g) => ee(g) && g.type === St ? oe(
             g,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
               variant: y ? "horizontal" : "vertical",
-              selectedItem: x,
+              selectedItem: w,
               setSelectedItem: E,
               onItemSelected: B,
               transition: p,
               extendedOnly: W.current,
               isExtended: y
             }
-          ) : ee(g) && g.type === ye ? null : ee(g) && g.type === Nt ? (W.current = !0, y ? oe(g, {}) : null) : g);
+          ) : ee(g) && g.type === ge ? null : ee(g) && g.type === kt ? (W.current = !0, y ? oe(g, {}) : null) : g);
         })() }),
-        /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
+        /* @__PURE__ */ f("div", { className: "flex-1 max-h-[160px]" })
       ]
     }
   );
 };
-function Zt(e) {
-  return De({
-    variant: Pe.Fidelity,
+function Tt(e) {
+  return We({
+    variant: Ae.Fidelity,
     ...e,
-    plugins: [new We(e), new we(e)]
+    plugins: [new Pe(e), new be(e)]
   });
 }
 export {
-  Ht as AnimateOnScrollInit,
-  dt as Button,
-  Ot as Card,
-  Xt as Carousel,
-  mt as CarouselItem,
-  ot as CustomScroll,
-  ht as Divider,
-  ye as Fab,
+  Xt as AnimateOnScrollInit,
+  ht as Button,
+  jt as Card,
+  qt as Carousel,
+  yt as CarouselItem,
+  lt as CustomScroll,
+  gt as Divider,
+  ge as Fab,
   Z as Icon,
   ue as IconButton,
-  Jt as NavigationRail,
-  Et as NavigationRailItem,
-  Nt as NavigationRailSection,
-  nt as ProgressIndicator,
+  zt as NavigationRail,
+  St as NavigationRailItem,
+  kt as NavigationRailSection,
+  rt as ProgressIndicator,
   re as RippleEffect,
-  jt as SideSheet,
-  Yt as Slider,
-  At as SmoothScroll,
-  qt as Snackbar,
-  _t as Switch,
-  at as SyncedFixedWrapper,
-  bt as Tab,
-  Kt as Tabs,
-  Gt as TextField,
-  Ft as ThemeProvider,
-  Ne as ToolTip,
-  Ut as animateOnScroll,
+  Kt as SideSheet,
+  _t as Slider,
+  Ot as SmoothScroll,
+  Gt as Snackbar,
+  Jt as Switch,
+  st as SyncedFixedWrapper,
+  Et as Tab,
+  Zt as Tabs,
+  Qt as TextField,
+  Ut as ThemeProvider,
+  Ee as ToolTip,
+  Yt as animateOnScroll,
   Ue as buttonStyle,
-  Oe as cardStyle,
-  Xe as carouselItemStyle,
-  Ye as carouselStyle,
+  Xe as cardStyle,
+  Ye as carouselItemStyle,
+  je as carouselStyle,
   h as classNames,
-  Ae as classnames,
-  rt as customScrollStyle,
+  Fe as classnames,
+  ot as customScrollStyle,
   j as defaultClassNames,
-  Zt as defineConfig,
-  je as dividerStyle,
-  qe as fabStyle,
-  He as getClassNames,
-  _e as iconButtonStyle,
-  Le as initAnimateOnScroll,
-  ft as normalize,
-  Ke as progressIndicatorStyle,
-  Ge as sideSheetStyle,
-  Je as sliderStyle,
-  Ze as snackbarStyle,
-  Qe as switchStyle,
-  ze as tabStyle,
-  Te as tabsStyle,
-  et as textFieldStyle,
-  tt as toolStyle
+  Tt as defineConfig,
+  qe as dividerStyle,
+  _e as fabStyle,
+  Oe as getClassNames,
+  Ke as iconButtonStyle,
+  Ne as initAnimateOnScroll,
+  pt as normalize,
+  Ge as progressIndicatorStyle,
+  Je as sideSheetStyle,
+  Ze as sliderStyle,
+  Qe as snackbarStyle,
+  ze as switchStyle,
+  Te as tabStyle,
+  et as tabsStyle,
+  tt as textFieldStyle,
+  nt as toolStyle
 };