@udixio/ui-react 1.2.0 → 1.4.0

package/dist/index.js

@@ -1,11 +1,13 @@
 import { jsx as u, jsxs as U, Fragment as re } from "react/jsx-runtime";
 import { clsx as de } from "clsx";
 import { extendTailwindMerge as we } from "tailwind-merge";
-import Y, { useState as S, useEffect as D, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Ne } from "react";
-import { motion as j, AnimatePresence as z, useScroll as Le, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
-import { throttle as Ee } from "throttle-debounce";
-import { createPortal as Ie } from "react-dom";
-import ke from "react-textarea-autosize";
+import Y, { useState as C, useEffect as W, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Le } from "react";
+import { motion as j, AnimatePresence as z, useScroll as Ne, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
+import { throttle as Ie } from "throttle-debounce";
+import { createPortal as Ee } from "react-dom";
+import { loader as ke } from "@udixio/theme";
+import { TailwindPlugin as Me } from "@udixio/tailwind";
+import Ce from "react-textarea-autosize";
 const pe = we({
   override: {
     classGroups: {
@@ -32,11 +34,11 @@ const pe = we({
       font: ["font"]
     }
   }
-}), d = (...e) => pe(de(e)), Me = (...e) => pe(de(e));
-function Re(e) {
+}), d = (...e) => pe(de(e)), Re = (...e) => pe(de(e));
+function Se(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 Se = (e) => {
+const Be = (e) => {
   const t = {};
   e.classNameList.forEach((l) => {
     var n;
@@ -54,13 +56,13 @@ const Se = (e) => {
   const r = t;
   return Object.entries(t).map((l) => {
     let [n, s] = l;
-    s = s.reverse(), n == e.default && s.unshift("relative"), s.unshift(Re(n)), r[n] = Me(...s);
+    s = s.reverse(), n == e.default && s.unshift("relative"), s.unshift(Se(n)), r[n] = Re(...s);
   }), r;
-}, G = (e, t) => (r) => Se({
+}, K = (e, t) => (r) => Be({
   classNameList: [r.className, t],
   default: e,
   states: r
-}), Ce = G(
+}), Pe = K(
   "button",
   ({
     variant: e,
@@ -193,7 +195,7 @@ const Se = (e) => {
       o === "xLarge" && "size-10"
     )
   })
-), Be = G(
+), $e = K(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: d(
@@ -209,12 +211,12 @@ const Se = (e) => {
       }
     ])
   })
-), We = G(
+), We = K(
   "carouselItem",
   () => ({
     carouselItem: d("rounded-[28px] overflow-hidden flex-none")
   })
-), $e = G(
+), De = K(
   "carousel",
   () => ({
     carousel: d(["w-full h-[400px]"]),
@@ -222,7 +224,7 @@ const Se = (e) => {
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), De = G(
+), Ve = K(
   "divider",
   ({ orientation: e }) => ({
     divider: d(
@@ -235,7 +237,7 @@ const Se = (e) => {
       }
     )
   })
-), Pe = G(
+), Ue = K(
   "fab",
   ({ size: e, variant: t, isExtended: r }) => ({
     fab: d(
@@ -280,7 +282,7 @@ const Se = (e) => {
       t === "tertiary" && "text-on-tertiary-container"
     )
   })
-), Ve = G(
+), je = K(
   "iconButton",
   ({
     variant: e,
@@ -419,7 +421,7 @@ const Se = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Ue = G(
+), Fe = K(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: d(
@@ -451,7 +453,7 @@ const Se = (e) => {
       }
     )
   })
-), je = G(
+), He = K(
   "slider",
   ({ isChanging: e }) => ({
     slider: d([
@@ -474,7 +476,7 @@ const Se = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Fe = G(
+), Xe = K(
   "snackbar",
   () => ({
     snackbar: d(" rounded bg-inverse-surface "),
@@ -484,7 +486,7 @@ const Se = (e) => {
     supportingText: d("text-body-medium text-inverse-on-surface "),
     icon: d(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), Xe = G(
+), Oe = K(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
     switch: d(
@@ -527,7 +529,7 @@ const Se = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), Oe = G(
+), qe = K(
   "tab",
   ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     tab: d(
@@ -586,7 +588,7 @@ const Se = (e) => {
       l === "secondary" && "h-0.5"
     )
   })
-), qe = G(
+), _e = K(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: d(
@@ -595,7 +597,7 @@ const Se = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), He = G(
+), Ke = K(
   "textField",
   ({
     disabled: e,
@@ -690,7 +692,7 @@ const Se = (e) => {
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), Ke = G(
+), Ge = K(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: d(
@@ -787,19 +789,19 @@ const Se = (e) => {
       children: typeof a == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: a }) : a.map((o, p) => /* @__PURE__ */ u("path", { d: o }, p))
     }
   );
-}, Ge = ({
+}, Ye = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: r = 1e3,
   className: l,
   ...n
 }) => {
-  const [s, i] = S(t), [a] = S(1.5);
-  D(() => {
+  const [s, i] = C(t), [a] = C(1.5);
+  W(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [f, o] = S(!0), p = () => f ? a : a * 0.5;
-  D(() => {
+  const [f, o] = C(!0), p = () => f ? a : a * 0.5;
+  W(() => {
     if ((e === "circular-indeterminate" || e === "linear-indeterminate") && s !== 100) {
       const v = setInterval(() => {
         i(f ? 10 : 90), o(!f);
@@ -807,8 +809,8 @@ const Se = (e) => {
       return () => clearInterval(v);
     }
   }, [e, f, s]);
-  const [h, c] = S(!1);
-  D(() => {
+  const [h, c] = C(!1);
+  W(() => {
     if (s >= 100) {
       const v = setTimeout(() => {
         c(!1);
@@ -819,7 +821,7 @@ const Se = (e) => {
     } else
       c(!0);
   }, [s, r]);
-  const y = Ue({
+  const y = Fe({
     className: l,
     variant: e,
     value: t,
@@ -929,10 +931,10 @@ const Se = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, n] = S(!0), [s, i] = S(!1), [a, f] = S({ x: 0, y: 0 });
-  D(() => {
+  }, [l, n] = C(!0), [s, i] = C(!1), [a, f] = C({ x: 0, y: 0 });
+  W(() => {
     s && (n(!0), n(!1));
-  }, [s]), D(() => {
+  }, [s]), W(() => {
     const c = t == null ? void 0 : t.current;
     if (c)
       return c.addEventListener("mousedown", o), c.addEventListener("mouseup", h), c.addEventListener("mouseleave", p), () => {
@@ -970,7 +972,7 @@ const Se = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, _e = G(
+}, Ze = K(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: r }) => ({
     customScroll: d(
@@ -1008,17 +1010,17 @@ const Se = (e) => {
   throttleDuration: i = 75
 }) => {
   var $, F;
-  const a = V(null), f = V(null), [o, p] = S({
+  const a = V(null), f = V(null), [o, p] = C({
     width: null,
     height: null
   });
-  D(() => {
+  W(() => {
     if (!a.current) return;
-    const M = new ResizeObserver((X) => {
-      for (const O of X)
-        O.target === a.current && p({
-          width: O.contentRect.width,
-          height: O.contentRect.height
+    const M = new ResizeObserver((H) => {
+      for (const X of H)
+        X.target === a.current && p({
+          width: X.contentRect.width,
+          height: X.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
@@ -1039,18 +1041,18 @@ const Se = (e) => {
       height: M.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: L, scrollXProgress: N } = Le({
+  }, { scrollYProgress: N, scrollXProgress: L } = Ne({
     container: a
-  }), E = V(null);
-  E.current || (E.current = Ee(
+  }), I = V(null);
+  I.current || (I.current = Ie(
     i,
-    (M, X) => {
-      !c.current || !h.current || l && (t === "horizontal" && X === "x" && l({
+    (M, H) => {
+      !c.current || !h.current || l && (t === "horizontal" && H === "x" && l({
         scrollProgress: M,
         scroll: M * h.current.width,
         scrollTotal: h.current.width,
         scrollVisible: c.current.width
-      }), t === "vertical" && X === "y" && l({
+      }), t === "vertical" && H === "y" && l({
         scrollProgress: M,
         scroll: M * h.current.height,
         scrollTotal: h.current.height,
@@ -1058,17 +1060,17 @@ const Se = (e) => {
       }));
     }
   ));
-  const w = (M, X) => {
-    E.current && E.current(M, X);
+  const w = (M, H) => {
+    I.current && I.current(M, H);
   };
-  D(() => {
-    o.width && w(N.get(), "x"), o.height && w(L.get(), "y");
-  }, [o]), se(N, "change", (M) => {
+  W(() => {
+    o.width && w(L.get(), "x"), o.height && w(N.get(), "y");
+  }, [o]), se(L, "change", (M) => {
     w(M, "x");
-  }), se(L, "change", (M) => {
+  }), se(N, "change", (M) => {
     w(M, "y");
   });
-  const [B, b] = S(!1);
+  const [B, b] = C(!1);
   fe(() => {
     B || !c.current || !h.current || !l || (l({
       scrollProgress: 0,
@@ -1077,8 +1079,8 @@ const Se = (e) => {
       scrollVisible: t == "vertical" ? c.current.height : c.current.width
     }), b(!0));
   }, [c, h, l]), h.current = y(), c.current = v();
-  const [I, R] = S(!1), P = _e({
-    isDragging: I,
+  const [E, R] = C(!1), D = Ze({
+    isDragging: E,
     children: e,
     className: n,
     onScroll: l,
@@ -1086,38 +1088,38 @@ const Se = (e) => {
     scrollSize: r,
     draggable: s,
     throttleDuration: i
-  }), [W, k] = S(0), [m, C] = S(0), q = (M) => {
+  }), [P, k] = C(0), [m, S] = C(0), O = (M) => {
     if (!s) return;
-    const X = a.current;
-    if (!X || W == null) return;
-    const J = (M.pageX - X.offsetLeft - W) * 1.5;
-    X.scrollLeft = m - J;
-  }, K = (M) => {
-    const X = a.current;
-    X && (R(!0), k(M.pageX - X.offsetLeft), C(X.scrollLeft));
+    const H = a.current;
+    if (!H || P == null) return;
+    const J = (M.pageX - H.offsetLeft - P) * 1.5;
+    H.scrollLeft = m - J;
+  }, _ = (M) => {
+    const H = a.current;
+    H && (R(!0), k(M.pageX - H.offsetLeft), S(H.scrollLeft));
   }, Z = (M) => {
-    I && (M.preventDefault(), q(M));
-  }, H = () => {
+    E && (M.preventDefault(), O(M));
+  }, q = () => {
     R(!1);
   }, A = () => {
     R(!1);
   }, g = (M) => {
     M.preventDefault();
   }, x = V(null);
-  return D(() => () => {
+  return W(() => () => {
     x.current && clearTimeout(x.current);
   }, []), /* @__PURE__ */ U(
     "div",
     {
-      className: P.customScroll,
+      className: D.customScroll,
       ref: a,
-      onMouseDown: K,
+      onMouseDown: _,
       onMouseMove: Z,
-      onMouseUp: H,
+      onMouseUp: q,
       onMouseLeave: A,
       onDragStart: g,
       onScroll: (M) => {
-        I || (k(null), R(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+        E || (k(null), R(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
           R(!1);
         }, 1e3));
       },
@@ -1127,7 +1129,7 @@ const Se = (e) => {
           {
             ref: f,
             style: t === "vertical" ? { height: (($ = c == null ? void 0 : c.current) == null ? void 0 : $.height) ?? "100%" } : { width: ((F = c == null ? void 0 : c.current) == null ? void 0 : F.width) ?? "100%" },
-            className: P.track,
+            className: D.track,
             children: e
           }
         ),
@@ -1154,14 +1156,14 @@ const Se = (e) => {
       ]
     }
   );
-}, yt = ({
+}, bt = ({
   children: e,
   transition: t = ".5s",
   orientation: r = "vertical",
   throttleDuration: l = 25,
   ...n
 }) => {
-  const [s, i] = S(null), a = me((s == null ? void 0 : s.scrollProgress) ?? 0), f = oe(
+  const [s, i] = C(null), a = me((s == null ? void 0 : s.scrollProgress) ?? 0), f = oe(
     a,
     [0, 1],
     [0, 1 - ((s == null ? void 0 : s.scrollVisible) ?? 0) / ((s == null ? void 0 : s.scrollTotal) ?? 0)]
@@ -1200,11 +1202,11 @@ const Se = (e) => {
       )
     }
   );
-}, Ye = ({
+}, Je = ({
   targetRef: e,
   children: t
 }) => {
-  const [r, l] = S(null), n = V(null), s = () => {
+  const [r, l] = C(null), n = V(null), s = () => {
     const i = e.current;
     if (!i) return;
     const a = i.getBoundingClientRect();
@@ -1220,15 +1222,45 @@ const Se = (e) => {
       // personnalise si besoin
     });
   };
-  return D(() => {
+  return W(() => {
     const i = e.current;
     if (i)
       return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), n.current = new ResizeObserver(s), n.current.observe(i), () => {
         var a;
         window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), (a = n.current) == null || a.disconnect();
       };
-  }, [e]), r ? Ie(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
-}, Ze = ({
+  }, [e]), r ? Ee(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
+};
+function Qe(e) {
+  return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
+}
+const Lt = ({ config: e }) => {
+  const [t, r] = C(null), [l, n] = C(null);
+  return W(() => {
+    if (!Qe(e.sourceColor)) {
+      r("Invalid hex color");
+      return;
+    }
+    (async () => {
+      try {
+        const i = await ke(e);
+        i.themes.update({
+          sourceColorHex: e.sourceColor
+        }), await i.load(), n(
+          i.plugins.getPlugin(Me).getInstance().outputCss
+        ), console.log("Theme loaded");
+      } catch (i) {
+        console.error("Theme loading failed:", i), r(i instanceof Error ? i.message : "Theme loading failed");
+      }
+    })();
+  }, [e.sourceColor]), t ? (console.error("ThemeProvider error:", t), null) : l ? /* @__PURE__ */ u(
+    "style",
+    {
+      type: "text/tailwindcss",
+      dangerouslySetInnerHTML: { __html: l }
+    }
+  ) : null;
+}, Ae = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: r,
@@ -1244,29 +1276,29 @@ const Se = (e) => {
   activated: c,
   ref: y,
   size: v = "medium",
-  allowShapeTransformation: L = !0,
-  transition: N,
-  children: E,
+  allowShapeTransformation: N = !0,
+  transition: L,
+  children: I,
   ...w
 }) => {
-  if (E && (n = E), !n)
+  if (I && (n = I), !n)
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = l ? "a" : "button", b = V(null), I = y || b, [R, P] = Y.useState(c);
-  D(() => {
-    P(c);
-  }, [c]), N = { duration: 0.3, ...N };
-  let W;
-  h ? h && (W = (C) => {
-    t && C.preventDefault();
-    const q = !R;
-    P(q), h(q);
-  }) : W = (C) => {
-    t && C.preventDefault(), p && p(C);
+  const B = l ? "a" : "button", b = V(null), E = y || b, [R, D] = Y.useState(c);
+  W(() => {
+    D(c);
+  }, [c]), L = { duration: 0.3, ...L };
+  let P;
+  h ? h && (P = (S) => {
+    t && S.preventDefault();
+    const O = !R;
+    D(O), h(O);
+  }) : P = (S) => {
+    t && S.preventDefault(), p && p(S);
   };
-  const k = Ce({
-    allowShapeTransformation: L,
+  const k = Pe({
+    allowShapeTransformation: N,
     size: v,
     disableTextMargins: s,
     shape: o,
@@ -1276,7 +1308,7 @@ const Se = (e) => {
     iconPosition: a,
     loading: f,
     variant: e,
-    transition: N,
+    transition: L,
     className: i,
     isActive: R ?? !1,
     onToggle: h,
@@ -1287,26 +1319,26 @@ const Se = (e) => {
   return /* @__PURE__ */ U(
     B,
     {
-      ref: I,
+      ref: E,
       href: l,
       className: k.button,
       ...w,
-      onClick: W,
+      onClick: P,
       disabled: t,
       "aria-pressed": h ? R : void 0,
-      style: { transition: N.duration + "s" },
+      style: { transition: L.duration + "s" },
       children: [
         /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: N.duration + "s" },
+            style: { transition: L.duration + "s" },
             children: !t && /* @__PURE__ */ u(
               ne,
               {
                 colorName: e === "filled" && h && "on-surface-variant" || e === "filled" && !h && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
-                triggerRef: I
+                triggerRef: E
               }
             )
           }
@@ -1317,7 +1349,7 @@ const Se = (e) => {
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
             children: /* @__PURE__ */ u(
-              Ge,
+              Ye,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
@@ -1354,7 +1386,7 @@ const Se = (e) => {
       ]
     }
   );
-}, xt = ({
+}, Nt = ({
   variant: e = "outlined",
   className: t,
   children: r,
@@ -1362,15 +1394,15 @@ const Se = (e) => {
   ref: n,
   ...s
 }) => {
-  const i = Be({ className: t, isInteractive: l, variant: e, children: r }), a = V(null), f = n || a;
+  const i = $e({ className: t, isInteractive: l, variant: e, children: r }), a = V(null), f = n || a;
   return /* @__PURE__ */ U("div", { ...s, ref: f, className: i.card, children: [
     /* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: f }) }),
     r
   ] });
-}, Je = (e, t, r = [0, 1]) => {
+}, ze = (e, t, r = [0, 1]) => {
   const [l, n] = t, [s, i] = r, f = (Math.max(l, Math.min(e, n)) - l) / (n - l);
   return s + f * (i - s);
-}, Qe = ({
+}, Te = ({
   className: e,
   children: t,
   width: r = 1,
@@ -1398,7 +1430,7 @@ const Se = (e) => {
       children: t
     }
   );
-}, gt = ({
+}, It = ({
   variant: e = "hero",
   className: t,
   children: r,
@@ -1411,8 +1443,8 @@ const Se = (e) => {
   scrollSensitivity: o = 1.25,
   ...p
 }) => {
-  var H, A;
-  const h = V(null), c = l || h, y = $e({
+  var q, A;
+  const h = V(null), c = l || h, y = De({
     className: t,
     children: r,
     variant: e,
@@ -1423,39 +1455,39 @@ const Se = (e) => {
     gap: a,
     scrollSensitivity: o
   }), v = Y.Children.toArray(r).filter(
-    (g) => Y.isValidElement(g) && g.type === Qe
-  ), L = V(null), [N, E] = S([]), [w, B] = S(null), b = () => {
-    var X;
-    if (!L.current || !c.current || !w) return [];
+    (g) => Y.isValidElement(g) && g.type === Te
+  ), N = V(null), [L, I] = C([]), [w, B] = C(null), b = () => {
+    var H;
+    if (!N.current || !c.current || !w) return [];
     const { scrollVisible: g, scrollProgress: x } = w;
-    function $(O, J) {
-      return O.map(
-        (T) => (T - J) / Math.abs(O[1] - O[0])
+    function $(X, J) {
+      return X.map(
+        (T) => (T - J) / Math.abs(X[1] - X[0])
       );
     }
-    let F = v.map((O, J) => {
-      if (!I[J].current || !L.current) return 0;
+    let F = v.map((X, J) => {
+      if (!E[J].current || !N.current) return 0;
       let te = J / (v.length - 1);
       return te > 1 && (te = 1), te < 0 && (te = 0), te;
     });
     F = $(F, x);
-    let M = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + a)) / (i[1] + a);
-    return F.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
-      J === 0 && P(O.originalIndex);
-      let T = Je(M, [0, 1], [0, i[1]]);
-      T < i[0] && (T = i[0]), M--, F[O.originalIndex] = T;
+    let M = ((((H = c.current) == null ? void 0 : H.clientWidth) ?? g) - (i[0] + a)) / (i[1] + a);
+    return F.map((X, J) => ({ value: Math.abs(X), originalIndex: J })).sort((X, J) => X.value - J.value).forEach((X, J) => {
+      J === 0 && D(X.originalIndex);
+      let T = ze(M, [0, 1], [0, i[1]]);
+      T < i[0] && (T = i[0]), M--, F[X.originalIndex] = T;
     }), F;
-  }, I = V([]).current, [R, P] = S(0);
-  D(() => {
+  }, E = V([]).current, [R, D] = C(0);
+  W(() => {
     f && f(R);
-  }, [R]), I.length !== v.length && v.forEach((g, x) => {
-    I[x] || (I[x] = Y.createRef());
+  }, [R]), E.length !== v.length && v.forEach((g, x) => {
+    E[x] || (E[x] = Y.createRef());
   });
-  const W = v.map((g, x) => Y.cloneElement(
+  const P = v.map((g, x) => Y.cloneElement(
     g,
     {
-      width: N[x],
-      ref: I[x],
+      width: L[x],
+      ref: E[x],
       key: x,
       index: x
     }
@@ -1464,80 +1496,80 @@ const Se = (e) => {
     [0, 1],
     [
       0,
-      1 - (((H = c.current) == null ? void 0 : H.clientWidth) ?? 0) / (((A = L == null ? void 0 : L.current) == null ? void 0 : A.clientWidth) ?? 0)
+      1 - (((q = c.current) == null ? void 0 : q.clientWidth) ?? 0) / (((A = N == null ? void 0 : N.current) == null ? void 0 : A.clientWidth) ?? 0)
     ]
-  ), C = oe(
+  ), S = oe(
     m,
     (g) => `${-g * 100}%`
-  ), q = (g) => {
+  ), O = (g) => {
     g.scrollTotal > 0 && B(g);
   };
-  D(() => {
+  W(() => {
     const g = b();
-    E(g);
+    I(g);
   }, [w]);
-  const [K, Z] = S(0);
+  const [_, Z] = C(0);
   return fe(() => {
     let g = i[1];
     w && g > w.scrollVisible && (g = w.scrollVisible);
-    const x = (g + a) * W.length / o;
+    const x = (g + a) * P.length / o;
     Z(x);
-  }, [c, I, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
+  }, [c, E, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
     he,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: q,
-      scrollSize: K,
+      onScroll: O,
+      scrollSize: _,
       children: /* @__PURE__ */ u(
         j.div,
         {
           className: y.track,
-          ref: L,
+          ref: N,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
             gap: `${a}px`,
-            x: C
+            x: S
           },
-          children: W
+          children: P
         }
       )
     }
   ) });
-}, wt = ({
+}, Et = ({
   orientation: e = "horizontal",
   className: t,
   ...r
 }) => {
-  const l = De({ orientation: e, className: t });
+  const l = Ve({ orientation: e, className: t });
   return /* @__PURE__ */ u("hr", { className: l.divider, ...r });
-}, _ = [];
+}, G = [];
 for (let e = 0; e < 256; ++e)
-  _.push((e + 256).toString(16).slice(1));
-function Ae(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();
+  G.push((e + 256).toString(16).slice(1));
+function et(e, t = 0) {
+  return (G[e[t + 0]] + G[e[t + 1]] + G[e[t + 2]] + G[e[t + 3]] + "-" + G[e[t + 4]] + G[e[t + 5]] + "-" + G[e[t + 6]] + G[e[t + 7]] + "-" + G[e[t + 8]] + G[e[t + 9]] + "-" + G[e[t + 10]] + G[e[t + 11]] + G[e[t + 12]] + G[e[t + 13]] + G[e[t + 14]] + G[e[t + 15]]).toLowerCase();
 }
 let ae;
-const ze = new Uint8Array(16);
-function Te() {
+const tt = new Uint8Array(16);
+function rt() {
   if (!ae) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     ae = crypto.getRandomValues.bind(crypto);
   }
-  return ae(ze);
+  return ae(tt);
 }
-const et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = { randomUUID: et };
+const nt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = { randomUUID: nt };
 function ce(e, t, r) {
   var n;
   if (ie.randomUUID && !e)
     return ie.randomUUID();
   e = e || {};
-  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? Te();
+  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? rt();
   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, Ae(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, et(l);
 }
 const ye = ({
   variant: e = "plain",
@@ -1555,10 +1587,10 @@ const ye = ({
   if (!l && !a)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
-  const h = V(null), c = a || h, [y, v] = S(null), [L] = S(ce()), [N, E] = S(!1), w = V(null);
-  D(() => {
-    const m = (C) => {
-      v(C.detail);
+  const h = V(null), c = a || h, [y, v] = C(null), [N] = C(ce()), [L, I] = C(!1), w = V(null);
+  W(() => {
+    const m = (S) => {
+      v(S.detail);
     };
     return document.addEventListener("tooltip-update", m), () => {
       document.removeEventListener(
@@ -1566,14 +1598,14 @@ const ye = ({
         m
       );
     };
-  }, []), D(() => {
-    w.current && clearTimeout(w.current), y ? E(y === L) : w.current = setTimeout(() => {
-      E(!1);
+  }, []), W(() => {
+    w.current && clearTimeout(w.current), y ? I(y === N) : w.current = setTimeout(() => {
+      I(!1);
     }, 1200);
-  }, [y, L]);
+  }, [y, N]);
   const B = () => {
     if (o.includes("hover")) {
-      const m = new CustomEvent("tooltip-update", { detail: L });
+      const m = new CustomEvent("tooltip-update", { detail: N });
       document.dispatchEvent(m);
     }
   }, b = () => {
@@ -1581,38 +1613,38 @@ const ye = ({
       const m = new CustomEvent("tooltip-update", { detail: null });
       document.dispatchEvent(m);
     }
-  }, I = () => {
+  }, E = () => {
     if (o.includes("click")) {
       const m = new CustomEvent("tooltip-update", {
-        detail: N ? null : L
+        detail: L ? null : N
       });
       document.dispatchEvent(m);
     }
   }, R = () => {
     if (o.includes("focus")) {
-      const m = new CustomEvent("tooltip-update", { detail: L });
+      const m = new CustomEvent("tooltip-update", { detail: N });
       document.dispatchEvent(m);
     }
-  }, P = () => {
+  }, D = () => {
     if (o.includes("focus")) {
       const m = new CustomEvent("tooltip-update", { detail: null });
       document.dispatchEvent(m);
     }
   };
-  D(() => {
+  W(() => {
     if (c != null && c.current) {
       const m = c.current;
-      return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", b), m.addEventListener("click", I), m.addEventListener("focus", R), m.addEventListener("blur", P), () => {
-        m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", b), m.removeEventListener("click", I), m.removeEventListener("focus", R), m.removeEventListener("blur", P);
+      return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", b), m.addEventListener("click", E), m.addEventListener("focus", R), m.addEventListener("blur", D), () => {
+        m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", b), m.removeEventListener("click", E), m.removeEventListener("focus", R), m.removeEventListener("blur", D);
       };
     }
-  }, [c, o, L, N]);
-  const W = !a && ee(l) ? le(l, { ref: h }) : l;
+  }, [c, o, N, L]);
+  const P = !a && ee(l) ? le(l, { ref: h }) : l;
   if (!i && typeof window < "u" && c != null && c.current && !i) {
-    const m = c.current.getBoundingClientRect(), C = window.innerWidth, q = window.innerHeight, K = m.left / C, Z = m.top / q;
-    e === "plain" ? K < 1 / 3 ? i = "right" : K > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : K < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : K > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : K > 1 / 2 && Z > 1 / 2 ? i = "top-left" : K < 1 / 2 && Z > 1 / 2 && (i = "top-right");
+    const m = c.current.getBoundingClientRect(), S = window.innerWidth, O = window.innerHeight, _ = m.left / S, Z = m.top / O;
+    e === "plain" ? _ < 1 / 3 ? i = "right" : _ > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : _ < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : _ > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : _ > 1 / 2 && Z > 1 / 2 ? i = "top-left" : _ < 1 / 2 && Z > 1 / 2 && (i = "top-right");
   }
-  const k = Ke({
+  const k = Ge({
     variant: e,
     buttons: t,
     className: r,
@@ -1624,8 +1656,8 @@ const ye = ({
     children: l
   });
   return /* @__PURE__ */ U(re, { children: [
-    W,
-    /* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(Ye, { targetRef: c, children: /* @__PURE__ */ u(
+    P,
+    /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(Je, { targetRef: c, children: /* @__PURE__ */ u(
       j.div,
       {
         initial: { opacity: y ? 1 : 0 },
@@ -1649,14 +1681,14 @@ const ye = ({
             children: [
               n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
               /* @__PURE__ */ u("div", { className: k.supportingText, children: s }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m, C) => /* @__PURE__ */ u(
-                Ze,
+              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m, S) => /* @__PURE__ */ u(
+                Ae,
                 {
                   size: "small",
                   variant: "text",
                   ...m
                 },
-                C
+                S
               )) })
             ]
           }
@@ -1682,7 +1714,7 @@ const ye = ({
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const c = n ? "a" : "button", y = Pe({
+  const c = n ? "a" : "button", y = Ue({
     href: n,
     icon: i,
     isExtended: a,
@@ -1694,7 +1726,7 @@ const ye = ({
     children: t
   });
   o = { duration: 0.3, ...o };
-  const v = V(null), L = f || v, N = {
+  const v = V(null), N = f || v, L = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -1724,7 +1756,7 @@ const ye = ({
     c,
     {
       ...h,
-      ref: L,
+      ref: N,
       href: n,
       "aria-label": a ? void 0 : t,
       className: y.fab,
@@ -1734,7 +1766,7 @@ const ye = ({
           {
             trigger: a ? null : void 0,
             text: t,
-            targetRef: L
+            targetRef: N
           }
         ),
         /* @__PURE__ */ u("span", { className: y.stateLayer, children: /* @__PURE__ */ u(
@@ -1746,14 +1778,14 @@ const ye = ({
               "on-secondary-container": r == "secondary",
               "on-tertiary-container": r == "tertiary"
             }),
-            triggerRef: L
+            triggerRef: N
           }
         ) }),
         /* @__PURE__ */ u(Q, { icon: i, className: y.icon }),
         /* @__PURE__ */ u(z, { children: a && /* @__PURE__ */ u(
           j.span,
           {
-            variants: N,
+            variants: L,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -1780,9 +1812,9 @@ const ye = ({
   className: c,
   ref: y,
   width: v = "default",
-  shape: L = "rounded",
-  allowShapeTransformation: N = !0,
-  transition: E,
+  shape: N = "rounded",
+  allowShapeTransformation: L = !0,
+  transition: I,
   children: w,
   ...B
 }) => {
@@ -1791,19 +1823,19 @@ const ye = ({
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   n || (n = s);
-  const [b, I] = Y.useState(a);
+  const [b, E] = Y.useState(a);
   let R;
-  i ? i && (R = (C) => {
-    r && C.preventDefault(), I(!b), i(!!b);
-  }, o = b && h || o) : R = (C) => {
-    r && C.preventDefault(), f && f(C);
-  }, D(() => {
-    I(a);
+  i ? i && (R = (S) => {
+    r && S.preventDefault(), E(!b), i(!!b);
+  }, o = b && h || o) : R = (S) => {
+    r && S.preventDefault(), f && f(S);
+  }, W(() => {
+    E(a);
   }, [a]);
-  const P = t ? "a" : "button", W = Ve({
-    transition: E,
-    shape: L,
-    allowShapeTransformation: N,
+  const D = t ? "a" : "button", P = je({
+    transition: I,
+    shape: N,
+    allowShapeTransformation: L,
     width: v,
     href: t,
     activated: b,
@@ -1819,13 +1851,13 @@ const ye = ({
     children: s,
     ...B
   }), k = V(null), m = y || k;
-  return E = { duration: 0.3, ...E }, /* @__PURE__ */ U(
-    P,
+  return I = { duration: 0.3, ...I }, /* @__PURE__ */ U(
+    D,
     {
       disabled: r,
       href: t,
-      style: { transition: E.duration + "s" },
-      className: W.iconButton,
+      style: { transition: I.duration + "s" },
+      className: P.iconButton,
       "aria-label": s,
       ...B,
       title: void 0,
@@ -1840,12 +1872,12 @@ const ye = ({
             text: n
           }
         ),
-        /* @__PURE__ */ u("div", { className: W.touchTarget }),
+        /* @__PURE__ */ u("div", { className: P.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: W.stateLayer,
-            style: { transition: E.duration + "s" },
+            className: P.stateLayer,
+            style: { transition: I.duration + "s" },
             children: !r && /* @__PURE__ */ u(
               ne,
               {
@@ -1872,11 +1904,11 @@ const ye = ({
             )
           }
         ),
-        o && /* @__PURE__ */ u(Q, { icon: o, className: W.icon })
+        o && /* @__PURE__ */ u(Q, { icon: o, className: P.icon })
       ]
     }
   );
-}, vt = ({
+}, kt = ({
   className: e,
   valueFormatter: t,
   step: r = 10,
@@ -1904,17 +1936,17 @@ const ye = ({
   }, c = (g = !1) => g ? i : i == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : i, y = (g = !1) => g ? s : s == -1 / 0 ? a[0].value : s, v = (g) => {
     const x = y(!1);
     return (c(!1) - x) * g / 100 + x;
-  }, [L, N] = S(!1), E = V(null), w = f || E, [B, b] = S(n), [I, R] = S(h(n)), [P, W] = S(!1), k = (g) => {
-    W(!0), N(!0), q(g);
+  }, [N, L] = C(!1), I = V(null), w = f || I, [B, b] = C(n), [E, R] = C(h(n)), [D, P] = C(!1), k = (g) => {
+    P(!0), L(!0), O(g);
   }, m = () => {
-    W(!1), N(!1);
+    P(!1), L(!1);
   };
-  D(() => (P ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", q), window.addEventListener("touchend", m), window.addEventListener("touchmove", q)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q)), () => {
-    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q);
-  }), [P]);
-  const C = je({
+  W(() => (D ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", O), window.addEventListener("touchend", m), window.addEventListener("touchmove", O)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", O)), () => {
+    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", O);
+  }), [D]);
+  const S = He({
     className: e,
-    isChanging: L,
+    isChanging: N,
     marks: a,
     max: i,
     min: s,
@@ -1923,13 +1955,13 @@ const ye = ({
     value: B,
     valueFormatter: t,
     onChange: o
-  }), q = (g) => {
+  }), O = (g) => {
     const x = w == null ? void 0 : w.current;
     if (x) {
       const $ = x.getBoundingClientRect().left, M = ((g.type === "touchmove" || g.type === "touchstart" ? g.touches[0].clientX : g.clientX) - $) / x.offsetWidth * 100;
-      K({ pourcent: M });
+      _({ pourcent: M });
     }
-  }, K = ({
+  }, _ = ({
     pourcent: g,
     value: x
   }) => {
@@ -1956,13 +1988,13 @@ const ye = ({
     } else
       return;
     r != null ? x = Math.round((x - y()) / r) * r + y() : a && (x = a.reduce(($, F, M) => {
-      let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? y() : F.value, O = $.value === 1 / 0 ? c() : $.value === -1 / 0 ? y() : $.value;
-      return X = Math.abs(X - x), O = Math.abs(O - x), X < O ? F : $;
+      let H = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? y() : F.value, X = $.value === 1 / 0 ? c() : $.value === -1 / 0 ? y() : $.value;
+      return H = Math.abs(H - x), X = Math.abs(X - x), H < X ? F : $;
     }).value), x >= c() && (x = c(!0)), x <= y() && (x = y(!0)), g = h(x), b(x), R(g), o && o(x);
-  }, [Z, H] = S(0);
-  return D(() => {
+  }, [Z, q] = C(0);
+  return W(() => {
     const g = () => {
-      w.current && H(w.current.offsetWidth);
+      w.current && q(w.current.offsetWidth);
     };
     return g(), window.addEventListener("resize", g), () => {
       window.removeEventListener("resize", g);
@@ -1975,18 +2007,18 @@ const ye = ({
         switch (g.key) {
           case "ArrowRight":
             if (r)
-              K({ value: B + r });
+              _({ value: B + r });
             else if (a) {
               const x = a.find(($) => $.value > B);
-              x && K({ value: x.value });
+              x && _({ value: x.value });
             }
             break;
           case "ArrowLeft":
             if (r)
-              K({ value: B - r });
+              _({ value: B - r });
             else if (a) {
               const x = a.slice(0).reverse().find(($, F, M) => B === 1 / 0 ? F === 1 : $.value < B);
-              x && K({ value: x.value });
+              x && _({ value: x.value });
             }
             break;
           default:
@@ -1998,9 +2030,9 @@ const ye = ({
       "aria-valuemax": c(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
-      className: C.slider,
+      className: S.slider,
       onMouseDown: k,
-      onClick: q,
+      onClick: O,
       ref: w,
       onTouchStart: k,
       onDragStart: (g) => g.preventDefault(),
@@ -2010,14 +2042,14 @@ const ye = ({
         /* @__PURE__ */ u(
           "div",
           {
-            className: C.activeTrack,
-            style: { flex: I / 100 }
+            className: S.activeTrack,
+            style: { flex: E / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: S.handle, children: /* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(
           j.div,
           {
-            className: C.valueIndicator,
+            className: S.valueIndicator,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2037,8 +2069,8 @@ const ye = ({
         /* @__PURE__ */ u(
           "div",
           {
-            className: C.inactiveTrack,
-            style: { flex: 1 - I / 100 }
+            className: S.inactiveTrack,
+            style: { flex: 1 - E / 100 }
           }
         ),
         /* @__PURE__ */ u(
@@ -2047,11 +2079,11 @@ const ye = ({
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
             children: a && a.map((g, x) => {
               let $ = null;
-              const F = (L ? 9 : 10) / Z * 100, M = h(g.value);
-              return M <= I - F ? $ = !0 : M >= I + F && ($ = !1), /* @__PURE__ */ u(
+              const F = (N ? 9 : 10) / Z * 100, M = h(g.value);
+              return M <= E - F ? $ = !0 : M >= E + F && ($ = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: d(C.dot, {
+                  className: d(S.dot, {
                     "bg-primary-container": $ != null && $,
                     "bg-primary": $ != null && !$
                   }),
@@ -2073,7 +2105,7 @@ const ye = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var tt = {
+var lt = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-376c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM229.3 352a26.7 26.7 0 1 1 53.3 0 26.7 26.7 0 1 1 -53.3 0z"]
@@ -2081,12 +2113,12 @@ var tt = {
   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"]
-}, rt = {
+}, ot = {
   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 bt = ({
+const Mt = ({
   message: e,
   className: t,
   duration: r,
@@ -2094,7 +2126,7 @@ const bt = ({
   onClose: n,
   ...s
 }) => {
-  const [i, a] = S(!0), f = Fe({
+  const [i, a] = C(!0), f = Xe({
     className: t,
     closeIcon: l,
     duration: r,
@@ -2102,7 +2134,7 @@ const bt = ({
     onClose: n,
     message: e
   });
-  D(() => {
+  W(() => {
     r && setTimeout(() => {
       o();
     }, r);
@@ -2133,7 +2165,7 @@ const bt = ({
       ] })
     }
   ) });
-}, Nt = ({
+}, Ct = ({
   selected: e = !1,
   className: t,
   activeIcon: r,
@@ -2145,13 +2177,13 @@ const bt = ({
   ref: f,
   ...o
 }) => {
-  const [p, h] = S(e), c = (w) => {
+  const [p, h] = C(e), c = (w) => {
     l || (v(), i && i(w));
   }, y = (w) => {
     l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), a && a(w));
   }, v = () => {
     h(!p), s == null || s(!p);
-  }, L = Xe({
+  }, N = Oe({
     className: t,
     isSelected: p,
     activeIcon: r,
@@ -2159,7 +2191,7 @@ const bt = ({
     disabled: l,
     selected: p,
     onChange: s
-  }), N = V(null), E = f || N;
+  }), L = V(null), I = f || L;
   return /* @__PURE__ */ U(
     j.div,
     {
@@ -2168,8 +2200,8 @@ const bt = ({
       tabIndex: l ? -1 : 0,
       onKeyDown: y,
       onClick: c,
-      ref: E,
-      className: L.switch,
+      ref: I,
+      className: N.switch,
       ...o,
       children: [
         /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
@@ -2183,23 +2215,23 @@ const bt = ({
               stiffness: 700,
               damping: 30
             },
-            className: L.handleContainer,
+            className: N.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: L.handle, children: (p ? r : n) && /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: N.handle, children: (p ? r : n) && /* @__PURE__ */ u(
                 Q,
                 {
-                  className: L.icon,
+                  className: N.icon,
                   icon: p ? r : n
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: L.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: N.handleStateLayer })
             ]
           }
         )
       ]
     }
   );
-}, nt = ({
+}, at = ({
   className: e,
   onClick: t,
   label: r,
@@ -2216,12 +2248,12 @@ const bt = ({
   ref: y,
   ...v
 }) => {
-  const L = V(null), N = y || L, [E, w] = S(c);
-  D(() => {
+  const N = V(null), L = y || N, [I, w] = C(c);
+  W(() => {
     c && i == null ? w(!0) : w(i == o && o != null);
-  }, [i]), D(() => {
+  }, [i]), W(() => {
     i == o && p && p({
-      ref: N,
+      ref: L,
       index: o || 0,
       label: r,
       icon: s
@@ -2229,18 +2261,18 @@ const bt = ({
   }, [i]);
   const B = n ? "a" : "button", b = (R) => {
     a && a(o ?? null), t && t(R);
-  }, I = Oe({
+  }, E = qe({
     className: e,
     onTabSelected: p,
     scrollable: h,
     selectedTab: i,
     index: o,
     tabsId: f,
-    selected: E,
+    selected: I,
     variant: l,
     icon: s,
     label: r,
-    isSelected: E,
+    isSelected: I,
     setSelectedTab: a,
     href: n
   });
@@ -2249,28 +2281,28 @@ const bt = ({
     {
       ...v,
       role: "tab",
-      "aria-selected": E,
-      ref: N,
+      "aria-selected": I,
+      ref: L,
       href: n,
-      className: I.tab,
+      className: E.tab,
       onClick: b,
       ...v,
       children: [
-        /* @__PURE__ */ u("span", { className: I.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: E.stateLayer, children: /* @__PURE__ */ u(
           ne,
           {
-            colorName: l === "primary" && E ? "primary" : "on-surface",
-            triggerRef: N
+            colorName: l === "primary" && I ? "primary" : "on-surface",
+            triggerRef: L
           }
         ) }),
-        /* @__PURE__ */ U("span", { className: I.content, children: [
-          s && /* @__PURE__ */ u(Q, { icon: s, className: I.icon }),
-          /* @__PURE__ */ u("span", { className: I.label, children: r }),
-          E && /* @__PURE__ */ u(
+        /* @__PURE__ */ U("span", { className: E.content, children: [
+          s && /* @__PURE__ */ u(Q, { icon: s, className: E.icon }),
+          /* @__PURE__ */ u("span", { className: E.label, children: r }),
+          I && /* @__PURE__ */ u(
             j.span,
             {
               layoutId: `underline-${f}`,
-              className: I.underline,
+              className: E.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2278,7 +2310,7 @@ const bt = ({
       ]
     }
   );
-}, Lt = ({
+}, Rt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: r,
@@ -2287,22 +2319,22 @@ const bt = ({
   setSelectedTab: s,
   scrollable: i = !1
 }) => {
-  const [a, f] = S(
+  const [a, f] = C(
     null
   );
   let o;
   n == 0 || n != null ? o = n : o = a;
   const p = s || f, h = Y.Children.toArray(r).filter(
-    (N) => Y.isValidElement(N) && N.type === nt
-  ), c = Y.useRef(null), y = (N) => {
-    if (t == null || t(N), i) {
-      const E = c.current, w = N.ref.current;
-      if (E && w) {
-        const B = w.offsetLeft + w.offsetWidth / 2 - E.offsetWidth / 2;
-        E.scrollTo({ left: B, behavior: "smooth" });
+    (L) => Y.isValidElement(L) && L.type === at
+  ), c = Y.useRef(null), y = (L) => {
+    if (t == null || t(L), i) {
+      const I = c.current, w = L.ref.current;
+      if (I && w) {
+        const B = w.offsetLeft + w.offsetWidth / 2 - I.offsetWidth / 2;
+        I.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, v = ve(() => ce(), []), L = qe({
+  }, v = ve(() => ce(), []), N = _e({
     children: r,
     onTabSelected: t,
     scrollable: i,
@@ -2311,9 +2343,9 @@ const bt = ({
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: L.tabs, children: h.map((N, E) => Y.cloneElement(N, {
-    key: E,
-    index: E,
+  return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: N.tabs, children: h.map((L, I) => Y.cloneElement(L, {
+    key: I,
+    index: I,
     variant: e,
     selectedTab: o,
     setSelectedTab: p,
@@ -2321,7 +2353,7 @@ const bt = ({
     onTabSelected: y,
     scrollable: i
   })) });
-}, Et = ({
+}, St = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: r,
@@ -2337,33 +2369,33 @@ const bt = ({
   textLine: c = "singleLine",
   autoComplete: y = "on",
   onChange: v,
-  value: L,
-  showSupportingText: N = !1,
-  ...E
+  value: N,
+  showSupportingText: L = !1,
+  ...I
 }) => {
-  const [w, B] = S(L ?? ""), [b, I] = S(!1), [R, P] = S(!1), [W, k] = S(
-    N
+  const [w, B] = C(N ?? ""), [b, E] = C(!1), [R, D] = C(!1), [P, k] = C(
+    L
   );
-  D(() => {
-    B(L ?? "");
-  }, [L]), D(() => {
-    r != null && r.length ? P(!0) : P(!1);
-  }, [r]), D(() => {
-    N ? k(N) : f != null && f.length ? k(!0) : k(!1);
-  }, [W, f]), D(() => {
-    b && P(!1);
+  W(() => {
+    B(N ?? "");
+  }, [N]), W(() => {
+    r != null && r.length ? D(!0) : D(!1);
+  }, [r]), W(() => {
+    L ? k(L) : f != null && f.length ? k(!0) : k(!1);
+  }, [P, f]), W(() => {
+    b && D(!1);
   }, [b]);
-  const m = Y.useRef(null), C = () => {
+  const m = Y.useRef(null), S = () => {
     m.current && !b && m.current.focus();
-  }, q = () => {
-    I(!0);
-  }, K = ($) => {
+  }, O = () => {
+    E(!0);
+  }, _ = ($) => {
     const F = $.target.value;
-    B(F), P(!1), typeof v == "function" && v(F);
+    B(F), D(!1), typeof v == "function" && v(F);
   }, Z = () => {
-    I(!1);
-  }, H = He({
-    showSupportingText: W,
+    E(!1);
+  }, q = Ke({
+    showSupportingText: P,
     isFocused: b,
     showErrorIcon: R,
     disabled: t,
@@ -2382,11 +2414,11 @@ const bt = ({
     value: w,
     suffix: n,
     textLine: c
-  }), [A] = S(ce());
+  }), [A] = C(ce());
   let g, x;
   switch (c) {
     case "multiLine":
-      x = ke, g = {};
+      x = Ce, g = {};
       break;
     case "textAreas":
       x = "textarea", g = {};
@@ -2396,10 +2428,10 @@ const bt = ({
       x = "input", g = { type: h };
       break;
   }
-  return /* @__PURE__ */ U("div", { className: H.textField, ...E, children: [
-    /* @__PURE__ */ U("fieldset", { onClick: C, className: H.content, children: [
-      /* @__PURE__ */ u("div", { className: H.stateLayer }),
-      p && /* @__PURE__ */ u("div", { className: H.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
+  return /* @__PURE__ */ U("div", { className: q.textField, ...I, children: [
+    /* @__PURE__ */ U("fieldset", { onClick: S, className: q.content, children: [
+      /* @__PURE__ */ u("div", { className: q.stateLayer }),
+      p && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
       !(!b && !w.length || e == "filled") && /* @__PURE__ */ u(
         j.legend,
         {
@@ -2414,7 +2446,7 @@ const bt = ({
           children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
             j.span,
             {
-              className: H.label,
+              className: q.label,
               transition: { duration: 0.3 },
               layoutId: A,
               children: i
@@ -2438,7 +2470,7 @@ const bt = ({
             children: /* @__PURE__ */ u(
               j.span,
               {
-                className: H.label,
+                className: q.label,
                 transition: { duration: 0.3 },
                 layoutId: e == "outlined" ? A : void 0,
                 children: i
@@ -2451,12 +2483,12 @@ const bt = ({
           {
             ref: m,
             value: w,
-            onChange: K,
-            className: H.input,
+            onChange: _,
+            className: q.input,
             id: s,
             name: s,
             placeholder: b ? l ?? void 0 : "",
-            onFocus: q,
+            onFocus: O,
             onBlur: Z,
             disabled: t,
             autoComplete: y,
@@ -2466,7 +2498,7 @@ const bt = ({
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: H.activeIndicator }),
+      /* @__PURE__ */ u("div", { className: q.activeIndicator }),
       !R && /* @__PURE__ */ U(re, { children: [
         o && /* @__PURE__ */ u(
           "div",
@@ -2474,31 +2506,31 @@ const bt = ({
             onClick: ($) => {
               $.stopPropagation();
             },
-            className: H.trailingIcon,
+            className: q.trailingIcon,
             children: Y.isValidElement(o) ? o : /* @__PURE__ */ u(Q, { className: "h-5", icon: o })
           }
         ),
-        !o && n && /* @__PURE__ */ u("span", { className: H.suffix, children: n })
+        !o && n && /* @__PURE__ */ u("span", { className: q.suffix, children: n })
       ] }),
       R && /* @__PURE__ */ u(
         "div",
         {
-          className: d(H.trailingIcon, {
+          className: d(q.trailingIcon, {
             " absolute right-0": !o
           }),
           children: /* @__PURE__ */ u(
             Q,
             {
               className: "h-5 text-error",
-              icon: tt
+              icon: lt
             }
           )
         }
       )
     ] }),
-    W && /* @__PURE__ */ u("p", { className: H.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
+    P && /* @__PURE__ */ u("p", { className: q.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
   ] });
-}, lt = G(
+}, st = K(
   "navigationRailItem",
   ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     navigationRailItem: d(
@@ -2539,7 +2571,7 @@ const bt = ({
       "text-label-medium": l == "vertical"
     })
   })
-), ot = ({ 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 }) }), at = ({
+), ct = ({ 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 }) }), it = ({
   className: e,
   onClick: t,
   label: r,
@@ -2555,16 +2587,16 @@ const bt = ({
   transition: c,
   isExtended: y,
   iconSelected: v,
-  style: L,
-  extendedOnly: N,
-  children: E,
+  style: N,
+  extendedOnly: L,
+  children: I,
   ...w
 }) => {
-  E && (r = E);
-  const B = V(null), b = h || B, [I, R] = S(p);
-  D(() => {
+  I && (r = I);
+  const B = V(null), b = h || B, [E, R] = C(p);
+  W(() => {
     p && i == null ? R(!0) : R(i == f && f != null);
-  }, [i]), D(() => {
+  }, [i]), W(() => {
     i == f && o && o({
       ref: b,
       index: f || 0,
@@ -2572,40 +2604,40 @@ const bt = ({
       icon: s
     });
   }, [i]);
-  const P = n ? "a" : "button", W = (m) => {
+  const D = n ? "a" : "button", P = (m) => {
     a && a(f ?? null), t && t(m);
-  }, k = lt({
+  }, k = st({
     isExtended: y,
-    extendedOnly: N,
+    extendedOnly: L,
     className: e,
     onItemSelected: o,
     selectedItem: i,
     index: f,
     transition: c,
-    selected: I,
+    selected: E,
     variant: l,
     icon: s,
     label: r,
-    isSelected: I,
+    isSelected: E,
     setSelectedItem: a,
     href: n,
     children: r,
     iconSelected: v
   });
-  return c = { duration: 0.3, ...c }, N && !y ? null : (
+  return c = { duration: 0.3, ...c }, L && !y ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ U(
-      P,
+      D,
       {
         ...w,
         role: "tab",
-        "aria-selected": I,
+        "aria-selected": E,
         ref: b,
         href: n,
         className: k.navigationRailItem,
-        onClick: W,
-        style: { transition: c.duration + "s", ...L },
+        onClick: P,
+        style: { transition: c.duration + "s", ...N },
         children: [
           /* @__PURE__ */ U(
             j.div,
@@ -2620,7 +2652,7 @@ const bt = ({
                 s && /* @__PURE__ */ u(
                   Q,
                   {
-                    icon: I ? v : s,
+                    icon: E ? v : s,
                     className: k.icon
                   }
                 ),
@@ -2631,7 +2663,7 @@ const bt = ({
                     transition: {
                       ...c
                     }
-                  }, C = {
+                  }, S = {
                     width: "auto",
                     opacity: 1,
                     transition: {
@@ -2646,7 +2678,7 @@ const bt = ({
                     j.span,
                     {
                       initial: m,
-                      animate: C,
+                      animate: S,
                       exit: m,
                       className: k.label,
                       children: r
@@ -2666,7 +2698,7 @@ const bt = ({
                   duration: 0
                 }
               }
-            }, C = {
+            }, S = {
               height: "auto",
               opacity: 1,
               transition: {
@@ -2680,8 +2712,8 @@ const bt = ({
             return /* @__PURE__ */ u(
               j.span,
               {
-                initial: m,
-                animate: C,
+                initial: S,
+                animate: S,
                 exit: m,
                 className: k.label,
                 transition: c,
@@ -2693,7 +2725,7 @@ const bt = ({
       }
     )
   );
-}, st = G(
+}, ut = K(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: d("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -2709,7 +2741,7 @@ const bt = ({
       "w-fit  items-start": e
     })
   })
-), It = ({
+), Bt = ({
   variant: e = "standard",
   onItemSelected: t,
   children: r,
@@ -2719,7 +2751,7 @@ const bt = ({
   alignment: i = "top",
   menu: a = {
     closed: {
-      icon: rt,
+      icon: ot,
       label: "Open menu"
     },
     opened: {
@@ -2732,25 +2764,25 @@ const bt = ({
   transition: p,
   setSelectedItem: h
 }) => {
-  const [c, y] = S(null), [v, L] = S(s);
-  let N;
-  n == 0 || n != null ? N = n : N = c;
-  const E = h || y, w = V(null), B = (k) => {
+  const [c, y] = C(null), [v, N] = C(s);
+  let L;
+  n == 0 || n != null ? L = n : L = c;
+  const I = h || y, w = V(null), B = (k) => {
     t == null || t(k);
   };
   function b(k) {
     const m = [];
-    return be.forEach(k, (C) => {
-      ee(C) && C.type === Ne ? m.push(...b(C.props.children)) : m.push(C);
+    return be.forEach(k, (S) => {
+      ee(S) && S.type === Le ? m.push(...b(S.props.children)) : m.push(S);
     }), m;
   }
-  const I = b(r), R = I.filter(
+  const E = b(r), R = E.filter(
     (k) => ee(k) && k.type === ue
-  ), P = st({
+  ), D = ut({
     children: r,
     onItemSelected: t,
-    selectedItem: N,
-    setSelectedItem: E,
+    selectedItem: L,
+    setSelectedItem: I,
     className: l,
     variant: e,
     extended: v,
@@ -2761,23 +2793,23 @@ const bt = ({
     onExtendedChange: o
   });
   p = { duration: 0.3, ...p };
-  const W = V(!1);
-  return W.current = !1, D(() => {
+  const P = V(!1);
+  return P.current = !1, W(() => {
     o == null || o(v ?? !1);
   }, [v]), /* @__PURE__ */ U(
     "div",
     {
       style: { transition: p.duration + "s", ...f },
       ref: w,
-      className: P.navigationRail,
+      className: D.navigationRail,
       children: [
-        /* @__PURE__ */ U("div", { className: P.header, children: [
+        /* @__PURE__ */ U("div", { className: D.header, children: [
           /* @__PURE__ */ u(
             xe,
             {
-              onClick: () => L(!v),
+              onClick: () => N(!v),
               label: v ? a == null ? void 0 : a.opened.label : a == null ? void 0 : a.closed.label,
-              className: P.menuIcon,
+              className: D.menuIcon,
               icon: v ? a.opened.icon : a == null ? void 0 : a.closed.icon
             }
           ),
@@ -2787,23 +2819,23 @@ const bt = ({
             className: "!shadow-none mx-5 " + R[0].props.className
           })
         ] }),
-        /* @__PURE__ */ u("div", { className: P.segments, children: (() => {
+        /* @__PURE__ */ u("div", { className: D.segments, children: (() => {
           let k = 0;
-          return I.map((m) => ee(m) && m.type === at ? le(
+          return E.map((m) => ee(m) && m.type === it ? le(
             m,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
               variant: v ? "horizontal" : "vertical",
-              selectedItem: N,
-              setSelectedItem: E,
+              selectedItem: L,
+              setSelectedItem: I,
               onItemSelected: B,
               transition: p,
-              extendedOnly: W.current,
+              extendedOnly: P.current,
               isExtended: v
             }
-          ) : ee(m) && m.type === ue ? null : ee(m) && m.type === ot ? (W.current = !0, v ? le(m, {}) : null) : m);
+          ) : ee(m) && m.type === ue ? null : ee(m) && m.type === ct ? (P.current = !0, v ? le(m, {}) : null) : m);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -2811,48 +2843,49 @@ const bt = ({
   );
 };
 export {
-  Ze as Button,
-  xt as Card,
-  gt as Carousel,
-  Qe as CarouselItem,
+  Ae as Button,
+  Nt as Card,
+  It as Carousel,
+  Te as CarouselItem,
   he as CustomScroll,
-  wt as Divider,
+  Et as Divider,
   ue as Fab,
   Q as Icon,
   xe as IconButton,
-  It as NavigationRail,
-  at as NavigationRailItem,
-  ot as NavigationRailSection,
-  Ge as ProgressIndicator,
+  Bt as NavigationRail,
+  it as NavigationRailItem,
+  ct as NavigationRailSection,
+  Ye as ProgressIndicator,
   ne as RippleEffect,
-  vt as Slider,
-  yt as SmoothScroll,
-  bt as Snackbar,
-  Nt as Switch,
-  Ye as SyncedFixedWrapper,
-  nt as Tab,
-  Lt as Tabs,
-  Et as TextField,
+  kt as Slider,
+  bt as SmoothScroll,
+  Mt as Snackbar,
+  Ct as Switch,
+  Je as SyncedFixedWrapper,
+  at as Tab,
+  Rt as Tabs,
+  St as TextField,
+  Lt as ThemeProvider,
   ye as ToolTip,
-  Ce as buttonStyle,
-  Be as cardStyle,
+  Pe as buttonStyle,
+  $e as cardStyle,
   We as carouselItemStyle,
-  $e as carouselStyle,
+  De as carouselStyle,
   d as classNames,
-  Me as classnames,
-  _e as customScrollStyle,
-  G as defaultClassNames,
-  De as dividerStyle,
-  Pe as fabStyle,
-  Se as getClassNames,
-  Ve as iconButtonStyle,
-  Je as normalize,
-  Ue as progressIndicatorStyle,
-  je as sliderStyle,
-  Fe as snackbarStyle,
-  Xe as switchStyle,
-  Oe as tabStyle,
-  qe as tabsStyle,
-  He as textFieldStyle,
-  Ke as toolStyle
+  Re as classnames,
+  Ze as customScrollStyle,
+  K as defaultClassNames,
+  Ve as dividerStyle,
+  Ue as fabStyle,
+  Be as getClassNames,
+  je as iconButtonStyle,
+  ze as normalize,
+  Fe as progressIndicatorStyle,
+  He as sliderStyle,
+  Xe as snackbarStyle,
+  Oe as switchStyle,
+  qe as tabStyle,
+  _e as tabsStyle,
+  Ke as textFieldStyle,
+  Ge as toolStyle
 };