@udixio/ui-react 2.5.0 → 2.5.1

package/dist/index.js

@@ -1,14 +1,14 @@
 import { jsx as f, jsxs as Y, Fragment as ye } from "react/jsx-runtime";
-import { clsx as He } from "clsx";
-import { extendTailwindMerge as je } from "tailwind-merge";
-import te, { useState as D, useEffect as $, useRef as P, useLayoutEffect as Ve, isValidElement as pe, cloneElement as be, useMemo as qe, Children as Ke, Fragment as _e } from "react";
-import { motion as j, AnimatePresence as ue, useScroll as Ge, useMotionValueEvent as Re, animate as Je } from "motion/react";
-import { animate as Ze } from "motion";
-import { createPortal as Fe } from "react-dom";
-import { loader as Qe, defineConfig as ze, FontPlugin as Te, Variants as et } from "@udixio/theme";
-import { TailwindPlugin as Xe } from "@udixio/tailwind";
-import tt from "react-textarea-autosize";
-const Oe = je({
+import { clsx as Fe } from "clsx";
+import { extendTailwindMerge as Ke } from "tailwind-merge";
+import te, { useState as D, useEffect as $, useRef as B, useLayoutEffect as Xe, isValidElement as pe, cloneElement as be, useMemo as _e, Children as Ge, Fragment as Je } from "react";
+import { motion as j, AnimatePresence as ue, useScroll as Ze, useMotionValueEvent as Re, animate as Qe } from "motion/react";
+import { animate as ze } from "motion";
+import { createPortal as Oe } from "react-dom";
+import { loader as Te, defineConfig as et, FontPlugin as tt, Variants as nt } from "@udixio/theme";
+import { TailwindPlugin as Ue } from "@udixio/tailwind";
+import rt from "react-textarea-autosize";
+const Ye = Ke({
   override: {
     classGroups: {
       "text-color": [
@@ -34,11 +34,11 @@ const Oe = je({
       font: ["font"]
     }
   }
-}), p = (...e) => Oe(He(e)), nt = (...e) => Oe(He(e));
-function rt(e) {
+}), p = (...e) => Ye(Fe(e)), ot = (...e) => Ye(Fe(e));
+function lt(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 ot = (e) => {
+const at = (e) => {
   const t = {};
   e.classNameList.forEach((l) => {
     var r;
@@ -56,13 +56,13 @@ const ot = (e) => {
   const n = t;
   return Object.entries(t).map((l) => {
     let [r, i] = l;
-    i = i.reverse(), r == e.default && i.unshift("relative"), i.unshift(rt(r)), n[r] = nt(...i);
+    i = i.reverse(), r == e.default && i.unshift("relative"), i.unshift(lt(r)), n[r] = ot(...i);
   }), n;
-}, G = (e, t) => (n) => ot({
+}, G = (e, t) => (n) => at({
   classNameList: [n.className, t],
   default: e,
   states: n
-}), lt = G(
+}), st = G(
   "button",
   ({
     variant: e,
@@ -195,7 +195,7 @@ const ot = (e) => {
       o === "xLarge" && "size-10"
     )
   })
-), at = G(
+), ct = G(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: p(
@@ -211,7 +211,7 @@ const ot = (e) => {
       }
     ])
   })
-), st = G(
+), it = G(
   "carouselItem",
   ({ width: e }) => ({
     carouselItem: p("rounded-[28px] overflow-hidden flex-none", {
@@ -219,13 +219,13 @@ const ot = (e) => {
       "flex-1": e == null
     })
   })
-), ct = G(
+), ut = G(
   "carousel",
   () => ({
     carousel: p(["w-full h-[400px]"]),
     track: p("flex h-full w-full")
   })
-), it = G(
+), dt = G(
   "divider",
   ({ orientation: e }) => ({
     divider: p(
@@ -238,7 +238,7 @@ const ot = (e) => {
       }
     )
   })
-), ut = G(
+), ft = G(
   "fab",
   ({ size: e, variant: t, isExtended: n }) => ({
     fab: p(
@@ -275,7 +275,7 @@ const ot = (e) => {
     }),
     label: p("text-title-medium text-nowrap")
   })
-), dt = G(
+), mt = G(
   "iconButton",
   ({
     variant: e,
@@ -414,7 +414,7 @@ const ot = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), ft = G(
+), ht = G(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: p(
@@ -446,7 +446,7 @@ const ot = (e) => {
       }
     )
   })
-), mt = G(
+), pt = G(
   "slideSheet",
   ({ variant: e, position: t }) => ({
     slideSheet: p(
@@ -473,7 +473,7 @@ const ot = (e) => {
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
-), ht = G(
+), yt = G(
   "slider",
   ({ isChanging: e }) => ({
     slider: p([
@@ -496,7 +496,7 @@ const ot = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), pt = G(
+), vt = G(
   "snackbar",
   () => ({
     snackbar: p(" rounded bg-inverse-surface "),
@@ -506,7 +506,7 @@ const ot = (e) => {
     supportingText: p("text-body-medium text-inverse-on-surface "),
     icon: p(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), yt = G(
+), wt = G(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
     switch: p(
@@ -608,7 +608,7 @@ const ot = (e) => {
       l === "secondary" && "h-0.5"
     )
   })
-), vt = G(
+), gt = G(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: p(
@@ -617,7 +617,7 @@ const ot = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), wt = G(
+), bt = G(
   "textField",
   ({
     disabled: e,
@@ -712,7 +712,7 @@ const ot = (e) => {
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), gt = G(
+), Lt = G(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: p(
@@ -809,7 +809,7 @@ const ot = (e) => {
       children: typeof s == "string" ? /* @__PURE__ */ f("path", { className: "fill-current", d: s }) : s.map((o, h) => /* @__PURE__ */ f("path", { d: o }, h))
     }
   );
-}, bt = ({
+}, Nt = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: n = 1e3,
@@ -841,7 +841,7 @@ const ot = (e) => {
     } else
       a(!0);
   }, [i, n]);
-  const u = ft({
+  const u = ht({
     className: l,
     variant: e,
     value: t,
@@ -930,7 +930,7 @@ const ot = (e) => {
       d + ""
     )
   ] });
-}, ve = ({
+}, we = ({
   colorName: e = "on-surface",
   triggerRef: t
 }) => {
@@ -992,7 +992,7 @@ const ot = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, Lt = G(
+}, Et = G(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: n }) => ({
     customScroll: p(
@@ -1021,7 +1021,7 @@ const ot = (e) => {
     })
   })
 );
-function Nt(e, t) {
+function It(e, t) {
   let n = 0, l = null, r = null;
   const i = (c, s) => {
     n = Date.now(), t(c, s);
@@ -1035,7 +1035,7 @@ function Nt(e, t) {
     }, o)));
   };
 }
-const Et = ({
+const kt = ({
   children: e,
   orientation: t = "vertical",
   scrollSize: n,
@@ -1047,17 +1047,17 @@ const Et = ({
   setScroll: d
 }) => {
   var ae, de;
-  const o = P(null), h = P(null), [y, a] = D({
+  const o = B(null), h = B(null), [y, a] = D({
     width: null,
     height: null
   });
   $(() => {
     if (!o.current) return;
-    const I = new ResizeObserver((v) => {
-      for (const B of v)
-        B.target === o.current && a({
-          width: B.contentRect.width,
-          height: B.contentRect.height
+    const I = new ResizeObserver((w) => {
+      for (const A of w)
+        A.target === o.current && a({
+          width: A.contentRect.width,
+          height: A.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
@@ -1065,31 +1065,31 @@ const Et = ({
       I.disconnect();
     };
   }, [o]);
-  const u = P(null), m = P(null), b = () => {
+  const u = B(null), m = B(null), b = () => {
     const I = h.current;
     return I ? {
       width: n ?? I.scrollWidth,
       height: n ?? I.scrollHeight
     } : null;
-  }, w = () => {
+  }, x = () => {
     const I = o.current;
     return I ? {
       width: I.clientWidth,
       height: I.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: M, scrollXProgress: g } = Ge({
+  }, { scrollYProgress: M, scrollXProgress: g } = Ze({
     container: o
-  }), R = P(null);
-  R.current || (R.current = Nt(
+  }), R = B(null);
+  R.current || (R.current = It(
     c,
-    (I, v) => {
-      !m.current || !u.current || !o.current || (v === (t === "horizontal" ? "x" : "y") && (d == null || d(I)), l && (t === "horizontal" && v === "x" && l({
+    (I, w) => {
+      !m.current || !u.current || !o.current || (w === (t === "horizontal" ? "x" : "y") && (d == null || d(I)), l && (t === "horizontal" && w === "x" && l({
         scrollProgress: I,
         scroll: I * (u.current.width - o.current.clientWidth),
         scrollTotal: u.current.width - o.current.clientWidth,
         scrollVisible: m.current.width
-      }), t === "vertical" && v === "y" && l({
+      }), t === "vertical" && w === "y" && l({
         scrollProgress: I,
         scroll: I * (u.current.height - o.current.clientHeight),
         scrollTotal: u.current.height - o.current.clientHeight,
@@ -1097,37 +1097,37 @@ const Et = ({
       })));
     }
   ));
-  const N = (I, v) => {
-    R.current && R.current(I, v);
+  const N = (I, w) => {
+    R.current && R.current(I, w);
   };
   $(() => {
     y.width && N(g.get(), "x"), y.height && N(M.get(), "y");
   }, [y]), $(() => {
-    const I = o.current, v = h.current;
-    if (!I || !v || typeof s != "number") return;
-    const B = (H, V, le) => Math.min(le, Math.max(V, H));
+    const I = o.current, w = h.current;
+    if (!I || !w || typeof s != "number") return;
+    const A = (H, V, le) => Math.min(le, Math.max(V, H));
     if (t === "horizontal") {
-      const H = Math.max(0, (n ?? v.scrollWidth) - I.clientWidth);
-      I.scrollLeft = B(s * H, 0, H);
+      const H = Math.max(0, (n ?? w.scrollWidth) - I.clientWidth);
+      I.scrollLeft = A(s * H, 0, H);
     } else {
-      const H = Math.max(0, (n ?? v.scrollHeight) - I.clientHeight);
-      I.scrollTop = B(s * H, 0, H);
+      const H = Math.max(0, (n ?? w.scrollHeight) - I.clientHeight);
+      I.scrollTop = A(s * H, 0, H);
     }
   }, [s, t, n]), Re(g, "change", (I) => {
     N(I, "x");
   }), Re(M, "change", (I) => {
     N(I, "y");
   });
-  const [A, L] = D(!1);
-  Ve(() => {
-    A || !m.current || !u.current || !l || (l({
+  const [P, L] = D(!1);
+  Xe(() => {
+    P || !m.current || !u.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
       scrollTotal: t == "vertical" ? u.current.height : u.current.width,
       scrollVisible: t == "vertical" ? m.current.height : m.current.width
     }), L(!0));
-  }, [m, u, l]), u.current = b(), m.current = w();
-  const [O, F] = D(!1), C = Lt({
+  }, [m, u, l]), u.current = b(), m.current = x();
+  const [O, F] = D(!1), C = Et({
     isDragging: O,
     children: e,
     className: r,
@@ -1136,15 +1136,15 @@ const Et = ({
     scrollSize: n,
     draggable: i,
     throttleDuration: c
-  }), [x, k] = D(0), [U, J] = D(0), re = (I) => {
+  }), [v, k] = D(0), [U, J] = D(0), re = (I) => {
     if (!i) return;
-    const v = o.current;
-    if (!v || x == null) return;
-    const H = (I.pageX - v.offsetLeft - x) * 1.5;
-    v.scrollLeft = U - H;
+    const w = o.current;
+    if (!w || v == null) return;
+    const H = (I.pageX - w.offsetLeft - v) * 1.5;
+    w.scrollLeft = U - H;
   }, _ = (I) => {
-    const v = o.current;
-    v && (F(!0), k(I.pageX - v.offsetLeft), J(v.scrollLeft));
+    const w = o.current;
+    w && (F(!0), k(I.pageX - w.offsetLeft), J(w.scrollLeft));
   }, oe = (I) => {
     O && (I.preventDefault(), re(I));
   }, S = () => {
@@ -1153,15 +1153,15 @@ const Et = ({
     F(!1);
   }, X = (I) => {
     I.preventDefault();
-  }, q = P(null);
+  }, q = B(null);
   return $(() => () => {
     q.current && clearTimeout(q.current);
   }, []), $(() => {
     const I = o.current;
     if (!I) return;
-    const v = (B) => {
+    const w = (A) => {
       var se, ne, T, ce;
-      const H = B.detail, V = o.current;
+      const H = A.detail, V = o.current;
       if (!V || !H) return;
       const le = H.orientation ?? t;
       if (typeof H.progress == "number")
@@ -1193,8 +1193,8 @@ const Et = ({
           V.scrollTop = Math.min(ee, Math.max(0, H.scroll));
         }
     };
-    return I.addEventListener("udx:customScroll:set", v), () => {
-      I.removeEventListener("udx:customScroll:set", v);
+    return I.addEventListener("udx:customScroll:set", w), () => {
+      I.removeEventListener("udx:customScroll:set", w);
     };
   }, [t]), /* @__PURE__ */ Y(
     "div",
@@ -1244,12 +1244,12 @@ const Et = ({
       ]
     }
   );
-}, It = ({
+}, Mt = ({
   onScroll: e,
   el: t,
   touch: n = !0
 }) => {
-  const l = P(null), r = P(0), i = P(0);
+  const l = B(null), r = B(0), i = B(0);
   $(() => {
     if (!t) return;
     r.current = t.scrollTop, i.current = t.scrollLeft;
@@ -1284,13 +1284,13 @@ const Et = ({
       n && (l.current = null);
     }, y = (a) => {
       const m = t.clientHeight * 0.9;
-      let b = 0, w = 0;
+      let b = 0, x = 0;
       switch (a.key) {
         case "ArrowDown":
-          w = 40;
+          x = 40;
           break;
         case "ArrowUp":
-          w = -40;
+          x = -40;
           break;
         case "ArrowRight":
           b = 40;
@@ -1299,19 +1299,19 @@ const Et = ({
           b = -40;
           break;
         case "PageDown":
-          w = m;
+          x = m;
           break;
         case "PageUp":
-          w = -m;
+          x = -m;
           break;
         case "Home":
-          w = Number.NEGATIVE_INFINITY;
+          x = Number.NEGATIVE_INFINITY;
           break;
         case "End":
-          w = Number.POSITIVE_INFINITY;
+          x = Number.POSITIVE_INFINITY;
           break;
         case " ":
-          w = a.shiftKey ? -m : m;
+          x = a.shiftKey ? -m : m;
           break;
         default:
           return;
@@ -1320,7 +1320,7 @@ const Et = ({
         type: "intent",
         source: "keyboard",
         deltaX: b,
-        deltaY: w,
+        deltaY: x,
         originalEvent: a
       });
     };
@@ -1328,12 +1328,12 @@ const Et = ({
       t.removeEventListener("wheel", s), t.removeEventListener("touchstart", d), t.removeEventListener("touchmove", o), t.removeEventListener("touchend", h), t.removeEventListener("keydown", y);
     };
   }, [e]);
-}, rn = ({
+}, ln = ({
   transition: e,
   orientation: t = "vertical",
   throttleDuration: n = 25
 }) => {
-  const [l, r] = D(0), [i, c] = D(), s = P(!1), d = P(), o = P(0);
+  const [l, r] = D(0), [i, c] = D(), s = B(!1), d = B(), o = B(0);
   $(() => {
     c(document);
     const a = document.documentElement.scrollTop;
@@ -1346,20 +1346,20 @@ const Et = ({
       d.current && clearTimeout(d.current), i == null || i.removeEventListener("scroll", a);
     };
   }, [i]);
-  const h = P(), y = P(null);
+  const h = B(), y = B(null);
   return $(() => {
     const a = l;
     if (y.current && (y.current.stop(), y.current = null), !s.current) {
       h.current = a;
       return;
     }
-    return y.current = Ze(h.current ?? a, a, {
+    return y.current = ze(h.current ?? a, a, {
       duration: ((e == null ? void 0 : e.duration) ?? 500) / 1e3,
       ease: (e == null ? void 0 : e.ease) ?? "easeOut",
       onUpdate: (u) => {
         d.current && clearTimeout(d.current), h.current = u;
-        const m = document.documentElement, b = Math.round(u * 1e3) / 1e3, w = o.current;
-        Math.abs(b - w) < 0.1 || (o.current = b, s.current && m.scrollTo({ top: b }));
+        const m = document.documentElement, b = Math.round(u * 1e3) / 1e3, x = o.current;
+        Math.abs(b - x) < 0.1 || (o.current = b, s.current && m.scrollTo({ top: b }));
       },
       onComplete: () => {
         d.current = setTimeout(() => {
@@ -1370,7 +1370,7 @@ const Et = ({
       y.current && (y.current.stop(), y.current = null);
     };
   }, [l]), i ? /* @__PURE__ */ f(
-    It,
+    Mt,
     {
       touch: !1,
       el: i,
@@ -1383,11 +1383,11 @@ const Et = ({
       }
     }
   ) : null;
-}, kt = ({
+}, St = ({
   targetRef: e,
   children: t
 }) => {
-  const [n, l] = D(null), r = P(null), i = () => {
+  const [n, l] = D(null), r = B(null), i = () => {
     const c = e.current;
     if (!c) return;
     const s = c.getBoundingClientRect();
@@ -1410,12 +1410,12 @@ const Et = ({
         var s;
         window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), (s = r.current) == null || s.disconnect();
       };
-  }, [e]), n ? Fe(/* @__PURE__ */ f("div", { style: n, children: t }), document.body) : null;
+  }, [e]), n ? Oe(/* @__PURE__ */ f("div", { style: n, children: t }), document.body) : null;
 };
-function Mt(e) {
+function $t(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
-const on = ({
+const an = ({
   config: e,
   throttleDelay: t = 100,
   // Délai par défaut de 300ms
@@ -1425,47 +1425,47 @@ const on = ({
   const [r, i] = D(null);
   $(() => {
     (async () => {
-      const a = await Qe(e, l);
+      const a = await Te(e, l);
       i(a);
     })();
   }, []);
-  const [c, s] = D(null), d = P(null), o = P(0), h = P(null);
+  const [c, s] = D(null), d = B(null), o = B(0), h = B(null);
   $(() => {
     if (!r) return;
     const a = {
       ...e,
       // Assurer la compatibilité avec l'API qui attend sourceColorHex
       sourceColor: e.sourceColor
-    }, u = Date.now(), m = u - o.current, b = async (w) => {
-      await y(w);
+    }, u = Date.now(), m = u - o.current, b = async (x) => {
+      await y(x);
     };
     if (o.current === 0 || m >= t)
       d.current && (clearTimeout(d.current), d.current = null), h.current = null, o.current = u, b(a);
     else if (h.current = a, !d.current) {
-      const w = Math.max(0, t - m);
+      const x = Math.max(0, t - m);
       d.current = setTimeout(async () => {
         d.current = null;
         const M = h.current;
         h.current = null, M && (o.current = Date.now(), await b(M));
-      }, w);
+      }, x);
     }
     return () => {
     };
   }, [e, t, r]);
   const y = async (a) => {
-    if (typeof a.sourceColor == "string" && !Mt(a.sourceColor))
+    if (typeof a.sourceColor == "string" && !$t(a.sourceColor))
       throw new Error("Invalid hex color");
     if (!r)
       return;
     r.context.update(a), await r.load();
-    const u = r == null ? void 0 : r.plugins.getPlugin(Xe).getInstance().outputCss;
+    const u = r == null ? void 0 : r.plugins.getPlugin(Ue).getInstance().outputCss;
     s(u), n == null || n(r);
   };
   return $(() => () => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []), c ? /* @__PURE__ */ f("style", { dangerouslySetInnerHTML: { __html: c } }) : null;
 };
-function St() {
+function Ct() {
   if (typeof window > "u") return !1;
   try {
     if (window.CSS && typeof window.CSS.supports == "function")
@@ -1475,7 +1475,7 @@ function St() {
   }
   return !1;
 }
-function $t() {
+function Dt() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function Me(e) {
@@ -1510,7 +1510,7 @@ function Ie(e = document, t) {
     )
   ).filter((l) => Me(l));
 }
-function Ct(e = document, t) {
+function Rt(e = document, t) {
   const n = Array.from(
     e.querySelectorAll(`[class*="${t}-"]`)
   ), l = /* @__PURE__ */ new Set([
@@ -1535,33 +1535,43 @@ function Ct(e = document, t) {
     ) ? !0 : !Me(r);
   });
 }
-function Be(e, t, n) {
+function Ae(e, t, n) {
   e.setAttribute(`data-${t}-run`, ""), e.setAttribute(`data-${t}-${n}-run`, "");
 }
-function Dt(e, t) {
+function Wt(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 Rt = [0, 0.2];
-function Ue(e = {}) {
+const At = [0, 0.2], Be = /* @__PURE__ */ new WeakSet();
+function Pe(e, t) {
+  if (Be.has(e)) return;
+  Be.add(e);
+  const n = (r) => {
+    r.target === e && (e.hasAttribute(`data-${t}-in-run`) || e.hasAttribute(`data-${t}-out-run`) || e.hasAttribute(`data-${t}-run`)) && e.setAttribute(`data-${t}-animating`, "");
+  }, l = (r) => {
+    r.target === e && (e.removeAttribute(`data-${t}-animating`), e.removeAttribute(`data-${t}-in-run`), e.removeAttribute(`data-${t}-out-run`));
+  };
+  e.addEventListener("animationstart", n), e.addEventListener("animationend", l), e.addEventListener("animationcancel", l);
+}
+function je(e = {}) {
   const { prefix: t = "anim", once: n = !0 } = e;
-  if ($t())
+  if (Dt())
     return () => {
     };
-  const l = St(), r = /* @__PURE__ */ new WeakSet(), i = new IntersectionObserver(
+  const l = Ct(), r = /* @__PURE__ */ new WeakSet(), i = new IntersectionObserver(
     (h) => {
       for (const y of h) {
         const a = y.target;
-        if (!We(a)) continue;
+        if (!We(a) || a.hasAttribute(`data-${t}-animating`)) continue;
         const u = a.classList.contains(`${t}-out`);
-        !u && y.isIntersecting ? (Be(a, t, "in"), n && i.unobserve(a)) : u && !y.isIntersecting ? (Be(a, t, "out"), n && i.unobserve(a)) : n || Dt(a, t);
+        !u && y.isIntersecting ? (Ae(a, t, "in"), n && i.unobserve(a)) : u && !y.isIntersecting ? (Ae(a, t, "out"), n && i.unobserve(a)) : n || Wt(a, t);
       }
     },
-    { threshold: Rt }
+    { threshold: At }
   ), c = (h) => {
-    const y = Ct(h || document, t);
+    const y = Rt(h || document, t);
     for (const a of y)
-      r.has(a) || (r.add(a), i.observe(a));
+      r.has(a) || (r.add(a), i.observe(a), Pe(a, t));
   };
   c();
   let s, d = null, o = null;
@@ -1576,7 +1586,7 @@ function Ue(e = {}) {
       for (const a of y)
         if (a.type === "attributes") {
           const u = a.target;
-          u instanceof HTMLElement && (Ee(u, t), We(u) && (r.has(u) || (r.add(u), i.observe(u))));
+          u instanceof HTMLElement && (Ee(u, t), We(u) && (r.has(u) || (r.add(u), i.observe(u), Pe(u, t))));
         } else if (a.type === "childList" && a.addedNodes && a.addedNodes.length) {
           for (const u of Array.from(a.addedNodes))
             if (u instanceof HTMLElement) {
@@ -1612,7 +1622,7 @@ function Ue(e = {}) {
     s && s(), i.disconnect();
   };
 }
-const ln = Ue, an = Ue, Wt = ({
+const sn = je, cn = je, Bt = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: n,
@@ -1629,7 +1639,7 @@ const ln = Ue, an = Ue, Wt = ({
   ref: u,
   size: m = "medium",
   allowShapeTransformation: b = !0,
-  transition: w,
+  transition: x,
   children: M,
   ...g
 }) => {
@@ -1637,10 +1647,10 @@ const ln = Ue, an = Ue, Wt = ({
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const R = l ? "a" : "button", N = P(null), A = u || N, [L, O] = te.useState(a);
+  const R = l ? "a" : "button", N = B(null), P = u || N, [L, O] = te.useState(a);
   $(() => {
     O(a);
-  }, [a]), w = { duration: 0.3, ...w };
+  }, [a]), x = { duration: 0.3, ...x };
   let F;
   y ? y && (F = (k) => {
     t && k.preventDefault();
@@ -1649,7 +1659,7 @@ const ln = Ue, an = Ue, Wt = ({
   }) : F = (k) => {
     t && k.preventDefault(), h && h(k);
   };
-  const C = lt({
+  const C = st({
     allowShapeTransformation: b,
     size: m,
     disableTextMargins: i,
@@ -1660,48 +1670,48 @@ const ln = Ue, an = Ue, Wt = ({
     iconPosition: s,
     loading: d,
     variant: e,
-    transition: w,
+    transition: x,
     className: c,
     isActive: L ?? !1,
     onToggle: y,
     activated: L,
     label: r,
     children: r
-  }), x = n ? /* @__PURE__ */ f(ie, { icon: n, className: C.icon }) : /* @__PURE__ */ f(ye, {});
+  }), v = n ? /* @__PURE__ */ f(ie, { icon: n, className: C.icon }) : /* @__PURE__ */ f(ye, {});
   return /* @__PURE__ */ Y(
     R,
     {
-      ref: A,
+      ref: P,
       href: l,
       className: C.button,
       ...g,
       onClick: F,
       disabled: t,
       "aria-pressed": y ? L : void 0,
-      style: { transition: w.duration + "s" },
+      style: { transition: x.duration + "s" },
       children: [
         /* @__PURE__ */ f("div", { className: C.touchTarget }),
         /* @__PURE__ */ f(
           "div",
           {
             className: C.stateLayer,
-            style: { transition: w.duration + "s" },
+            style: { transition: x.duration + "s" },
             children: !t && /* @__PURE__ */ f(
-              ve,
+              we,
               {
                 colorName: e === "filled" && y && "on-surface-variant" || e === "filled" && !y && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
-                triggerRef: A
+                triggerRef: P
               }
             )
           }
         ),
-        s === "left" && x,
+        s === "left" && v,
         d && /* @__PURE__ */ f(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
             children: /* @__PURE__ */ f(
-              bt,
+              Nt,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
@@ -1734,11 +1744,11 @@ const ln = Ue, an = Ue, Wt = ({
           }
         ),
         /* @__PURE__ */ f("span", { className: C.label, children: r }),
-        s === "right" && x
+        s === "right" && v
       ]
     }
   );
-}, sn = ({
+}, un = ({
   variant: e = "outlined",
   className: t,
   children: n,
@@ -1746,15 +1756,15 @@ const ln = Ue, an = Ue, Wt = ({
   ref: r,
   ...i
 }) => {
-  const c = at({ className: t, isInteractive: l, variant: e, children: n }), s = P(null), d = r || s;
+  const c = ct({ className: t, isInteractive: l, variant: e, children: n }), s = B(null), d = r || s;
   return /* @__PURE__ */ Y("div", { ...i, ref: d, className: c.card, children: [
-    /* @__PURE__ */ f("div", { className: c.stateLayer, children: l && /* @__PURE__ */ f(ve, { colorName: "on-surface", triggerRef: d }) }),
+    /* @__PURE__ */ f("div", { className: c.stateLayer, children: l && /* @__PURE__ */ f(we, { colorName: "on-surface", triggerRef: d }) }),
     n
   ] });
 }, fe = (e, t, n = [0, 1]) => {
   const [l, r] = t, [i, c] = n, d = (Math.max(l, Math.min(e, r)) - l) / (r - l);
   return i + d * (c - i);
-}, Bt = ({
+}, Pt = ({
   className: e,
   children: t,
   width: n,
@@ -1763,7 +1773,7 @@ const ln = Ue, an = Ue, Wt = ({
   ref: i,
   ...c
 }) => {
-  const s = P(null), d = i || s, o = st({
+  const s = B(null), d = i || s, o = it({
     className: e,
     index: l,
     width: n,
@@ -1789,7 +1799,7 @@ const ln = Ue, an = Ue, Wt = ({
       children: t
     }
   );
-}, cn = ({
+}, dn = ({
   variant: e = "hero",
   className: t,
   children: n,
@@ -1804,7 +1814,7 @@ const ln = Ue, an = Ue, Wt = ({
   scrollSensitivity: y = 1.25,
   ...a
 }) => {
-  const u = P(null), m = l || u, [b, w] = D(0), M = ct({
+  const u = B(null), m = l || u, [b, x] = D(0), M = ut({
     index: h,
     className: t,
     children: n,
@@ -1816,15 +1826,15 @@ const ln = Ue, an = Ue, Wt = ({
     gap: s,
     scrollSensitivity: y
   }), g = te.Children.toArray(n).filter(
-    (v) => te.isValidElement(v) && v.type === Bt
-  ), R = P(null), [N, A] = D(
+    (w) => te.isValidElement(w) && w.type === Pt
+  ), R = B(null), [N, P] = D(
     {}
-  ), [L, O] = D(null), F = P(0), C = P(null), x = () => {
-    var we, me, xe;
+  ), [L, O] = D(null), F = B(0), C = B(null), v = () => {
+    var xe, me, ve;
     if (!R.current || !m.current || (L == null ? void 0 : L.scrollProgress) === void 0)
       return [];
-    const v = (L == null ? void 0 : L.scrollVisible) ?? ((we = m.current) == null ? void 0 : we.clientWidth) ?? 0;
-    function B(W, K) {
+    const w = (L == null ? void 0 : L.scrollVisible) ?? ((xe = m.current) == null ? void 0 : xe.clientWidth) ?? 0;
+    function A(W, K) {
       return W.map((Z, z) => ({
         itemScrollXCenter: Z,
         relativeIndex: (Z - K) / Math.abs(W[1] - W[0]),
@@ -1836,11 +1846,11 @@ const ln = Ue, an = Ue, Wt = ({
       if (!k[K].current || !R.current) return 0;
       const z = K / (g.length - 1);
       return fe(z, [0, 1], [0, 1]);
-    }), V = B(
+    }), V = A(
       H,
       (L == null ? void 0 : L.scrollProgress) ?? 0
     ).sort((W, K) => W.index - K.index);
-    let se = ((((me = m.current) == null ? void 0 : me.clientWidth) ?? v) + s) / (c[1] + s);
+    let se = ((((me = m.current) == null ? void 0 : me.clientWidth) ?? w) + s) / (c[1] + s);
     const ne = V.sort((W, K) => Math.abs(W.relativeIndex) - Math.abs(K.relativeIndex)).map((W, K) => {
       var z;
       if (!W) return;
@@ -1849,7 +1859,7 @@ const ln = Ue, an = Ue, Wt = ({
       if (!(!m.current || !Z) && !(se <= 0))
         return W.width = c[1], --se, W;
     }).filter(Boolean).sort((W, K) => W.index - K.index);
-    let T = (((xe = m.current) == null ? void 0 : xe.clientWidth) ?? v) - s;
+    let T = (((ve = m.current) == null ? void 0 : ve.clientWidth) ?? w) - s;
     const ce = ne.filter((W, K, Z) => {
       let z = !1;
       return W.width == c[1] && (K === 0 || K === Z.length - 1) && (z = !0), z ? !0 : (T -= W.width + s, !1);
@@ -1913,64 +1923,64 @@ const ln = Ue, an = Ue, Wt = ({
               Z++;
           }
         }
-    }), w(ee), Object.fromEntries(
+    }), x(ee), Object.fromEntries(
       ne.map((W) => [W.index, W.width])
     );
-  }, k = P([]).current, [U, J] = D(0);
+  }, k = B([]).current, [U, J] = D(0);
   $(() => {
     d && d(U);
   }, [U]), $(() => {
     typeof h == "number" && g.length > 0 && h !== U && oe(h);
   }, [h, g.length]), $(() => {
     _(U);
-  }, [U]), k.length !== g.length && g.forEach((v, B) => {
-    k[B] || (k[B] = te.createRef());
+  }, [U]), k.length !== g.length && g.forEach((w, A) => {
+    k[A] || (k[A] = te.createRef());
   });
-  const [re, _] = D(0), oe = (v, B = {}) => {
+  const [re, _] = D(0), oe = (w, A = {}) => {
     if (!g.length) return 0;
-    const H = k[v];
+    const H = k[w];
     if (!H || !H.current || !R.current) return 0;
     const V = fe(
-      v / Math.max(1, g.length - 1),
+      w / Math.max(1, g.length - 1),
       [0, 1],
       [0, 1]
     );
-    return _(v), R.current.dispatchEvent(
+    return _(w), R.current.dispatchEvent(
       new CustomEvent("udx:customScroll:set", {
         bubbles: !0,
         detail: {
           progress: V,
           orientation: "horizontal",
-          animate: B.animate !== !1
+          animate: A.animate !== !1
         }
       })
     ), V;
-  }, S = g.map((v, B) => {
+  }, S = g.map((w, A) => {
     var se;
-    const H = (se = v.props) == null ? void 0 : se.onClick, V = (ne) => {
+    const H = (se = w.props) == null ? void 0 : se.onClick, V = (ne) => {
       H == null || H(ne);
-    }, le = () => _(B);
+    }, le = () => _(A);
     return te.cloneElement(
-      v,
+      w,
       {
-        width: N[B],
+        width: N[A],
         outputRange: c,
-        ref: k[B],
-        key: B,
-        index: B,
+        ref: k[A],
+        key: A,
+        index: A,
         role: "option",
-        "aria-selected": U === B,
-        tabIndex: U === B ? 0 : -1,
+        "aria-selected": U === A,
+        tabIndex: U === A ? 0 : -1,
         onClick: V,
         onFocus: le
       }
     );
-  }), E = (v) => {
-    var B;
-    if (v.scrollTotal > 0) {
-      (B = C.current) == null || B.stop();
-      const H = F.current ?? 0, V = v.scrollProgress ?? 0;
-      C.current = Je(H, V, {
+  }), E = (w) => {
+    var A;
+    if (w.scrollTotal > 0) {
+      (A = C.current) == null || A.stop();
+      const H = F.current ?? 0, V = w.scrollProgress ?? 0;
+      C.current = Qe(H, V, {
         // Spring tuning to add a bit of inertia and smoothness
         type: "spring",
         stiffness: 260,
@@ -1978,95 +1988,95 @@ const ln = Ue, an = Ue, Wt = ({
         mass: 0.6,
         restDelta: 5e-4,
         onUpdate: (le) => {
-          F.current = le, O({ ...v, scrollProgress: le });
+          F.current = le, O({ ...w, scrollProgress: le });
         }
       });
     }
   };
   $(() => {
-    const v = x();
-    A(v);
+    const w = v();
+    P(w);
   }, [L]);
-  const X = P(o);
+  const X = B(o);
   $(() => {
     X.current = o;
   }, [o]);
-  const q = P(null);
+  const q = B(null);
   $(() => {
     var K;
-    const v = X.current;
-    if (!v || !(m != null && m.current)) return;
-    const B = g.length;
-    if (B <= 0) return;
+    const w = X.current;
+    if (!w || !(m != null && m.current)) return;
+    const A = g.length;
+    if (A <= 0) return;
     const H = ((K = m.current) == null ? void 0 : K.clientWidth) ?? 0, V = c[1], le = F.current ?? (L == null ? void 0 : L.scrollProgress) ?? 0, se = (H + s) / (V + s), ne = Math.max(1, Math.floor(se)), T = Math.max(1, Math.round(ne * (2 / 3))), ce = Math.min(
       Math.max(0, U),
-      Math.max(0, B - 1)
-    ), ee = ce > 0, we = ce < B - 1, me = {
-      total: B,
+      Math.max(0, A - 1)
+    ), ee = ce > 0, xe = ce < A - 1, me = {
+      total: A,
       selectedIndex: ce,
       visibleApprox: se,
       visibleFull: ne,
       stepHalf: T,
       canPrev: ee,
-      canNext: we,
+      canNext: xe,
       scrollProgress: le,
       viewportWidth: H,
       itemMaxWidth: V,
       gap: s
-    }, xe = q.current;
-    let W = !xe;
+    }, ve = q.current;
+    let W = !ve;
     if (!W) {
       for (const Z in me)
-        if (me[Z] !== xe[Z]) {
+        if (me[Z] !== ve[Z]) {
           W = !0;
           break;
         }
     }
-    W && (q.current = me, v(me));
+    W && (q.current = me, w(me));
   }, [m, g.length, U, L, s, c]), $(() => () => {
-    var v;
-    (v = C.current) == null || v.stop();
+    var w;
+    (w = C.current) == null || w.stop();
   }, []);
   const [ae, de] = D(0);
-  Ve(() => {
-    let v = c[1];
-    L && v > L.scrollVisible && (v = L.scrollVisible);
-    const B = (v + s) * S.length / y;
-    de(B);
+  Xe(() => {
+    let w = c[1];
+    L && w > L.scrollVisible && (w = L.scrollVisible);
+    const A = (w + s) * S.length / y;
+    de(A);
   }, [m, k, L]);
-  const I = (v) => {
+  const I = (w) => {
     if (!g.length) return;
-    const B = re ?? U;
-    switch (v.key) {
+    const A = re ?? U;
+    switch (w.key) {
       case "ArrowLeft":
-        v.preventDefault(), oe(Math.max(0, B - 1));
+        w.preventDefault(), oe(Math.max(0, A - 1));
         break;
       case "ArrowRight":
-        v.preventDefault(), oe(Math.min(g.length - 1, B + 1));
+        w.preventDefault(), oe(Math.min(g.length - 1, A + 1));
         break;
       case "Home":
-        v.preventDefault(), oe(0);
+        w.preventDefault(), oe(0);
         break;
       case "End":
-        v.preventDefault(), oe(g.length - 1);
+        w.preventDefault(), oe(g.length - 1);
         break;
       case "Enter":
       case " ":
-        v.preventDefault(), oe(B);
+        w.preventDefault(), oe(A);
         break;
     }
   };
   return $(() => {
-    const v = m.current;
-    if (!v) return;
-    const B = (H) => {
+    const w = m.current;
+    if (!w) return;
+    const A = (H) => {
       const V = H.detail;
       V && typeof V.index == "number" && oe(V.index);
     };
-    return v.addEventListener("udx:carousel:centerIndex", B), () => {
-      v.removeEventListener(
+    return w.addEventListener("udx:carousel:centerIndex", A), () => {
+      w.removeEventListener(
         "udx:carousel:centerIndex",
-        B
+        A
       );
     };
   }, [m, g.length]), /* @__PURE__ */ f(
@@ -2079,7 +2089,7 @@ const ln = Ue, an = Ue, Wt = ({
       onKeyDown: I,
       ...a,
       children: /* @__PURE__ */ f(
-        Et,
+        kt,
         {
           draggable: !0,
           orientation: "horizontal",
@@ -2102,41 +2112,41 @@ const ln = Ue, an = Ue, Wt = ({
       )
     }
   );
-}, Pt = ({
+}, Ht = ({
   orientation: e = "horizontal",
   className: t,
   ...n
 }) => {
-  const l = it({ orientation: e, className: t });
+  const l = dt({ orientation: e, className: t });
   return /* @__PURE__ */ f("hr", { className: l.divider, ...n });
 }, Q = [];
 for (let e = 0; e < 256; ++e)
   Q.push((e + 256).toString(16).slice(1));
-function At(e, t = 0) {
+function Vt(e, t = 0) {
   return (Q[e[t + 0]] + Q[e[t + 1]] + Q[e[t + 2]] + Q[e[t + 3]] + "-" + Q[e[t + 4]] + Q[e[t + 5]] + "-" + Q[e[t + 6]] + Q[e[t + 7]] + "-" + Q[e[t + 8]] + Q[e[t + 9]] + "-" + Q[e[t + 10]] + Q[e[t + 11]] + Q[e[t + 12]] + Q[e[t + 13]] + Q[e[t + 14]] + Q[e[t + 15]]).toLowerCase();
 }
 let ke;
-const Ht = new Uint8Array(16);
-function Vt() {
+const Ft = new Uint8Array(16);
+function Xt() {
   if (!ke) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     ke = crypto.getRandomValues.bind(crypto);
   }
-  return ke(Ht);
+  return ke(Ft);
 }
-const Ft = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Pe = { randomUUID: Ft };
+const Ot = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: Ot };
 function Se(e, t, n) {
   var r;
-  if (Pe.randomUUID && !e)
-    return Pe.randomUUID();
+  if (He.randomUUID && !e)
+    return He.randomUUID();
   e = e || {};
-  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? Vt();
+  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, At(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Vt(l);
 }
-const Ye = ({
+const qe = ({
   variant: e = "plain",
   buttons: t,
   className: n,
@@ -2152,15 +2162,15 @@ const Ye = ({
   if (!l && !s)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
-  const y = P(null), a = s || y, [u, m] = D(null), [b] = D(Se()), [w, M] = D(!1), g = P(null);
+  const y = B(null), a = s || y, [u, m] = D(null), [b] = D(Se()), [x, M] = D(!1), g = B(null);
   $(() => {
-    const x = (k) => {
+    const v = (k) => {
       m(k.detail);
     };
-    return document.addEventListener("tooltip-update", x), () => {
+    return document.addEventListener("tooltip-update", v), () => {
       document.removeEventListener(
         "tooltip-update",
-        x
+        v
       );
     };
   }, []), $(() => {
@@ -2170,46 +2180,46 @@ const Ye = ({
   }, [u, b]);
   const R = () => {
     if (o.includes("hover")) {
-      const x = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(x);
+      const v = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(v);
     }
   }, N = () => {
     if (o.includes("hover")) {
-      const x = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(x);
+      const v = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(v);
     }
-  }, A = () => {
+  }, P = () => {
     if (o.includes("click")) {
-      const x = new CustomEvent("tooltip-update", {
-        detail: w ? null : b
+      const v = new CustomEvent("tooltip-update", {
+        detail: x ? null : b
       });
-      document.dispatchEvent(x);
+      document.dispatchEvent(v);
     }
   }, L = () => {
     if (o.includes("focus")) {
-      const x = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(x);
+      const v = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(v);
     }
   }, O = () => {
     if (o.includes("focus")) {
-      const x = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(x);
+      const v = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(v);
     }
   };
   $(() => {
     if (a != null && a.current) {
-      const x = a.current;
-      return x.addEventListener("mouseenter", R), x.addEventListener("mouseleave", N), x.addEventListener("click", A), x.addEventListener("focus", L), x.addEventListener("blur", O), () => {
-        x.removeEventListener("mouseenter", R), x.removeEventListener("mouseleave", N), x.removeEventListener("click", A), x.removeEventListener("focus", L), x.removeEventListener("blur", O);
+      const v = a.current;
+      return v.addEventListener("mouseenter", R), v.addEventListener("mouseleave", N), v.addEventListener("click", P), v.addEventListener("focus", L), v.addEventListener("blur", O), () => {
+        v.removeEventListener("mouseenter", R), v.removeEventListener("mouseleave", N), v.removeEventListener("click", P), v.removeEventListener("focus", L), v.removeEventListener("blur", O);
       };
     }
-  }, [a, o, b, w]);
+  }, [a, o, b, x]);
   const F = !s && pe(l) ? be(l, { ref: y }) : l;
   if (!c && typeof window < "u" && a != null && a.current && !c) {
-    const x = a.current.getBoundingClientRect(), k = window.innerWidth, U = window.innerHeight, J = x.left / k, re = x.top / U;
+    const v = a.current.getBoundingClientRect(), k = window.innerWidth, U = window.innerHeight, J = v.left / k, re = v.top / U;
     e === "plain" ? J < 1 / 3 ? c = "right" : J > 2 / 3 ? c = "left" : c = re > 0.5 ? "top" : "bottom" : J < 1 / 2 && re < 1 / 2 ? c = "bottom-right" : J > 1 / 2 && re < 1 / 2 ? c = "bottom-left" : J > 1 / 2 && re > 1 / 2 ? c = "top-left" : J < 1 / 2 && re > 1 / 2 && (c = "top-right");
   }
-  const C = gt({
+  const C = Lt({
     variant: e,
     buttons: t,
     className: n,
@@ -2222,7 +2232,7 @@ const Ye = ({
   });
   return /* @__PURE__ */ Y(ye, { children: [
     F,
-    /* @__PURE__ */ f(ue, { children: w && /* @__PURE__ */ f(kt, { targetRef: a, children: /* @__PURE__ */ f(
+    /* @__PURE__ */ f(ue, { children: x && /* @__PURE__ */ f(St, { targetRef: a, children: /* @__PURE__ */ f(
       j.div,
       {
         initial: { opacity: u ? 1 : 0 },
@@ -2246,12 +2256,12 @@ const Ye = ({
             children: [
               r && /* @__PURE__ */ f("div", { className: C.subHead, children: r }),
               /* @__PURE__ */ f("div", { className: C.supportingText, children: i }),
-              t && /* @__PURE__ */ f("div", { className: C.actions, children: Array.isArray(t) && t.map((x, k) => /* @__PURE__ */ f(
-                Wt,
+              t && /* @__PURE__ */ f("div", { className: C.actions, children: Array.isArray(t) && t.map((v, k) => /* @__PURE__ */ f(
+                Bt,
                 {
                   size: "small",
                   variant: "text",
-                  ...x
+                  ...v
                 },
                 k
               )) })
@@ -2261,7 +2271,7 @@ const Ye = ({
       }
     ) }) })
   ] });
-}, Ae = ({
+}, Ve = ({
   className: e,
   label: t,
   variant: n = "primary",
@@ -2279,7 +2289,7 @@ const Ye = ({
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const a = r ? "a" : "button", u = ut({
+  const a = r ? "a" : "button", u = ft({
     href: r,
     icon: c,
     isExtended: s,
@@ -2291,7 +2301,7 @@ const Ye = ({
     children: t
   });
   o = { duration: 0.3, ...o };
-  const m = P(null), b = d || m, w = {
+  const m = B(null), b = d || m, x = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -2327,7 +2337,7 @@ const Ye = ({
       className: u.fab,
       children: [
         /* @__PURE__ */ f(
-          Ye,
+          qe,
           {
             trigger: s ? null : void 0,
             text: t,
@@ -2335,7 +2345,7 @@ const Ye = ({
           }
         ),
         /* @__PURE__ */ f("span", { className: u.stateLayer, children: /* @__PURE__ */ f(
-          ve,
+          we,
           {
             colorName: p({
               primary: n == "surface",
@@ -2350,7 +2360,7 @@ const Ye = ({
         /* @__PURE__ */ f(ue, { children: s && /* @__PURE__ */ f(
           j.span,
           {
-            variants: w,
+            variants: x,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2378,7 +2388,7 @@ const Ye = ({
   ref: u,
   width: m = "default",
   shape: b = "rounded",
-  allowShapeTransformation: w = !0,
+  allowShapeTransformation: x = !0,
   transition: M,
   children: g,
   ...R
@@ -2388,19 +2398,19 @@ const Ye = ({
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   r || (r = i);
-  const [N, A] = te.useState(s);
+  const [N, P] = te.useState(s);
   let L;
   c ? c && (L = (k) => {
-    n && k.preventDefault(), A(!N), c(!!N);
+    n && k.preventDefault(), P(!N), c(!!N);
   }, o = N && y || o) : L = (k) => {
     n && k.preventDefault(), d && d(k);
   }, $(() => {
-    A(s);
+    P(s);
   }, [s]);
-  const O = t ? "a" : "button", F = dt({
+  const O = t ? "a" : "button", F = mt({
     transition: M,
     shape: b,
-    allowShapeTransformation: w,
+    allowShapeTransformation: x,
     width: m,
     href: t,
     activated: N,
@@ -2415,7 +2425,7 @@ const Ye = ({
     size: h,
     children: i,
     ...R
-  }), C = P(null), x = u || C;
+  }), C = B(null), v = u || C;
   return M = { duration: 0.3, ...M }, /* @__PURE__ */ Y(
     O,
     {
@@ -2427,12 +2437,12 @@ const Ye = ({
       ...R,
       title: void 0,
       onClick: L,
-      ref: x,
+      ref: v,
       children: [
         /* @__PURE__ */ f(
-          Ye,
+          qe,
           {
-            targetRef: x,
+            targetRef: v,
             trigger: n ? null : void 0,
             text: r
           }
@@ -2444,7 +2454,7 @@ const Ye = ({
             className: F.stateLayer,
             style: { transition: M.duration + "s" },
             children: !n && /* @__PURE__ */ f(
-              ve,
+              we,
               {
                 colorName: p(
                   e === "standard" && {
@@ -2464,7 +2474,7 @@ const Ye = ({
                     "on-primary": N
                   }
                 ),
-                triggerRef: x
+                triggerRef: v
               }
             )
           }
@@ -2473,7 +2483,7 @@ const Ye = ({
       ]
     }
   );
-}, un = ({
+}, fn = ({
   className: e,
   valueFormatter: t,
   step: n = 10,
@@ -2501,15 +2511,15 @@ const Ye = ({
   }, a = (S = !1) => S ? c : c == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : c, u = (S = !1) => S ? i : i == -1 / 0 ? s[0].value : i, m = (S) => {
     const E = u(!1);
     return (a(!1) - E) * S / 100 + E;
-  }, [b, w] = D(!1), M = P(null), g = d || M, [R, N] = D(r), [A, L] = D(y(r)), [O, F] = D(!1), C = (S) => {
-    F(!0), w(!0), U(S);
-  }, x = () => {
-    F(!1), w(!1);
+  }, [b, x] = D(!1), M = B(null), g = d || M, [R, N] = D(r), [P, L] = D(y(r)), [O, F] = D(!1), C = (S) => {
+    F(!0), x(!0), U(S);
+  }, v = () => {
+    F(!1), x(!1);
   };
-  $(() => (O ? (window.addEventListener("mouseup", x), window.addEventListener("mousemove", U), window.addEventListener("touchend", x), window.addEventListener("touchmove", U)) : (window.removeEventListener("mouseup", x), window.removeEventListener("mousemove", U), window.removeEventListener("touchend", x), window.removeEventListener("touchmove", U)), () => {
-    window.removeEventListener("mouseup", x), window.removeEventListener("mousemove", U), window.removeEventListener("touchend", x), window.removeEventListener("touchmove", U);
+  $(() => (O ? (window.addEventListener("mouseup", v), window.addEventListener("mousemove", U), window.addEventListener("touchend", v), window.addEventListener("touchmove", U)) : (window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", U), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", U)), () => {
+    window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", U), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", U);
   }), [O]);
-  const k = ht({
+  const k = yt({
     className: e,
     isChanging: b,
     marks: s,
@@ -2604,7 +2614,7 @@ const Ye = ({
       ...h,
       children: [
         /* @__PURE__ */ f("input", { type: "hidden", name: l, value: R }),
-        /* @__PURE__ */ f("div", { className: k.activeTrack, style: { flex: A / 100 } }),
+        /* @__PURE__ */ f("div", { className: k.activeTrack, style: { flex: P / 100 } }),
         /* @__PURE__ */ f("div", { className: k.handle, children: /* @__PURE__ */ f(ue, { children: b && /* @__PURE__ */ f(
           j.div,
           {
@@ -2629,7 +2639,7 @@ const Ye = ({
           "div",
           {
             className: k.inactiveTrack,
-            style: { flex: 1 - A / 100 }
+            style: { flex: 1 - P / 100 }
           }
         ),
         /* @__PURE__ */ f(
@@ -2639,7 +2649,7 @@ const Ye = ({
             children: s && s.map((S, E) => {
               let X = null;
               const q = (b ? 9 : 10) / re * 100, ae = y(S.value);
-              return ae <= A - q ? X = !0 : ae >= A + q && (X = !1), /* @__PURE__ */ f(
+              return ae <= P - q ? X = !0 : ae >= P + q && (X = !1), /* @__PURE__ */ f(
                 "div",
                 {
                   className: p(k.dot, {
@@ -2664,7 +2674,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 Xt = {
+var Ut = {
   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"]
@@ -2672,12 +2682,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"]
-}, Ot = {
+}, Yt = {
   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 dn = ({
+const mn = ({
   variant: e = "standard",
   className: t,
   children: n,
@@ -2691,7 +2701,7 @@ const dn = ({
   ...h
 }) => {
   o = { duration: 0.3, ...o };
-  const [y, a] = D(i ?? !0), u = mt({
+  const [y, a] = D(i ?? !0), u = pt({
     transition: o,
     title: l,
     position: r,
@@ -2768,13 +2778,13 @@ const dn = ({
               ]
             }
           ),
-          (c == null && e == "standard" ? !0 : c) && /* @__PURE__ */ f(Pt, { className: u.divider, orientation: "vertical" })
+          (c == null && e == "standard" ? !0 : c) && /* @__PURE__ */ f(Ht, { className: u.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
-  return e == "modal" ? Fe(b(), document.body) : b();
-}, fn = ({
+  return e == "modal" ? Oe(b(), document.body) : b();
+}, hn = ({
   message: e,
   className: t,
   duration: n,
@@ -2782,7 +2792,7 @@ const dn = ({
   onClose: r,
   ...i
 }) => {
-  const [c, s] = D(!0), d = pt({
+  const [c, s] = D(!0), d = vt({
     className: t,
     closeIcon: l,
     duration: n,
@@ -2821,7 +2831,7 @@ const dn = ({
       ] })
     }
   ) });
-}, mn = ({
+}, pn = ({
   selected: e = !1,
   className: t,
   activeIcon: n,
@@ -2839,7 +2849,7 @@ const dn = ({
     l || ((g.key === " " || g.key === "Enter") && (g.preventDefault(), m()), s && s(g));
   }, m = () => {
     y(!h), i == null || i(!h);
-  }, b = yt({
+  }, b = wt({
     className: t,
     isSelected: h,
     activeIcon: n,
@@ -2847,7 +2857,7 @@ const dn = ({
     disabled: l,
     selected: h,
     onChange: i
-  }), w = P(null), M = d || w;
+  }), x = B(null), M = d || x;
   return /* @__PURE__ */ Y(
     j.div,
     {
@@ -2887,7 +2897,7 @@ const dn = ({
       ]
     }
   );
-}, Ut = ({
+}, jt = ({
   className: e,
   onClick: t,
   label: n,
@@ -2904,12 +2914,12 @@ const dn = ({
   ref: u,
   ...m
 }) => {
-  const b = P(null), w = u || b, [M, g] = D(a);
+  const b = B(null), x = u || b, [M, g] = D(a);
   $(() => {
     a && c == null ? g(!0) : g(c == o && o != null);
   }, [c]), $(() => {
     c == o && h && h({
-      ref: w,
+      ref: x,
       index: o || 0,
       label: n,
       icon: i
@@ -2917,7 +2927,7 @@ const dn = ({
   }, [c]);
   const R = r ? "a" : "button", N = (L) => {
     s && s(o ?? null), t && t(L);
-  }, A = xt({
+  }, P = xt({
     className: e,
     onTabSelected: h,
     scrollable: y,
@@ -2938,27 +2948,27 @@ const dn = ({
       ...m,
       role: "tab",
       "aria-selected": M,
-      ref: w,
+      ref: x,
       href: r,
-      className: A.tab,
+      className: P.tab,
       onClick: N,
       ...m,
       children: [
-        /* @__PURE__ */ f("span", { className: A.stateLayer, children: /* @__PURE__ */ f(
-          ve,
+        /* @__PURE__ */ f("span", { className: P.stateLayer, children: /* @__PURE__ */ f(
+          we,
           {
             colorName: l === "primary" && M ? "primary" : "on-surface",
-            triggerRef: w
+            triggerRef: x
           }
         ) }),
-        /* @__PURE__ */ Y("span", { className: A.content, children: [
-          i && /* @__PURE__ */ f(ie, { icon: i, className: A.icon }),
-          /* @__PURE__ */ f("span", { className: A.label, children: n }),
+        /* @__PURE__ */ Y("span", { className: P.content, children: [
+          i && /* @__PURE__ */ f(ie, { icon: i, className: P.icon }),
+          /* @__PURE__ */ f("span", { className: P.label, children: n }),
           M && /* @__PURE__ */ f(
             j.span,
             {
               layoutId: `underline-${d}`,
-              className: A.underline,
+              className: P.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2966,7 +2976,7 @@ const dn = ({
       ]
     }
   );
-}, hn = ({
+}, yn = ({
   variant: e = "primary",
   onTabSelected: t,
   children: n,
@@ -2981,16 +2991,16 @@ const dn = ({
   let o;
   r == 0 || r != null ? o = r : o = s;
   const h = i || d, y = te.Children.toArray(n).filter(
-    (w) => te.isValidElement(w) && w.type === Ut
-  ), a = te.useRef(null), u = (w) => {
-    if (t == null || t(w), c) {
-      const M = a.current, g = w.ref.current;
+    (x) => te.isValidElement(x) && x.type === jt
+  ), a = te.useRef(null), u = (x) => {
+    if (t == null || t(x), c) {
+      const M = a.current, g = x.ref.current;
       if (M && g) {
         const R = g.offsetLeft + g.offsetWidth / 2 - M.offsetWidth / 2;
         M.scrollTo({ left: R, behavior: "smooth" });
       }
     }
-  }, m = qe(() => Se(), []), b = vt({
+  }, m = _e(() => Se(), []), b = gt({
     children: n,
     onTabSelected: t,
     scrollable: c,
@@ -2999,7 +3009,7 @@ const dn = ({
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ f("div", { ref: a, role: "tablist", className: b.tabs, children: y.map((w, M) => te.cloneElement(w, {
+  return /* @__PURE__ */ f("div", { ref: a, role: "tablist", className: b.tabs, children: y.map((x, M) => te.cloneElement(x, {
     key: M,
     index: M,
     variant: e,
@@ -3009,7 +3019,7 @@ const dn = ({
     onTabSelected: u,
     scrollable: c
   })) });
-}, pn = ({
+}, vn = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: n,
@@ -3026,31 +3036,31 @@ const dn = ({
   autoComplete: u = "on",
   onChange: m,
   value: b,
-  showSupportingText: w = !1,
+  showSupportingText: x = !1,
   ...M
 }) => {
-  const [g, R] = D(b ?? ""), [N, A] = D(!1), [L, O] = D(!1), [F, C] = D(
-    w
+  const [g, R] = D(b ?? ""), [N, P] = D(!1), [L, O] = D(!1), [F, C] = D(
+    x
   );
   $(() => {
     R(b ?? "");
   }, [b]), $(() => {
     n != null && n.length ? O(!0) : O(!1);
   }, [n]), $(() => {
-    w ? C(w) : d != null && d.length ? C(!0) : C(!1);
+    x ? C(x) : d != null && d.length ? C(!0) : C(!1);
   }, [F, d]), $(() => {
     N && O(!1);
   }, [N]);
-  const x = te.useRef(null), k = () => {
-    x.current && !N && x.current.focus();
+  const v = te.useRef(null), k = () => {
+    v.current && !N && v.current.focus();
   }, U = () => {
-    A(!0);
+    P(!0);
   }, J = (X) => {
     const q = X.target.value;
     R(q), O(!1), typeof m == "function" && m(q);
   }, re = () => {
-    A(!1);
-  }, _ = wt({
+    P(!1);
+  }, _ = bt({
     showSupportingText: F,
     isFocused: N,
     showErrorIcon: L,
@@ -3074,7 +3084,7 @@ const dn = ({
   let S, E;
   switch (a) {
     case "multiLine":
-      E = tt, S = {};
+      E = rt, S = {};
       break;
     case "textAreas":
       E = "textarea", S = {};
@@ -3137,7 +3147,7 @@ const dn = ({
         /* @__PURE__ */ f(
           E,
           {
-            ref: x,
+            ref: v,
             value: g,
             onChange: J,
             className: _.input,
@@ -3178,7 +3188,7 @@ const dn = ({
             ie,
             {
               className: "h-5 text-error",
-              icon: Xt
+              icon: Ut
             }
           )
         }
@@ -3186,7 +3196,7 @@ const dn = ({
     ] }),
     F && /* @__PURE__ */ f("p", { className: _.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
   ] });
-}, Yt = G(
+}, qt = G(
   "navigationRailItem",
   ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     navigationRailItem: p(
@@ -3227,7 +3237,7 @@ const dn = ({
       "text-label-medium": l == "vertical"
     })
   })
-), jt = ({ 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 }) }), qt = ({
+), 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 }) }), _t = ({
   className: e,
   onClick: t,
   label: n,
@@ -3244,12 +3254,12 @@ const dn = ({
   isExtended: u,
   iconSelected: m,
   style: b,
-  extendedOnly: w,
+  extendedOnly: x,
   children: M,
   ...g
 }) => {
   M && (n = M);
-  const R = P(null), N = y || R, [A, L] = D(h);
+  const R = B(null), N = y || R, [P, L] = D(h);
   $(() => {
     h && c == null ? L(!0) : L(c == d && d != null);
   }, [c]), $(() => {
@@ -3260,27 +3270,27 @@ const dn = ({
       icon: i
     });
   }, [c]);
-  const O = r ? "a" : "button", F = (x) => {
-    s && s(d ?? null), t && t(x);
-  }, C = Yt({
+  const O = r ? "a" : "button", F = (v) => {
+    s && s(d ?? null), t && t(v);
+  }, C = qt({
     isExtended: u,
-    extendedOnly: w,
+    extendedOnly: x,
     className: e,
     onItemSelected: o,
     selectedItem: c,
     index: d,
     transition: a,
-    selected: A,
+    selected: P,
     variant: l,
     icon: i,
     label: n,
-    isSelected: A,
+    isSelected: P,
     setSelectedItem: s,
     href: r,
     children: n,
     iconSelected: m
   });
-  return a = { duration: 0.3, ...a }, w && !u ? null : (
+  return a = { duration: 0.3, ...a }, x && !u ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ Y(
@@ -3288,7 +3298,7 @@ const dn = ({
       {
         ...g,
         role: "tab",
-        "aria-selected": A,
+        "aria-selected": P,
         ref: N,
         href: r,
         className: C.navigationRailItem,
@@ -3308,12 +3318,12 @@ const dn = ({
                 i && /* @__PURE__ */ f(
                   ie,
                   {
-                    icon: A ? m : i,
+                    icon: P ? m : i,
                     className: C.icon
                   }
                 ),
                 /* @__PURE__ */ f(ue, { children: l == "horizontal" && (() => {
-                  const x = {
+                  const v = {
                     width: 0,
                     opacity: 0,
                     transition: {
@@ -3333,9 +3343,9 @@ const dn = ({
                   return /* @__PURE__ */ f(
                     j.span,
                     {
-                      initial: x,
+                      initial: v,
                       animate: k,
-                      exit: x,
+                      exit: v,
                       className: C.label,
                       children: n
                     }
@@ -3345,7 +3355,7 @@ const dn = ({
             }
           ),
           /* @__PURE__ */ f(ue, { children: l == "vertical" && (() => {
-            const x = {
+            const v = {
               height: 0,
               opacity: 0,
               transition: {
@@ -3370,7 +3380,7 @@ const dn = ({
               {
                 initial: k,
                 animate: k,
-                exit: x,
+                exit: v,
                 className: C.label,
                 transition: a,
                 children: n
@@ -3381,7 +3391,7 @@ const dn = ({
       }
     )
   );
-}, Kt = G(
+}, Gt = G(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: p("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -3397,7 +3407,7 @@ const dn = ({
       "w-fit  items-start": e
     })
   })
-), yn = ({
+), wn = ({
   variant: e = "standard",
   onItemSelected: t,
   children: n,
@@ -3407,7 +3417,7 @@ const dn = ({
   alignment: c = "top",
   menu: s = {
     closed: {
-      icon: Ot,
+      icon: Yt,
       label: "Open menu"
     },
     opened: {
@@ -3421,23 +3431,23 @@ const dn = ({
   setSelectedItem: y
 }) => {
   const [a, u] = D(null), [m, b] = D(i);
-  let w;
-  r == 0 || r != null ? w = r : w = a;
-  const M = y || u, g = P(null), R = (C) => {
+  let x;
+  r == 0 || r != null ? x = r : x = a;
+  const M = y || u, g = B(null), R = (C) => {
     t == null || t(C);
   };
   function N(C) {
-    const x = [];
-    return Ke.forEach(C, (k) => {
-      pe(k) && k.type === _e ? x.push(...N(k.props.children)) : x.push(k);
-    }), x;
+    const v = [];
+    return Ge.forEach(C, (k) => {
+      pe(k) && k.type === Je ? v.push(...N(k.props.children)) : v.push(k);
+    }), v;
   }
-  const A = N(n), L = A.filter(
-    (C) => pe(C) && C.type === Ae
-  ), O = Kt({
+  const P = N(n), L = P.filter(
+    (C) => pe(C) && C.type === Ve
+  ), O = Gt({
     children: n,
     onItemSelected: t,
-    selectedItem: w,
+    selectedItem: x,
     setSelectedItem: M,
     className: l,
     variant: e,
@@ -3449,7 +3459,7 @@ const dn = ({
     onExtendedChange: o
   });
   h = { duration: 0.3, ...h };
-  const F = P(!1);
+  const F = B(!1);
   return F.current = !1, $(() => {
     o == null || o(m ?? !1);
   }, [m]), /* @__PURE__ */ Y(
@@ -3477,21 +3487,21 @@ const dn = ({
         ] }),
         /* @__PURE__ */ f("div", { className: O.segments, children: (() => {
           let C = 0;
-          return A.map((x) => pe(x) && x.type === qt ? be(
-            x,
+          return P.map((v) => pe(v) && v.type === _t ? be(
+            v,
             {
               key: C,
               index: C++,
               // Utilise et incrémente le compteur dédié
               variant: m ? "horizontal" : "vertical",
-              selectedItem: w,
+              selectedItem: x,
               setSelectedItem: M,
               onItemSelected: R,
               transition: h,
               extendedOnly: F.current,
               isExtended: m
             }
-          ) : pe(x) && x.type === Ae ? null : pe(x) && x.type === jt ? (F.current = !0, m ? be(x, {}) : null) : x);
+          ) : pe(v) && v.type === Ve ? null : pe(v) && v.type === Kt ? (F.current = !0, m ? be(v, {}) : null) : v);
         })() }),
         /* @__PURE__ */ f("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -3499,62 +3509,62 @@ const dn = ({
   );
 };
 function xn(e) {
-  return ze({
-    variant: et.Udixio,
+  return et({
+    variant: nt.Udixio,
     ...e,
-    plugins: [new Te(e), new Xe(e)]
+    plugins: [new tt(e), new Ue(e)]
   });
 }
 export {
-  ln as AnimateOnScrollInit,
-  Wt as Button,
-  sn as Card,
-  cn as Carousel,
-  Bt as CarouselItem,
-  Et as CustomScroll,
-  Pt as Divider,
-  Ae as Fab,
+  sn as AnimateOnScrollInit,
+  Bt as Button,
+  un as Card,
+  dn as Carousel,
+  Pt as CarouselItem,
+  kt as CustomScroll,
+  Ht as Divider,
+  Ve as Fab,
   ie as Icon,
   $e as IconButton,
-  yn as NavigationRail,
-  qt as NavigationRailItem,
-  jt as NavigationRailSection,
-  bt as ProgressIndicator,
-  ve as RippleEffect,
-  dn as SideSheet,
-  un as Slider,
-  rn as SmoothScroll,
-  fn as Snackbar,
-  mn as Switch,
-  kt as SyncedFixedWrapper,
-  Ut as Tab,
-  hn as Tabs,
-  pn as TextField,
-  on as ThemeProvider,
-  Ye as ToolTip,
-  an as animateOnScroll,
-  lt as buttonStyle,
-  at as cardStyle,
-  st as carouselItemStyle,
-  ct as carouselStyle,
+  wn as NavigationRail,
+  _t as NavigationRailItem,
+  Kt as NavigationRailSection,
+  Nt as ProgressIndicator,
+  we as RippleEffect,
+  mn as SideSheet,
+  fn as Slider,
+  ln as SmoothScroll,
+  hn as Snackbar,
+  pn as Switch,
+  St as SyncedFixedWrapper,
+  jt as Tab,
+  yn as Tabs,
+  vn as TextField,
+  an as ThemeProvider,
+  qe as ToolTip,
+  cn as animateOnScroll,
+  st as buttonStyle,
+  ct as cardStyle,
+  it as carouselItemStyle,
+  ut as carouselStyle,
   p as classNames,
-  nt as classnames,
-  Lt as customScrollStyle,
+  ot as classnames,
+  Et as customScrollStyle,
   G as defaultClassNames,
   xn as defineConfig,
-  it as dividerStyle,
-  ut as fabStyle,
-  ot as getClassNames,
-  dt as iconButtonStyle,
-  Ue as initAnimateOnScroll,
+  dt as dividerStyle,
+  ft as fabStyle,
+  at as getClassNames,
+  mt as iconButtonStyle,
+  je as initAnimateOnScroll,
   fe as normalize,
-  ft as progressIndicatorStyle,
-  mt as sideSheetStyle,
-  ht as sliderStyle,
-  pt as snackbarStyle,
-  yt as switchStyle,
+  ht as progressIndicatorStyle,
+  pt as sideSheetStyle,
+  yt as sliderStyle,
+  vt as snackbarStyle,
+  wt as switchStyle,
   xt as tabStyle,
-  vt as tabsStyle,
-  wt as textFieldStyle,
-  gt as toolStyle
+  gt as tabsStyle,
+  bt as textFieldStyle,
+  Lt as toolStyle
 };