@udixio/ui-react 2.5.2 → 2.6.0

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 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({
+import { jsx as f, jsxs as U, Fragment as he } from "react/jsx-runtime";
+import { clsx as Pe } from "clsx";
+import { extendTailwindMerge as Ue } from "tailwind-merge";
+import T, { useState as R, useEffect as $, useRef as A, useLayoutEffect as He, isValidElement as me, cloneElement as ve, useMemo as je, Children as qe, Fragment as Ke } from "react";
+import { motion as q, AnimatePresence as ce, useScroll as _e, useMotionValueEvent as Se, animate as Ge } from "motion/react";
+import { animate as Je } from "motion";
+import { createPortal as Ve } from "react-dom";
+import { loader as Ze, defineConfig as Qe, FontPlugin as ze, Variants as Te } from "@udixio/theme";
+import { TailwindPlugin as Oe } from "@udixio/tailwind";
+import et from "react-textarea-autosize";
+const Fe = Ue({
   override: {
     classGroups: {
       "text-color": [
@@ -34,11 +34,11 @@ const Ye = Ke({
       font: ["font"]
     }
   }
-}), p = (...e) => Ye(Fe(e)), ot = (...e) => Ye(Fe(e));
-function lt(e) {
+}), p = (...e) => Fe(Pe(e)), tt = (...e) => Fe(Pe(e));
+function nt(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 at = (e) => {
+const rt = (e) => {
   const t = {};
   e.classNameList.forEach((l) => {
     var r;
@@ -46,23 +46,23 @@ const at = (e) => {
       if (typeof l == "string")
         (t[r = e.default] ?? (t[r] = [])).push(l);
       else {
-        const i = l(e.states);
-        Object.entries(i).map((c) => {
-          const [s, d] = c;
-          (t[s] ?? (t[s] = [])).push(d);
+        const s = l(e.states);
+        Object.entries(s).map((c) => {
+          const [a, d] = c;
+          (t[a] ?? (t[a] = [])).push(d);
         });
       }
   });
   const n = t;
   return Object.entries(t).map((l) => {
-    let [r, i] = l;
-    i = i.reverse(), r == e.default && i.unshift("relative"), i.unshift(lt(r)), n[r] = ot(...i);
+    let [r, s] = l;
+    s = s.reverse(), r == e.default && s.unshift("relative"), s.unshift(nt(r)), n[r] = tt(...s);
   }), n;
-}, G = (e, t) => (n) => at({
+}, G = (e, t) => (n) => rt({
   classNameList: [n.className, t],
   default: e,
   states: n
-}), st = G(
+}), ot = G(
   "button",
   ({
     variant: e,
@@ -70,9 +70,9 @@ const at = (e) => {
     disabled: n,
     iconPosition: l,
     icon: r,
-    isActive: i,
+    isActive: s,
     loading: c,
-    shape: s,
+    shape: a,
     onToggle: d,
     size: o,
     allowShapeTransformation: h
@@ -84,12 +84,12 @@ const at = (e) => {
       o === "medium" && "text-title-medium px-6 py-4 gap-2",
       o === "large" && "text-headline-small px-12 py-8 gap-3",
       o === "xLarge" && "text-headline-large px-16 py-12 gap-4",
-      s === "rounded" && {
+      a === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (s === "squared" || h && i) && {
+      (a === "squared" || h && s) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
@@ -101,28 +101,28 @@ const at = (e) => {
       },
       e === "elevated" && {
         "shadow-1 hover:shadow-2": !n,
-        "bg-surface-container-low text-primary": !n && !i,
-        "bg-primary text-on-primary": !n && i,
+        "bg-surface-container-low text-primary": !n && !s,
+        "bg-primary text-on-primary": !n && s,
         "text-on-surface/[38%]": n
       },
       e === "filled" && {
         "hover:shadow-1": !n,
-        "bg-surface-container text-on-surface-variant": !n && !i && d,
-        "bg-primary text-on-primary": !n && (i && d || !d),
+        "bg-surface-container text-on-surface-variant": !n && !s && d,
+        "bg-primary text-on-primary": !n && (s && d || !d),
         "text-on-surface/[38%]": n
       },
       e === "tonal" && {
         "hover:shadow-1": !n,
-        "bg-secondary-container text-on-secondary-container": !n && !i,
-        "bg-secondary text-on-secondary": !n && i,
+        "bg-secondary-container text-on-secondary-container": !n && !s,
+        "bg-secondary text-on-secondary": !n && s,
         "text-on-surface/[0.38]": n
       },
       e === "outlined" && [
         " border",
         {
           "border-on-surface/[0.12] text-on-surface/[0.38]": n,
-          "text-primary border-outline focus:border-primary": !n && !i,
-          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !n && i
+          "text-primary border-outline focus:border-primary": !n && !s,
+          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !n && s
         }
       ],
       e === "text" && [
@@ -159,12 +159,12 @@ const at = (e) => {
         "group-state-on-primary": !n && !d,
         "group-state-on-surface-variant": !n && d
       },
-      s === "rounded" && {
+      a === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (s === "squared" || h && i) && {
+      (a === "squared" || h && s) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
@@ -195,7 +195,7 @@ const at = (e) => {
       o === "xLarge" && "size-10"
     )
   })
-), ct = G(
+), lt = G(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: p(
@@ -211,7 +211,7 @@ const at = (e) => {
       }
     ])
   })
-), it = G(
+), at = G(
   "carouselItem",
   ({ width: e }) => ({
     carouselItem: p("rounded-[28px] overflow-hidden flex-none", {
@@ -219,13 +219,13 @@ const at = (e) => {
       "flex-1": e == null
     })
   })
-), ut = G(
+), st = G(
   "carousel",
   () => ({
     carousel: p(["w-full h-[400px]"]),
     track: p("flex h-full w-full")
   })
-), dt = G(
+), ct = G(
   "divider",
   ({ orientation: e }) => ({
     divider: p(
@@ -238,7 +238,7 @@ const at = (e) => {
       }
     )
   })
-), ft = G(
+), it = G(
   "fab",
   ({ size: e, variant: t, isExtended: n }) => ({
     fab: p(
@@ -275,7 +275,7 @@ const at = (e) => {
     }),
     label: p("text-title-medium text-nowrap")
   })
-), mt = G(
+), ut = G(
   "iconButton",
   ({
     variant: e,
@@ -283,9 +283,9 @@ const at = (e) => {
     onToggle: n,
     isActive: l,
     size: r,
-    width: i,
+    width: s,
     shape: c,
-    allowShapeTransformation: s
+    allowShapeTransformation: a
   }) => ({
     iconButton: p(
       "rounded-full relative flex transition-all duration-300",
@@ -298,12 +298,12 @@ const at = (e) => {
         "rounded-[40px]": r === "medium",
         "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (c === "squared" || s && l) && {
+      (c === "squared" || a && l) && {
         "rounded-[12px]": r === "xSmall" || r == "small",
         "rounded-[16px]": r === "medium",
         "rounded-[28px]": r === "large" || r == "xLarge"
       },
-      s && !t && {
+      a && !t && {
         "active:rounded-[12px]": r === "xSmall" || r == "small",
         "active:rounded-[16px]": r === "medium",
         "active:rounded-[28px]": r === "large" || r == "xLarge"
@@ -338,17 +338,17 @@ const at = (e) => {
     ),
     stateLayer: p(
       "absolute top-0 left-0 h-full w-full overflow-hidden",
-      (c === "rounded" || c === "squared" && n && !t && l && s) && {
+      (c === "rounded" || c === "squared" && n && !t && l && a) && {
         "rounded-[30px]": r === "xSmall" || r == "small",
         "rounded-[40px]": r === "medium",
         "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (c === "squared" || c === "rounded" && n && !t && l && s) && {
+      (c === "squared" || c === "rounded" && n && !t && l && a) && {
         "rounded-[12px]": r === "xSmall" || r == "small",
         "rounded-[16px]": r === "medium",
         "rounded-[28px]": r === "large" || r == "xLarge"
       },
-      s && !t && {
+      a && !t && {
         "group-active:rounded-[12px]": r === "xSmall" || r == "small",
         "group-active:rounded-[16px]": r === "medium",
         "group-active:rounded-[28px]": r === "large" || r == "xLarge"
@@ -379,14 +379,14 @@ const at = (e) => {
       { "size-6 p-4": r === "medium" },
       { "size-8 p-8": r === "large" },
       { "size-10 p-12": r === "xLarge" },
-      i == "narrow" && [
+      s == "narrow" && [
         { "px-1": r === "xSmall" },
         { "px-1": r === "small" },
         { "px-3": r === "medium" },
         { "px-4": r === "large" },
         { "px-8": r === "xLarge" }
       ],
-      i == "wide" && [
+      s == "wide" && [
         { "px-2.5": r === "xSmall" },
         { "px-3.5": r === "small" },
         { "px-6": r === "medium" },
@@ -414,7 +414,7 @@ const at = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), ht = G(
+), dt = G(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: p(
@@ -446,7 +446,7 @@ const at = (e) => {
       }
     )
   })
-), pt = G(
+), ft = G(
   "slideSheet",
   ({ variant: e, position: t }) => ({
     slideSheet: p(
@@ -473,7 +473,7 @@ const at = (e) => {
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
-), yt = G(
+), mt = G(
   "slider",
   ({ isChanging: e }) => ({
     slider: p([
@@ -496,7 +496,7 @@ const at = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), vt = G(
+), ht = G(
   "snackbar",
   () => ({
     snackbar: p(" rounded bg-inverse-surface "),
@@ -506,7 +506,7 @@ const at = (e) => {
     supportingText: p("text-body-medium text-inverse-on-surface "),
     icon: p(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), wt = G(
+), pt = G(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
     switch: p(
@@ -549,7 +549,7 @@ const at = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), xt = G(
+), yt = G(
   "tab",
   ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     tab: p(
@@ -608,7 +608,7 @@ const at = (e) => {
       l === "secondary" && "h-0.5"
     )
   })
-), gt = G(
+), wt = G(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: p(
@@ -617,7 +617,7 @@ const at = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), bt = G(
+), vt = G(
   "textField",
   ({
     disabled: e,
@@ -625,9 +625,9 @@ const at = (e) => {
     trailingIcon: n,
     variant: l,
     errorText: r,
-    isFocused: i,
+    isFocused: s,
     value: c,
-    suffix: s,
+    suffix: a,
     textLine: d
   }) => ({
     textField: p({
@@ -637,9 +637,9 @@ const at = (e) => {
       "group  transition-border duration-200 relative  flex  items-center ",
       { "h-14": d == "singleLine" },
       {
-        "border-on-surface-variant": !(r != null && r.length) && !i && l == "filled",
-        "border-outline": !(r != null && r.length) && !i && l == "outlined",
-        "border-primary": !(r != null && r.length) && i,
+        "border-on-surface-variant": !(r != null && r.length) && !s && l == "filled",
+        "border-outline": !(r != null && r.length) && !s && l == "outlined",
+        "border-primary": !(r != null && r.length) && s,
         "border-error": !!(r != null && r.length)
       },
       { "bg-on-surface/[0.04]": e },
@@ -650,7 +650,7 @@ const at = (e) => {
       l == "outlined" && [
         "border rounded box-border",
         {
-          "border-[3px]": i
+          "border-[3px]": s
         }
       ]
     ),
@@ -661,7 +661,7 @@ const at = (e) => {
       },
       {
         "group-state-on-surface": !e,
-        "focus-state-on-surface": i
+        "focus-state-on-surface": s
       }
     ),
     label: p(
@@ -669,7 +669,7 @@ const at = (e) => {
       { "text-on-surface-variant": !e && !(r != null && r.length) },
       { "text-on-surface": e },
       { "text-error": !!(r != null && r.length) },
-      { "text-primary": !(r != null && r.length) && i }
+      { "text-primary": !(r != null && r.length) && s }
     ),
     input: p(
       "w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
@@ -678,7 +678,7 @@ const at = (e) => {
         "placeholder:text-on-surface text-on-surface": e
       },
       {
-        "pr-0": !!s
+        "pr-0": !!a
       },
       l == "filled" && " pb-2 pt-6",
       l == "outlined" && "py-4 relative z-10"
@@ -689,22 +689,22 @@ const at = (e) => {
         "h-[2px] transition-all duration-300",
         { "bg-primary": !(r != null && r.length) },
         { "bg-error": !!(r != null && r.length) },
-        { "!w-full": i }
+        { "!w-full": s }
       ]
     ),
     supportingText: p(
       " text-body-small px-4 pt-1",
       { "text-on-surface-variant": !e && !(r != null && r.length) },
       { "text-on-surface": e },
-      { "!w-full": i },
+      { "!w-full": s },
       { "text-error": !!(r != null && r.length) }
     ),
     leadingIcon: p([
       "h-12 ml-3 flex items-center justify-center",
-      { "cursor-text": !te.isValidElement(t) }
+      { "cursor-text": !T.isValidElement(t) }
     ]),
     trailingIcon: p("h-12 w-12 flex items-center justify-center", {
-      "cursor-text": !te.isValidElement(n)
+      "cursor-text": !T.isValidElement(n)
     }),
     suffix: p(
       "text-on-surface-variant pl-0 pr-4",
@@ -712,7 +712,7 @@ const at = (e) => {
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), Lt = G(
+), xt = G(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: p(
@@ -743,7 +743,7 @@ const at = (e) => {
     ),
     supportingText: p("")
   })
-), ie = ({ icon: e, colors: t = [], className: n }) => {
+), se = ({ icon: e, colors: t = [], className: n }) => {
   if (typeof e == "string") {
     let o = e;
     return t[0] && (o = o.replace(
@@ -784,7 +784,7 @@ const at = (e) => {
   const l = e;
   if (!(l != null && l.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: r } = l, [i, c, , , s] = r || [], d = (o) => {
+  const { icon: r } = l, [s, c, , , a] = r || [], d = (o) => {
     switch (o.length) {
       case 2:
         return {
@@ -803,59 +803,59 @@ const at = (e) => {
       className: p("size-5 box-content", n),
       style: { ...d(t) },
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${i} ${c}`,
+      viewBox: `0 0 ${s} ${c}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof s == "string" ? /* @__PURE__ */ f("path", { className: "fill-current", d: s }) : s.map((o, h) => /* @__PURE__ */ f("path", { d: o }, h))
+      children: typeof a == "string" ? /* @__PURE__ */ f("path", { className: "fill-current", d: a }) : a.map((o, h) => /* @__PURE__ */ f("path", { d: o }, h))
     }
   );
-}, Nt = ({
+}, gt = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: n = 1e3,
   className: l,
   ...r
 }) => {
-  const [i, c] = D(t), [s] = D(1.5);
+  const [s, c] = R(t), [a] = R(1.5);
   $(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), c(t);
   }, [t]);
-  const [d, o] = D(!0), h = () => d ? s : s * 0.5;
+  const [d, o] = R(!0), h = () => d ? a : a * 0.5;
   $(() => {
-    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && i !== 100) {
+    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && s !== 100) {
       const m = setInterval(() => {
         c(d ? 10 : 90), o(!d);
       }, h() * 1e3);
       return () => clearInterval(m);
     }
-  }, [e, d, i]);
-  const [y, a] = D(!1);
+  }, [e, d, s]);
+  const [v, i] = R(!1);
   $(() => {
-    if (i >= 100) {
+    if (s >= 100) {
       const m = setTimeout(() => {
-        a(!1);
+        i(!1);
       }, n);
       return () => {
         clearTimeout(m);
       };
     } else
-      a(!0);
-  }, [i, n]);
-  const u = ht({
+      i(!0);
+  }, [s, n]);
+  const u = dt({
     className: l,
     variant: e,
     value: t,
     transitionDuration: n,
-    isVisible: y
+    isVisible: v
   });
-  return /* @__PURE__ */ Y(ye, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ Y("div", { className: u.progressIndicator, ...r, children: [
+  return /* @__PURE__ */ U(he, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className: u.progressIndicator, ...r, children: [
       /* @__PURE__ */ f(
         "div",
         {
           style: {
-            width: `${i}%`,
-            transition: `width ${n}ms ease-in-out ${i == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
+            width: `${s}%`,
+            transition: `width ${n}ms ease-in-out ${s == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
           className: u.track
         }
@@ -864,8 +864,8 @@ const at = (e) => {
         "div",
         {
           style: {
-            marginLeft: i != 100 ? "6px" : "0px",
-            transition: `width ${n}ms ease-in-out ${i == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
+            marginLeft: s != 100 ? "6px" : "0px",
+            transition: `width ${n}ms ease-in-out ${s == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
           },
           className: u.activeIndicator
         }
@@ -882,7 +882,7 @@ const at = (e) => {
       )
     ] }),
     (e === "circular-determinate" || e == "circular-indeterminate") && /* @__PURE__ */ f(
-      j.svg,
+      q.svg,
       {
         width: "48",
         height: "48",
@@ -897,11 +897,11 @@ const at = (e) => {
         className: u.progressIndicator,
         ...r,
         children: /* @__PURE__ */ f(
-          j.circle,
+          q.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: y ? "calc(50% - 2px)" : "50%",
+            r: v ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
@@ -951,36 +951,36 @@ const at = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, r] = D(!0), [i, c] = D(!1), [s, d] = D({ x: 0, y: 0 });
+  }, [l, r] = R(!0), [s, c] = R(!1), [a, d] = R({ x: 0, y: 0 });
   $(() => {
-    i && (r(!0), r(!1));
-  }, [i]), $(() => {
-    const a = t == null ? void 0 : t.current;
-    if (a)
-      return a.addEventListener("mousedown", o), a.addEventListener("mouseup", y), a.addEventListener("mouseleave", h), () => {
-        a.removeEventListener("mousedown", o), a.removeEventListener("mouseup", y), a.removeEventListener("mouseleave", h);
+    s && (r(!0), r(!1));
+  }, [s]), $(() => {
+    const i = t == null ? void 0 : t.current;
+    if (i)
+      return i.addEventListener("mousedown", o), i.addEventListener("mouseup", v), i.addEventListener("mouseleave", h), () => {
+        i.removeEventListener("mousedown", o), i.removeEventListener("mouseup", v), i.removeEventListener("mouseleave", h);
       };
   }, [t]);
-  const o = (a) => {
+  const o = (i) => {
     const u = t == null ? void 0 : t.current, m = u.getBoundingClientRect();
     c(!0), d({
-      x: (a.clientX - m.left) / u.clientWidth * 100,
-      y: (a.clientY - m.top) / u.clientHeight * 100
+      x: (i.clientX - m.left) / u.clientWidth * 100,
+      y: (i.clientY - m.top) / u.clientHeight * 100
     });
-  }, h = (a) => {
+  }, h = (i) => {
     c(!1);
-  }, y = (a) => {
+  }, v = (i) => {
     c(!1);
   };
-  return /* @__PURE__ */ f(ue, { mode: "wait", children: (i || !i && !l) && /* @__PURE__ */ f(
-    j.div,
+  return /* @__PURE__ */ f(ce, { mode: "wait", children: (s || !s && !l) && /* @__PURE__ */ f(
+    q.div,
     {
       style: {
         position: "absolute",
         width: "100%",
         height: "100%",
-        top: s.y + "%",
-        left: s.x + "%",
+        top: a.y + "%",
+        left: a.x + "%",
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
@@ -992,7 +992,7 @@ const at = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, Et = G(
+}, bt = G(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: n }) => ({
     customScroll: p(
@@ -1021,194 +1021,194 @@ const at = (e) => {
     })
   })
 );
-function It(e, t) {
+function Lt(e, t) {
   let n = 0, l = null, r = null;
-  const i = (c, s) => {
-    n = Date.now(), t(c, s);
+  const s = (c, a) => {
+    n = Date.now(), t(c, a);
   };
-  return (c, s) => {
+  return (c, a) => {
     const d = Date.now(), o = e - (d - n);
-    o <= 0 ? (l && (clearTimeout(l), l = null), i(c, s)) : (r = { v: c, o: s }, l || (l = setTimeout(() => {
+    o <= 0 ? (l && (clearTimeout(l), l = null), s(c, a)) : (r = { v: c, o: a }, l || (l = setTimeout(() => {
       l = null;
       const h = r;
-      r = null, h && i(h.v, h.o);
+      r = null, h && s(h.v, h.o);
     }, o)));
   };
 }
-const kt = ({
+const Nt = ({
   children: e,
   orientation: t = "vertical",
   scrollSize: n,
   onScroll: l,
   className: r,
-  draggable: i = !1,
+  draggable: s = !1,
   throttleDuration: c = 75,
-  scroll: s,
+  scroll: a,
   setScroll: d
 }) => {
-  var ae, de;
-  const o = B(null), h = B(null), [y, a] = D({
+  var oe, ie;
+  const o = A(null), h = A(null), [v, i] = R({
     width: null,
     height: null
   });
   $(() => {
     if (!o.current) return;
-    const I = new ResizeObserver((w) => {
-      for (const A of w)
-        A.target === o.current && a({
-          width: A.contentRect.width,
-          height: A.contentRect.height
+    const k = new ResizeObserver((b) => {
+      for (const D of b)
+        D.target === o.current && i({
+          width: D.contentRect.width,
+          height: D.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return I.observe(o.current), () => {
-      I.disconnect();
+    return k.observe(o.current), () => {
+      k.disconnect();
     };
   }, [o]);
-  const u = B(null), m = B(null), b = () => {
-    const I = h.current;
-    return I ? {
-      width: n ?? I.scrollWidth,
-      height: n ?? I.scrollHeight
+  const u = A(null), m = A(null), y = () => {
+    const k = h.current;
+    return k ? {
+      width: n ?? k.scrollWidth,
+      height: n ?? k.scrollHeight
     } : null;
-  }, x = () => {
-    const I = o.current;
-    return I ? {
-      width: I.clientWidth,
-      height: I.clientHeight
+  }, w = () => {
+    const k = o.current;
+    return k ? {
+      width: k.clientWidth,
+      height: k.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: M, scrollXProgress: g } = Ze({
+  }, { scrollYProgress: I, scrollXProgress: g } = _e({
     container: o
-  }), R = B(null);
-  R.current || (R.current = It(
+  }), W = A(null);
+  W.current || (W.current = Lt(
     c,
-    (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),
+    (k, b) => {
+      !m.current || !u.current || !o.current || (b === (t === "horizontal" ? "x" : "y") && (d == null || d(k)), l && (t === "horizontal" && b === "x" && l({
+        scrollProgress: k,
+        scroll: k * (u.current.width - o.current.clientWidth),
         scrollTotal: u.current.width - o.current.clientWidth,
         scrollVisible: m.current.width
-      }), t === "vertical" && w === "y" && l({
-        scrollProgress: I,
-        scroll: I * (u.current.height - o.current.clientHeight),
+      }), t === "vertical" && b === "y" && l({
+        scrollProgress: k,
+        scroll: k * (u.current.height - o.current.clientHeight),
         scrollTotal: u.current.height - o.current.clientHeight,
         scrollVisible: m.current.height
       })));
     }
   ));
-  const N = (I, w) => {
-    R.current && R.current(I, w);
+  const L = (k, b) => {
+    W.current && W.current(k, b);
   };
   $(() => {
-    y.width && N(g.get(), "x"), y.height && N(M.get(), "y");
-  }, [y]), $(() => {
-    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));
+    v.width && L(g.get(), "x"), v.height && L(I.get(), "y");
+  }, [v]), $(() => {
+    const k = o.current, b = h.current;
+    if (!k || !b || typeof a != "number") return;
+    const D = (H, j, Y) => Math.min(Y, Math.max(j, H));
     if (t === "horizontal") {
-      const H = Math.max(0, (n ?? w.scrollWidth) - I.clientWidth);
-      I.scrollLeft = A(s * H, 0, H);
+      const H = Math.max(0, (n ?? b.scrollWidth) - k.clientWidth);
+      k.scrollLeft = D(a * H, 0, H);
     } else {
-      const H = Math.max(0, (n ?? w.scrollHeight) - I.clientHeight);
-      I.scrollTop = A(s * H, 0, H);
+      const H = Math.max(0, (n ?? b.scrollHeight) - k.clientHeight);
+      k.scrollTop = D(a * H, 0, H);
     }
-  }, [s, t, n]), Re(g, "change", (I) => {
-    N(I, "x");
-  }), Re(M, "change", (I) => {
-    N(I, "y");
+  }, [a, t, n]), Se(g, "change", (k) => {
+    L(k, "x");
+  }), Se(I, "change", (k) => {
+    L(k, "y");
   });
-  const [P, L] = D(!1);
-  Xe(() => {
+  const [P, N] = R(!1);
+  He(() => {
     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 = x();
-  const [O, F] = D(!1), C = Et({
-    isDragging: O,
+    }), N(!0));
+  }, [m, u, l]), u.current = y(), m.current = w();
+  const [F, V] = R(!1), C = bt({
+    isDragging: F,
     children: e,
     className: r,
     onScroll: l,
     orientation: t,
     scrollSize: n,
-    draggable: i,
+    draggable: s,
     throttleDuration: c
-  }), [v, k] = D(0), [U, J] = D(0), re = (I) => {
-    if (!i) return;
-    const w = o.current;
-    if (!w || v == null) return;
-    const H = (I.pageX - w.offsetLeft - v) * 1.5;
-    w.scrollLeft = U - H;
-  }, _ = (I) => {
-    const w = o.current;
-    w && (F(!0), k(I.pageX - w.offsetLeft), J(w.scrollLeft));
-  }, oe = (I) => {
-    O && (I.preventDefault(), re(I));
+  }), [x, M] = R(0), [X, J] = R(0), ee = (k) => {
+    if (!s) return;
+    const b = o.current;
+    if (!b || x == null) return;
+    const H = (k.pageX - b.offsetLeft - x) * 1.5;
+    b.scrollLeft = X - H;
+  }, _ = (k) => {
+    const b = o.current;
+    b && (V(!0), M(k.pageX - b.offsetLeft), J(b.scrollLeft));
+  }, te = (k) => {
+    F && (k.preventDefault(), ee(k));
   }, S = () => {
-    F(!1);
+    V(!1);
   }, E = () => {
-    F(!1);
-  }, X = (I) => {
-    I.preventDefault();
-  }, q = B(null);
+    V(!1);
+  }, O = (k) => {
+    k.preventDefault();
+  }, K = A(null);
   return $(() => () => {
-    q.current && clearTimeout(q.current);
+    K.current && clearTimeout(K.current);
   }, []), $(() => {
-    const I = o.current;
-    if (!I) return;
-    const w = (A) => {
-      var se, ne, T, ce;
-      const H = A.detail, V = o.current;
-      if (!V || !H) return;
-      const le = H.orientation ?? t;
+    const k = o.current;
+    if (!k) return;
+    const b = (D) => {
+      var ne, le, ue, ae;
+      const H = D.detail, j = o.current;
+      if (!j || !H) return;
+      const Y = H.orientation ?? t;
       if (typeof H.progress == "number")
-        if (le === "horizontal") {
-          const ee = Math.max(
+        if (Y === "horizontal") {
+          const re = Math.max(
             0,
-            (((se = u.current) == null ? void 0 : se.width) ?? 0) - V.clientWidth
+            (((ne = u.current) == null ? void 0 : ne.width) ?? 0) - j.clientWidth
           );
-          V.scrollLeft = Math.min(ee, Math.max(0, H.progress * ee));
+          j.scrollLeft = Math.min(re, Math.max(0, H.progress * re));
         } else {
-          const ee = Math.max(
+          const re = Math.max(
             0,
-            (((ne = u.current) == null ? void 0 : ne.height) ?? 0) - V.clientHeight
+            (((le = u.current) == null ? void 0 : le.height) ?? 0) - j.clientHeight
           );
-          V.scrollTop = Math.min(ee, Math.max(0, H.progress * ee));
+          j.scrollTop = Math.min(re, Math.max(0, H.progress * re));
         }
       else if (typeof H.scroll == "number")
-        if (le === "horizontal") {
-          const ee = Math.max(
+        if (Y === "horizontal") {
+          const re = Math.max(
             0,
-            (((T = u.current) == null ? void 0 : T.width) ?? 0) - V.clientWidth
+            (((ue = u.current) == null ? void 0 : ue.width) ?? 0) - j.clientWidth
           );
-          V.scrollLeft = Math.min(ee, Math.max(0, H.scroll));
+          j.scrollLeft = Math.min(re, Math.max(0, H.scroll));
         } else {
-          const ee = Math.max(
+          const re = Math.max(
             0,
-            (((ce = u.current) == null ? void 0 : ce.height) ?? 0) - V.clientHeight
+            (((ae = u.current) == null ? void 0 : ae.height) ?? 0) - j.clientHeight
           );
-          V.scrollTop = Math.min(ee, Math.max(0, H.scroll));
+          j.scrollTop = Math.min(re, Math.max(0, H.scroll));
         }
     };
-    return I.addEventListener("udx:customScroll:set", w), () => {
-      I.removeEventListener("udx:customScroll:set", w);
+    return k.addEventListener("udx:customScroll:set", b), () => {
+      k.removeEventListener("udx:customScroll:set", b);
     };
-  }, [t]), /* @__PURE__ */ Y(
+  }, [t]), /* @__PURE__ */ U(
     "div",
     {
       className: C.customScroll,
       ref: o,
       onMouseDown: _,
-      onMouseMove: oe,
+      onMouseMove: te,
       onMouseUp: S,
       onMouseLeave: E,
-      onDragStart: X,
-      onScroll: (I) => {
-        O || (k(null), F(!0), q.current && clearTimeout(q.current), q.current = setTimeout(() => {
-          F(!1);
+      onDragStart: O,
+      onScroll: (k) => {
+        F || (M(null), V(!0), K.current && clearTimeout(K.current), K.current = setTimeout(() => {
+          V(!1);
         }, 1e3));
       },
       children: [
@@ -1216,14 +1216,14 @@ const kt = ({
           "div",
           {
             ref: h,
-            style: t === "vertical" ? { height: ((ae = m == null ? void 0 : m.current) == null ? void 0 : ae.height) ?? "100%" } : { width: ((de = m == null ? void 0 : m.current) == null ? void 0 : de.width) ?? "100%" },
+            style: t === "vertical" ? { height: ((oe = m == null ? void 0 : m.current) == null ? void 0 : oe.height) ?? "100%" } : { width: ((ie = m == null ? void 0 : m.current) == null ? void 0 : ie.width) ?? "100%" },
             className: C.track,
             children: e
           }
         ),
-        m.current && u.current && /* @__PURE__ */ Y(ye, { children: [
+        m.current && u.current && /* @__PURE__ */ U(he, { children: [
           t === "vertical" && u.current.height > m.current.height && /* @__PURE__ */ f(
-            j.div,
+            q.div,
             {
               className: "flex-none",
               style: {
@@ -1232,7 +1232,7 @@ const kt = ({
             }
           ),
           t === "horizontal" && u.current.width > m.current.width && /* @__PURE__ */ f(
-            j.div,
+            q.div,
             {
               className: "flex-none",
               style: {
@@ -1244,159 +1244,159 @@ const kt = ({
       ]
     }
   );
-}, Mt = ({
+}, Et = ({
   onScroll: e,
   el: t,
   touch: n = !0
 }) => {
-  const l = B(null), r = B(0), i = B(0);
+  const l = A(null), r = A(0), s = A(0);
   $(() => {
     if (!t) return;
-    r.current = t.scrollTop, i.current = t.scrollLeft;
-    const c = (a) => {
-      e == null || e(a);
-    }, s = (a) => {
-      a.preventDefault(), c({
+    r.current = t.scrollTop, s.current = t.scrollLeft;
+    const c = (i) => {
+      e == null || e(i);
+    }, a = (i) => {
+      i.preventDefault(), c({
         type: "intent",
         source: "wheel",
-        deltaX: a.deltaX,
-        deltaY: a.deltaY,
-        originalEvent: a
+        deltaX: i.deltaX,
+        deltaY: i.deltaY,
+        originalEvent: i
       });
-    }, d = (a) => {
+    }, d = (i) => {
       if (!n) return;
-      const u = a.touches[0];
+      const u = i.touches[0];
       u && (l.current = { x: u.clientX, y: u.clientY });
-    }, o = (a) => {
+    }, o = (i) => {
       if (!n) return;
-      const u = a.touches[0];
+      const u = i.touches[0];
       if (!u || !l.current) return;
-      a.preventDefault();
-      const m = l.current.x - u.clientX, b = l.current.y - u.clientY;
+      i.preventDefault();
+      const m = l.current.x - u.clientX, y = l.current.y - u.clientY;
       l.current = { x: u.clientX, y: u.clientY }, c({
         type: "intent",
         source: "touch",
         deltaX: m,
-        deltaY: b,
-        originalEvent: a
+        deltaY: y,
+        originalEvent: i
       });
     }, h = () => {
       n && (l.current = null);
-    }, y = (a) => {
+    }, v = (i) => {
       const m = t.clientHeight * 0.9;
-      let b = 0, x = 0;
-      switch (a.key) {
+      let y = 0, w = 0;
+      switch (i.key) {
         case "ArrowDown":
-          x = 40;
+          w = 40;
           break;
         case "ArrowUp":
-          x = -40;
+          w = -40;
           break;
         case "ArrowRight":
-          b = 40;
+          y = 40;
           break;
         case "ArrowLeft":
-          b = -40;
+          y = -40;
           break;
         case "PageDown":
-          x = m;
+          w = m;
           break;
         case "PageUp":
-          x = -m;
+          w = -m;
           break;
         case "Home":
-          x = Number.NEGATIVE_INFINITY;
+          w = Number.NEGATIVE_INFINITY;
           break;
         case "End":
-          x = Number.POSITIVE_INFINITY;
+          w = Number.POSITIVE_INFINITY;
           break;
         case " ":
-          x = a.shiftKey ? -m : m;
+          w = i.shiftKey ? -m : m;
           break;
         default:
           return;
       }
-      a.preventDefault(), c({
+      i.preventDefault(), c({
         type: "intent",
         source: "keyboard",
-        deltaX: b,
-        deltaY: x,
-        originalEvent: a
+        deltaX: y,
+        deltaY: w,
+        originalEvent: i
       });
     };
-    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", d, { passive: !0 }), t.addEventListener("touchmove", o, { passive: !1 }), t.addEventListener("touchend", h, { passive: !0 }), t.addEventListener("keydown", y), () => {
-      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", d), t.removeEventListener("touchmove", o), t.removeEventListener("touchend", h), t.removeEventListener("keydown", y);
+    return t.addEventListener("wheel", a, { passive: !1 }), t.addEventListener("touchstart", d, { passive: !0 }), t.addEventListener("touchmove", o, { passive: !1 }), t.addEventListener("touchend", h, { passive: !0 }), t.addEventListener("keydown", v), () => {
+      t.removeEventListener("wheel", a), t.removeEventListener("touchstart", d), t.removeEventListener("touchmove", o), t.removeEventListener("touchend", h), t.removeEventListener("keydown", v);
     };
   }, [e]);
-}, ln = ({
+}, nn = ({
   transition: e,
   orientation: t = "vertical",
   throttleDuration: n = 25
 }) => {
-  const [l, r] = D(0), [i, c] = D(), s = B(!1), d = B(), o = B(0);
+  const [l, r] = R(0), [s, c] = R(), a = A(!1), d = A(), o = A(0);
   $(() => {
     c(document);
-    const a = document.documentElement.scrollTop;
-    r(a), o.current = a;
+    const i = document.documentElement.scrollTop;
+    r(i), o.current = i;
   }, []), $(() => {
-    const a = () => {
-      s.current || r(document.documentElement.scrollTop);
+    const i = () => {
+      a.current || r(document.documentElement.scrollTop);
     };
-    return i == null || i.addEventListener("scroll", a), () => {
-      d.current && clearTimeout(d.current), i == null || i.removeEventListener("scroll", a);
+    return s == null || s.addEventListener("scroll", i), () => {
+      d.current && clearTimeout(d.current), s == null || s.removeEventListener("scroll", i);
     };
-  }, [i]);
-  const h = B(), y = B(null);
+  }, [s]);
+  const h = A(), v = A(null);
   return $(() => {
-    const a = l;
-    if (y.current && (y.current.stop(), y.current = null), !s.current) {
-      h.current = a;
+    const i = l;
+    if (v.current && (v.current.stop(), v.current = null), !a.current) {
+      h.current = i;
       return;
     }
-    return y.current = ze(h.current ?? a, a, {
+    return v.current = Je(h.current ?? i, i, {
       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, x = o.current;
-        Math.abs(b - x) < 0.1 || (o.current = b, s.current && m.scrollTo({ top: b }));
+        const m = document.documentElement, y = Math.round(u * 1e3) / 1e3, w = o.current;
+        Math.abs(y - w) < 0.1 || (o.current = y, a.current && m.scrollTo({ top: y }));
       },
       onComplete: () => {
         d.current = setTimeout(() => {
-          s.current = !1;
-        }, 300), y.current = null;
+          a.current = !1;
+        }, 300), v.current = null;
       }
     }), () => {
-      y.current && (y.current.stop(), y.current = null);
+      v.current && (v.current.stop(), v.current = null);
     };
-  }, [l]), i ? /* @__PURE__ */ f(
-    Mt,
+  }, [l]), s ? /* @__PURE__ */ f(
+    Et,
     {
       touch: !1,
-      el: i,
-      onScroll: (a) => {
-        if ("deltaY" in a && a.deltaY !== 0 && i && l !== null) {
-          let u = l + a.deltaY;
-          const m = i.querySelector("html");
-          m && (u = Math.min(u, m.scrollHeight - m.clientHeight)), u = Math.max(u, 0), r(u), s.current = !0;
+      el: s,
+      onScroll: (i) => {
+        if ("deltaY" in i && i.deltaY !== 0 && s && l !== null) {
+          let u = l + i.deltaY;
+          const m = s.querySelector("html");
+          m && (u = Math.min(u, m.scrollHeight - m.clientHeight)), u = Math.max(u, 0), r(u), a.current = !0;
         }
       }
     }
   ) : null;
-}, St = ({
+}, kt = ({
   targetRef: e,
   children: t
 }) => {
-  const [n, l] = D(null), r = B(null), i = () => {
+  const [n, l] = R(null), r = A(null), s = () => {
     const c = e.current;
     if (!c) return;
-    const s = c.getBoundingClientRect();
+    const a = c.getBoundingClientRect();
     l({
       position: "fixed",
-      top: s.top,
-      left: s.left,
-      width: s.width,
-      height: s.height,
+      top: a.top,
+      left: a.left,
+      width: a.width,
+      height: a.height,
       pointerEvents: "none",
       // si le wrapper ne doit pas capter les events
       zIndex: 999
@@ -1406,66 +1406,66 @@ const kt = ({
   return $(() => {
     const c = e.current;
     if (c)
-      return i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), r.current = new ResizeObserver(i), r.current.observe(c), () => {
-        var s;
-        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), (s = r.current) == null || s.disconnect();
+      return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), r.current = new ResizeObserver(s), r.current.observe(c), () => {
+        var a;
+        window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), (a = r.current) == null || a.disconnect();
       };
-  }, [e]), n ? Oe(/* @__PURE__ */ f("div", { style: n, children: t }), document.body) : null;
+  }, [e]), n ? Ve(/* @__PURE__ */ f("div", { style: n, children: t }), document.body) : null;
 };
-function $t(e) {
+function It(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
-const an = ({
+const rn = ({
   config: e,
   throttleDelay: t = 100,
   // Délai par défaut de 300ms
   onLoad: n,
   loadTheme: l = !1
 }) => {
-  const [r, i] = D(null);
+  const [r, s] = R(null);
   $(() => {
     (async () => {
-      const a = await Te(e, l);
-      i(a);
+      const i = await Ze(e, l);
+      s(i);
     })();
   }, []);
-  const [c, s] = D(null), d = B(null), o = B(0), h = B(null);
+  const [c, a] = R(null), d = A(null), o = A(0), h = A(null);
   $(() => {
     if (!r) return;
-    const a = {
+    const i = {
       ...e,
       // Assurer la compatibilité avec l'API qui attend sourceColorHex
       sourceColor: e.sourceColor
-    }, u = Date.now(), m = u - o.current, b = async (x) => {
-      await y(x);
+    }, u = Date.now(), m = u - o.current, y = async (w) => {
+      await v(w);
     };
     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 x = Math.max(0, t - m);
+      d.current && (clearTimeout(d.current), d.current = null), h.current = null, o.current = u, y(i);
+    else if (h.current = i, !d.current) {
+      const w = 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));
-      }, x);
+        const I = h.current;
+        h.current = null, I && (o.current = Date.now(), await y(I));
+      }, w);
     }
     return () => {
     };
   }, [e, t, r]);
-  const y = async (a) => {
-    if (typeof a.sourceColor == "string" && !$t(a.sourceColor))
+  const v = async (i) => {
+    if (typeof i.sourceColor == "string" && !It(i.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(Ue).getInstance().outputCss;
-    s(u), n == null || n(r);
+    r.context.update(i), await r.load();
+    const u = r == null ? void 0 : r.plugins.getPlugin(Oe).getInstance().outputCss;
+    a(u), n == null || n(r);
   };
   return $(() => () => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []), c ? /* @__PURE__ */ f("style", { dangerouslySetInnerHTML: { __html: c } }) : null;
 };
-function Ct() {
+function Mt() {
   if (typeof window > "u") return !1;
   try {
     if (window.CSS && typeof window.CSS.supports == "function")
@@ -1475,42 +1475,42 @@ function Ct() {
   }
   return !1;
 }
-function Dt() {
+function St() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function Me(e) {
+function Ee(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some(
     (n) => n.startsWith("anim-") && n.includes("scroll")
   );
 }
-function We(e) {
+function $e(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some((n) => n.startsWith("anim-"));
 }
-function Ee(e, t) {
-  if (!Me(e)) return;
+function be(e, t) {
+  if (!Ee(e)) return;
   if (e.hasAttribute(`data-${t}-scroll`)) {
-    const c = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), s = c === "x" || c === "inline" ? "inline" : c === "y" || c === "block" ? "block" : "auto";
-    e.classList.contains(`${t}-timeline`) || e.classList.contains(`${t}-timeline-inline`) || e.classList.contains(`${t}-timeline-block`) || e.classList.contains(`${t}-timeline-x`) || e.classList.contains(`${t}-timeline-y`) || (s === "inline" ? e.classList.add(`${t}-timeline-inline`) : s === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
+    const c = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), a = c === "x" || c === "inline" ? "inline" : c === "y" || c === "block" ? "block" : "auto";
+    e.classList.contains(`${t}-timeline`) || e.classList.contains(`${t}-timeline-inline`) || e.classList.contains(`${t}-timeline-block`) || e.classList.contains(`${t}-timeline-x`) || e.classList.contains(`${t}-timeline-y`) || (a === "inline" ? e.classList.add(`${t}-timeline-inline`) : a === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
   }
   const n = e.getAttribute(`data-${t}-start`);
   n && e.style.setProperty(`--${t}-range-start`, n);
   const l = e.getAttribute(`data-${t}-end`);
   l && e.style.setProperty(`--${t}-range-end`, l);
-  const r = e.hasAttribute(`data-${t}-paused`) || e.classList.contains(`${t}-paused`), i = e.hasAttribute(`data-${t}-run`) || e.classList.contains(`${t}-run`);
-  !r && !i && e.setAttribute(`data-${t}-run`, "");
+  const r = e.hasAttribute(`data-${t}-paused`) || e.classList.contains(`${t}-paused`), s = e.hasAttribute(`data-${t}-run`) || e.classList.contains(`${t}-run`);
+  !r && !s && e.setAttribute(`data-${t}-run`, "");
 }
-function Ie(e = document, t) {
+function Le(e = document, t) {
   return Array.from(
     e.querySelectorAll(
       `[class*="${t}-"][class*="-scroll"]`
     )
-  ).filter((l) => Me(l));
+  ).filter((l) => Ee(l));
 }
-function Rt(e = document, t) {
+function $t(e = document, t) {
   const n = Array.from(
     e.querySelectorAll(`[class*="${t}-"]`)
   ), l = /* @__PURE__ */ new Set([
@@ -1529,73 +1529,85 @@ function Rt(e = document, t) {
   ]);
   return n.filter((r) => {
     if (!(r instanceof HTMLElement)) return !1;
-    const i = r.classList;
-    return i.contains(`${t}-in`) || i.contains(`${t}-out`) || Array.from(i).some(
+    const s = r.classList;
+    return s.contains(`${t}-in`) || s.contains(`${t}-out`) || Array.from(s).some(
       (d) => d.startsWith(`${t}-`) && !d.includes("scroll") && !l.has(d)
-    ) ? !0 : !Me(r);
+    ) ? !0 : !Ee(r);
   });
 }
-function Ae(e, t, n) {
+function Ct(e, t) {
+  return Array.from(e).some(
+    (n) => n.startsWith(t) && n.includes("-out")
+  );
+}
+function Ce(e, t, n) {
   e.setAttribute(`data-${t}-run`, ""), e.setAttribute(`data-${t}-${n}-run`, "");
 }
-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;
+function Re(e, t, n) {
+  const l = e.style.animationName;
+  e.style.animationName = "none", e.removeAttribute(`data-${t}-run`), n ? e.removeAttribute(`data-${t}-${n}-run`) : (e.removeAttribute(`data-${t}-in-run`), e.removeAttribute(`data-${t}-out-run`)), e.offsetWidth, e.style.animationName = l;
 }
-const At = [0, 0.2], Be = /* @__PURE__ */ new WeakSet();
-function Pe(e, t) {
-  if (Be.has(e)) return;
-  Be.add(e);
+const Rt = [0, 0.2], We = /* @__PURE__ */ new WeakSet();
+function De(e, t) {
+  if (We.has(e)) return;
+  We.add(e);
   const n = (r) => {
     r.target === e && (e.hasAttribute(`data-${t}-in-run`) || e.hasAttribute(`data-${t}-out-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`));
+    r.target === e && e.removeAttribute(`data-${t}-animating`);
   };
   e.addEventListener("animationstart", n), e.addEventListener("animationend", l), e.addEventListener("animationcancel", l);
 }
-function je(e = {}) {
+function Xe(e = {}) {
   const { prefix: t = "anim", once: n = !0 } = e;
-  if (Dt())
+  if (St())
     return () => {
     };
-  const l = Ct(), r = /* @__PURE__ */ new WeakSet(), i = new IntersectionObserver(
-    (h) => {
-      for (const y of h) {
-        const a = y.target;
-        if (!We(a) || a.hasAttribute(`data-${t}-animating`)) continue;
-        const u = a.classList.contains(`${t}-out`);
-        !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);
+  const l = Mt(), r = /* @__PURE__ */ new WeakSet();
+  let s = typeof window < "u" && (window.pageYOffset || window.scrollY) || 0, c = !0;
+  const a = () => {
+    const u = window.pageYOffset || window.scrollY || 0;
+    c = u >= s, s = u;
+  };
+  typeof window < "u" && window.addEventListener("scroll", a, { passive: !0 });
+  const d = new IntersectionObserver(
+    (u) => {
+      for (const m of u) {
+        const y = m.target;
+        if (!$e(y) || y.hasAttribute(`data-${t}-animating`)) continue;
+        const w = Ct(y.classList, t);
+        m.isIntersecting ? (w && Re(y, t, "out"), Ce(y, t, "in"), n && d.unobserve(y)) : n || (c || Re(y, t, "in"), w && Ce(y, t, "out"));
       }
     },
-    { threshold: At }
-  ), c = (h) => {
-    const y = Rt(h || document, t);
-    for (const a of y)
-      r.has(a) || (r.add(a), i.observe(a), Pe(a, t));
+    { threshold: Rt }
+  ), o = (u) => {
+    const m = $t(u || document, t);
+    for (const y of m)
+      r.has(y) || (r.add(y), d.observe(y), De(y, t));
   };
-  c();
-  let s, d = null, o = null;
+  o();
+  let h, v = null, i = null;
   if (l)
     (() => {
-      o == null && (o = requestAnimationFrame(() => {
-        o = null;
-        const y = Ie(void 0, t);
-        for (const a of y) Ee(a, t);
+      i == null && (i = requestAnimationFrame(() => {
+        i = null;
+        const m = Le(void 0, t);
+        for (const y of m) be(y, t);
       }));
-    })(), d = new MutationObserver((y) => {
-      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), 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) {
-              const m = Ie(u, t);
-              for (const b of m) Ee(b, t);
-              c(u);
+    })(), v = new MutationObserver((m) => {
+      for (const y of m)
+        if (y.type === "attributes") {
+          const w = y.target;
+          w instanceof HTMLElement && (be(w, t), $e(w) && (r.has(w) || (r.add(w), d.observe(w), De(w, t))));
+        } else if (y.type === "childList" && y.addedNodes && y.addedNodes.length) {
+          for (const w of Array.from(y.addedNodes))
+            if (w instanceof HTMLElement) {
+              const I = Le(w, t);
+              for (const g of I) be(g, t);
+              o(w);
             }
         }
-    }), d.observe(document.documentElement, {
+    }), v.observe(document.documentElement, {
       subtree: !0,
       childList: !0,
       attributes: !0,
@@ -1607,111 +1619,111 @@ function je(e = {}) {
         `data-${t}-paused`,
         `data-${t}-run`
       ]
-    }), s = () => {
-      o != null && cancelAnimationFrame(o), d && d.disconnect();
+    }), h = () => {
+      i != null && cancelAnimationFrame(i), v && v.disconnect();
     };
   else {
-    let h;
-    Ie(void 0, t).length > 0 && import("./scrollDriven-AP2yWhzi.js").then((a) => {
-      h = a.initScrollViewFallback({ once: n });
-    }), s = () => {
-      typeof h == "function" && h();
+    let u;
+    Le(void 0, t).length > 0 && import("./scrollDriven-AP2yWhzi.js").then((y) => {
+      u = y.initScrollViewFallback({ once: n });
+    }), h = () => {
+      typeof u == "function" && u();
     };
   }
   return () => {
-    s && s(), i.disconnect();
+    h && h(), typeof window < "u" && window.removeEventListener("scroll", a), d.disconnect();
   };
 }
-const sn = je, cn = je, Bt = ({
+const on = Xe, ln = Xe, Wt = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: n,
   href: l,
   label: r,
-  disableTextMargins: i,
+  disableTextMargins: s,
   className: c,
-  iconPosition: s = "left",
+  iconPosition: a = "left",
   loading: d = !1,
   shape: o = "rounded",
   onClick: h,
-  onToggle: y,
-  activated: a,
+  onToggle: v,
+  activated: i,
   ref: u,
   size: m = "medium",
-  allowShapeTransformation: b = !0,
-  transition: x,
-  children: M,
+  allowShapeTransformation: y = !0,
+  transition: w,
+  children: I,
   ...g
 }) => {
-  if (M && (r = M), !r)
+  if (I && (r = I), !r)
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const R = l ? "a" : "button", N = B(null), P = u || N, [L, O] = te.useState(a);
+  const W = l ? "a" : "button", L = A(null), P = u || L, [N, F] = T.useState(i);
   $(() => {
-    O(a);
-  }, [a]), x = { duration: 0.3, ...x };
-  let F;
-  y ? y && (F = (k) => {
-    t && k.preventDefault();
-    const U = !L;
-    O(U), y(U);
-  }) : F = (k) => {
-    t && k.preventDefault(), h && h(k);
+    F(i);
+  }, [i]), w = { duration: 0.3, ...w };
+  let V;
+  v ? v && (V = (M) => {
+    t && M.preventDefault();
+    const X = !N;
+    F(X), v(X);
+  }) : V = (M) => {
+    t && M.preventDefault(), h && h(M);
   };
-  const C = st({
-    allowShapeTransformation: b,
+  const C = ot({
+    allowShapeTransformation: y,
     size: m,
-    disableTextMargins: i,
+    disableTextMargins: s,
     shape: o,
     href: l,
     disabled: t,
     icon: n,
-    iconPosition: s,
+    iconPosition: a,
     loading: d,
     variant: e,
-    transition: x,
+    transition: w,
     className: c,
-    isActive: L ?? !1,
-    onToggle: y,
-    activated: L,
+    isActive: N ?? !1,
+    onToggle: v,
+    activated: N,
     label: r,
     children: r
-  }), v = n ? /* @__PURE__ */ f(ie, { icon: n, className: C.icon }) : /* @__PURE__ */ f(ye, {});
-  return /* @__PURE__ */ Y(
-    R,
+  }), x = n ? /* @__PURE__ */ f(se, { icon: n, className: C.icon }) : /* @__PURE__ */ f(he, {});
+  return /* @__PURE__ */ U(
+    W,
     {
       ref: P,
       href: l,
       className: C.button,
       ...g,
-      onClick: F,
+      onClick: V,
       disabled: t,
-      "aria-pressed": y ? L : void 0,
-      style: { transition: x.duration + "s" },
+      "aria-pressed": v ? N : void 0,
+      style: { transition: w.duration + "s" },
       children: [
         /* @__PURE__ */ f("div", { className: C.touchTarget }),
         /* @__PURE__ */ f(
           "div",
           {
             className: C.stateLayer,
-            style: { transition: x.duration + "s" },
+            style: { transition: w.duration + "s" },
             children: !t && /* @__PURE__ */ f(
               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" || "",
+                colorName: e === "filled" && v && "on-surface-variant" || e === "filled" && !v && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
                 triggerRef: P
               }
             )
           }
         ),
-        s === "left" && v,
+        a === "left" && x,
         d && /* @__PURE__ */ f(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
             children: /* @__PURE__ */ f(
-              Nt,
+              gt,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
@@ -1744,36 +1756,36 @@ const sn = je, cn = je, Bt = ({
           }
         ),
         /* @__PURE__ */ f("span", { className: C.label, children: r }),
-        s === "right" && v
+        a === "right" && x
       ]
     }
   );
-}, un = ({
+}, an = ({
   variant: e = "outlined",
   className: t,
   children: n,
   isInteractive: l = !1,
   ref: r,
-  ...i
+  ...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: [
+  const c = lt({ className: t, isInteractive: l, variant: e, children: n }), a = A(null), d = r || a;
+  return /* @__PURE__ */ U("div", { ...s, ref: d, className: c.card, children: [
     /* @__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);
-}, Pt = ({
+  const [l, r] = t, [s, c] = n, d = (Math.max(l, Math.min(e, r)) - l) / (r - l);
+  return s + d * (c - s);
+}, Dt = ({
   className: e,
   children: t,
   width: n,
   index: l = 0,
   outputRange: r,
-  ref: i,
+  ref: s,
   ...c
 }) => {
-  const s = B(null), d = i || s, o = it({
+  const a = A(null), d = s || a, o = at({
     className: e,
     index: l,
     width: n,
@@ -1799,310 +1811,275 @@ const sn = je, cn = je, Bt = ({
       children: t
     }
   );
-}, dn = ({
+}, sn = ({
   variant: e = "hero",
   className: t,
   children: n,
   ref: l,
   marginPourcent: r = 0,
-  inputRange: i = [0.21, 0.65],
+  inputRange: s = [0.21, 0.65],
   outputRange: c = [42, 300],
-  gap: s = 8,
+  gap: a = 8,
   onChange: d,
   onMetricsChange: o,
   index: h,
-  scrollSensitivity: y = 1.25,
-  ...a
+  scrollSensitivity: v = 1.25,
+  ...i
 }) => {
-  const u = B(null), m = l || u, [b, x] = D(0), M = ut({
+  const u = A(null), m = l || u, [y, w] = R(0), I = st({
     index: h,
     className: t,
     children: n,
     variant: e,
-    inputRange: i,
+    inputRange: s,
     outputRange: c,
     marginPourcent: r,
     onChange: d,
-    gap: s,
-    scrollSensitivity: y
-  }), g = te.Children.toArray(n).filter(
-    (w) => te.isValidElement(w) && w.type === Pt
-  ), R = B(null), [N, P] = D(
+    gap: a,
+    scrollSensitivity: v,
+    onMetricsChange: o
+  }), g = T.Children.toArray(n).filter(
+    (b) => T.isValidElement(b) && b.type === Dt
+  ), W = A(null), [L, P] = R(
     {}
-  ), [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)
+  ), [N, F] = R(null), V = A(0), C = A(null), x = () => {
+    var de, pe;
+    if (!W.current || !m.current || (N == null ? void 0 : N.scrollProgress) === void 0)
       return [];
-    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]),
-        index: z,
-        width: 0
-      }));
+    const b = (N == null ? void 0 : N.scrollVisible) ?? ((de = m.current) == null ? void 0 : de.clientWidth) ?? 0;
+    function D(B, Z) {
+      return B.map((z, ye) => {
+        const ge = (z - Z) / Math.abs(B[1] - B[0]);
+        return {
+          itemScrollXCenter: z,
+          relativeIndex: ge,
+          index: ye,
+          width: 0
+        };
+      });
     }
-    const H = g.map((W, K) => {
-      if (!k[K].current || !R.current) return 0;
-      const z = K / (g.length - 1);
-      return fe(z, [0, 1], [0, 1]);
-    }), V = A(
+    const H = g.map((B, Z) => {
+      if (!M[Z].current || !W.current) return 0;
+      const ye = Z / (g.length - 1);
+      return fe(ye, [0, 1], [0, 1]);
+    }), j = D(
       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) ?? 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;
-      K === 0 && J(W.index);
-      const Z = (z = k[W.index]) == null ? void 0 : z.current;
-      if (!(!m.current || !Z) && !(se <= 0))
-        return W.width = c[1], --se, W;
-    }).filter(Boolean).sort((W, K) => W.index - K.index);
-    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);
-    });
-    ce.forEach((W) => {
-      if (!W) return;
-      const K = fe(
-        1 - Math.abs(L.scrollProgress - W.itemScrollXCenter),
-        [0, 1],
-        [0, 1]
+      (N == null ? void 0 : N.scrollProgress) ?? 0
+    ).sort((B, Z) => B.index - Z.index);
+    let Y = (((pe = m.current) == null ? void 0 : pe.clientWidth) ?? b) + a + c[0] + a;
+    const ne = j.sort((B, Z) => Math.abs(B.relativeIndex) - Math.abs(Z.relativeIndex)).map((B, Z) => {
+      if (!(Y <= 0)) {
+        if (Z == 0 && J(B.index), B.width = fe(
+          Y - a,
+          [c[0], c[1]],
+          [c[0], c[1]]
+        ), Y -= B.width + a, Y != 0 && Y < (c[0] + a) * 2) {
+          const z = B.width - ((c[0] + a) * 2 - Y);
+          Y += B.width, B.width = z, Y -= B.width;
+        } else if (Y == 0 && B.width >= c[0] * 2 + a) {
+          const z = B.width - (c[0] + a - Y);
+          Y += B.width, B.width = z, Y -= B.width;
+        }
+        return B;
+      }
+    }).filter(Boolean), le = ne.reverse(), ue = [...ne].sort(
+      (B, Z) => Math.abs(B.index) - Math.abs(Z.index)
+    );
+    le.forEach((B, Z) => {
+      const z = le[Z + 1];
+      if (!z) return;
+      const ye = 1 - (Math.abs(B.relativeIndex) - Math.abs(z == null ? void 0 : z.relativeIndex)), ge = fe(
+        ye,
+        [0, 2],
+        [B.width + Y, z.width]
       );
-      W.width = K;
+      Y += B.width, B.width = ge, Y -= B.width;
     });
-    let ee = 0;
-    return ce.forEach((W, K) => {
-      if (W)
-        if (K == 0) {
-          const Z = fe(
-            W == null ? void 0 : W.relativeIndex,
-            [-2, W.index == 0 ? 0 : -1],
-            [0, 1]
-          );
-          W.index >= 1 && (V.sort((z, Le) => z.index - Le.index), V[W.index - 1].width = c[0], ne.unshift(V[W.index - 1]), T -= c[0] + s, ee = fe(
-            1 - Z,
-            [0, 1],
-            [0, -(c[0] + s)]
-          )), T -= ee, W.width = fe(
-            Z,
-            [0, 1],
-            [c[0], c[1]]
-          ), T -= W.width;
-        } else {
-          let Z = W.index, z = Z == V.length - 1;
-          const Le = Z == V.length - 2;
-          for (; T > 0; ) {
-            const he = V.filter(
-              (ge) => ge.index === Z
-            )[0];
-            if (!he) {
-              if (z)
-                throw new Error("dynamicItem not found");
-              z = !0;
-              break;
-            }
-            if (ne.includes(he) || ne.push(he), he.width = fe(
-              T,
-              [c[0], c[1] + (s + c[0]) * 2],
-              [c[0], c[1]]
-            ), T -= he.width + s, (Le || z) && he.index == V.length - 1) {
-              let ge = 1;
-              for (; T > 0; ) {
-                const Ne = ne[ge], De = fe(
-                  Ne.width + T,
-                  [c[0], c[1]],
-                  [c[0], c[1]]
-                ) - Ne.width;
-                Ne.width += De, T -= De, ge--;
-              }
-              break;
-            } else
-              Z++;
-          }
-        }
-    }), x(ee), Object.fromEntries(
-      ne.map((W) => [W.index, W.width])
+    const ae = ne.length / 2, re = fe(
+      Math.abs(ue[0].relativeIndex),
+      [ue[0].index == 0 ? 0 : ae - 1, ae],
+      [0, 1]
+    ), xe = fe(re, [0, 1], [0, 1]) * -(c[0] + a);
+    return w(xe), Object.fromEntries(
+      ne.map((B) => [B.index, B.width])
     );
-  }, k = B([]).current, [U, J] = D(0);
+  }, M = A([]).current, [X, J] = R(0);
   $(() => {
-    d && d(U);
-  }, [U]), $(() => {
-    typeof h == "number" && g.length > 0 && h !== U && oe(h);
+    d && d(X);
+  }, [X]), $(() => {
+    typeof h == "number" && g.length > 0 && h !== X && te(h);
   }, [h, g.length]), $(() => {
-    _(U);
-  }, [U]), k.length !== g.length && g.forEach((w, A) => {
-    k[A] || (k[A] = te.createRef());
+    _(X);
+  }, [X]), M.length !== g.length && g.forEach((b, D) => {
+    M[D] || (M[D] = T.createRef());
   });
-  const [re, _] = D(0), oe = (w, A = {}) => {
+  const [ee, _] = R(0), te = (b, D = {}) => {
     if (!g.length) return 0;
-    const H = k[w];
-    if (!H || !H.current || !R.current) return 0;
-    const V = fe(
-      w / Math.max(1, g.length - 1),
+    const H = M[b];
+    if (!H || !H.current || !W.current) return 0;
+    const j = fe(
+      b / Math.max(1, g.length - 1),
       [0, 1],
       [0, 1]
     );
-    return _(w), R.current.dispatchEvent(
+    return _(b), W.current.dispatchEvent(
       new CustomEvent("udx:customScroll:set", {
         bubbles: !0,
         detail: {
-          progress: V,
+          progress: j,
           orientation: "horizontal",
-          animate: A.animate !== !1
+          animate: D.animate !== !1
         }
       })
-    ), V;
-  }, S = g.map((w, A) => {
-    var se;
-    const H = (se = w.props) == null ? void 0 : se.onClick, V = (ne) => {
-      H == null || H(ne);
-    }, le = () => _(A);
-    return te.cloneElement(
-      w,
+    ), j;
+  }, S = g.map((b, D) => {
+    var ne;
+    const H = (ne = b.props) == null ? void 0 : ne.onClick, j = (le) => {
+      H == null || H(le);
+    }, Y = () => _(D);
+    return T.cloneElement(
+      b,
       {
-        width: N[A],
+        width: L[D],
         outputRange: c,
-        ref: k[A],
-        key: A,
-        index: A,
+        ref: M[D],
+        key: D,
+        index: D,
         role: "option",
-        "aria-selected": U === A,
-        tabIndex: U === A ? 0 : -1,
-        onClick: V,
-        onFocus: le
+        "aria-selected": X === D,
+        tabIndex: X === D ? 0 : -1,
+        onClick: j,
+        onFocus: Y
       }
     );
-  }), 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, {
+  }), E = (b) => {
+    var D;
+    if (b.scrollTotal > 0) {
+      (D = C.current) == null || D.stop();
+      const H = V.current ?? 0, j = b.scrollProgress ?? 0;
+      C.current = Ge(H, j, {
         // Spring tuning to add a bit of inertia and smoothness
         type: "spring",
         stiffness: 260,
         damping: 32,
         mass: 0.6,
         restDelta: 5e-4,
-        onUpdate: (le) => {
-          F.current = le, O({ ...w, scrollProgress: le });
+        onUpdate: (Y) => {
+          V.current = Y, F({ ...b, scrollProgress: Y });
         }
       });
     }
   };
   $(() => {
-    const w = v();
-    P(w);
-  }, [L]);
-  const X = B(o);
+    const b = x();
+    P(b);
+  }, [N]);
+  const O = A(o);
   $(() => {
-    X.current = o;
+    O.current = o;
   }, [o]);
-  const q = B(null);
+  const K = A(null);
   $(() => {
-    var K;
-    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, A - 1)
-    ), ee = ce > 0, xe = ce < A - 1, me = {
-      total: A,
-      selectedIndex: ce,
-      visibleApprox: se,
-      visibleFull: ne,
-      stepHalf: T,
-      canPrev: ee,
+    var Z;
+    const b = O.current;
+    if (!b || !(m != null && m.current)) return;
+    const D = g.length;
+    if (D <= 0) return;
+    const H = ((Z = m.current) == null ? void 0 : Z.clientWidth) ?? 0, j = c[1], Y = V.current ?? (N == null ? void 0 : N.scrollProgress) ?? 0, ne = (H + a) / (j + a), le = Math.max(1, Math.floor(ne)), ue = Math.max(1, Math.round(le * (2 / 3))), ae = Math.min(
+      Math.max(0, X),
+      Math.max(0, D - 1)
+    ), re = ae > 0, xe = ae < D - 1, de = {
+      total: D,
+      selectedIndex: ae,
+      visibleApprox: ne,
+      visibleFull: le,
+      stepHalf: ue,
+      canPrev: re,
       canNext: xe,
-      scrollProgress: le,
+      scrollProgress: Y,
       viewportWidth: H,
-      itemMaxWidth: V,
-      gap: s
-    }, ve = q.current;
-    let W = !ve;
-    if (!W) {
-      for (const Z in me)
-        if (me[Z] !== ve[Z]) {
-          W = !0;
+      itemMaxWidth: j,
+      gap: a
+    }, pe = K.current;
+    let B = !pe;
+    if (!B) {
+      for (const z in de)
+        if (de[z] !== pe[z]) {
+          B = !0;
           break;
         }
     }
-    W && (q.current = me, w(me));
-  }, [m, g.length, U, L, s, c]), $(() => () => {
-    var w;
-    (w = C.current) == null || w.stop();
+    B && (K.current = de, b(de));
+  }, [m, g.length, X, N, a, c]), $(() => () => {
+    var b;
+    (b = C.current) == null || b.stop();
   }, []);
-  const [ae, de] = D(0);
-  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 = (w) => {
+  const [oe, ie] = R(0);
+  He(() => {
+    let b = c[1];
+    N && b > N.scrollVisible && (b = N.scrollVisible);
+    const D = (b + a) * S.length / v;
+    ie(D);
+  }, [m, M, N]);
+  const k = (b) => {
     if (!g.length) return;
-    const A = re ?? U;
-    switch (w.key) {
+    const D = ee ?? X;
+    switch (b.key) {
       case "ArrowLeft":
-        w.preventDefault(), oe(Math.max(0, A - 1));
+        b.preventDefault(), te(Math.max(0, D - 1));
         break;
       case "ArrowRight":
-        w.preventDefault(), oe(Math.min(g.length - 1, A + 1));
+        b.preventDefault(), te(Math.min(g.length - 1, D + 1));
         break;
       case "Home":
-        w.preventDefault(), oe(0);
+        b.preventDefault(), te(0);
         break;
       case "End":
-        w.preventDefault(), oe(g.length - 1);
+        b.preventDefault(), te(g.length - 1);
         break;
       case "Enter":
       case " ":
-        w.preventDefault(), oe(A);
+        b.preventDefault(), te(D);
         break;
     }
   };
   return $(() => {
-    const w = m.current;
-    if (!w) return;
-    const A = (H) => {
-      const V = H.detail;
-      V && typeof V.index == "number" && oe(V.index);
+    const b = m.current;
+    if (!b) return;
+    const D = (H) => {
+      const j = H.detail;
+      j && typeof j.index == "number" && te(j.index);
     };
-    return w.addEventListener("udx:carousel:centerIndex", A), () => {
-      w.removeEventListener(
+    return b.addEventListener("udx:carousel:centerIndex", D), () => {
+      b.removeEventListener(
         "udx:carousel:centerIndex",
-        A
+        D
       );
     };
   }, [m, g.length]), /* @__PURE__ */ f(
     "div",
     {
-      className: M.carousel,
+      className: I.carousel,
       ref: m,
       role: "listbox",
       "aria-orientation": "horizontal",
-      onKeyDown: I,
-      ...a,
+      onKeyDown: k,
+      ...i,
       children: /* @__PURE__ */ f(
-        kt,
+        Nt,
         {
           draggable: !0,
           orientation: "horizontal",
           onScroll: E,
-          scrollSize: ae,
+          scrollSize: oe,
           children: /* @__PURE__ */ f(
             "div",
             {
-              className: M.track,
-              ref: R,
+              className: I.track,
+              ref: W,
               style: {
-                gap: `${s}px`,
-                translate: b,
+                gap: `${a}px`,
+                translate: y,
                 willChange: "translate"
               },
               children: S
@@ -2112,128 +2089,128 @@ const sn = je, cn = je, Bt = ({
       )
     }
   );
-}, Ht = ({
+}, At = ({
   orientation: e = "horizontal",
   className: t,
   ...n
 }) => {
-  const l = dt({ orientation: e, className: t });
+  const l = ct({ 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 Vt(e, t = 0) {
+function Bt(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 Ft = new Uint8Array(16);
-function Xt() {
-  if (!ke) {
+let Ne;
+const Pt = new Uint8Array(16);
+function Ht() {
+  if (!Ne) {
     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);
+    Ne = crypto.getRandomValues.bind(crypto);
   }
-  return ke(Ft);
+  return Ne(Pt);
 }
-const Ot = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: Ot };
-function Se(e, t, n) {
+const Vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ae = { randomUUID: Vt };
+function ke(e, t, n) {
   var r;
-  if (He.randomUUID && !e)
-    return He.randomUUID();
+  if (Ae.randomUUID && !e)
+    return Ae.randomUUID();
   e = e || {};
-  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? Xt();
+  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? Ht();
   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, Vt(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Bt(l);
 }
-const qe = ({
+const Ye = ({
   variant: e = "plain",
   buttons: t,
   className: n,
   children: l,
   title: r,
-  text: i,
+  text: s,
   position: c,
-  targetRef: s,
+  targetRef: a,
   ref: d,
   trigger: o = ["hover", "focus"],
   ...h
 }) => {
-  if (!l && !s)
+  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 y = B(null), a = s || y, [u, m] = D(null), [b] = D(Se()), [x, M] = D(!1), g = B(null);
+  const v = A(null), i = a || v, [u, m] = R(null), [y] = R(ke()), [w, I] = R(!1), g = A(null);
   $(() => {
-    const v = (k) => {
-      m(k.detail);
+    const x = (M) => {
+      m(M.detail);
     };
-    return document.addEventListener("tooltip-update", v), () => {
+    return document.addEventListener("tooltip-update", x), () => {
       document.removeEventListener(
         "tooltip-update",
-        v
+        x
       );
     };
   }, []), $(() => {
-    g.current && clearTimeout(g.current), u ? M(u === b) : g.current = setTimeout(() => {
-      M(!1);
+    g.current && clearTimeout(g.current), u ? I(u === y) : g.current = setTimeout(() => {
+      I(!1);
     }, 1200);
-  }, [u, b]);
-  const R = () => {
+  }, [u, y]);
+  const W = () => {
     if (o.includes("hover")) {
-      const v = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(v);
+      const x = new CustomEvent("tooltip-update", { detail: y });
+      document.dispatchEvent(x);
     }
-  }, N = () => {
+  }, L = () => {
     if (o.includes("hover")) {
-      const v = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(v);
+      const x = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(x);
     }
   }, P = () => {
     if (o.includes("click")) {
-      const v = new CustomEvent("tooltip-update", {
-        detail: x ? null : b
+      const x = new CustomEvent("tooltip-update", {
+        detail: w ? null : y
       });
-      document.dispatchEvent(v);
+      document.dispatchEvent(x);
     }
-  }, L = () => {
+  }, N = () => {
     if (o.includes("focus")) {
-      const v = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(v);
+      const x = new CustomEvent("tooltip-update", { detail: y });
+      document.dispatchEvent(x);
     }
-  }, O = () => {
+  }, F = () => {
     if (o.includes("focus")) {
-      const v = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(v);
+      const x = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(x);
     }
   };
   $(() => {
-    if (a != null && a.current) {
-      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);
+    if (i != null && i.current) {
+      const x = i.current;
+      return x.addEventListener("mouseenter", W), x.addEventListener("mouseleave", L), x.addEventListener("click", P), x.addEventListener("focus", N), x.addEventListener("blur", F), () => {
+        x.removeEventListener("mouseenter", W), x.removeEventListener("mouseleave", L), x.removeEventListener("click", P), x.removeEventListener("focus", N), x.removeEventListener("blur", F);
       };
     }
-  }, [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 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");
+  }, [i, o, y, w]);
+  const V = !a && me(l) ? ve(l, { ref: v }) : l;
+  if (!c && typeof window < "u" && i != null && i.current && !c) {
+    const x = i.current.getBoundingClientRect(), M = window.innerWidth, X = window.innerHeight, J = x.left / M, ee = x.top / X;
+    e === "plain" ? J < 1 / 3 ? c = "right" : J > 2 / 3 ? c = "left" : c = ee > 0.5 ? "top" : "bottom" : J < 1 / 2 && ee < 1 / 2 ? c = "bottom-right" : J > 1 / 2 && ee < 1 / 2 ? c = "bottom-left" : J > 1 / 2 && ee > 1 / 2 ? c = "top-left" : J < 1 / 2 && ee > 1 / 2 && (c = "top-right");
   }
-  const C = Lt({
+  const C = xt({
     variant: e,
     buttons: t,
     className: n,
     title: r,
-    text: i,
+    text: s,
     position: c,
     trigger: o,
-    targetRef: s,
+    targetRef: a,
     children: l
   });
-  return /* @__PURE__ */ Y(ye, { children: [
-    F,
-    /* @__PURE__ */ f(ue, { children: x && /* @__PURE__ */ f(St, { targetRef: a, children: /* @__PURE__ */ f(
-      j.div,
+  return /* @__PURE__ */ U(he, { children: [
+    V,
+    /* @__PURE__ */ f(ce, { children: w && /* @__PURE__ */ f(kt, { targetRef: i, children: /* @__PURE__ */ f(
+      q.div,
       {
         initial: { opacity: u ? 1 : 0 },
         animate: { opacity: 1 },
@@ -2241,10 +2218,10 @@ const qe = ({
         exit: { opacity: u ? 1 : 0 },
         className: C.toolTip,
         ...h,
-        onMouseEnter: R,
-        onMouseLeave: N,
-        children: /* @__PURE__ */ Y(
-          j.div,
+        onMouseEnter: W,
+        onMouseLeave: L,
+        children: /* @__PURE__ */ U(
+          q.div,
           {
             className: C.container,
             layoutId: "tool-tip",
@@ -2255,15 +2232,15 @@ const qe = ({
             },
             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((v, k) => /* @__PURE__ */ f(
-                Bt,
+              /* @__PURE__ */ f("div", { className: C.supportingText, children: s }),
+              t && /* @__PURE__ */ f("div", { className: C.actions, children: Array.isArray(t) && t.map((x, M) => /* @__PURE__ */ f(
+                Wt,
                 {
                   size: "small",
                   variant: "text",
-                  ...v
+                  ...x
                 },
-                k
+                M
               )) })
             ]
           }
@@ -2271,28 +2248,28 @@ const qe = ({
       }
     ) }) })
   ] });
-}, Ve = ({
+}, Be = ({
   className: e,
   label: t,
   variant: n = "primary",
   size: l = "medium",
   href: r,
-  type: i,
+  type: s,
   icon: c,
-  isExtended: s = !1,
+  isExtended: a = !1,
   ref: d,
   transition: o,
   children: h,
-  ...y
+  ...v
 }) => {
   if (h && (t = h), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const a = r ? "a" : "button", u = ft({
+  const i = r ? "a" : "button", u = it({
     href: r,
     icon: c,
-    isExtended: s,
+    isExtended: a,
     label: t,
     size: l,
     variant: n,
@@ -2301,7 +2278,7 @@ const qe = ({
     children: t
   });
   o = { duration: 0.3, ...o };
-  const m = B(null), b = d || m, x = {
+  const m = A(null), y = d || m, w = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -2327,21 +2304,21 @@ const qe = ({
       }
     }
   };
-  return /* @__PURE__ */ Y(
-    a,
+  return /* @__PURE__ */ U(
+    i,
     {
-      ...y,
-      ref: b,
+      ...v,
+      ref: y,
       href: r,
-      "aria-label": s ? void 0 : t,
+      "aria-label": a ? void 0 : t,
       className: u.fab,
       children: [
         /* @__PURE__ */ f(
-          qe,
+          Ye,
           {
-            trigger: s ? null : void 0,
+            trigger: a ? null : void 0,
             text: t,
-            targetRef: b
+            targetRef: y
           }
         ),
         /* @__PURE__ */ f("span", { className: u.stateLayer, children: /* @__PURE__ */ f(
@@ -2353,14 +2330,14 @@ const qe = ({
               "on-secondary-container": n == "secondary",
               "on-tertiary-container": n == "tertiary"
             }),
-            triggerRef: b
+            triggerRef: y
           }
         ) }),
-        /* @__PURE__ */ f(ie, { icon: c, className: u.icon }),
-        /* @__PURE__ */ f(ue, { children: s && /* @__PURE__ */ f(
-          j.span,
+        /* @__PURE__ */ f(se, { icon: c, className: u.icon }),
+        /* @__PURE__ */ f(ce, { children: a && /* @__PURE__ */ f(
+          q.span,
           {
-            variants: x,
+            variants: w,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2371,127 +2348,127 @@ const qe = ({
       ]
     }
   );
-}, $e = ({
+}, Ie = ({
   variant: e = "standard",
   href: t,
   disabled: n = !1,
   type: l = "button",
   title: r,
-  label: i,
+  label: s,
   onToggle: c,
-  activated: s = !1,
+  activated: a = !1,
   onClick: d,
   icon: o,
   size: h = "medium",
-  iconSelected: y,
-  className: a,
+  iconSelected: v,
+  className: i,
   ref: u,
   width: m = "default",
-  shape: b = "rounded",
-  allowShapeTransformation: x = !0,
-  transition: M,
+  shape: y = "rounded",
+  allowShapeTransformation: w = !0,
+  transition: I,
   children: g,
-  ...R
+  ...W
 }) => {
-  if (g && (i = g), !i)
+  if (g && (s = g), !s)
     throw new Error(
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
-  r || (r = i);
-  const [N, P] = te.useState(s);
-  let L;
-  c ? c && (L = (k) => {
-    n && k.preventDefault(), P(!N), c(!!N);
-  }, o = N && y || o) : L = (k) => {
-    n && k.preventDefault(), d && d(k);
+  r || (r = s);
+  const [L, P] = T.useState(a);
+  let N;
+  c ? c && (N = (M) => {
+    n && M.preventDefault(), P(!L), c(!!L);
+  }, o = L && v || o) : N = (M) => {
+    n && M.preventDefault(), d && d(M);
   }, $(() => {
-    P(s);
-  }, [s]);
-  const O = t ? "a" : "button", F = mt({
-    transition: M,
-    shape: b,
-    allowShapeTransformation: x,
+    P(a);
+  }, [a]);
+  const F = t ? "a" : "button", V = ut({
+    transition: I,
+    shape: y,
+    allowShapeTransformation: w,
     width: m,
     href: t,
-    activated: N,
-    label: i,
-    iconSelected: y,
-    isActive: N,
+    activated: L,
+    label: s,
+    iconSelected: v,
+    isActive: L,
     onToggle: c,
     disabled: n,
     icon: o,
     variant: e,
-    className: a,
+    className: i,
     size: h,
-    children: i,
-    ...R
-  }), C = B(null), v = u || C;
-  return M = { duration: 0.3, ...M }, /* @__PURE__ */ Y(
-    O,
+    children: s,
+    ...W
+  }), C = A(null), x = u || C;
+  return I = { duration: 0.3, ...I }, /* @__PURE__ */ U(
+    F,
     {
       disabled: n,
       href: t,
-      style: { transition: M.duration + "s" },
-      className: F.iconButton,
-      "aria-label": i,
-      ...R,
+      style: { transition: I.duration + "s" },
+      className: V.iconButton,
+      "aria-label": s,
+      ...W,
       title: void 0,
-      onClick: L,
-      ref: v,
+      onClick: N,
+      ref: x,
       children: [
         /* @__PURE__ */ f(
-          qe,
+          Ye,
           {
-            targetRef: v,
+            targetRef: x,
             trigger: n ? null : void 0,
             text: r
           }
         ),
-        /* @__PURE__ */ f("div", { className: F.touchTarget }),
+        /* @__PURE__ */ f("div", { className: V.touchTarget }),
         /* @__PURE__ */ f(
           "div",
           {
-            className: F.stateLayer,
-            style: { transition: M.duration + "s" },
+            className: V.stateLayer,
+            style: { transition: I.duration + "s" },
             children: !n && /* @__PURE__ */ f(
               we,
               {
                 colorName: p(
                   e === "standard" && {
-                    "on-surface-variant": !N,
-                    primary: N
+                    "on-surface-variant": !L,
+                    primary: L
                   },
                   e === "filled" && {
-                    primary: !N && !!c,
-                    "inverse-on-surface": N || !c
+                    primary: !L && !!c,
+                    "inverse-on-surface": L || !c
                   },
                   e === "tonal" && {
-                    "on-surface-variant": !N && !!c,
-                    "on-secondary-container": N || !c
+                    "on-surface-variant": !L && !!c,
+                    "on-secondary-container": L || !c
                   },
                   e === "outlined" && {
-                    "on-surface-variant": !N,
-                    "on-primary": N
+                    "on-surface-variant": !L,
+                    "on-primary": L
                   }
                 ),
-                triggerRef: v
+                triggerRef: x
               }
             )
           }
         ),
-        o && /* @__PURE__ */ f(ie, { icon: o, className: F.icon })
+        o && /* @__PURE__ */ f(se, { icon: o, className: V.icon })
       ]
     }
   );
-}, fn = ({
+}, cn = ({
   className: e,
   valueFormatter: t,
   step: n = 10,
   name: l,
   value: r = 0,
-  min: i = 0,
+  min: s = 0,
   max: c = 100,
-  marks: s = [
+  marks: a = [
     {
       value: 0,
       label: "0"
@@ -2505,36 +2482,36 @@ const qe = ({
   onChange: o,
   ...h
 }) => {
-  const y = (S) => {
-    const E = u(), X = a();
-    return S === 1 / 0 ? 100 : S === -1 / 0 ? 0 : (S - E) / (X - E) * 100;
-  }, 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 v = (S) => {
+    const E = u(), O = i();
+    return S === 1 / 0 ? 100 : S === -1 / 0 ? 0 : (S - E) / (O - E) * 100;
+  }, i = (S = !1) => S ? c : c == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : c, u = (S = !1) => S ? s : s == -1 / 0 ? a[0].value : s, m = (S) => {
     const E = u(!1);
-    return (a(!1) - E) * S / 100 + E;
-  }, [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);
+    return (i(!1) - E) * S / 100 + E;
+  }, [y, w] = R(!1), I = A(null), g = d || I, [W, L] = R(r), [P, N] = R(v(r)), [F, V] = R(!1), C = (S) => {
+    V(!0), w(!0), X(S);
+  }, x = () => {
+    V(!1), w(!1);
   };
-  $(() => (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 = yt({
+  $(() => (F ? (window.addEventListener("mouseup", x), window.addEventListener("mousemove", X), window.addEventListener("touchend", x), window.addEventListener("touchmove", X)) : (window.removeEventListener("mouseup", x), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", x), window.removeEventListener("touchmove", X)), () => {
+    window.removeEventListener("mouseup", x), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", x), window.removeEventListener("touchmove", X);
+  }), [F]);
+  const M = mt({
     className: e,
-    isChanging: b,
-    marks: s,
+    isChanging: y,
+    marks: a,
     max: c,
-    min: i,
+    min: s,
     name: l,
     step: n,
-    value: R,
+    value: W,
     valueFormatter: t,
     onChange: o
-  }), U = (S) => {
+  }), X = (S) => {
     const E = g == null ? void 0 : g.current;
     if (E) {
-      const X = E.getBoundingClientRect().left, ae = ((S.type === "touchmove" || S.type === "touchstart" ? S.touches[0].clientX : S.clientX) - X) / E.offsetWidth * 100;
-      J({ percent: ae });
+      const O = E.getBoundingClientRect().left, oe = ((S.type === "touchmove" || S.type === "touchstart" ? S.touches[0].clientX : S.clientX) - O) / E.offsetWidth * 100;
+      J({ percent: oe });
     }
   }, J = ({
     percent: S,
@@ -2542,31 +2519,31 @@ const qe = ({
   }) => {
     if (S) {
       if (S >= 100) {
-        N(a(!0)), L(100);
+        L(i(!0)), N(100);
         return;
       }
       if (S <= 0) {
-        N(u(!0)), L(0);
+        L(u(!0)), N(0);
         return;
       }
-      E = m(S), E == u() && (E = u(!0)), E == a() && (E = a(!0));
+      E = m(S), E == u() && (E = u(!0)), E == i() && (E = i(!0));
     } else if (E != null) {
-      if (E >= a()) {
-        N(a(!0)), L(100);
+      if (E >= i()) {
+        L(i(!0)), N(100);
         return;
       }
       if (E <= u()) {
-        N(u(!0)), L(0);
+        L(u(!0)), N(0);
         return;
       }
-      S = y(E);
+      S = v(E);
     } else
       return;
-    n != null ? E = Math.round((E - u()) / n) * n + u() : s && (E = s.reduce((X, q, ae) => {
-      let de = q.value === 1 / 0 ? a() : q.value === -1 / 0 ? u() : q.value, I = X.value === 1 / 0 ? a() : X.value === -1 / 0 ? u() : X.value;
-      return de = Math.abs(de - E), I = Math.abs(I - E), de < I ? q : X;
-    }).value), E >= a() && (E = a(!0)), E <= u() && (E = u(!0)), S = y(E), N(E), L(S), o && o(E);
-  }, [re, _] = D(0);
+    n != null ? E = Math.round((E - u()) / n) * n + u() : a && (E = a.reduce((O, K, oe) => {
+      let ie = K.value === 1 / 0 ? i() : K.value === -1 / 0 ? u() : K.value, k = O.value === 1 / 0 ? i() : O.value === -1 / 0 ? u() : O.value;
+      return ie = Math.abs(ie - E), k = Math.abs(k - E), ie < k ? K : O;
+    }).value), E >= i() && (E = i(!0)), E <= u() && (E = u(!0)), S = v(E), L(E), N(S), o && o(E);
+  }, [ee, _] = R(0);
   return $(() => {
     const S = () => {
       g.current && _(g.current.offsetWidth);
@@ -2574,7 +2551,7 @@ const qe = ({
     return S(), window.addEventListener("resize", S), () => {
       window.removeEventListener("resize", S);
     };
-  }, []), /* @__PURE__ */ Y(
+  }, []), /* @__PURE__ */ U(
     "div",
     {
       tabIndex: 0,
@@ -2582,17 +2559,17 @@ const qe = ({
         switch (S.key) {
           case "ArrowRight":
             if (n)
-              J({ value: R + n });
-            else if (s) {
-              const E = s.find((X) => X.value > R);
+              J({ value: W + n });
+            else if (a) {
+              const E = a.find((O) => O.value > W);
               E && J({ value: E.value });
             }
             break;
           case "ArrowLeft":
             if (n)
-              J({ value: R - n });
-            else if (s) {
-              const E = s.slice(0).reverse().find((X, q, ae) => R === 1 / 0 ? q === 1 : X.value < R);
+              J({ value: W - n });
+            else if (a) {
+              const E = a.slice(0).reverse().find((O, K, oe) => W === 1 / 0 ? K === 1 : O.value < W);
               E && J({ value: E.value });
             }
             break;
@@ -2602,23 +2579,23 @@ const qe = ({
       },
       role: "slider",
       "aria-valuemin": u(!0),
-      "aria-valuemax": a(!0),
-      "aria-valuenow": R,
-      "aria-valuetext": R.toString(),
-      className: k.slider,
+      "aria-valuemax": i(!0),
+      "aria-valuenow": W,
+      "aria-valuetext": W.toString(),
+      className: M.slider,
       onMouseDown: C,
-      onClick: U,
+      onClick: X,
       ref: g,
       onTouchStart: C,
       onDragStart: (S) => S.preventDefault(),
       ...h,
       children: [
-        /* @__PURE__ */ f("input", { type: "hidden", name: l, value: R }),
-        /* @__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,
+        /* @__PURE__ */ f("input", { type: "hidden", name: l, value: W }),
+        /* @__PURE__ */ f("div", { className: M.activeTrack, style: { flex: P / 100 } }),
+        /* @__PURE__ */ f("div", { className: M.handle, children: /* @__PURE__ */ f(ce, { children: y && /* @__PURE__ */ f(
+          q.div,
           {
-            className: k.valueIndicator,
+            className: M.valueIndicator,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2632,13 +2609,13 @@ const qe = ({
               hidden: { opacity: 1, scale: 0 }
             },
             transition: { duration: 0.1 },
-            children: t ? t(R) : R
+            children: t ? t(W) : W
           }
         ) }) }),
         /* @__PURE__ */ f(
           "div",
           {
-            className: k.inactiveTrack,
+            className: M.inactiveTrack,
             style: { flex: 1 - P / 100 }
           }
         ),
@@ -2646,18 +2623,18 @@ const qe = ({
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: s && s.map((S, E) => {
-              let X = null;
-              const q = (b ? 9 : 10) / re * 100, ae = y(S.value);
-              return ae <= P - q ? X = !0 : ae >= P + q && (X = !1), /* @__PURE__ */ f(
+            children: a && a.map((S, E) => {
+              let O = null;
+              const K = (y ? 9 : 10) / ee * 100, oe = v(S.value);
+              return oe <= P - K ? O = !0 : oe >= P + K && (O = !1), /* @__PURE__ */ f(
                 "div",
                 {
-                  className: p(k.dot, {
-                    "bg-primary-container": X != null && X,
-                    "bg-primary": X != null && !X
+                  className: p(M.dot, {
+                    "bg-primary-container": O != null && O,
+                    "bg-primary": O != null && !O
                   }),
                   style: {
-                    left: `${y(S.value)}%`
+                    left: `${v(S.value)}%`
                   }
                 },
                 E
@@ -2674,51 +2651,51 @@ const qe = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var Ut = {
+var Ot = {
   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"]
-}, Ce = {
+}, Me = {
   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"]
-}, Yt = {
+}, Ft = {
   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 mn = ({
+const un = ({
   variant: e = "standard",
   className: t,
   children: n,
   title: l,
   position: r = "right",
-  extended: i,
+  extended: s,
   divider: c,
-  onExtendedChange: s,
-  closeIcon: d = Ce,
+  onExtendedChange: a,
+  closeIcon: d = Me,
   transition: o,
   ...h
 }) => {
   o = { duration: 0.3, ...o };
-  const [y, a] = D(i ?? !0), u = pt({
+  const [v, i] = R(s ?? !0), u = ft({
     transition: o,
     title: l,
     position: r,
     closeIcon: d,
     className: t,
     children: n,
-    onExtendedChange: s,
+    onExtendedChange: a,
     divider: c,
-    isExtended: y,
-    extended: y,
+    isExtended: v,
+    extended: v,
     variant: e
   });
   $(() => {
-    s == null || s(y ?? !1);
-  }, [y]), $(() => {
-    i != null && a(i);
-  }, [i]);
+    a == null || a(v ?? !1);
+  }, [v]), $(() => {
+    s != null && i(s);
+  }, [s]);
   const m = {
     close: {
       width: 0
@@ -2726,43 +2703,43 @@ const mn = ({
     open: {
       width: "auto"
     }
-  }, b = () => /* @__PURE__ */ Y(ye, { children: [
-    /* @__PURE__ */ f(ue, { children: e == "modal" && y && /* @__PURE__ */ f(
-      j.div,
+  }, y = () => /* @__PURE__ */ U(he, { children: [
+    /* @__PURE__ */ f(ce, { children: e == "modal" && v && /* @__PURE__ */ f(
+      q.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: o,
-        onClick: () => a(!1),
+        onClick: () => i(!1),
         className: u.overlay
       }
     ) }),
-    /* @__PURE__ */ f(ue, { children: y && /* @__PURE__ */ Y(
+    /* @__PURE__ */ f(ce, { children: v && /* @__PURE__ */ U(
       "div",
       {
         ...h,
         className: u.slideSheet,
         style: { transition: o.duration + "s" },
         children: [
-          /* @__PURE__ */ Y(
-            j.div,
+          /* @__PURE__ */ U(
+            q.div,
             {
               variants: m,
-              initial: i === !1 ? "open" : "close",
+              initial: s === !1 ? "open" : "close",
               animate: "open",
               exit: "close",
               className: u.container,
               children: [
-                /* @__PURE__ */ Y("div", { className: u.header, children: [
+                /* @__PURE__ */ U("div", { className: u.header, children: [
                   l && /* @__PURE__ */ f("p", { className: u.title, children: l }),
                   /* @__PURE__ */ f(
-                    $e,
+                    Ie,
                     {
                       size: "small",
                       label: "close",
                       icon: d,
-                      onClick: () => a(!1),
+                      onClick: () => i(!1),
                       className: u.closeButton
                     }
                   )
@@ -2778,21 +2755,21 @@ const mn = ({
               ]
             }
           ),
-          (c == null && e == "standard" ? !0 : c) && /* @__PURE__ */ f(Ht, { className: u.divider, orientation: "vertical" })
+          (c == null && e == "standard" ? !0 : c) && /* @__PURE__ */ f(At, { className: u.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
-  return e == "modal" ? Oe(b(), document.body) : b();
-}, hn = ({
+  return e == "modal" ? Ve(y(), document.body) : y();
+}, dn = ({
   message: e,
   className: t,
   duration: n,
-  closeIcon: l = Ce,
+  closeIcon: l = Me,
   onClose: r,
-  ...i
+  ...s
 }) => {
-  const [c, s] = D(!0), d = vt({
+  const [c, a] = R(!0), d = ht({
     className: t,
     closeIcon: l,
     duration: n,
@@ -2806,21 +2783,21 @@ const mn = ({
     }, n);
   }, [n]);
   const o = () => {
-    s(!1), r == null || r();
+    a(!1), r == null || r();
   };
-  return /* @__PURE__ */ f(ue, { children: c && /* @__PURE__ */ f(
-    j.div,
+  return /* @__PURE__ */ f(ce, { children: c && /* @__PURE__ */ f(
+    q.div,
     {
       initial: { height: 0 },
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
       className: d.snackbar,
-      ...i,
-      children: /* @__PURE__ */ Y("div", { className: d.container, children: [
+      ...s,
+      children: /* @__PURE__ */ U("div", { className: d.container, children: [
         /* @__PURE__ */ f("p", { className: d.supportingText, children: e }),
         /* @__PURE__ */ f(
-          $e,
+          Ie,
           {
             onClick: () => o(),
             className: d.icon,
@@ -2831,48 +2808,48 @@ const mn = ({
       ] })
     }
   ) });
-}, pn = ({
+}, fn = ({
   selected: e = !1,
   className: t,
   activeIcon: n,
   disabled: l = !1,
   inactiveIcon: r,
-  onChange: i,
+  onChange: s,
   onClick: c,
-  onKeyDown: s,
+  onKeyDown: a,
   ref: d,
   ...o
 }) => {
-  const [h, y] = D(e), a = (g) => {
+  const [h, v] = R(e), i = (g) => {
     l || (m(), c && c(g));
   }, u = (g) => {
-    l || ((g.key === " " || g.key === "Enter") && (g.preventDefault(), m()), s && s(g));
+    l || ((g.key === " " || g.key === "Enter") && (g.preventDefault(), m()), a && a(g));
   }, m = () => {
-    y(!h), i == null || i(!h);
-  }, b = wt({
+    v(!h), s == null || s(!h);
+  }, y = pt({
     className: t,
     isSelected: h,
     activeIcon: n,
     inactiveIcon: r,
     disabled: l,
     selected: h,
-    onChange: i
-  }), x = B(null), M = d || x;
-  return /* @__PURE__ */ Y(
-    j.div,
+    onChange: s
+  }), w = A(null), I = d || w;
+  return /* @__PURE__ */ U(
+    q.div,
     {
       role: "switch",
       "aria-checked": h,
       tabIndex: l ? -1 : 0,
       onKeyDown: u,
-      onClick: a,
-      ref: M,
-      className: b.switch,
+      onClick: i,
+      ref: I,
+      className: y.switch,
       ...o,
       children: [
         /* @__PURE__ */ f("input", { type: "hidden", value: h ? "1" : "0" }),
-        /* @__PURE__ */ Y(
-          j.div,
+        /* @__PURE__ */ U(
+          q.div,
           {
             layout: !0,
             style: { translate: h ? "50%" : "-50%" },
@@ -2881,91 +2858,91 @@ const mn = ({
               stiffness: 700,
               damping: 30
             },
-            className: b.handleContainer,
+            className: y.handleContainer,
             children: [
-              /* @__PURE__ */ f("div", { className: b.handle, children: (h ? n : r) && /* @__PURE__ */ f(
-                ie,
+              /* @__PURE__ */ f("div", { className: y.handle, children: (h ? n : r) && /* @__PURE__ */ f(
+                se,
                 {
-                  className: b.icon,
+                  className: y.icon,
                   icon: h ? n : r
                 }
               ) }),
-              /* @__PURE__ */ f("div", { className: b.handleStateLayer })
+              /* @__PURE__ */ f("div", { className: y.handleStateLayer })
             ]
           }
         )
       ]
     }
   );
-}, jt = ({
+}, Xt = ({
   className: e,
   onClick: t,
   label: n,
   variant: l = "primary",
   href: r,
-  icon: i,
+  icon: s,
   selectedTab: c,
-  setSelectedTab: s,
+  setSelectedTab: a,
   tabsId: d,
   index: o,
   onTabSelected: h,
-  scrollable: y = !1,
-  selected: a = !1,
+  scrollable: v = !1,
+  selected: i = !1,
   ref: u,
   ...m
 }) => {
-  const b = B(null), x = u || b, [M, g] = D(a);
+  const y = A(null), w = u || y, [I, g] = R(i);
   $(() => {
-    a && c == null ? g(!0) : g(c == o && o != null);
+    i && c == null ? g(!0) : g(c == o && o != null);
   }, [c]), $(() => {
     c == o && h && h({
-      ref: x,
+      ref: w,
       index: o || 0,
       label: n,
-      icon: i
+      icon: s
     });
   }, [c]);
-  const R = r ? "a" : "button", N = (L) => {
-    s && s(o ?? null), t && t(L);
-  }, P = xt({
+  const W = r ? "a" : "button", L = (N) => {
+    a && a(o ?? null), t && t(N);
+  }, P = yt({
     className: e,
     onTabSelected: h,
-    scrollable: y,
+    scrollable: v,
     selectedTab: c,
     index: o,
     tabsId: d,
-    selected: M,
+    selected: I,
     variant: l,
-    icon: i,
+    icon: s,
     label: n,
-    isSelected: M,
-    setSelectedTab: s,
+    isSelected: I,
+    setSelectedTab: a,
     href: r
   });
-  return /* @__PURE__ */ Y(
-    R,
+  return /* @__PURE__ */ U(
+    W,
     {
       ...m,
       role: "tab",
-      "aria-selected": M,
-      ref: x,
+      "aria-selected": I,
+      ref: w,
       href: r,
       className: P.tab,
-      onClick: N,
+      onClick: L,
       ...m,
       children: [
         /* @__PURE__ */ f("span", { className: P.stateLayer, children: /* @__PURE__ */ f(
           we,
           {
-            colorName: l === "primary" && M ? "primary" : "on-surface",
-            triggerRef: x
+            colorName: l === "primary" && I ? "primary" : "on-surface",
+            triggerRef: w
           }
         ) }),
-        /* @__PURE__ */ Y("span", { className: P.content, children: [
-          i && /* @__PURE__ */ f(ie, { icon: i, className: P.icon }),
+        /* @__PURE__ */ U("span", { className: P.content, children: [
+          s && /* @__PURE__ */ f(se, { icon: s, className: P.icon }),
           /* @__PURE__ */ f("span", { className: P.label, children: n }),
-          M && /* @__PURE__ */ f(
-            j.span,
+          I && /* @__PURE__ */ f(
+            q.span,
             {
               layoutId: `underline-${d}`,
               className: P.underline,
@@ -2976,31 +2953,31 @@ const mn = ({
       ]
     }
   );
-}, yn = ({
+}, mn = ({
   variant: e = "primary",
   onTabSelected: t,
   children: n,
   className: l,
   selectedTab: r,
-  setSelectedTab: i,
+  setSelectedTab: s,
   scrollable: c = !1
 }) => {
-  const [s, d] = D(
+  const [a, d] = R(
     null
   );
   let o;
-  r == 0 || r != null ? o = r : o = s;
-  const h = i || d, y = te.Children.toArray(n).filter(
-    (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" });
+  r == 0 || r != null ? o = r : o = a;
+  const h = s || d, v = T.Children.toArray(n).filter(
+    (w) => T.isValidElement(w) && w.type === Xt
+  ), i = T.useRef(null), u = (w) => {
+    if (t == null || t(w), c) {
+      const I = i.current, g = w.ref.current;
+      if (I && g) {
+        const W = g.offsetLeft + g.offsetWidth / 2 - I.offsetWidth / 2;
+        I.scrollTo({ left: W, behavior: "smooth" });
       }
     }
-  }, m = _e(() => Se(), []), b = gt({
+  }, m = je(() => ke(), []), y = wt({
     children: n,
     onTabSelected: t,
     scrollable: c,
@@ -3009,9 +2986,9 @@ const mn = ({
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ f("div", { ref: a, role: "tablist", className: b.tabs, children: y.map((x, M) => te.cloneElement(x, {
-    key: M,
-    index: M,
+  return /* @__PURE__ */ f("div", { ref: i, role: "tablist", className: y.tabs, children: v.map((w, I) => T.cloneElement(w, {
+    key: I,
+    index: I,
     variant: e,
     selectedTab: o,
     setSelectedTab: h,
@@ -3019,126 +2996,126 @@ const mn = ({
     onTabSelected: u,
     scrollable: c
   })) });
-}, vn = ({
+}, hn = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: n,
   placeholder: l,
   suffix: r,
-  name: i,
+  name: s,
   label: c,
-  className: s,
+  className: a,
   supportingText: d,
   trailingIcon: o,
   leadingIcon: h,
-  type: y = "text",
-  textLine: a = "singleLine",
+  type: v = "text",
+  textLine: i = "singleLine",
   autoComplete: u = "on",
   onChange: m,
-  value: b,
-  showSupportingText: x = !1,
-  ...M
+  value: y,
+  showSupportingText: w = !1,
+  ...I
 }) => {
-  const [g, R] = D(b ?? ""), [N, P] = D(!1), [L, O] = D(!1), [F, C] = D(
-    x
+  const [g, W] = R(y ?? ""), [L, P] = R(!1), [N, F] = R(!1), [V, C] = R(
+    w
   );
   $(() => {
-    R(b ?? "");
-  }, [b]), $(() => {
-    n != null && n.length ? O(!0) : O(!1);
+    W(y ?? "");
+  }, [y]), $(() => {
+    n != null && n.length ? F(!0) : F(!1);
   }, [n]), $(() => {
-    x ? C(x) : d != null && d.length ? C(!0) : C(!1);
-  }, [F, d]), $(() => {
-    N && O(!1);
-  }, [N]);
-  const v = te.useRef(null), k = () => {
-    v.current && !N && v.current.focus();
-  }, U = () => {
+    w ? C(w) : d != null && d.length ? C(!0) : C(!1);
+  }, [V, d]), $(() => {
+    L && F(!1);
+  }, [L]);
+  const x = T.useRef(null), M = () => {
+    x.current && !L && x.current.focus();
+  }, X = () => {
     P(!0);
-  }, J = (X) => {
-    const q = X.target.value;
-    R(q), O(!1), typeof m == "function" && m(q);
-  }, re = () => {
+  }, J = (O) => {
+    const K = O.target.value;
+    W(K), F(!1), typeof m == "function" && m(K);
+  }, ee = () => {
     P(!1);
-  }, _ = bt({
-    showSupportingText: F,
-    isFocused: N,
-    showErrorIcon: L,
+  }, _ = vt({
+    showSupportingText: V,
+    isFocused: L,
+    showErrorIcon: N,
     disabled: t,
-    name: i,
+    name: s,
     label: c,
     autoComplete: u,
-    className: s,
+    className: a,
     onChange: m,
     placeholder: l,
     supportingText: d,
-    type: y,
+    type: v,
     leadingIcon: h,
     trailingIcon: o,
     variant: e,
     errorText: n,
     value: g,
     suffix: r,
-    textLine: a
-  }), [oe] = D(Se());
+    textLine: i
+  }), [te] = R(ke());
   let S, E;
-  switch (a) {
+  switch (i) {
     case "multiLine":
-      E = rt, S = {};
+      E = et, S = {};
       break;
     case "textAreas":
       E = "textarea", S = {};
       break;
     case "singleLine":
     default:
-      E = "input", S = { type: y };
+      E = "input", S = { type: v };
       break;
   }
-  return /* @__PURE__ */ Y("div", { className: _.textField, ...M, children: [
-    /* @__PURE__ */ Y("fieldset", { onClick: k, className: _.content, children: [
+  return /* @__PURE__ */ U("div", { className: _.textField, ...I, children: [
+    /* @__PURE__ */ U("fieldset", { onClick: M, className: _.content, children: [
       /* @__PURE__ */ f("div", { className: _.stateLayer }),
-      h && /* @__PURE__ */ f("div", { className: _.leadingIcon, children: te.isValidElement(h) ? h : /* @__PURE__ */ f(ie, { className: "w-5 h-5", icon: h }) }),
-      !(!N && !g.length || e == "filled") && /* @__PURE__ */ f(
-        j.legend,
+      h && /* @__PURE__ */ f("div", { className: _.leadingIcon, children: T.isValidElement(h) ? h : /* @__PURE__ */ f(se, { className: "w-5 h-5", icon: h }) }),
+      !(!L && !g.length || e == "filled") && /* @__PURE__ */ f(
+        q.legend,
         {
           variants: {
             hidden: { width: 0, padding: 0 },
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !N && !g.length ? "hidden" : "visible",
+          animate: !L && !g.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ f("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ f(
-            j.span,
+            q.span,
             {
               className: _.label,
               transition: { duration: 0.3 },
-              layoutId: oe,
+              layoutId: te,
               children: c
             }
           ) })
         }
       ),
-      /* @__PURE__ */ Y("div", { className: "flex-1 relative", children: [
-        (!N && !g.length || e == "filled") && /* @__PURE__ */ f(
-          j.label,
+      /* @__PURE__ */ U("div", { className: "flex-1 relative", children: [
+        (!L && !g.length || e == "filled") && /* @__PURE__ */ f(
+          q.label,
           {
-            htmlFor: i,
+            htmlFor: s,
             className: p(
               "absolute left-4  transition-all duration-300",
               {
-                "text-body-small top-2": e == "filled" && !(!N && !g.length),
-                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!N && !g.length))
+                "text-body-small top-2": e == "filled" && !(!L && !g.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!L && !g.length))
               }
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ f(
-              j.span,
+              q.span,
               {
                 className: _.label,
                 transition: { duration: 0.3 },
-                layoutId: e == "outlined" ? oe : void 0,
+                layoutId: e == "outlined" ? te : void 0,
                 children: c
               }
             )
@@ -3147,15 +3124,15 @@ const mn = ({
         /* @__PURE__ */ f(
           E,
           {
-            ref: v,
+            ref: x,
             value: g,
             onChange: J,
             className: _.input,
-            id: i,
-            name: i,
-            placeholder: N ? l ?? void 0 : "",
-            onFocus: U,
-            onBlur: re,
+            id: s,
+            name: s,
+            placeholder: L ? l ?? void 0 : "",
+            onFocus: X,
+            onBlur: ee,
             disabled: t,
             autoComplete: u,
             "aria-invalid": !!(n != null && n.length),
@@ -3165,38 +3142,38 @@ const mn = ({
         )
       ] }),
       /* @__PURE__ */ f("div", { className: _.activeIndicator }),
-      !L && /* @__PURE__ */ Y(ye, { children: [
+      !N && /* @__PURE__ */ U(he, { children: [
         o && /* @__PURE__ */ f(
           "div",
           {
-            onClick: (X) => {
-              X.stopPropagation();
+            onClick: (O) => {
+              O.stopPropagation();
             },
             className: _.trailingIcon,
-            children: te.isValidElement(o) ? o : /* @__PURE__ */ f(ie, { className: "h-5", icon: o })
+            children: T.isValidElement(o) ? o : /* @__PURE__ */ f(se, { className: "h-5", icon: o })
           }
         ),
         !o && r && /* @__PURE__ */ f("span", { className: _.suffix, children: r })
       ] }),
-      L && /* @__PURE__ */ f(
+      N && /* @__PURE__ */ f(
         "div",
         {
           className: p(_.trailingIcon, {
             " absolute right-0": !o
           }),
           children: /* @__PURE__ */ f(
-            ie,
+            se,
             {
               className: "h-5 text-error",
-              icon: Ut
+              icon: Ot
             }
           )
         }
       )
     ] }),
-    F && /* @__PURE__ */ f("p", { className: _.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
+    V && /* @__PURE__ */ f("p", { className: _.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
   ] });
-}, qt = G(
+}, Yt = G(
   "navigationRailItem",
   ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     navigationRailItem: p(
@@ -3237,115 +3214,115 @@ const mn = ({
       "text-label-medium": l == "vertical"
     })
   })
-), 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 = ({
+), Ut = ({ 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 }) }), jt = ({
   className: e,
   onClick: t,
   label: n,
   variant: l = "vertical",
   href: r,
-  icon: i,
+  icon: s,
   selectedItem: c,
-  setSelectedItem: s,
+  setSelectedItem: a,
   index: d,
   onItemSelected: o,
   selected: h = !1,
-  ref: y,
-  transition: a,
+  ref: v,
+  transition: i,
   isExtended: u,
   iconSelected: m,
-  style: b,
-  extendedOnly: x,
-  children: M,
+  style: y,
+  extendedOnly: w,
+  children: I,
   ...g
 }) => {
-  M && (n = M);
-  const R = B(null), N = y || R, [P, L] = D(h);
+  I && (n = I);
+  const W = A(null), L = v || W, [P, N] = R(h);
   $(() => {
-    h && c == null ? L(!0) : L(c == d && d != null);
+    h && c == null ? N(!0) : N(c == d && d != null);
   }, [c]), $(() => {
     c == d && o && o({
-      ref: N,
+      ref: L,
       index: d || 0,
       label: n,
-      icon: i
+      icon: s
     });
   }, [c]);
-  const O = r ? "a" : "button", F = (v) => {
-    s && s(d ?? null), t && t(v);
-  }, C = qt({
+  const F = r ? "a" : "button", V = (x) => {
+    a && a(d ?? null), t && t(x);
+  }, C = Yt({
     isExtended: u,
-    extendedOnly: x,
+    extendedOnly: w,
     className: e,
     onItemSelected: o,
     selectedItem: c,
     index: d,
-    transition: a,
+    transition: i,
     selected: P,
     variant: l,
-    icon: i,
+    icon: s,
     label: n,
     isSelected: P,
-    setSelectedItem: s,
+    setSelectedItem: a,
     href: r,
     children: n,
     iconSelected: m
   });
-  return a = { duration: 0.3, ...a }, x && !u ? null : (
+  return i = { duration: 0.3, ...i }, w && !u ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ Y(
-      O,
+    /* @__PURE__ */ U(
+      F,
       {
         ...g,
         role: "tab",
         "aria-selected": P,
-        ref: N,
+        ref: L,
         href: r,
         className: C.navigationRailItem,
-        onClick: F,
-        style: { transition: a.duration + "s", ...b },
+        onClick: V,
+        style: { transition: i.duration + "s", ...y },
         children: [
-          /* @__PURE__ */ Y(
-            j.div,
+          /* @__PURE__ */ U(
+            q.div,
             {
               style: {
-                transition: l == "horizontal" ? a.duration + `s, gap ${a.duration / 2}s ${a.duration - a.duration / 2}s` : a.duration + `s, gap ${a.duration / 3}s ${a.duration - a.duration / 3}s`
+                transition: l == "horizontal" ? i.duration + `s, gap ${i.duration / 2}s ${i.duration - i.duration / 2}s` : i.duration + `s, gap ${i.duration / 3}s ${i.duration - i.duration / 3}s`
               },
-              transition: a,
+              transition: i,
               className: C.container,
               children: [
-                /* @__PURE__ */ f(j.div, { layout: !0, className: C.stateLayer }),
-                i && /* @__PURE__ */ f(
-                  ie,
+                /* @__PURE__ */ f(q.div, { layout: !0, className: C.stateLayer }),
+                s && /* @__PURE__ */ f(
+                  se,
                   {
-                    icon: P ? m : i,
+                    icon: P ? m : s,
                     className: C.icon
                   }
                 ),
-                /* @__PURE__ */ f(ue, { children: l == "horizontal" && (() => {
-                  const v = {
+                /* @__PURE__ */ f(ce, { children: l == "horizontal" && (() => {
+                  const x = {
                     width: 0,
                     opacity: 0,
                     transition: {
-                      ...a
+                      ...i
                     }
-                  }, k = {
+                  }, M = {
                     width: "auto",
                     opacity: 1,
                     transition: {
-                      ...a,
+                      ...i,
                       opacity: {
-                        duration: a.duration / 2,
-                        delay: a.duration - a.duration / 2
+                        duration: i.duration / 2,
+                        delay: i.duration - i.duration / 2
                       }
                     }
                   };
                   return /* @__PURE__ */ f(
-                    j.span,
+                    q.span,
                     {
-                      initial: v,
-                      animate: k,
-                      exit: v,
+                      initial: x,
+                      animate: M,
+                      exit: x,
                       className: C.label,
                       children: n
                     }
@@ -3354,35 +3331,35 @@ const mn = ({
               ]
             }
           ),
-          /* @__PURE__ */ f(ue, { children: l == "vertical" && (() => {
-            const v = {
+          /* @__PURE__ */ f(ce, { children: l == "vertical" && (() => {
+            const x = {
               height: 0,
               opacity: 0,
               transition: {
-                ...a,
+                ...i,
                 opacity: {
                   duration: 0
                 }
               }
-            }, k = {
+            }, M = {
               height: "auto",
               opacity: 1,
               transition: {
-                ...a,
+                ...i,
                 opacity: {
-                  duration: a.duration / 3,
-                  delay: a.duration - a.duration / 3
+                  duration: i.duration / 3,
+                  delay: i.duration - i.duration / 3
                 }
               }
             };
             return /* @__PURE__ */ f(
-              j.span,
+              q.span,
               {
-                initial: k,
-                animate: k,
-                exit: v,
+                initial: M,
+                animate: M,
+                exit: x,
                 className: C.label,
-                transition: a,
+                transition: i,
                 children: n
               }
             );
@@ -3391,7 +3368,7 @@ const mn = ({
       }
     )
   );
-}, Gt = G(
+}, qt = G(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: p("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -3407,164 +3384,164 @@ const mn = ({
       "w-fit  items-start": e
     })
   })
-), wn = ({
+), pn = ({
   variant: e = "standard",
   onItemSelected: t,
   children: n,
   className: l,
   selectedItem: r,
-  extended: i,
+  extended: s,
   alignment: c = "top",
-  menu: s = {
+  menu: a = {
     closed: {
-      icon: Yt,
+      icon: Ft,
       label: "Open menu"
     },
     opened: {
-      icon: Ce,
+      icon: Me,
       label: "Close menu"
     }
   },
   style: d,
   onExtendedChange: o,
   transition: h,
-  setSelectedItem: y
+  setSelectedItem: v
 }) => {
-  const [a, u] = D(null), [m, b] = D(i);
-  let x;
-  r == 0 || r != null ? x = r : x = a;
-  const M = y || u, g = B(null), R = (C) => {
+  const [i, u] = R(null), [m, y] = R(s);
+  let w;
+  r == 0 || r != null ? w = r : w = i;
+  const I = v || u, g = A(null), W = (C) => {
     t == null || t(C);
   };
-  function N(C) {
-    const v = [];
-    return Ge.forEach(C, (k) => {
-      pe(k) && k.type === Je ? v.push(...N(k.props.children)) : v.push(k);
-    }), v;
+  function L(C) {
+    const x = [];
+    return qe.forEach(C, (M) => {
+      me(M) && M.type === Ke ? x.push(...L(M.props.children)) : x.push(M);
+    }), x;
   }
-  const P = N(n), L = P.filter(
-    (C) => pe(C) && C.type === Ve
-  ), O = Gt({
+  const P = L(n), N = P.filter(
+    (C) => me(C) && C.type === Be
+  ), F = qt({
     children: n,
     onItemSelected: t,
-    selectedItem: x,
-    setSelectedItem: M,
+    selectedItem: w,
+    setSelectedItem: I,
     className: l,
     variant: e,
     extended: m,
     isExtended: m,
     alignment: c,
-    menu: s,
+    menu: a,
     transition: h,
     onExtendedChange: o
   });
   h = { duration: 0.3, ...h };
-  const F = B(!1);
-  return F.current = !1, $(() => {
+  const V = A(!1);
+  return V.current = !1, $(() => {
     o == null || o(m ?? !1);
-  }, [m]), /* @__PURE__ */ Y(
+  }, [m]), /* @__PURE__ */ U(
     "div",
     {
       style: { transition: h.duration + "s", ...d },
       ref: g,
-      className: O.navigationRail,
+      className: F.navigationRail,
       children: [
-        /* @__PURE__ */ Y("div", { className: O.header, children: [
+        /* @__PURE__ */ U("div", { className: F.header, children: [
           /* @__PURE__ */ f(
-            $e,
+            Ie,
             {
-              onClick: () => b(!m),
-              label: m ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
-              className: O.menuIcon,
-              icon: m ? s.opened.icon : s == null ? void 0 : s.closed.icon
+              onClick: () => y(!m),
+              label: m ? a == null ? void 0 : a.opened.label : a == null ? void 0 : a.closed.label,
+              className: F.menuIcon,
+              icon: m ? a.opened.icon : a == null ? void 0 : a.closed.icon
             }
           ),
-          L.length > 0 && be(L[0], {
+          N.length > 0 && ve(N[0], {
             transition: h,
             isExtended: m,
-            className: "!shadow-none mx-5 " + L[0].props.className
+            className: "!shadow-none mx-5 " + N[0].props.className
           })
         ] }),
-        /* @__PURE__ */ f("div", { className: O.segments, children: (() => {
+        /* @__PURE__ */ f("div", { className: F.segments, children: (() => {
           let C = 0;
-          return P.map((v) => pe(v) && v.type === _t ? be(
-            v,
+          return P.map((x) => me(x) && x.type === jt ? ve(
+            x,
             {
               key: C,
               index: C++,
               // Utilise et incrémente le compteur dédié
               variant: m ? "horizontal" : "vertical",
-              selectedItem: x,
-              setSelectedItem: M,
-              onItemSelected: R,
+              selectedItem: w,
+              setSelectedItem: I,
+              onItemSelected: W,
               transition: h,
-              extendedOnly: F.current,
+              extendedOnly: V.current,
               isExtended: m
             }
-          ) : pe(v) && v.type === Ve ? null : pe(v) && v.type === Kt ? (F.current = !0, m ? be(v, {}) : null) : v);
+          ) : me(x) && x.type === Be ? null : me(x) && x.type === Ut ? (V.current = !0, m ? ve(x, {}) : null) : x);
         })() }),
         /* @__PURE__ */ f("div", { className: "flex-1 max-h-[160px]" })
       ]
     }
   );
 };
-function xn(e) {
-  return et({
-    variant: nt.Udixio,
+function yn(e) {
+  return Qe({
+    variant: Te.Udixio,
     ...e,
-    plugins: [new tt(e), new Ue(e)]
+    plugins: [new ze(e), new Oe(e)]
   });
 }
 export {
-  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,
-  wn as NavigationRail,
-  _t as NavigationRailItem,
-  Kt as NavigationRailSection,
-  Nt as ProgressIndicator,
+  on as AnimateOnScrollInit,
+  Wt as Button,
+  an as Card,
+  sn as Carousel,
+  Dt as CarouselItem,
+  Nt as CustomScroll,
+  At as Divider,
+  Be as Fab,
+  se as Icon,
+  Ie as IconButton,
+  pn as NavigationRail,
+  jt as NavigationRailItem,
+  Ut as NavigationRailSection,
+  gt 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,
+  un as SideSheet,
+  cn as Slider,
+  nn as SmoothScroll,
+  dn as Snackbar,
+  fn as Switch,
+  kt as SyncedFixedWrapper,
+  Xt as Tab,
+  mn as Tabs,
+  hn as TextField,
+  rn as ThemeProvider,
+  Ye as ToolTip,
+  ln as animateOnScroll,
+  ot as buttonStyle,
+  lt as cardStyle,
+  at as carouselItemStyle,
+  st as carouselStyle,
   p as classNames,
-  ot as classnames,
-  Et as customScrollStyle,
+  tt as classnames,
+  bt as customScrollStyle,
   G as defaultClassNames,
-  xn as defineConfig,
-  dt as dividerStyle,
-  ft as fabStyle,
-  at as getClassNames,
-  mt as iconButtonStyle,
-  je as initAnimateOnScroll,
+  yn as defineConfig,
+  ct as dividerStyle,
+  it as fabStyle,
+  rt as getClassNames,
+  ut as iconButtonStyle,
+  Xe as initAnimateOnScroll,
   fe as normalize,
-  ht as progressIndicatorStyle,
-  pt as sideSheetStyle,
-  yt as sliderStyle,
-  vt as snackbarStyle,
-  wt as switchStyle,
-  xt as tabStyle,
-  gt as tabsStyle,
-  bt as textFieldStyle,
-  Lt as toolStyle
+  dt as progressIndicatorStyle,
+  ft as sideSheetStyle,
+  mt as sliderStyle,
+  ht as snackbarStyle,
+  pt as switchStyle,
+  yt as tabStyle,
+  wt as tabsStyle,
+  vt as textFieldStyle,
+  xt as toolStyle
 };