@udixio/ui-react 2.0.0 → 2.2.0

package/dist/index.js

@@ -1,15 +1,15 @@
-import { jsx as u, jsxs as A, Fragment as T } from "react/jsx-runtime";
-import { clsx as we } from "clsx";
-import { extendTailwindMerge as Ie } from "tailwind-merge";
-import K, { useState as S, useEffect as R, useRef as W, useLayoutEffect as xe, useMemo as ue, isValidElement as te, cloneElement as oe, Children as ke, Fragment as Se } from "react";
-import { motion as F, AnimatePresence as Q, useScroll as $e, useMotionValueEvent as he, motionValue as Ce, useTransform as pe } from "motion/react";
-import { throttle as Me } from "throttle-debounce";
+import { jsx as u, jsxs as V, Fragment as te } from "react/jsx-runtime";
+import { clsx as ge } from "clsx";
+import { extendTailwindMerge as Ee } from "tailwind-merge";
+import K, { useState as S, useEffect as R, useRef as D, useLayoutEffect as ve, isValidElement as ee, cloneElement as oe, useMemo as Ie, Children as ke, Fragment as Se } from "react";
+import { motion as F, AnimatePresence as Q, useScroll as Me, useMotionValueEvent as fe, motionValue as $e, useTransform as me } from "motion/react";
+import { throttle as Ce } from "throttle-debounce";
 import { animate as Re } from "motion";
-import { createPortal as be } from "react-dom";
-import { loader as Be, defineConfig as We, FontPlugin as De, Variants as Pe } from "@udixio/theme";
-import { TailwindPlugin as Le } from "@udixio/tailwind";
-import Ae from "react-textarea-autosize";
-const Ne = Ie({
+import { createPortal as xe } from "react-dom";
+import { loader as Be, defineConfig as De, FontPlugin as We, Variants as Pe } from "@udixio/theme";
+import { TailwindPlugin as we } from "@udixio/tailwind";
+import Ve from "react-textarea-autosize";
+const be = Ee({
   override: {
     classGroups: {
       "text-color": [
@@ -35,48 +35,48 @@ const Ne = Ie({
       font: ["font"]
     }
   }
-}), h = (...e) => Ne(we(e)), Ve = (...e) => Ne(we(e));
+}), h = (...e) => be(ge(e)), Ae = (...e) => be(ge(e));
 function Fe(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
 const He = (e) => {
   const t = {};
-  e.classNameList.forEach((o) => {
+  e.classNameList.forEach((l) => {
     var r;
-    if (o)
-      if (typeof o == "string")
-        (t[r = e.default] ?? (t[r] = [])).push(o);
+    if (l)
+      if (typeof l == "string")
+        (t[r = e.default] ?? (t[r] = [])).push(l);
       else {
-        const c = o(e.states);
+        const c = l(e.states);
         Object.entries(c).map((i) => {
-          const [s, d] = i;
-          (t[s] ?? (t[s] = [])).push(d);
+          const [s, f] = i;
+          (t[s] ?? (t[s] = [])).push(f);
         });
       }
   });
   const n = t;
-  return Object.entries(t).map((o) => {
-    let [r, c] = o;
-    c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(Fe(r)), n[r] = Ve(...c);
+  return Object.entries(t).map((l) => {
+    let [r, c] = l;
+    c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(Fe(r)), n[r] = Ae(...c);
   }), n;
-}, O = (e, t) => (n) => He({
+}, j = (e, t) => (n) => He({
   classNameList: [n.className, t],
   default: e,
   states: n
-}), Ue = O(
+}), Ue = j(
   "button",
   ({
     variant: e,
     disableTextMargins: t,
     disabled: n,
-    iconPosition: o,
+    iconPosition: l,
     icon: r,
     isActive: c,
     loading: i,
     shape: s,
-    onToggle: d,
+    onToggle: f,
     size: a,
-    allowShapeTransformation: y
+    allowShapeTransformation: p
   }) => ({
     button: h(
       " relative cursor-pointer group outline-none inline-block flex  justify-center   items-center  ",
@@ -90,12 +90,12 @@ const He = (e) => {
         "rounded-[40px]": a === "medium",
         "rounded-[70px]": a === "large" || a == "xLarge"
       },
-      (s === "squared" || y && c) && {
+      (s === "squared" || p && c) && {
         "rounded-[12px]": a === "xSmall" || a == "small",
         "rounded-[16px]": a === "medium",
         "rounded-[28px]": a === "large" || a == "xLarge"
       },
-      y && !n && {
+      p && !n && {
         "active:rounded-[12px]": a === "xSmall" || a == "small",
         "active:rounded-[16px]": a === "medium",
         "active:rounded-[28px]": a === "large" || a == "xLarge"
@@ -108,8 +108,8 @@ const He = (e) => {
       },
       e === "filled" && {
         "hover:shadow-1": !n,
-        "bg-surface-container text-on-surface-variant": !n && !c && d,
-        "bg-primary text-on-primary": !n && (c && d || !d),
+        "bg-surface-container text-on-surface-variant": !n && !c && f,
+        "bg-primary text-on-primary": !n && (c && f || !f),
         "text-on-surface/[38%]": n
       },
       e === "tonal" && {
@@ -157,20 +157,20 @@ const He = (e) => {
       },
       e === "filled" && {
         "bg-on-surface/[0.12]": n,
-        "group-state-on-primary": !n && !d,
-        "group-state-on-surface-variant": !n && d
+        "group-state-on-primary": !n && !f,
+        "group-state-on-surface-variant": !n && f
       },
       s === "rounded" && {
         "rounded-[30px]": a === "xSmall" || a == "small",
         "rounded-[40px]": a === "medium",
         "rounded-[70px]": a === "large" || a == "xLarge"
       },
-      (s === "squared" || y && c) && {
+      (s === "squared" || p && c) && {
         "rounded-[12px]": a === "xSmall" || a == "small",
         "rounded-[16px]": a === "medium",
         "rounded-[28px]": a === "large" || a == "xLarge"
       },
-      y && !n && {
+      p && !n && {
         "group-active:rounded-[12px]": a === "xSmall" || a == "small",
         "group-active:rounded-[16px]": a === "medium",
         "group-active:rounded-[28px]": a === "large" || a == "xLarge"
@@ -196,7 +196,7 @@ const He = (e) => {
       a === "xLarge" && "size-10"
     )
   })
-), Xe = O(
+), Oe = j(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: h(
@@ -212,12 +212,12 @@ const He = (e) => {
       }
     ])
   })
-), Ye = O(
+), Xe = j(
   "carouselItem",
   () => ({
     carouselItem: h("rounded-[28px] overflow-hidden flex-none")
   })
-), je = O(
+), Ye = j(
   "carousel",
   () => ({
     carousel: h(["w-full h-[400px]"]),
@@ -225,7 +225,7 @@ const He = (e) => {
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), Oe = O(
+), je = j(
   "divider",
   ({ orientation: e }) => ({
     divider: h(
@@ -238,7 +238,7 @@ const He = (e) => {
       }
     )
   })
-), qe = O(
+), qe = j(
   "fab",
   ({ size: e, variant: t, isExtended: n }) => ({
     fab: h(
@@ -275,13 +275,13 @@ const He = (e) => {
     }),
     label: h("text-title-medium text-nowrap")
   })
-), _e = O(
+), _e = j(
   "iconButton",
   ({
     variant: e,
     disabled: t,
     onToggle: n,
-    isActive: o,
+    isActive: l,
     size: r,
     width: c,
     shape: i,
@@ -293,12 +293,12 @@ const He = (e) => {
       {
         "cursor-default": t
       },
-      (i === "rounded" || i === "squared" && n && !t && o && s) && {
+      (i === "rounded" || i === "squared" && n && !t && l && s) && {
         "rounded-[30px]": r === "xSmall" || r == "small",
         "rounded-[40px]": r === "medium",
         "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (i === "squared" || i === "rounded" && n && !t && o && s) && {
+      (i === "squared" || i === "rounded" && n && !t && l && s) && {
         "rounded-[12px]": r === "xSmall" || r == "small",
         "rounded-[16px]": r === "medium",
         "rounded-[28px]": r === "large" || r == "xLarge"
@@ -310,26 +310,26 @@ const He = (e) => {
       },
       e === "filled" && [
         !t && {
-          "bg-surface-container": !o && !!n,
-          "bg-primary": o || !n
+          "bg-surface-container": !l && !!n,
+          "bg-primary": l || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !o && !!n,
-          "bg-secondary-container": o || !n
+          "bg-surface-container": !l && !!n,
+          "bg-secondary-container": l || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "outlined" && [
         !t && {
-          "border border-outline": !o,
-          "border border-transparent bg-inverse-surface": o
+          "border border-outline": !l,
+          "border border-transparent bg-inverse-surface": l
         },
         !!t && {
-          "border border-on-surface/[0.12]": !o,
-          "border border-transparent bg-on-surface/[0.12]": o
+          "border border-on-surface/[0.12]": !l,
+          "border border-transparent bg-on-surface/[0.12]": l
         }
       ]
     ),
@@ -338,12 +338,12 @@ const He = (e) => {
     ),
     stateLayer: h(
       "absolute top-0 left-0 h-full w-full overflow-hidden",
-      (i === "rounded" || i === "squared" && n && !t && o && s) && {
+      (i === "rounded" || i === "squared" && n && !t && l && s) && {
         "rounded-[30px]": r === "xSmall" || r == "small",
         "rounded-[40px]": r === "medium",
         "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (i === "squared" || i === "rounded" && n && !t && o && s) && {
+      (i === "squared" || i === "rounded" && n && !t && l && s) && {
         "rounded-[12px]": r === "xSmall" || r == "small",
         "rounded-[16px]": r === "medium",
         "rounded-[28px]": r === "large" || r == "xLarge"
@@ -355,20 +355,20 @@ const He = (e) => {
       },
       !t && [
         e === "standard" && {
-          "state-on-surface-variant": !o,
-          "state-primary": o
+          "state-on-surface-variant": !l,
+          "state-primary": l
         },
         e === "filled" && {
-          "state-primary": !o && !!n,
-          "state-inverse-on-surface": o || !n
+          "state-primary": !l && !!n,
+          "state-inverse-on-surface": l || !n
         },
         e === "tonal" && {
-          "state-on-surface-variant": !o && !!n,
-          "state-on-secondary-container": o || !n
+          "state-on-surface-variant": !l && !!n,
+          "state-on-secondary-container": l || !n
         },
         e === "outlined" && {
-          "state-on-surface-variant": !o,
-          "state-on-primary": o
+          "state-on-surface-variant": !l,
+          "state-on-primary": l
         }
       ]
     ),
@@ -395,26 +395,26 @@ const He = (e) => {
       ],
       !t && [
         e === "standard" && {
-          "text-on-surface-variant": !o,
-          "text-primary": o
+          "text-on-surface-variant": !l,
+          "text-primary": l
         },
         e === "filled" && {
-          "text-primary": !o && !!n,
-          "text-on-primary": o || !n
+          "text-primary": !l && !!n,
+          "text-on-primary": l || !n
         },
         e === "tonal" && {
-          "text-on-surface-variant": !o && !!n,
-          "text-on-secondary-container": o || !n
+          "text-on-surface-variant": !l && !!n,
+          "text-on-secondary-container": l || !n
         },
         e === "outlined" && {
-          "text-on-surface-variant": !o,
-          "text-inverse-on-surface": o
+          "text-on-surface-variant": !l,
+          "text-inverse-on-surface": l
         }
       ],
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Ke = O(
+), Ke = j(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: h(
@@ -446,7 +446,7 @@ const He = (e) => {
       }
     )
   })
-), Ge = O(
+), Ge = j(
   "slideSheet",
   ({ variant: e, position: t }) => ({
     slideSheet: h(
@@ -473,7 +473,7 @@ const He = (e) => {
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
-), Je = O(
+), Je = j(
   "slider",
   ({ isChanging: e }) => ({
     slider: h([
@@ -496,7 +496,7 @@ const He = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Ze = O(
+), Ze = j(
   "snackbar",
   () => ({
     snackbar: h(" rounded bg-inverse-surface "),
@@ -506,7 +506,7 @@ const He = (e) => {
     supportingText: h("text-body-medium text-inverse-on-surface "),
     icon: h(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), Qe = O(
+), Qe = j(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
     switch: h(
@@ -549,66 +549,66 @@ const He = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), ze = O(
+), ze = j(
   "tab",
-  ({ isSelected: e, icon: t, label: n, variant: o }) => ({
+  ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     tab: h(
       "flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
       { "z-10": e },
-      !!(t && n) && o === "primary" && "h-16",
-      !(t && n && o === "primary") && "h-12"
+      !!(t && n) && l === "primary" && "h-16",
+      !(t && n && l === "primary") && "h-12"
     ),
     stateLayer: h(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
-      o === "primary" && {
+      l === "primary" && {
         "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface": !e,
         "group-hover:hover-state-primary group-focus-visible:focus-state-primary": e
       },
-      o === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
+      l === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
     ),
     content: h(
       "flex  gap-0.5 h-full justify-center",
       {
-        relative: o == "primary"
+        relative: l == "primary"
       },
       {
         "": !!(n && !t)
       },
-      o === "primary" && "flex-col items-center",
-      o === "secondary" && {
+      l === "primary" && "flex-col items-center",
+      l === "secondary" && {
         "flex-col items-center": !(n && t),
         "flex-row items-center gap-2": !!(n && t)
       }
     ),
     icon: h(
       "h-6 w-6 p-0.5 !box-border",
-      o === "primary" && {
+      l === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      o === "secondary" && {
+      l === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
     label: h(
       "text-title-small  text-nowrap",
-      o === "primary" && {
+      l === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      o === "secondary" && {
+      l === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
     underline: h(
       "bg-primary  absolute w-full left-0 bottom-0",
-      o === "primary" && "h-[3px] rounded-t",
-      o === "secondary" && "h-0.5"
+      l === "primary" && "h-[3px] rounded-t",
+      l === "secondary" && "h-0.5"
     )
   })
-), Te = O(
+), Te = j(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: h(
@@ -617,37 +617,37 @@ const He = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), et = O(
+), et = j(
   "textField",
   ({
     disabled: e,
     leadingIcon: t,
     trailingIcon: n,
-    variant: o,
+    variant: l,
     errorText: r,
     isFocused: c,
     value: i,
     suffix: s,
-    textLine: d
+    textLine: f
   }) => ({
     textField: h({
       "opacity-[.38]": e
     }),
     content: h(
       "group  transition-border duration-200 relative  flex  items-center ",
-      { "h-14": d == "singleLine" },
+      { "h-14": f == "singleLine" },
       {
-        "border-on-surface-variant": !(r != null && r.length) && !c && o == "filled",
-        "border-outline": !(r != null && r.length) && !c && o == "outlined",
+        "border-on-surface-variant": !(r != null && r.length) && !c && l == "filled",
+        "border-outline": !(r != null && r.length) && !c && l == "outlined",
         "border-primary": !(r != null && r.length) && c,
         "border-error": !!(r != null && r.length)
       },
       { "bg-on-surface/[0.04]": e },
-      o == "filled" && [
+      l == "filled" && [
         "rounded-t overflow-hidden border-b",
         { "bg-surface-container-highest": !e }
       ],
-      o == "outlined" && [
+      l == "outlined" && [
         "border rounded box-border",
         {
           "border-[3px]": c
@@ -657,7 +657,7 @@ const He = (e) => {
     stateLayer: h(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
-        hidden: o == "outlined"
+        hidden: l == "outlined"
       },
       {
         "group-state-on-surface": !e,
@@ -680,12 +680,12 @@ const He = (e) => {
       {
         "pr-0": !!s
       },
-      o == "filled" && " pb-2 pt-6",
-      o == "outlined" && "py-4 relative z-10"
+      l == "filled" && " pb-2 pt-6",
+      l == "outlined" && "py-4 relative z-10"
     ),
     activeIndicator: h(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
-      o == "filled" && [
+      l == "filled" && [
         "h-[2px] transition-all duration-300",
         { "bg-primary": !(r != null && r.length) },
         { "bg-error": !!(r != null && r.length) },
@@ -708,11 +708,11 @@ const He = (e) => {
     }),
     suffix: h(
       "text-on-surface-variant pl-0 pr-4",
-      o == "filled" && " pb-2 pt-6",
-      o == "outlined" && "py-4 relative z-10"
+      l == "filled" && " pb-2 pt-6",
+      l == "outlined" && "py-4 relative z-10"
     )
   })
-), tt = O(
+), tt = j(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: h(
@@ -781,10 +781,10 @@ const He = (e) => {
       }
     );
   }
-  const o = e;
-  if (!(o != null && o.prefix))
+  const l = e;
+  if (!(l != null && l.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: r } = o, [c, i, , , s] = r || [], d = (a) => {
+  const { icon: r } = l, [c, i, , , s] = r || [], f = (a) => {
     switch (a.length) {
       case 2:
         return {
@@ -801,55 +801,55 @@ const He = (e) => {
     "svg",
     {
       className: h("size-5 box-content", n),
-      style: { ...d(t) },
+      style: { ...f(t) },
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: `0 0 ${c} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((a, y) => /* @__PURE__ */ u("path", { d: a }, y))
+      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((a, p) => /* @__PURE__ */ u("path", { d: a }, p))
     }
   );
 }, nt = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: n = 1e3,
-  className: o,
+  className: l,
   ...r
 }) => {
   const [c, i] = S(t), [s] = S(1.5);
   R(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [d, a] = S(!0), y = () => d ? s : s * 0.5;
+  const [f, a] = S(!0), p = () => f ? s : s * 0.5;
   R(() => {
     if ((e === "circular-indeterminate" || e === "linear-indeterminate") && c !== 100) {
-      const m = setInterval(() => {
-        i(d ? 10 : 90), a(!d);
-      }, y() * 1e3);
-      return () => clearInterval(m);
+      const y = setInterval(() => {
+        i(f ? 10 : 90), a(!f);
+      }, p() * 1e3);
+      return () => clearInterval(y);
     }
-  }, [e, d, c]);
-  const [p, l] = S(!1);
+  }, [e, f, c]);
+  const [m, o] = S(!1);
   R(() => {
     if (c >= 100) {
-      const m = setTimeout(() => {
-        l(!1);
+      const y = setTimeout(() => {
+        o(!1);
       }, n);
       return () => {
-        clearTimeout(m);
+        clearTimeout(y);
       };
     } else
-      l(!0);
+      o(!0);
   }, [c, n]);
-  const f = Ke({
-    className: o,
+  const d = Ke({
+    className: l,
     variant: e,
     value: t,
     transitionDuration: n,
-    isVisible: p
+    isVisible: m
   });
-  return /* @__PURE__ */ A(T, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ A("div", { className: f.progressIndicator, ...r, children: [
+  return /* @__PURE__ */ V(te, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ V("div", { className: d.progressIndicator, ...r, children: [
       /* @__PURE__ */ u(
         "div",
         {
@@ -857,7 +857,7 @@ const He = (e) => {
             width: `${c}%`,
             transition: `width ${n}ms ease-in-out ${c == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
-          className: f.track
+          className: d.track
         }
       ),
       /* @__PURE__ */ u(
@@ -867,7 +867,7 @@ const He = (e) => {
             marginLeft: c != 100 ? "6px" : "0px",
             transition: `width ${n}ms ease-in-out ${c == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
           },
-          className: f.activeIndicator
+          className: d.activeIndicator
         }
       ),
       /* @__PURE__ */ u(
@@ -877,7 +877,7 @@ const He = (e) => {
             width: "4 px",
             transition: `width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
           },
-          className: f.stop
+          className: d.stop
         }
       )
     ] }),
@@ -891,43 +891,43 @@ const He = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: y(),
+          duration: p(),
           ease: "linear"
         },
-        className: f.progressIndicator,
+        className: d.progressIndicator,
         ...r,
         children: /* @__PURE__ */ u(
           F.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: p ? "calc(50% - 2px)" : "50%",
+            r: m ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
             initial: "hidden",
             animate: "visible",
-            className: f.activeIndicator,
+            className: d.activeIndicator,
             variants: {
               hidden: {
-                pathLength: d ? 10 / 100 : 90 / 100
+                pathLength: f ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: d ? 90 / 100 : 10 / 100
+                pathLength: f ? 90 / 100 : 10 / 100
               }
             },
             transition: {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: y(),
+                duration: p(),
                 bounce: 0
               }
             }
           }
         )
       },
-      d + ""
+      f + ""
     )
   ] });
 }, re = ({
@@ -951,28 +951,28 @@ const He = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [o, r] = S(!0), [c, i] = S(!1), [s, d] = S({ x: 0, y: 0 });
+  }, [l, r] = S(!0), [c, i] = S(!1), [s, f] = S({ x: 0, y: 0 });
   R(() => {
     c && (r(!0), r(!1));
   }, [c]), R(() => {
-    const l = t == null ? void 0 : t.current;
-    if (l)
-      return l.addEventListener("mousedown", a), l.addEventListener("mouseup", p), l.addEventListener("mouseleave", y), () => {
-        l.removeEventListener("mousedown", a), l.removeEventListener("mouseup", p), l.removeEventListener("mouseleave", y);
+    const o = t == null ? void 0 : t.current;
+    if (o)
+      return o.addEventListener("mousedown", a), o.addEventListener("mouseup", m), o.addEventListener("mouseleave", p), () => {
+        o.removeEventListener("mousedown", a), o.removeEventListener("mouseup", m), o.removeEventListener("mouseleave", p);
       };
   }, [t]);
-  const a = (l) => {
-    const f = t == null ? void 0 : t.current, m = f.getBoundingClientRect();
-    i(!0), d({
-      x: (l.clientX - m.left) / f.clientWidth * 100,
-      y: (l.clientY - m.top) / f.clientHeight * 100
+  const a = (o) => {
+    const d = t == null ? void 0 : t.current, y = d.getBoundingClientRect();
+    i(!0), f({
+      x: (o.clientX - y.left) / d.clientWidth * 100,
+      y: (o.clientY - y.top) / d.clientHeight * 100
     });
-  }, y = (l) => {
+  }, p = (o) => {
     i(!1);
-  }, p = (l) => {
+  }, m = (o) => {
     i(!1);
   };
-  return /* @__PURE__ */ u(Q, { mode: "wait", children: (c || !c && !o) && /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(Q, { mode: "wait", children: (c || !c && !l) && /* @__PURE__ */ u(
     F.div,
     {
       style: {
@@ -992,7 +992,7 @@ const He = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, rt = O(
+}, rt = j(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: n }) => ({
     customScroll: h(
@@ -1024,151 +1024,151 @@ const He = (e) => {
   children: e,
   orientation: t = "vertical",
   scrollSize: n,
-  onScroll: o,
+  onScroll: l,
   className: r,
   draggable: c = !1,
   throttleDuration: i = 75
 }) => {
   var P, H;
-  const s = W(null), d = W(null), [a, y] = S({
+  const s = D(null), f = D(null), [a, p] = S({
     width: null,
     height: null
   });
   R(() => {
     if (!s.current) return;
-    const $ = new ResizeObserver((U) => {
-      for (const X of U)
-        X.target === s.current && y({
-          width: X.contentRect.width,
-          height: X.contentRect.height
+    const M = new ResizeObserver((U) => {
+      for (const O of U)
+        O.target === s.current && p({
+          width: O.contentRect.width,
+          height: O.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return $.observe(s.current), () => {
-      $.disconnect();
+    return M.observe(s.current), () => {
+      M.disconnect();
     };
   }, [s]);
-  const p = W(null), l = W(null), f = () => {
-    const $ = d.current;
-    return $ ? {
-      width: n ?? $.scrollWidth,
-      height: n ?? $.scrollHeight
+  const m = D(null), o = D(null), d = () => {
+    const M = f.current;
+    return M ? {
+      width: n ?? M.scrollWidth,
+      height: n ?? M.scrollHeight
     } : null;
-  }, m = () => {
-    const $ = s.current;
-    return $ ? {
-      width: $.clientWidth,
-      height: $.clientHeight
+  }, y = () => {
+    const M = s.current;
+    return M ? {
+      width: M.clientWidth,
+      height: M.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: w, scrollXProgress: g } = $e({
+  }, { scrollYProgress: v, scrollXProgress: x } = Me({
     container: s
-  }), N = W(null);
-  N.current || (N.current = Me(
+  }), E = D(null);
+  E.current || (E.current = Ce(
     i,
-    ($, U) => {
-      !l.current || !p.current || !s.current || o && (t === "horizontal" && U === "x" && o({
-        scrollProgress: $,
-        scroll: $ * (p.current.width - s.current.clientWidth),
-        scrollTotal: p.current.width - s.current.clientWidth,
-        scrollVisible: l.current.width
-      }), t === "vertical" && U === "y" && o({
-        scrollProgress: $,
-        scroll: $ * (p.current.height - s.current.clientHeight),
-        scrollTotal: p.current.height - s.current.clientHeight,
-        scrollVisible: l.current.height
+    (M, U) => {
+      !o.current || !m.current || !s.current || l && (t === "horizontal" && U === "x" && l({
+        scrollProgress: M,
+        scroll: M * (m.current.width - s.current.clientWidth),
+        scrollTotal: m.current.width - s.current.clientWidth,
+        scrollVisible: o.current.width
+      }), t === "vertical" && U === "y" && l({
+        scrollProgress: M,
+        scroll: M * (m.current.height - s.current.clientHeight),
+        scrollTotal: m.current.height - s.current.clientHeight,
+        scrollVisible: o.current.height
       }));
     }
   ));
-  const b = ($, U) => {
-    N.current && N.current($, U);
+  const L = (M, U) => {
+    E.current && E.current(M, U);
   };
   R(() => {
-    a.width && b(g.get(), "x"), a.height && b(w.get(), "y");
-  }, [a]), he(g, "change", ($) => {
-    b($, "x");
-  }), he(w, "change", ($) => {
-    b($, "y");
+    a.width && L(x.get(), "x"), a.height && L(v.get(), "y");
+  }, [a]), fe(x, "change", (M) => {
+    L(M, "x");
+  }), fe(v, "change", (M) => {
+    L(M, "y");
   });
-  const [B, E] = S(!1);
-  xe(() => {
-    B || !l.current || !p.current || !o || (o({
+  const [B, N] = S(!1);
+  ve(() => {
+    B || !o.current || !m.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? p.current.height : p.current.width,
-      scrollVisible: t == "vertical" ? l.current.height : l.current.width
-    }), E(!0));
-  }, [l, p, o]), p.current = f(), l.current = m();
-  const [I, C] = S(!1), V = rt({
+      scrollTotal: t == "vertical" ? m.current.height : m.current.width,
+      scrollVisible: t == "vertical" ? o.current.height : o.current.width
+    }), N(!0));
+  }, [o, m, l]), m.current = d(), o.current = y();
+  const [I, $] = S(!1), A = rt({
     isDragging: I,
     children: e,
     className: r,
-    onScroll: o,
+    onScroll: l,
     orientation: t,
     scrollSize: n,
     draggable: c,
     throttleDuration: i
-  }), [D, k] = S(0), [v, M] = S(0), Y = ($) => {
+  }), [W, k] = S(0), [g, C] = S(0), X = (M) => {
     if (!c) return;
     const U = s.current;
-    if (!U || D == null) return;
-    const J = ($.pageX - U.offsetLeft - D) * 1.5;
-    U.scrollLeft = v - J;
-  }, q = ($) => {
+    if (!U || W == null) return;
+    const J = (M.pageX - U.offsetLeft - W) * 1.5;
+    U.scrollLeft = g - J;
+  }, q = (M) => {
     const U = s.current;
-    U && (C(!0), k($.pageX - U.offsetLeft), M(U.scrollLeft));
-  }, G = ($) => {
-    I && ($.preventDefault(), Y($));
-  }, j = () => {
-    C(!1);
+    U && ($(!0), k(M.pageX - U.offsetLeft), C(U.scrollLeft));
+  }, G = (M) => {
+    I && (M.preventDefault(), X(M));
+  }, Y = () => {
+    $(!1);
   }, z = () => {
-    C(!1);
-  }, L = ($) => {
-    $.preventDefault();
-  }, x = W(null);
+    $(!1);
+  }, b = (M) => {
+    M.preventDefault();
+  }, w = D(null);
   return R(() => () => {
-    x.current && clearTimeout(x.current);
-  }, []), /* @__PURE__ */ A(
+    w.current && clearTimeout(w.current);
+  }, []), /* @__PURE__ */ V(
     "div",
     {
-      className: V.customScroll,
+      className: A.customScroll,
       ref: s,
       onMouseDown: q,
       onMouseMove: G,
-      onMouseUp: j,
+      onMouseUp: Y,
       onMouseLeave: z,
-      onDragStart: L,
-      onScroll: ($) => {
-        I || (k(null), C(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
-          C(!1);
+      onDragStart: b,
+      onScroll: (M) => {
+        I || (k(null), $(!0), w.current && clearTimeout(w.current), w.current = setTimeout(() => {
+          $(!1);
         }, 1e3));
       },
       children: [
         /* @__PURE__ */ u(
           "div",
           {
-            ref: d,
-            style: t === "vertical" ? { height: ((P = l == null ? void 0 : l.current) == null ? void 0 : P.height) ?? "100%" } : { width: ((H = l == null ? void 0 : l.current) == null ? void 0 : H.width) ?? "100%" },
-            className: V.track,
+            ref: f,
+            style: t === "vertical" ? { height: ((P = o == null ? void 0 : o.current) == null ? void 0 : P.height) ?? "100%" } : { width: ((H = o == null ? void 0 : o.current) == null ? void 0 : H.width) ?? "100%" },
+            className: A.track,
             children: e
           }
         ),
-        l.current && p.current && /* @__PURE__ */ A(T, { children: [
-          t === "vertical" && p.current.height > l.current.height && /* @__PURE__ */ u(
+        o.current && m.current && /* @__PURE__ */ V(te, { children: [
+          t === "vertical" && m.current.height > o.current.height && /* @__PURE__ */ u(
             F.div,
             {
               className: "flex-none",
               style: {
-                height: p.current.height - l.current.height
+                height: m.current.height - o.current.height
               }
             }
           ),
-          t === "horizontal" && p.current.width > l.current.width && /* @__PURE__ */ u(
+          t === "horizontal" && m.current.width > o.current.width && /* @__PURE__ */ u(
             F.div,
             {
               className: "flex-none",
               style: {
-                width: p.current.width - l.current.width
+                width: m.current.width - o.current.width
               }
             }
           )
@@ -1181,136 +1181,136 @@ const He = (e) => {
   el: t,
   touch: n = !0
 }) => {
-  const o = W(null), r = W(0), c = W(0);
+  const l = D(null), r = D(0), c = D(0);
   R(() => {
     if (!t) return;
     r.current = t.scrollTop, c.current = t.scrollLeft;
-    const i = (l) => {
-      e == null || e(l);
-    }, s = (l) => {
-      l.preventDefault(), i({
+    const i = (o) => {
+      e == null || e(o);
+    }, s = (o) => {
+      o.preventDefault(), i({
         type: "intent",
         source: "wheel",
-        deltaX: l.deltaX,
-        deltaY: l.deltaY,
-        originalEvent: l
+        deltaX: o.deltaX,
+        deltaY: o.deltaY,
+        originalEvent: o
       });
-    }, d = (l) => {
+    }, f = (o) => {
       if (!n) return;
-      const f = l.touches[0];
-      f && (o.current = { x: f.clientX, y: f.clientY });
-    }, a = (l) => {
+      const d = o.touches[0];
+      d && (l.current = { x: d.clientX, y: d.clientY });
+    }, a = (o) => {
       if (!n) return;
-      const f = l.touches[0];
-      if (!f || !o.current) return;
-      l.preventDefault();
-      const m = o.current.x - f.clientX, w = o.current.y - f.clientY;
-      o.current = { x: f.clientX, y: f.clientY }, i({
+      const d = o.touches[0];
+      if (!d || !l.current) return;
+      o.preventDefault();
+      const y = l.current.x - d.clientX, v = l.current.y - d.clientY;
+      l.current = { x: d.clientX, y: d.clientY }, i({
         type: "intent",
         source: "touch",
-        deltaX: m,
-        deltaY: w,
-        originalEvent: l
+        deltaX: y,
+        deltaY: v,
+        originalEvent: o
       });
-    }, y = () => {
-      n && (o.current = null);
-    }, p = (l) => {
-      const m = t.clientHeight * 0.9;
-      let w = 0, g = 0;
-      switch (l.key) {
+    }, p = () => {
+      n && (l.current = null);
+    }, m = (o) => {
+      const y = t.clientHeight * 0.9;
+      let v = 0, x = 0;
+      switch (o.key) {
         case "ArrowDown":
-          g = 40;
+          x = 40;
           break;
         case "ArrowUp":
-          g = -40;
+          x = -40;
           break;
         case "ArrowRight":
-          w = 40;
+          v = 40;
           break;
         case "ArrowLeft":
-          w = -40;
+          v = -40;
           break;
         case "PageDown":
-          g = m;
+          x = y;
           break;
         case "PageUp":
-          g = -m;
+          x = -y;
           break;
         case "Home":
-          g = Number.NEGATIVE_INFINITY;
+          x = Number.NEGATIVE_INFINITY;
           break;
         case "End":
-          g = Number.POSITIVE_INFINITY;
+          x = Number.POSITIVE_INFINITY;
           break;
         case " ":
-          g = l.shiftKey ? -m : m;
+          x = o.shiftKey ? -y : y;
           break;
         default:
           return;
       }
-      l.preventDefault(), i({
+      o.preventDefault(), i({
         type: "intent",
         source: "keyboard",
-        deltaX: w,
-        deltaY: g,
-        originalEvent: l
+        deltaX: v,
+        deltaY: x,
+        originalEvent: o
       });
     };
-    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", d, { passive: !0 }), t.addEventListener("touchmove", a, { passive: !1 }), t.addEventListener("touchend", y, { passive: !0 }), t.addEventListener("keydown", p), () => {
-      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", d), t.removeEventListener("touchmove", a), t.removeEventListener("touchend", y), t.removeEventListener("keydown", p);
+    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", f, { passive: !0 }), t.addEventListener("touchmove", a, { passive: !1 }), t.addEventListener("touchend", p, { passive: !0 }), t.addEventListener("keydown", m), () => {
+      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", f), t.removeEventListener("touchmove", a), t.removeEventListener("touchend", p), t.removeEventListener("keydown", m);
     };
   }, [e]);
-}, Vt = ({
+}, At = ({
   transition: e,
   orientation: t = "vertical",
   throttleDuration: n = 25
 }) => {
-  const [o, r] = S(0), [c, i] = S(), s = W(!1), d = W(), a = W(0);
+  const [l, r] = S(0), [c, i] = S(), s = D(!1), f = D(), a = D(0);
   R(() => {
     i(document);
-    const l = document.documentElement.scrollTop;
-    r(l), a.current = l;
+    const o = document.documentElement.scrollTop;
+    r(o), a.current = o;
   }, []), R(() => {
-    const l = () => {
+    const o = () => {
       s.current || r(document.documentElement.scrollTop);
     };
-    return c == null || c.addEventListener("scroll", l), () => {
-      d.current && clearTimeout(d.current), c == null || c.removeEventListener("scroll", l);
+    return c == null || c.addEventListener("scroll", o), () => {
+      f.current && clearTimeout(f.current), c == null || c.removeEventListener("scroll", o);
     };
   }, [c]);
-  const y = W(), p = W(null);
+  const p = D(), m = D(null);
   return R(() => {
-    const l = o;
-    if (p.current && (p.current.stop(), p.current = null), !s.current) {
-      y.current = l;
+    const o = l;
+    if (m.current && (m.current.stop(), m.current = null), !s.current) {
+      p.current = o;
       return;
     }
-    return p.current = Re(y.current ?? l, l, {
+    return m.current = Re(p.current ?? o, o, {
       duration: (e == null ? void 0 : e.duration) ?? 0.5,
       ease: "circOut",
-      onUpdate: (f) => {
-        d.current && clearTimeout(d.current), y.current = f;
-        const m = document.documentElement, w = Math.round(f * 1e3) / 1e3, g = a.current;
-        Math.abs(w - g) < 0.1 || (a.current = w, s.current && m.scrollTo({ top: w }));
+      onUpdate: (d) => {
+        f.current && clearTimeout(f.current), p.current = d;
+        const y = document.documentElement, v = Math.round(d * 1e3) / 1e3, x = a.current;
+        Math.abs(v - x) < 0.1 || (a.current = v, s.current && y.scrollTo({ top: v }));
       },
       onComplete: () => {
-        d.current = setTimeout(() => {
+        f.current = setTimeout(() => {
           s.current = !1;
-        }, 300), p.current = null;
+        }, 300), m.current = null;
       }
     }), () => {
-      p.current && (p.current.stop(), p.current = null);
+      m.current && (m.current.stop(), m.current = null);
     };
-  }, [o]), c ? /* @__PURE__ */ u(
+  }, [l]), c ? /* @__PURE__ */ u(
     lt,
     {
       touch: !1,
       el: c,
-      onScroll: (l) => {
-        if ("deltaY" in l && l.deltaY !== 0 && c && o !== null) {
-          let f = o + l.deltaY;
-          const m = c.querySelector("html");
-          m && (f = Math.min(f, m.scrollHeight - m.clientHeight)), f = Math.max(f, 0), r(f), s.current = !0;
+      onScroll: (o) => {
+        if ("deltaY" in o && o.deltaY !== 0 && c && l !== null) {
+          let d = l + o.deltaY;
+          const y = c.querySelector("html");
+          y && (d = Math.min(d, y.scrollHeight - y.clientHeight)), d = Math.max(d, 0), r(d), s.current = !0;
         }
       }
     }
@@ -1319,11 +1319,11 @@ const He = (e) => {
   targetRef: e,
   children: t
 }) => {
-  const [n, o] = S(null), r = W(null), c = () => {
+  const [n, l] = S(null), r = D(null), c = () => {
     const i = e.current;
     if (!i) return;
     const s = i.getBoundingClientRect();
-    o({
+    l({
       position: "fixed",
       top: s.top,
       left: s.left,
@@ -1342,7 +1342,7 @@ const He = (e) => {
         var s;
         window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (s = r.current) == null || s.disconnect();
       };
-  }, [e]), n ? be(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
+  }, [e]), n ? xe(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
 };
 function st(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
@@ -1352,49 +1352,49 @@ const Ft = ({
   throttleDelay: t = 100,
   // Délai par défaut de 300ms
   onLoad: n,
-  loadTheme: o = !1
+  loadTheme: l = !1
 }) => {
   const [r, c] = S(null);
   R(() => {
     (async () => {
-      const l = await Be(e, o);
-      c(l);
+      const o = await Be(e, l);
+      c(o);
     })();
   }, []);
-  const [i, s] = S(null), d = W(null), a = W(0), y = W(null);
+  const [i, s] = S(null), f = D(null), a = D(0), p = D(null);
   R(() => {
     if (!r) return;
-    const l = {
+    const o = {
       ...e,
       // Assurer la compatibilité avec l'API qui attend sourceColorHex
       sourceColor: e.sourceColor
-    }, f = Date.now(), m = f - a.current, w = async (g) => {
-      await p(g);
+    }, d = Date.now(), y = d - a.current, v = async (x) => {
+      await m(x);
     };
-    if (a.current === 0 || m >= t)
-      d.current && (clearTimeout(d.current), d.current = null), y.current = null, a.current = f, w(l);
-    else if (y.current = l, !d.current) {
-      const g = Math.max(0, t - m);
-      d.current = setTimeout(async () => {
-        d.current = null;
-        const N = y.current;
-        y.current = null, N && (a.current = Date.now(), await w(N));
-      }, g);
+    if (a.current === 0 || y >= t)
+      f.current && (clearTimeout(f.current), f.current = null), p.current = null, a.current = d, v(o);
+    else if (p.current = o, !f.current) {
+      const x = Math.max(0, t - y);
+      f.current = setTimeout(async () => {
+        f.current = null;
+        const E = p.current;
+        p.current = null, E && (a.current = Date.now(), await v(E));
+      }, x);
     }
     return () => {
     };
   }, [e, t, r]);
-  const p = async (l) => {
-    if (typeof l.sourceColor == "string" && !st(l.sourceColor))
+  const m = async (o) => {
+    if (typeof o.sourceColor == "string" && !st(o.sourceColor))
       throw new Error("Invalid hex color");
     if (!r)
       return;
-    r.context.update(l), await r.load();
-    const f = r == null ? void 0 : r.plugins.getPlugin(Le).getInstance().outputCss;
-    s(f), n == null || n(r);
+    r.context.update(o), await r.load();
+    const d = r == null ? void 0 : r.plugins.getPlugin(we).getInstance().outputCss;
+    s(d), n == null || n(r);
   };
   return R(() => () => {
-    d.current && (clearTimeout(d.current), d.current = null);
+    f.current && (clearTimeout(f.current), f.current = null);
   }, []), i ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: i } }) : null;
 };
 function ct() {
@@ -1410,233 +1410,204 @@ function ct() {
 function it() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function ae(e) {
+function le(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some(
     (n) => n.startsWith("anim-") && n.includes("scroll")
   );
 }
-function ye(e) {
+function he(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some(
-    (o) => o.startsWith("anim-")
-  ) ? !ae(e) : !1;
+    (l) => l.startsWith("anim-")
+  ) ? !le(e) : !1;
 }
-function le(e, t) {
-  if (!(typeof window > "u"))
-    try {
-      const n = getComputedStyle(e), o = /* @__PURE__ */ new Set();
-      if (Array.from(e.classList).forEach((r) => {
-        if (r.startsWith("anim")) {
-          const c = `--anim-name-${r.replaceAll(/-in|-out|-scroll/g, "").replace(t + "-", "")}`, i = n.getPropertyValue(c).trim();
-          i && o.add(i.replace(t + "-", ""));
-        }
-      }), o.size > 0) {
-        const r = Array.from(o).map((i) => `var(--anim-name-${i})`).join(", "), c = Array.from(o).map((i) => `var(--anim-dependencies-${i})`).join(", ");
-        e.style.animationName = r, e.style.willChange = c;
-      }
-    } catch {
-    }
-}
-function se(e, t) {
-  if (!ae(e)) return;
+function ae(e, t) {
+  if (!le(e)) return;
   if (e.hasAttribute(`data-${t}-scroll`)) {
     const i = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), s = i === "x" || i === "inline" ? "inline" : i === "y" || i === "block" ? "block" : "auto";
     e.classList.contains(`${t}-timeline`) || e.classList.contains(`${t}-timeline-inline`) || e.classList.contains(`${t}-timeline-block`) || e.classList.contains(`${t}-timeline-x`) || e.classList.contains(`${t}-timeline-y`) || (s === "inline" ? e.classList.add(`${t}-timeline-inline`) : s === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
   }
   const n = e.getAttribute(`data-${t}-start`);
   n && e.style.setProperty(`--${t}-range-start`, n);
-  const o = e.getAttribute(`data-${t}-end`);
-  o && e.style.setProperty(`--${t}-range-end`, o);
+  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`), c = e.hasAttribute(`data-${t}-run`) || e.classList.contains(`${t}-run`);
-  !r && !c && e.setAttribute(`data-${t}-run`, ""), le(e, t);
+  !r && !c && e.setAttribute(`data-${t}-run`, "");
 }
-function ce(e = document, t) {
+function se(e = document, t) {
   return Array.from(
     e.querySelectorAll(`[class*="${t}-"]`)
-  ).filter((o) => ae(o));
+  ).filter((l) => le(l));
 }
 function ut(e = document, t) {
   return Array.from(
     e.querySelectorAll('[class*="anim-"]')
-  ).filter((o) => !ae(o));
+  ).filter((l) => !le(l));
 }
-const Ht = ({
-  prefix: e = "anim",
-  children: t,
-  once: n = !0
-}) => {
-  const o = ue(it, []), r = ue(() => ct(), []), c = W(null), i = W(null), s = W(null);
-  return R(() => {
-    if (o) return;
-    const d = /* @__PURE__ */ new WeakSet();
-    s.current = d;
-    const a = new IntersectionObserver(
-      (l) => {
-        for (const f of l) {
-          const m = f.target;
-          if (!ye(m))
-            continue;
-          const g = m.classList.contains(`${e}-out`);
-          if (!g && f.isIntersecting)
-            m.setAttribute(`data-${e}-in-run`, ""), n && a.unobserve(m);
-          else if (g && !f.isIntersecting)
-            m.setAttribute(`data-${e}-out-run`, ""), n && a.unobserve(m);
-          else if (!n) {
-            const b = m.style.animationName;
-            m.style.animationName = "none", m.removeAttribute(`data-${e}-in-run`), m.removeAttribute(`data-${e}-out-run`), m.offsetWidth, m.style.animationName = b;
-          }
+function Le(e = {}) {
+  const { prefix: t = "anim", once: n = !0 } = e;
+  if (it())
+    return () => {
+    };
+  const l = ct(), r = /* @__PURE__ */ new WeakSet(), c = new IntersectionObserver(
+    (p) => {
+      for (const m of p) {
+        const o = m.target;
+        if (!he(o)) continue;
+        const y = o.classList.contains(`${t}-out`);
+        if (!y && m.isIntersecting)
+          o.setAttribute(`data-${t}-in-run`, ""), n && c.unobserve(o);
+        else if (y && !m.isIntersecting)
+          o.setAttribute(`data-${t}-out-run`, ""), n && c.unobserve(o);
+        else if (!n) {
+          const x = o.style.animationName;
+          o.style.animationName = "none", o.removeAttribute(`data-${t}-in-run`), o.removeAttribute(`data-${t}-out-run`), o.offsetWidth, o.style.animationName = x;
         }
-      },
-      { threshold: [0, 0.2] }
-    );
-    i.current = a;
-    const y = (l) => {
-      const f = ut(l || document);
-      for (const m of f)
-        d.has(m) || (d.add(m), le(m, e), a.observe(m));
+      }
+    },
+    { threshold: [0, 0.2] }
+  ), i = (p) => {
+    const m = ut(p || document);
+    for (const o of m)
+      r.has(o) || (r.add(o), c.observe(o));
+  };
+  i();
+  let s, f = null, a = null;
+  if (l)
+    (() => {
+      a == null && (a = requestAnimationFrame(() => {
+        a = null;
+        const m = se(void 0, t);
+        for (const o of m) ae(o, t);
+      }));
+    })(), f = new MutationObserver((m) => {
+      for (const o of m)
+        if (o.type === "attributes") {
+          const d = o.target;
+          d instanceof HTMLElement && (ae(d, t), he(d) && (r.has(d) || (r.add(d), c.observe(d))));
+        } else if (o.type === "childList" && o.addedNodes && o.addedNodes.length) {
+          for (const d of Array.from(o.addedNodes))
+            if (d instanceof HTMLElement) {
+              const y = se(d, t);
+              for (const v of y) ae(v, t);
+              i(d);
+            }
+        }
+    }), f.observe(document.documentElement, {
+      subtree: !0,
+      childList: !0,
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        `data-${t}-scroll`,
+        `data-${t}-start`,
+        `data-${t}-end`,
+        `data-${t}-paused`,
+        `data-${t}-run`
+      ]
+    }), s = () => {
+      a != null && cancelAnimationFrame(a), f && f.disconnect();
     };
-    y();
+  else {
     let p;
-    if (r) {
-      let l = null;
-      (() => {
-        l == null && (l = requestAnimationFrame(() => {
-          l = null;
-          const w = ce(void 0, e);
-          for (const g of w) se(g, e);
-        }));
-      })();
-      const m = new MutationObserver((w) => {
-        for (const g of w)
-          if (g.type === "attributes") {
-            const N = g.target;
-            N instanceof HTMLElement && (se(N, e), ye(N) && (d.has(N) || (d.add(N), a.observe(N))), le(N, e));
-          } else if (g.type === "childList" && g.addedNodes && g.addedNodes.length) {
-            for (const N of Array.from(g.addedNodes))
-              if (N instanceof HTMLElement) {
-                const b = ce(N, e);
-                for (const B of b) se(B, e);
-                y(N);
-              }
-          }
-      });
-      m.observe(document.documentElement, {
-        subtree: !0,
-        childList: !0,
-        attributes: !0,
-        attributeFilter: [
-          "class",
-          `data-${e}-scroll`,
-          `data-${e}-start`,
-          `data-${e}-end`,
-          `data-${e}-paused`,
-          `data-${e}-run`
-        ]
-      }), c.current = m, p = () => {
-        l != null && cancelAnimationFrame(l), m.disconnect(), c.current = null;
-      };
-    } else {
-      let l;
-      const f = ce(void 0, e);
-      for (const m of f) le(m, e);
-      f.length > 0 && import("./scrollDriven-AP2yWhzi.js").then((m) => {
-        l = m.initScrollViewFallback({ once: n });
-      }), p = () => {
-        typeof l == "function" && l();
-      };
-    }
-    return () => {
-      p && p(), i.current && (i.current.disconnect(), i.current = null), s.current = null;
+    se(void 0, t).length > 0 && import("./scrollDriven-AP2yWhzi.js").then((o) => {
+      p = o.initScrollViewFallback({ once: n });
+    }), s = () => {
+      typeof p == "function" && p();
     };
-  }, [r, o, n]), /* @__PURE__ */ u(T, { children: t });
-}, dt = ({
+  }
+  return () => {
+    s && s(), c.disconnect();
+  };
+}
+const Ht = Le, Ut = Le, dt = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: n,
-  href: o,
+  href: l,
   label: r,
   disableTextMargins: c,
   className: i,
   iconPosition: s = "left",
-  loading: d = !1,
+  loading: f = !1,
   shape: a = "rounded",
-  onClick: y,
-  onToggle: p,
-  activated: l,
-  ref: f,
-  size: m = "medium",
-  allowShapeTransformation: w = !0,
-  transition: g,
-  children: N,
-  ...b
+  onClick: p,
+  onToggle: m,
+  activated: o,
+  ref: d,
+  size: y = "medium",
+  allowShapeTransformation: v = !0,
+  transition: x,
+  children: E,
+  ...L
 }) => {
-  if (N && (r = N), !r)
+  if (E && (r = E), !r)
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = o ? "a" : "button", E = W(null), I = f || E, [C, V] = K.useState(l);
+  const B = l ? "a" : "button", N = D(null), I = d || N, [$, A] = K.useState(o);
   R(() => {
-    V(l);
-  }, [l]), g = { duration: 0.3, ...g };
-  let D;
-  p ? p && (D = (M) => {
-    t && M.preventDefault();
-    const Y = !C;
-    V(Y), p(Y);
-  }) : D = (M) => {
-    t && M.preventDefault(), y && y(M);
+    A(o);
+  }, [o]), x = { duration: 0.3, ...x };
+  let W;
+  m ? m && (W = (C) => {
+    t && C.preventDefault();
+    const X = !$;
+    A(X), m(X);
+  }) : W = (C) => {
+    t && C.preventDefault(), p && p(C);
   };
   const k = Ue({
-    allowShapeTransformation: w,
-    size: m,
+    allowShapeTransformation: v,
+    size: y,
     disableTextMargins: c,
     shape: a,
-    href: o,
+    href: l,
     disabled: t,
     icon: n,
     iconPosition: s,
-    loading: d,
+    loading: f,
     variant: e,
-    transition: g,
+    transition: x,
     className: i,
-    isActive: C ?? !1,
-    onToggle: p,
-    activated: C,
+    isActive: $ ?? !1,
+    onToggle: m,
+    activated: $,
     label: r,
     children: r
-  }), v = n ? /* @__PURE__ */ u(Z, { icon: n, className: k.icon }) : /* @__PURE__ */ u(T, {});
-  return /* @__PURE__ */ A(
+  }), g = n ? /* @__PURE__ */ u(Z, { icon: n, className: k.icon }) : /* @__PURE__ */ u(te, {});
+  return /* @__PURE__ */ V(
     B,
     {
       ref: I,
-      href: o,
+      href: l,
       className: k.button,
-      ...b,
-      onClick: D,
+      ...L,
+      onClick: W,
       disabled: t,
-      "aria-pressed": p ? C : void 0,
-      style: { transition: g.duration + "s" },
+      "aria-pressed": m ? $ : void 0,
+      style: { transition: x.duration + "s" },
       children: [
         /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: g.duration + "s" },
+            style: { transition: x.duration + "s" },
             children: !t && /* @__PURE__ */ u(
               re,
               {
-                colorName: e === "filled" && p && "on-surface-variant" || e === "filled" && !p && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
+                colorName: e === "filled" && m && "on-surface-variant" || e === "filled" && !m && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
                 triggerRef: I
               }
             )
           }
         ),
-        s === "left" && v,
-        d && /* @__PURE__ */ u(
+        s === "left" && g,
+        f && /* @__PURE__ */ u(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
@@ -1674,37 +1645,37 @@ const Ht = ({
           }
         ),
         /* @__PURE__ */ u("span", { className: k.label, children: r }),
-        s === "right" && v
+        s === "right" && g
       ]
     }
   );
-}, Ut = ({
+}, Ot = ({
   variant: e = "outlined",
   className: t,
   children: n,
-  isInteractive: o = !1,
+  isInteractive: l = !1,
   ref: r,
   ...c
 }) => {
-  const i = Xe({ className: t, isInteractive: o, variant: e, children: n }), s = W(null), d = r || s;
-  return /* @__PURE__ */ A("div", { ...c, ref: d, className: i.card, children: [
-    /* @__PURE__ */ u("div", { className: i.stateLayer, children: o && /* @__PURE__ */ u(re, { colorName: "on-surface", triggerRef: d }) }),
+  const i = Oe({ className: t, isInteractive: l, variant: e, children: n }), s = D(null), f = r || s;
+  return /* @__PURE__ */ V("div", { ...c, ref: f, className: i.card, children: [
+    /* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(re, { colorName: "on-surface", triggerRef: f }) }),
     n
   ] });
 }, ft = (e, t, n = [0, 1]) => {
-  const [o, r] = t, [c, i] = n, d = (Math.max(o, Math.min(e, r)) - o) / (r - o);
-  return c + d * (i - c);
+  const [l, r] = t, [c, i] = n, f = (Math.max(l, Math.min(e, r)) - l) / (r - l);
+  return c + f * (i - c);
 }, mt = ({
   className: e,
   children: t,
   width: n = 1,
-  index: o = 0,
+  index: l = 0,
   ref: r,
   ...c
 }) => {
-  const i = W(null), s = r || i, d = Ye({
+  const i = D(null), s = r || i, f = Xe({
     className: e,
-    index: o,
+    index: l,
     width: n,
     children: t
   });
@@ -1717,7 +1688,7 @@ const Ht = ({
         duration: 0.5,
         ease: "linear"
       },
-      className: d.carouselItem,
+      className: f.carouselItem,
       ...c,
       children: t
     }
@@ -1726,105 +1697,105 @@ const Ht = ({
   variant: e = "hero",
   className: t,
   children: n,
-  ref: o,
+  ref: l,
   marginPourcent: r = 0,
   inputRange: c = [0.21, 0.65],
   outputRange: i = [42, 300],
   gap: s = 8,
-  onChange: d,
+  onChange: f,
   scrollSensitivity: a = 1.25,
-  ...y
+  ...p
 }) => {
-  var j, z;
-  const p = W(null), l = o || p, f = je({
+  var Y, z;
+  const m = D(null), o = l || m, d = Ye({
     className: t,
     children: n,
     variant: e,
     inputRange: c,
     outputRange: i,
     marginPourcent: r,
-    onChange: d,
+    onChange: f,
     gap: s,
     scrollSensitivity: a
-  }), m = K.Children.toArray(n).filter(
-    (L) => K.isValidElement(L) && L.type === mt
-  ), w = W(null), [g, N] = S([]), [b, B] = S(null), E = () => {
+  }), y = K.Children.toArray(n).filter(
+    (b) => K.isValidElement(b) && b.type === mt
+  ), v = D(null), [x, E] = S([]), [L, B] = S(null), N = () => {
     var U;
-    if (!w.current || !l.current || !b) return [];
-    const { scrollVisible: L, scrollProgress: x } = b;
-    function P(X, J) {
-      return X.map(
-        (ee) => (ee - J) / Math.abs(X[1] - X[0])
+    if (!v.current || !o.current || !L) return [];
+    const { scrollVisible: b, scrollProgress: w } = L;
+    function P(O, J) {
+      return O.map(
+        (T) => (T - J) / Math.abs(O[1] - O[0])
       );
     }
-    let H = m.map((X, J) => {
-      if (!I[J].current || !w.current) return 0;
-      let ne = J / (m.length - 1);
+    let H = y.map((O, J) => {
+      if (!I[J].current || !v.current) return 0;
+      let ne = J / (y.length - 1);
       return ne > 1 && (ne = 1), ne < 0 && (ne = 0), ne;
     });
-    H = P(H, x);
-    let $ = ((((U = l.current) == null ? void 0 : U.clientWidth) ?? L) - (i[0] + s)) / (i[1] + s);
-    return H.map((X, J) => ({ value: Math.abs(X), originalIndex: J })).sort((X, J) => X.value - J.value).forEach((X, J) => {
-      J === 0 && V(X.originalIndex);
-      let ee = ft($, [0, 1], [0, i[1]]);
-      ee < i[0] && (ee = i[0]), $--, H[X.originalIndex] = ee;
+    H = P(H, w);
+    let M = ((((U = o.current) == null ? void 0 : U.clientWidth) ?? b) - (i[0] + s)) / (i[1] + s);
+    return H.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
+      J === 0 && A(O.originalIndex);
+      let T = ft(M, [0, 1], [0, i[1]]);
+      T < i[0] && (T = i[0]), M--, H[O.originalIndex] = T;
     }), H;
-  }, I = W([]).current, [C, V] = S(0);
+  }, I = D([]).current, [$, A] = S(0);
   R(() => {
-    d && d(C);
-  }, [C]), I.length !== m.length && m.forEach((L, x) => {
-    I[x] || (I[x] = K.createRef());
+    f && f($);
+  }, [$]), I.length !== y.length && y.forEach((b, w) => {
+    I[w] || (I[w] = K.createRef());
   });
-  const D = m.map((L, x) => K.cloneElement(
-    L,
+  const W = y.map((b, w) => K.cloneElement(
+    b,
     {
-      width: g[x],
-      ref: I[x],
-      key: x,
-      index: x
+      width: x[w],
+      ref: I[w],
+      key: w,
+      index: w
     }
-  )), k = Ce((b == null ? void 0 : b.scrollProgress) ?? 0), v = pe(
+  )), k = $e((L == null ? void 0 : L.scrollProgress) ?? 0), g = me(
     k,
     [0, 1],
     [
       0,
-      1 - (((j = l.current) == null ? void 0 : j.clientWidth) ?? 0) / (((z = w == null ? void 0 : w.current) == null ? void 0 : z.clientWidth) ?? 0)
+      1 - (((Y = o.current) == null ? void 0 : Y.clientWidth) ?? 0) / (((z = v == null ? void 0 : v.current) == null ? void 0 : z.clientWidth) ?? 0)
     ]
-  ), M = pe(
-    v,
-    (L) => `${-L * 100}%`
-  ), Y = (L) => {
-    L.scrollTotal > 0 && B(L);
+  ), C = me(
+    g,
+    (b) => `${-b * 100}%`
+  ), X = (b) => {
+    b.scrollTotal > 0 && B(b);
   };
   R(() => {
-    const L = E();
-    N(L);
-  }, [b]);
+    const b = N();
+    E(b);
+  }, [L]);
   const [q, G] = S(0);
-  return xe(() => {
-    let L = i[1];
-    b && L > b.scrollVisible && (L = b.scrollVisible);
-    const x = (L + s) * D.length / a;
-    G(x);
-  }, [l, I, b]), /* @__PURE__ */ u("div", { className: f.carousel, ref: l, ...y, children: /* @__PURE__ */ u(
+  return ve(() => {
+    let b = i[1];
+    L && b > L.scrollVisible && (b = L.scrollVisible);
+    const w = (b + s) * W.length / a;
+    G(w);
+  }, [o, I, L]), /* @__PURE__ */ u("div", { className: d.carousel, ref: o, ...p, children: /* @__PURE__ */ u(
     ot,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: Y,
+      onScroll: X,
       scrollSize: q,
       children: /* @__PURE__ */ u(
         F.div,
         {
-          className: f.track,
-          ref: w,
+          className: d.track,
+          ref: v,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
             gap: `${s}px`,
-            x: M
+            x: C
           },
-          children: D
+          children: W
         }
       )
     }
@@ -1834,106 +1805,106 @@ const Ht = ({
   className: t,
   ...n
 }) => {
-  const o = Oe({ orientation: e, className: t });
-  return /* @__PURE__ */ u("hr", { className: o.divider, ...n });
+  const l = je({ orientation: e, className: t });
+  return /* @__PURE__ */ u("hr", { className: l.divider, ...n });
 }, _ = [];
 for (let e = 0; e < 256; ++e)
   _.push((e + 256).toString(16).slice(1));
 function pt(e, t = 0) {
   return (_[e[t + 0]] + _[e[t + 1]] + _[e[t + 2]] + _[e[t + 3]] + "-" + _[e[t + 4]] + _[e[t + 5]] + "-" + _[e[t + 6]] + _[e[t + 7]] + "-" + _[e[t + 8]] + _[e[t + 9]] + "-" + _[e[t + 10]] + _[e[t + 11]] + _[e[t + 12]] + _[e[t + 13]] + _[e[t + 14]] + _[e[t + 15]]).toLowerCase();
 }
-let ie;
+let ce;
 const yt = new Uint8Array(16);
 function gt() {
-  if (!ie) {
+  if (!ce) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ie = crypto.getRandomValues.bind(crypto);
+    ce = crypto.getRandomValues.bind(crypto);
   }
-  return ie(yt);
+  return ce(yt);
 }
-const vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ge = { randomUUID: vt };
-function de(e, t, n) {
+const vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), pe = { randomUUID: vt };
+function ie(e, t, n) {
   var r;
-  if (ge.randomUUID && !e)
-    return ge.randomUUID();
+  if (pe.randomUUID && !e)
+    return pe.randomUUID();
   e = e || {};
-  const o = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? gt();
-  if (o.length < 16)
+  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? gt();
+  if (l.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, pt(o);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, pt(l);
 }
-const Ee = ({
+const Ne = ({
   variant: e = "plain",
   buttons: t,
   className: n,
-  children: o,
+  children: l,
   title: r,
   text: c,
   position: i,
   targetRef: s,
-  ref: d,
+  ref: f,
   trigger: a = ["hover", "focus"],
-  ...y
+  ...p
 }) => {
-  if (!o && !s)
+  if (!l && !s)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(a) || (a = [a]), t && !Array.isArray(t) && (t = [t]);
-  const p = W(null), l = s || p, [f, m] = S(null), [w] = S(de()), [g, N] = S(!1), b = W(null);
+  const m = D(null), o = s || m, [d, y] = S(null), [v] = S(ie()), [x, E] = S(!1), L = D(null);
   R(() => {
-    const v = (M) => {
-      m(M.detail);
+    const g = (C) => {
+      y(C.detail);
     };
-    return document.addEventListener("tooltip-update", v), () => {
+    return document.addEventListener("tooltip-update", g), () => {
       document.removeEventListener(
         "tooltip-update",
-        v
+        g
       );
     };
   }, []), R(() => {
-    b.current && clearTimeout(b.current), f ? N(f === w) : b.current = setTimeout(() => {
-      N(!1);
+    L.current && clearTimeout(L.current), d ? E(d === v) : L.current = setTimeout(() => {
+      E(!1);
     }, 1200);
-  }, [f, w]);
+  }, [d, v]);
   const B = () => {
     if (a.includes("hover")) {
-      const v = new CustomEvent("tooltip-update", { detail: w });
-      document.dispatchEvent(v);
+      const g = new CustomEvent("tooltip-update", { detail: v });
+      document.dispatchEvent(g);
     }
-  }, E = () => {
+  }, N = () => {
     if (a.includes("hover")) {
-      const v = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(v);
+      const g = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(g);
     }
   }, I = () => {
     if (a.includes("click")) {
-      const v = new CustomEvent("tooltip-update", {
-        detail: g ? null : w
+      const g = new CustomEvent("tooltip-update", {
+        detail: x ? null : v
       });
-      document.dispatchEvent(v);
+      document.dispatchEvent(g);
     }
-  }, C = () => {
+  }, $ = () => {
     if (a.includes("focus")) {
-      const v = new CustomEvent("tooltip-update", { detail: w });
-      document.dispatchEvent(v);
+      const g = new CustomEvent("tooltip-update", { detail: v });
+      document.dispatchEvent(g);
     }
-  }, V = () => {
+  }, A = () => {
     if (a.includes("focus")) {
-      const v = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(v);
+      const g = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(g);
     }
   };
   R(() => {
-    if (l != null && l.current) {
-      const v = l.current;
-      return v.addEventListener("mouseenter", B), v.addEventListener("mouseleave", E), v.addEventListener("click", I), v.addEventListener("focus", C), v.addEventListener("blur", V), () => {
-        v.removeEventListener("mouseenter", B), v.removeEventListener("mouseleave", E), v.removeEventListener("click", I), v.removeEventListener("focus", C), v.removeEventListener("blur", V);
+    if (o != null && o.current) {
+      const g = o.current;
+      return g.addEventListener("mouseenter", B), g.addEventListener("mouseleave", N), g.addEventListener("click", I), g.addEventListener("focus", $), g.addEventListener("blur", A), () => {
+        g.removeEventListener("mouseenter", B), g.removeEventListener("mouseleave", N), g.removeEventListener("click", I), g.removeEventListener("focus", $), g.removeEventListener("blur", A);
       };
     }
-  }, [l, a, w, g]);
-  const D = !s && te(o) ? oe(o, { ref: p }) : o;
-  if (!i && typeof window < "u" && l != null && l.current && !i) {
-    const v = l.current.getBoundingClientRect(), M = window.innerWidth, Y = window.innerHeight, q = v.left / M, G = v.top / Y;
+  }, [o, a, v, x]);
+  const W = !s && ee(l) ? oe(l, { ref: m }) : l;
+  if (!i && typeof window < "u" && o != null && o.current && !i) {
+    const g = o.current.getBoundingClientRect(), C = window.innerWidth, X = window.innerHeight, q = g.left / C, G = g.top / X;
     e === "plain" ? q < 1 / 3 ? i = "right" : q > 2 / 3 ? i = "left" : i = G > 0.5 ? "top" : "bottom" : q < 1 / 2 && G < 1 / 2 ? i = "bottom-right" : q > 1 / 2 && G < 1 / 2 ? i = "bottom-left" : q > 1 / 2 && G > 1 / 2 ? i = "top-left" : q < 1 / 2 && G > 1 / 2 && (i = "top-right");
   }
   const k = tt({
@@ -1945,22 +1916,22 @@ const Ee = ({
     position: i,
     trigger: a,
     targetRef: s,
-    children: o
+    children: l
   });
-  return /* @__PURE__ */ A(T, { children: [
-    D,
-    /* @__PURE__ */ u(Q, { children: g && /* @__PURE__ */ u(at, { targetRef: l, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ V(te, { children: [
+    W,
+    /* @__PURE__ */ u(Q, { children: x && /* @__PURE__ */ u(at, { targetRef: o, children: /* @__PURE__ */ u(
       F.div,
       {
-        initial: { opacity: f ? 1 : 0 },
+        initial: { opacity: d ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: f ? 0 : 0.3 },
-        exit: { opacity: f ? 1 : 0 },
+        transition: { duration: d ? 0 : 0.3 },
+        exit: { opacity: d ? 1 : 0 },
         className: k.toolTip,
-        ...y,
+        ...p,
         onMouseEnter: B,
-        onMouseLeave: E,
-        children: /* @__PURE__ */ A(
+        onMouseLeave: N,
+        children: /* @__PURE__ */ V(
           F.div,
           {
             className: k.container,
@@ -1973,14 +1944,14 @@ const Ee = ({
             children: [
               r && /* @__PURE__ */ u("div", { className: k.subHead, children: r }),
               /* @__PURE__ */ u("div", { className: k.supportingText, children: c }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((v, M) => /* @__PURE__ */ u(
+              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((g, C) => /* @__PURE__ */ u(
                 dt,
                 {
                   size: "small",
                   variant: "text",
-                  ...v
+                  ...g
                 },
-                M
+                C
               )) })
             ]
           }
@@ -1988,37 +1959,37 @@ const Ee = ({
       }
     ) }) })
   ] });
-}, ve = ({
+}, ye = ({
   className: e,
   label: t,
   variant: n = "primary",
-  size: o = "medium",
+  size: l = "medium",
   href: r,
   type: c,
   icon: i,
   isExtended: s = !1,
-  ref: d,
+  ref: f,
   transition: a,
-  children: y,
-  ...p
+  children: p,
+  ...m
 }) => {
-  if (y && (t = y), !t)
+  if (p && (t = p), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const l = r ? "a" : "button", f = qe({
+  const o = r ? "a" : "button", d = qe({
     href: r,
     icon: i,
     isExtended: s,
     label: t,
-    size: o,
+    size: l,
     variant: n,
     className: e,
     transition: a,
     children: t
   });
   a = { duration: 0.3, ...a };
-  const m = W(null), w = d || m, g = {
+  const y = D(null), v = f || y, x = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -2044,24 +2015,24 @@ const Ee = ({
       }
     }
   };
-  return /* @__PURE__ */ A(
-    l,
+  return /* @__PURE__ */ V(
+    o,
     {
-      ...p,
-      ref: w,
+      ...m,
+      ref: v,
       href: r,
       "aria-label": s ? void 0 : t,
-      className: f.fab,
+      className: d.fab,
       children: [
         /* @__PURE__ */ u(
-          Ee,
+          Ne,
           {
             trigger: s ? null : void 0,
             text: t,
-            targetRef: w
+            targetRef: v
           }
         ),
-        /* @__PURE__ */ u("span", { className: f.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: d.stateLayer, children: /* @__PURE__ */ u(
           re,
           {
             colorName: h({
@@ -2070,133 +2041,133 @@ const Ee = ({
               "on-secondary-container": n == "secondary",
               "on-tertiary-container": n == "tertiary"
             }),
-            triggerRef: w
+            triggerRef: v
           }
         ) }),
-        /* @__PURE__ */ u(Z, { icon: i, className: f.icon }),
+        /* @__PURE__ */ u(Z, { icon: i, className: d.icon }),
         /* @__PURE__ */ u(Q, { children: s && /* @__PURE__ */ u(
           F.span,
           {
-            variants: g,
+            variants: x,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
-            className: f.label,
+            className: d.label,
             children: t
           }
         ) })
       ]
     }
   );
-}, fe = ({
+}, ue = ({
   variant: e = "standard",
   href: t,
   disabled: n = !1,
-  type: o = "button",
+  type: l = "button",
   title: r,
   label: c,
   onToggle: i,
   activated: s = !1,
-  onClick: d,
+  onClick: f,
   icon: a,
-  size: y = "medium",
-  iconSelected: p,
-  className: l,
-  ref: f,
-  width: m = "default",
-  shape: w = "rounded",
-  allowShapeTransformation: g = !0,
-  transition: N,
-  children: b,
+  size: p = "medium",
+  iconSelected: m,
+  className: o,
+  ref: d,
+  width: y = "default",
+  shape: v = "rounded",
+  allowShapeTransformation: x = !0,
+  transition: E,
+  children: L,
   ...B
 }) => {
-  if (b && (c = b), !c)
+  if (L && (c = L), !c)
     throw new Error(
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   r || (r = c);
-  const [E, I] = K.useState(s);
-  let C;
-  i ? i && (C = (M) => {
-    n && M.preventDefault(), I(!E), i(!!E);
-  }, a = E && p || a) : C = (M) => {
-    n && M.preventDefault(), d && d(M);
+  const [N, I] = K.useState(s);
+  let $;
+  i ? i && ($ = (C) => {
+    n && C.preventDefault(), I(!N), i(!!N);
+  }, a = N && m || a) : $ = (C) => {
+    n && C.preventDefault(), f && f(C);
   }, R(() => {
     I(s);
   }, [s]);
-  const V = t ? "a" : "button", D = _e({
-    transition: N,
-    shape: w,
-    allowShapeTransformation: g,
-    width: m,
+  const A = t ? "a" : "button", W = _e({
+    transition: E,
+    shape: v,
+    allowShapeTransformation: x,
+    width: y,
     href: t,
-    activated: E,
+    activated: N,
     label: c,
-    iconSelected: p,
-    isActive: E,
+    iconSelected: m,
+    isActive: N,
     onToggle: i,
     disabled: n,
     icon: a,
     variant: e,
-    className: l,
-    size: y,
+    className: o,
+    size: p,
     children: c,
     ...B
-  }), k = W(null), v = f || k;
-  return N = { duration: 0.3, ...N }, /* @__PURE__ */ A(
-    V,
+  }), k = D(null), g = d || k;
+  return E = { duration: 0.3, ...E }, /* @__PURE__ */ V(
+    A,
     {
       disabled: n,
       href: t,
-      style: { transition: N.duration + "s" },
-      className: D.iconButton,
+      style: { transition: E.duration + "s" },
+      className: W.iconButton,
       "aria-label": c,
       ...B,
       title: void 0,
-      onClick: C,
-      ref: v,
+      onClick: $,
+      ref: g,
       children: [
         /* @__PURE__ */ u(
-          Ee,
+          Ne,
           {
-            targetRef: v,
+            targetRef: g,
             trigger: n ? null : void 0,
             text: r
           }
         ),
-        /* @__PURE__ */ u("div", { className: D.touchTarget }),
+        /* @__PURE__ */ u("div", { className: W.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: D.stateLayer,
-            style: { transition: N.duration + "s" },
+            className: W.stateLayer,
+            style: { transition: E.duration + "s" },
             children: !n && /* @__PURE__ */ u(
               re,
               {
                 colorName: h(
                   e === "standard" && {
-                    "on-surface-variant": !E,
-                    primary: E
+                    "on-surface-variant": !N,
+                    primary: N
                   },
                   e === "filled" && {
-                    primary: !E && !!i,
-                    "inverse-on-surface": E || !i
+                    primary: !N && !!i,
+                    "inverse-on-surface": N || !i
                   },
                   e === "tonal" && {
-                    "on-surface-variant": !E && !!i,
-                    "on-secondary-container": E || !i
+                    "on-surface-variant": !N && !!i,
+                    "on-secondary-container": N || !i
                   },
                   e === "outlined" && {
-                    "on-surface-variant": !E,
-                    "on-primary": E
+                    "on-surface-variant": !N,
+                    "on-primary": N
                   }
                 ),
-                triggerRef: v
+                triggerRef: g
               }
             )
           }
         ),
-        a && /* @__PURE__ */ u(Z, { icon: a, className: D.icon })
+        a && /* @__PURE__ */ u(Z, { icon: a, className: W.icon })
       ]
     }
   );
@@ -2204,7 +2175,7 @@ const Ee = ({
   className: e,
   valueFormatter: t,
   step: n = 10,
-  name: o,
+  name: l,
   value: r = 0,
   min: c = 0,
   max: i = 100,
@@ -2218,99 +2189,99 @@ const Ee = ({
       label: "100"
     }
   ],
-  ref: d,
+  ref: f,
   onChange: a,
-  ...y
+  ...p
 }) => {
-  const p = (L) => {
-    const x = f(), P = l();
-    return L === 1 / 0 ? 100 : L === -1 / 0 ? 0 : (L - x) / (P - x) * 100;
-  }, l = (L = !1) => L ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, f = (L = !1) => L ? c : c == -1 / 0 ? s[0].value : c, m = (L) => {
-    const x = f(!1);
-    return (l(!1) - x) * L / 100 + x;
-  }, [w, g] = S(!1), N = W(null), b = d || N, [B, E] = S(r), [I, C] = S(p(r)), [V, D] = S(!1), k = (L) => {
-    D(!0), g(!0), Y(L);
-  }, v = () => {
-    D(!1), g(!1);
+  const m = (b) => {
+    const w = d(), P = o();
+    return b === 1 / 0 ? 100 : b === -1 / 0 ? 0 : (b - w) / (P - w) * 100;
+  }, o = (b = !1) => b ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, d = (b = !1) => b ? c : c == -1 / 0 ? s[0].value : c, y = (b) => {
+    const w = d(!1);
+    return (o(!1) - w) * b / 100 + w;
+  }, [v, x] = S(!1), E = D(null), L = f || E, [B, N] = S(r), [I, $] = S(m(r)), [A, W] = S(!1), k = (b) => {
+    W(!0), x(!0), X(b);
+  }, g = () => {
+    W(!1), x(!1);
   };
-  R(() => (V ? (window.addEventListener("mouseup", v), window.addEventListener("mousemove", Y), window.addEventListener("touchend", v), window.addEventListener("touchmove", Y)) : (window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", Y)), () => {
-    window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", Y);
-  }), [V]);
-  const M = Je({
+  R(() => (A ? (window.addEventListener("mouseup", g), window.addEventListener("mousemove", X), window.addEventListener("touchend", g), window.addEventListener("touchmove", X)) : (window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X)), () => {
+    window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X);
+  }), [A]);
+  const C = Je({
     className: e,
-    isChanging: w,
+    isChanging: v,
     marks: s,
     max: i,
     min: c,
-    name: o,
+    name: l,
     step: n,
     value: B,
     valueFormatter: t,
     onChange: a
-  }), Y = (L) => {
-    const x = b == null ? void 0 : b.current;
-    if (x) {
-      const P = x.getBoundingClientRect().left, $ = ((L.type === "touchmove" || L.type === "touchstart" ? L.touches[0].clientX : L.clientX) - P) / x.offsetWidth * 100;
-      q({ pourcent: $ });
+  }), X = (b) => {
+    const w = L == null ? void 0 : L.current;
+    if (w) {
+      const P = w.getBoundingClientRect().left, M = ((b.type === "touchmove" || b.type === "touchstart" ? b.touches[0].clientX : b.clientX) - P) / w.offsetWidth * 100;
+      q({ pourcent: M });
     }
   }, q = ({
-    pourcent: L,
-    value: x
+    pourcent: b,
+    value: w
   }) => {
-    if (L) {
-      if (L >= 100) {
-        E(l(!0)), C(100);
+    if (b) {
+      if (b >= 100) {
+        N(o(!0)), $(100);
         return;
       }
-      if (L <= 0) {
-        E(f(!0)), C(0);
+      if (b <= 0) {
+        N(d(!0)), $(0);
         return;
       }
-      x = m(L), x == f() && (x = f(!0)), x == l() && (x = l(!0));
-    } else if (x != null) {
-      if (x >= l()) {
-        E(l(!0)), C(100);
+      w = y(b), w == d() && (w = d(!0)), w == o() && (w = o(!0));
+    } else if (w != null) {
+      if (w >= o()) {
+        N(o(!0)), $(100);
         return;
       }
-      if (x <= f()) {
-        E(f(!0)), C(0);
+      if (w <= d()) {
+        N(d(!0)), $(0);
         return;
       }
-      L = p(x);
+      b = m(w);
     } else
       return;
-    n != null ? x = Math.round((x - f()) / n) * n + f() : s && (x = s.reduce((P, H, $) => {
-      let U = H.value === 1 / 0 ? l() : H.value === -1 / 0 ? f() : H.value, X = P.value === 1 / 0 ? l() : P.value === -1 / 0 ? f() : P.value;
-      return U = Math.abs(U - x), X = Math.abs(X - x), U < X ? H : P;
-    }).value), x >= l() && (x = l(!0)), x <= f() && (x = f(!0)), L = p(x), E(x), C(L), a && a(x);
-  }, [G, j] = S(0);
+    n != null ? w = Math.round((w - d()) / n) * n + d() : s && (w = s.reduce((P, H, M) => {
+      let U = H.value === 1 / 0 ? o() : H.value === -1 / 0 ? d() : H.value, O = P.value === 1 / 0 ? o() : P.value === -1 / 0 ? d() : P.value;
+      return U = Math.abs(U - w), O = Math.abs(O - w), U < O ? H : P;
+    }).value), w >= o() && (w = o(!0)), w <= d() && (w = d(!0)), b = m(w), N(w), $(b), a && a(w);
+  }, [G, Y] = S(0);
   return R(() => {
-    const L = () => {
-      b.current && j(b.current.offsetWidth);
+    const b = () => {
+      L.current && Y(L.current.offsetWidth);
     };
-    return L(), window.addEventListener("resize", L), () => {
-      window.removeEventListener("resize", L);
+    return b(), window.addEventListener("resize", b), () => {
+      window.removeEventListener("resize", b);
     };
-  }, []), /* @__PURE__ */ A(
+  }, []), /* @__PURE__ */ V(
     "div",
     {
       tabIndex: 0,
-      onKeyDown: (L) => {
-        switch (L.key) {
+      onKeyDown: (b) => {
+        switch (b.key) {
           case "ArrowRight":
             if (n)
               q({ value: B + n });
             else if (s) {
-              const x = s.find((P) => P.value > B);
-              x && q({ value: x.value });
+              const w = s.find((P) => P.value > B);
+              w && q({ value: w.value });
             }
             break;
           case "ArrowLeft":
             if (n)
               q({ value: B - n });
             else if (s) {
-              const x = s.slice(0).reverse().find((P, H, $) => B === 1 / 0 ? H === 1 : P.value < B);
-              x && q({ value: x.value });
+              const w = s.slice(0).reverse().find((P, H, M) => B === 1 / 0 ? H === 1 : P.value < B);
+              w && q({ value: w.value });
             }
             break;
           default:
@@ -2318,30 +2289,30 @@ const Ee = ({
         }
       },
       role: "slider",
-      "aria-valuemin": f(!0),
-      "aria-valuemax": l(!0),
+      "aria-valuemin": d(!0),
+      "aria-valuemax": o(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
-      className: M.slider,
+      className: C.slider,
       onMouseDown: k,
-      onClick: Y,
-      ref: b,
+      onClick: X,
+      ref: L,
       onTouchStart: k,
-      onDragStart: (L) => L.preventDefault(),
-      ...y,
+      onDragStart: (b) => b.preventDefault(),
+      ...p,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", name: o, value: B }),
+        /* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: M.activeTrack,
+            className: C.activeTrack,
             style: { flex: I / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(Q, { children: w && /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(Q, { children: v && /* @__PURE__ */ u(
           F.div,
           {
-            className: M.valueIndicator,
+            className: C.valueIndicator,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2361,7 +2332,7 @@ const Ee = ({
         /* @__PURE__ */ u(
           "div",
           {
-            className: M.inactiveTrack,
+            className: C.inactiveTrack,
             style: { flex: 1 - I / 100 }
           }
         ),
@@ -2369,21 +2340,21 @@ const Ee = ({
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: s && s.map((L, x) => {
+            children: s && s.map((b, w) => {
               let P = null;
-              const H = (w ? 9 : 10) / G * 100, $ = p(L.value);
-              return $ <= I - H ? P = !0 : $ >= I + H && (P = !1), /* @__PURE__ */ u(
+              const H = (v ? 9 : 10) / G * 100, M = m(b.value);
+              return M <= I - H ? P = !0 : M >= I + H && (P = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: h(M.dot, {
+                  className: h(C.dot, {
                     "bg-primary-container": P != null && P,
                     "bg-primary": P != null && !P
                   }),
                   style: {
-                    left: `${p(L.value)}%`
+                    left: `${m(b.value)}%`
                   }
                 },
-                x
+                w
               );
             })
           }
@@ -2397,15 +2368,15 @@ const Ee = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var wt = {
+var xt = {
   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"]
-}, me = {
+}, de = {
   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"]
-}, xt = {
+}, wt = {
   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"]
@@ -2414,86 +2385,86 @@ const jt = ({
   variant: e = "standard",
   className: t,
   children: n,
-  title: o,
+  title: l,
   position: r = "right",
   extended: c,
   divider: i,
   onExtendedChange: s,
-  closeIcon: d = me,
+  closeIcon: f = de,
   transition: a,
-  ...y
+  ...p
 }) => {
   a = { duration: 0.3, ...a };
-  const [p, l] = S(c ?? !0), f = Ge({
+  const [m, o] = S(c ?? !0), d = Ge({
     transition: a,
-    title: o,
+    title: l,
     position: r,
-    closeIcon: d,
+    closeIcon: f,
     className: t,
     children: n,
     onExtendedChange: s,
     divider: i,
-    isExtended: p,
-    extended: p,
+    isExtended: m,
+    extended: m,
     variant: e
   });
   R(() => {
-    s == null || s(p ?? !1);
-  }, [p]), R(() => {
-    c != null && l(c);
+    s == null || s(m ?? !1);
+  }, [m]), R(() => {
+    c != null && o(c);
   }, [c]);
-  const m = {
+  const y = {
     close: {
       width: 0
     },
     open: {
       width: "auto"
     }
-  }, w = () => /* @__PURE__ */ A(T, { children: [
-    /* @__PURE__ */ u(Q, { children: e == "modal" && p && /* @__PURE__ */ u(
+  }, v = () => /* @__PURE__ */ V(te, { children: [
+    /* @__PURE__ */ u(Q, { children: e == "modal" && m && /* @__PURE__ */ u(
       F.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: a,
-        onClick: () => l(!1),
-        className: f.overlay
+        onClick: () => o(!1),
+        className: d.overlay
       }
     ) }),
-    /* @__PURE__ */ u(Q, { children: p && /* @__PURE__ */ A(
+    /* @__PURE__ */ u(Q, { children: m && /* @__PURE__ */ V(
       "div",
       {
-        ...y,
-        className: f.slideSheet,
+        ...p,
+        className: d.slideSheet,
         style: { transition: a.duration + "s" },
         children: [
-          /* @__PURE__ */ A(
+          /* @__PURE__ */ V(
             F.div,
             {
-              variants: m,
+              variants: y,
               initial: c === !1 ? "open" : "close",
               animate: "open",
               exit: "close",
-              className: f.container,
+              className: d.container,
               children: [
-                /* @__PURE__ */ A("div", { className: f.header, children: [
-                  o && /* @__PURE__ */ u("p", { className: f.title, children: o }),
+                /* @__PURE__ */ V("div", { className: d.header, children: [
+                  l && /* @__PURE__ */ u("p", { className: d.title, children: l }),
                   /* @__PURE__ */ u(
-                    fe,
+                    ue,
                     {
                       size: "small",
                       label: "close",
-                      icon: d,
-                      onClick: () => l(!1),
-                      className: f.closeButton
+                      icon: f,
+                      onClick: () => o(!1),
+                      className: d.closeButton
                     }
                   )
                 ] }),
                 /* @__PURE__ */ u(
                   "div",
                   {
-                    className: f.content,
+                    className: d.content,
                     style: { transition: a.duration + "s" },
                     children: n
                   }
@@ -2501,23 +2472,23 @@ const jt = ({
               ]
             }
           ),
-          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(ht, { className: f.divider, orientation: "vertical" })
+          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(ht, { className: d.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
-  return e == "modal" ? be(w(), document.body) : w();
-}, Ot = ({
+  return e == "modal" ? xe(v(), document.body) : v();
+}, qt = ({
   message: e,
   className: t,
   duration: n,
-  closeIcon: o = me,
+  closeIcon: l = de,
   onClose: r,
   ...c
 }) => {
-  const [i, s] = S(!0), d = Ze({
+  const [i, s] = S(!0), f = Ze({
     className: t,
-    closeIcon: o,
+    closeIcon: l,
     duration: n,
     isVisible: i,
     onClose: r,
@@ -2538,82 +2509,82 @@ const jt = ({
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
-      className: d.snackbar,
+      className: f.snackbar,
       ...c,
-      children: /* @__PURE__ */ A("div", { className: d.container, children: [
-        /* @__PURE__ */ u("p", { className: d.supportingText, children: e }),
+      children: /* @__PURE__ */ V("div", { className: f.container, children: [
+        /* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
         /* @__PURE__ */ u(
-          fe,
+          ue,
           {
             onClick: () => a(),
-            className: d.icon,
-            icon: o,
+            className: f.icon,
+            icon: l,
             label: "close the snackbar"
           }
         )
       ] })
     }
   ) });
-}, qt = ({
+}, _t = ({
   selected: e = !1,
   className: t,
   activeIcon: n,
-  disabled: o = !1,
+  disabled: l = !1,
   inactiveIcon: r,
   onChange: c,
   onClick: i,
   onKeyDown: s,
-  ref: d,
+  ref: f,
   ...a
 }) => {
-  const [y, p] = S(e), l = (b) => {
-    o || (m(), i && i(b));
-  }, f = (b) => {
-    o || ((b.key === " " || b.key === "Enter") && (b.preventDefault(), m()), s && s(b));
-  }, m = () => {
-    p(!y), c == null || c(!y);
-  }, w = Qe({
+  const [p, m] = S(e), o = (L) => {
+    l || (y(), i && i(L));
+  }, d = (L) => {
+    l || ((L.key === " " || L.key === "Enter") && (L.preventDefault(), y()), s && s(L));
+  }, y = () => {
+    m(!p), c == null || c(!p);
+  }, v = Qe({
     className: t,
-    isSelected: y,
+    isSelected: p,
     activeIcon: n,
     inactiveIcon: r,
-    disabled: o,
-    selected: y,
+    disabled: l,
+    selected: p,
     onChange: c
-  }), g = W(null), N = d || g;
-  return /* @__PURE__ */ A(
+  }), x = D(null), E = f || x;
+  return /* @__PURE__ */ V(
     F.div,
     {
       role: "switch",
-      "aria-checked": y,
-      tabIndex: o ? -1 : 0,
-      onKeyDown: f,
-      onClick: l,
-      ref: N,
-      className: w.switch,
+      "aria-checked": p,
+      tabIndex: l ? -1 : 0,
+      onKeyDown: d,
+      onClick: o,
+      ref: E,
+      className: v.switch,
       ...a,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: y ? "1" : "0" }),
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
+        /* @__PURE__ */ V(
           F.div,
           {
             layout: !0,
-            style: { translate: y ? "50%" : "-50%" },
+            style: { translate: p ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
               damping: 30
             },
-            className: w.handleContainer,
+            className: v.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: w.handle, children: (y ? n : r) && /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: v.handle, children: (p ? n : r) && /* @__PURE__ */ u(
                 Z,
                 {
-                  className: w.icon,
-                  icon: y ? n : r
+                  className: v.icon,
+                  icon: p ? n : r
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: w.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: v.handleStateLayer })
             ]
           }
         )
@@ -2624,73 +2595,73 @@ const jt = ({
   className: e,
   onClick: t,
   label: n,
-  variant: o = "primary",
+  variant: l = "primary",
   href: r,
   icon: c,
   selectedTab: i,
   setSelectedTab: s,
-  tabsId: d,
+  tabsId: f,
   index: a,
-  onTabSelected: y,
-  scrollable: p = !1,
-  selected: l = !1,
-  ref: f,
-  ...m
+  onTabSelected: p,
+  scrollable: m = !1,
+  selected: o = !1,
+  ref: d,
+  ...y
 }) => {
-  const w = W(null), g = f || w, [N, b] = S(l);
+  const v = D(null), x = d || v, [E, L] = S(o);
   R(() => {
-    l && i == null ? b(!0) : b(i == a && a != null);
+    o && i == null ? L(!0) : L(i == a && a != null);
   }, [i]), R(() => {
-    i == a && y && y({
-      ref: g,
+    i == a && p && p({
+      ref: x,
       index: a || 0,
       label: n,
       icon: c
     });
   }, [i]);
-  const B = r ? "a" : "button", E = (C) => {
-    s && s(a ?? null), t && t(C);
+  const B = r ? "a" : "button", N = ($) => {
+    s && s(a ?? null), t && t($);
   }, I = ze({
     className: e,
-    onTabSelected: y,
-    scrollable: p,
+    onTabSelected: p,
+    scrollable: m,
     selectedTab: i,
     index: a,
-    tabsId: d,
-    selected: N,
-    variant: o,
+    tabsId: f,
+    selected: E,
+    variant: l,
     icon: c,
     label: n,
-    isSelected: N,
+    isSelected: E,
     setSelectedTab: s,
     href: r
   });
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ V(
     B,
     {
-      ...m,
+      ...y,
       role: "tab",
-      "aria-selected": N,
-      ref: g,
+      "aria-selected": E,
+      ref: x,
       href: r,
       className: I.tab,
-      onClick: E,
-      ...m,
+      onClick: N,
+      ...y,
       children: [
         /* @__PURE__ */ u("span", { className: I.stateLayer, children: /* @__PURE__ */ u(
           re,
           {
-            colorName: o === "primary" && N ? "primary" : "on-surface",
-            triggerRef: g
+            colorName: l === "primary" && E ? "primary" : "on-surface",
+            triggerRef: x
           }
         ) }),
-        /* @__PURE__ */ A("span", { className: I.content, children: [
+        /* @__PURE__ */ V("span", { className: I.content, children: [
           c && /* @__PURE__ */ u(Z, { icon: c, className: I.icon }),
           /* @__PURE__ */ u("span", { className: I.label, children: n }),
-          N && /* @__PURE__ */ u(
+          E && /* @__PURE__ */ u(
             F.span,
             {
-              layoutId: `underline-${d}`,
+              layoutId: `underline-${f}`,
               className: I.underline,
               transition: { duration: 0.3 }
             }
@@ -2699,129 +2670,129 @@ const jt = ({
       ]
     }
   );
-}, _t = ({
+}, Kt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: n,
-  className: o,
+  className: l,
   selectedTab: r,
   setSelectedTab: c,
   scrollable: i = !1
 }) => {
-  const [s, d] = S(
+  const [s, f] = S(
     null
   );
   let a;
   r == 0 || r != null ? a = r : a = s;
-  const y = c || d, p = K.Children.toArray(n).filter(
-    (g) => K.isValidElement(g) && g.type === bt
-  ), l = K.useRef(null), f = (g) => {
-    if (t == null || t(g), i) {
-      const N = l.current, b = g.ref.current;
-      if (N && b) {
-        const B = b.offsetLeft + b.offsetWidth / 2 - N.offsetWidth / 2;
-        N.scrollTo({ left: B, behavior: "smooth" });
+  const p = c || f, m = K.Children.toArray(n).filter(
+    (x) => K.isValidElement(x) && x.type === bt
+  ), o = K.useRef(null), d = (x) => {
+    if (t == null || t(x), i) {
+      const E = o.current, L = x.ref.current;
+      if (E && L) {
+        const B = L.offsetLeft + L.offsetWidth / 2 - E.offsetWidth / 2;
+        E.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, m = ue(() => de(), []), w = Te({
+  }, y = Ie(() => ie(), []), v = Te({
     children: n,
     onTabSelected: t,
     scrollable: i,
     selectedTab: a,
-    setSelectedTab: y,
-    className: o,
+    setSelectedTab: p,
+    className: l,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: l, role: "tablist", className: w.tabs, children: p.map((g, N) => K.cloneElement(g, {
-    key: N,
-    index: N,
+  return /* @__PURE__ */ u("div", { ref: o, role: "tablist", className: v.tabs, children: m.map((x, E) => K.cloneElement(x, {
+    key: E,
+    index: E,
     variant: e,
     selectedTab: a,
-    setSelectedTab: y,
-    tabsId: m,
-    onTabSelected: f,
+    setSelectedTab: p,
+    tabsId: y,
+    onTabSelected: d,
     scrollable: i
   })) });
-}, Kt = ({
+}, Gt = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: n,
-  placeholder: o,
+  placeholder: l,
   suffix: r,
   name: c,
   label: i,
   className: s,
-  supportingText: d,
+  supportingText: f,
   trailingIcon: a,
-  leadingIcon: y,
-  type: p = "text",
-  textLine: l = "singleLine",
-  autoComplete: f = "on",
-  onChange: m,
-  value: w,
-  showSupportingText: g = !1,
-  ...N
+  leadingIcon: p,
+  type: m = "text",
+  textLine: o = "singleLine",
+  autoComplete: d = "on",
+  onChange: y,
+  value: v,
+  showSupportingText: x = !1,
+  ...E
 }) => {
-  const [b, B] = S(w ?? ""), [E, I] = S(!1), [C, V] = S(!1), [D, k] = S(
-    g
+  const [L, B] = S(v ?? ""), [N, I] = S(!1), [$, A] = S(!1), [W, k] = S(
+    x
   );
   R(() => {
-    B(w ?? "");
-  }, [w]), R(() => {
-    n != null && n.length ? V(!0) : V(!1);
+    B(v ?? "");
+  }, [v]), R(() => {
+    n != null && n.length ? A(!0) : A(!1);
   }, [n]), R(() => {
-    g ? k(g) : d != null && d.length ? k(!0) : k(!1);
-  }, [D, d]), R(() => {
-    E && V(!1);
-  }, [E]);
-  const v = K.useRef(null), M = () => {
-    v.current && !E && v.current.focus();
-  }, Y = () => {
+    x ? k(x) : f != null && f.length ? k(!0) : k(!1);
+  }, [W, f]), R(() => {
+    N && A(!1);
+  }, [N]);
+  const g = K.useRef(null), C = () => {
+    g.current && !N && g.current.focus();
+  }, X = () => {
     I(!0);
   }, q = (P) => {
     const H = P.target.value;
-    B(H), V(!1), typeof m == "function" && m(H);
+    B(H), A(!1), typeof y == "function" && y(H);
   }, G = () => {
     I(!1);
-  }, j = et({
-    showSupportingText: D,
-    isFocused: E,
-    showErrorIcon: C,
+  }, Y = et({
+    showSupportingText: W,
+    isFocused: N,
+    showErrorIcon: $,
     disabled: t,
     name: c,
     label: i,
-    autoComplete: f,
+    autoComplete: d,
     className: s,
-    onChange: m,
-    placeholder: o,
-    supportingText: d,
-    type: p,
-    leadingIcon: y,
+    onChange: y,
+    placeholder: l,
+    supportingText: f,
+    type: m,
+    leadingIcon: p,
     trailingIcon: a,
     variant: e,
     errorText: n,
-    value: b,
+    value: L,
     suffix: r,
-    textLine: l
-  }), [z] = S(de());
-  let L, x;
-  switch (l) {
+    textLine: o
+  }), [z] = S(ie());
+  let b, w;
+  switch (o) {
     case "multiLine":
-      x = Ae, L = {};
+      w = Ve, b = {};
       break;
     case "textAreas":
-      x = "textarea", L = {};
+      w = "textarea", b = {};
       break;
     case "singleLine":
     default:
-      x = "input", L = { type: p };
+      w = "input", b = { type: m };
       break;
   }
-  return /* @__PURE__ */ A("div", { className: j.textField, ...N, children: [
-    /* @__PURE__ */ A("fieldset", { onClick: M, className: j.content, children: [
-      /* @__PURE__ */ u("div", { className: j.stateLayer }),
-      y && /* @__PURE__ */ u("div", { className: j.leadingIcon, children: K.isValidElement(y) ? y : /* @__PURE__ */ u(Z, { className: "w-5 h-5", icon: y }) }),
-      !(!E && !b.length || e == "filled") && /* @__PURE__ */ u(
+  return /* @__PURE__ */ V("div", { className: Y.textField, ...E, children: [
+    /* @__PURE__ */ V("fieldset", { onClick: C, className: Y.content, children: [
+      /* @__PURE__ */ u("div", { className: Y.stateLayer }),
+      p && /* @__PURE__ */ u("div", { className: Y.leadingIcon, children: K.isValidElement(p) ? p : /* @__PURE__ */ u(Z, { className: "w-5 h-5", icon: p }) }),
+      !(!N && !L.length || e == "filled") && /* @__PURE__ */ u(
         F.legend,
         {
           variants: {
@@ -2829,13 +2800,13 @@ const jt = ({
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !E && !b.length ? "hidden" : "visible",
+          animate: !N && !L.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
             F.span,
             {
-              className: j.label,
+              className: Y.label,
               transition: { duration: 0.3 },
               layoutId: z,
               children: i
@@ -2843,23 +2814,23 @@ const jt = ({
           ) })
         }
       ),
-      /* @__PURE__ */ A("div", { className: "flex-1 relative", children: [
-        (!E && !b.length || e == "filled") && /* @__PURE__ */ u(
+      /* @__PURE__ */ V("div", { className: "flex-1 relative", children: [
+        (!N && !L.length || e == "filled") && /* @__PURE__ */ u(
           F.label,
           {
             htmlFor: c,
             className: h(
               "absolute left-4  transition-all duration-300",
               {
-                "text-body-small top-2": e == "filled" && !(!E && !b.length),
-                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!E && !b.length))
+                "text-body-small top-2": e == "filled" && !(!N && !L.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!N && !L.length))
               }
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ u(
               F.span,
               {
-                className: j.label,
+                className: Y.label,
                 transition: { duration: 0.3 },
                 layoutId: e == "outlined" ? z : void 0,
                 children: i
@@ -2868,82 +2839,82 @@ const jt = ({
           }
         ),
         /* @__PURE__ */ u(
-          x,
+          w,
           {
-            ref: v,
-            value: b,
+            ref: g,
+            value: L,
             onChange: q,
-            className: j.input,
+            className: Y.input,
             id: c,
             name: c,
-            placeholder: E ? o ?? void 0 : "",
-            onFocus: Y,
+            placeholder: N ? l ?? void 0 : "",
+            onFocus: X,
             onBlur: G,
             disabled: t,
-            autoComplete: f,
+            autoComplete: d,
             "aria-invalid": !!(n != null && n.length),
             "aria-label": i,
-            ...L
+            ...b
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: j.activeIndicator }),
-      !C && /* @__PURE__ */ A(T, { children: [
+      /* @__PURE__ */ u("div", { className: Y.activeIndicator }),
+      !$ && /* @__PURE__ */ V(te, { children: [
         a && /* @__PURE__ */ u(
           "div",
           {
             onClick: (P) => {
               P.stopPropagation();
             },
-            className: j.trailingIcon,
+            className: Y.trailingIcon,
             children: K.isValidElement(a) ? a : /* @__PURE__ */ u(Z, { className: "h-5", icon: a })
           }
         ),
-        !a && r && /* @__PURE__ */ u("span", { className: j.suffix, children: r })
+        !a && r && /* @__PURE__ */ u("span", { className: Y.suffix, children: r })
       ] }),
-      C && /* @__PURE__ */ u(
+      $ && /* @__PURE__ */ u(
         "div",
         {
-          className: h(j.trailingIcon, {
+          className: h(Y.trailingIcon, {
             " absolute right-0": !a
           }),
           children: /* @__PURE__ */ u(
             Z,
             {
               className: "h-5 text-error",
-              icon: wt
+              icon: xt
             }
           )
         }
       )
     ] }),
-    D && /* @__PURE__ */ u("p", { className: j.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
+    W && /* @__PURE__ */ u("p", { className: Y.supportingText, children: n != null && n.length ? n : f != null && f.length ? f : " " })
   ] });
-}, Lt = O(
+}, Lt = j(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: n, variant: o }) => ({
+  ({ isSelected: e, icon: t, label: n, variant: l }) => ({
     navigationRailItem: h(
       " group flex flex-col  pt-1 pb-1.5 cursor-pointer",
       {
         "text-on-surface-variant": !e,
         "text-on-secondary-container": e,
-        "gap-2  h-[68px]": o == "vertical",
-        "gap-0  h-[66px]": o == "horizontal"
+        "gap-2  h-[68px]": l == "vertical",
+        "gap-0  h-[66px]": l == "horizontal"
       }
     ),
     container: h(
       " w-fit flex justify-center  relative rounded-full items-center mx-5",
       {
         "bg-secondary-container overflow-hidden": e,
-        "gap-2 ": o == "horizontal",
-        "gap-0 ": o == "vertical",
+        "gap-2 ": l == "horizontal",
+        "gap-0 ": l == "vertical",
         "p-4": !n
       },
       n && [
         "px-4",
         {
-          "py-1 ": o == "vertical",
-          "py-4 ": o == "horizontal"
+          "py-1 ": l == "vertical",
+          "py-4 ": l == "horizontal"
         }
       ]
     ),
@@ -2956,119 +2927,119 @@ const jt = ({
     ),
     icon: h("size-6 flex"),
     label: h("w-fit mx-auto text-nowrap", {
-      "text-label-large ": o == "horizontal",
-      "text-label-medium": o == "vertical"
+      "text-label-large ": l == "horizontal",
+      "text-label-medium": l == "vertical"
     })
   })
 ), Nt = ({ label: e }) => /* @__PURE__ */ u("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ u("p", { className: "text-label-large text-on-surface-variant", children: e }) }), Et = ({
   className: e,
   onClick: t,
   label: n,
-  variant: o = "vertical",
+  variant: l = "vertical",
   href: r,
   icon: c,
   selectedItem: i,
   setSelectedItem: s,
-  index: d,
+  index: f,
   onItemSelected: a,
-  selected: y = !1,
-  ref: p,
-  transition: l,
-  isExtended: f,
-  iconSelected: m,
-  style: w,
-  extendedOnly: g,
-  children: N,
-  ...b
+  selected: p = !1,
+  ref: m,
+  transition: o,
+  isExtended: d,
+  iconSelected: y,
+  style: v,
+  extendedOnly: x,
+  children: E,
+  ...L
 }) => {
-  N && (n = N);
-  const B = W(null), E = p || B, [I, C] = S(y);
+  E && (n = E);
+  const B = D(null), N = m || B, [I, $] = S(p);
   R(() => {
-    y && i == null ? C(!0) : C(i == d && d != null);
+    p && i == null ? $(!0) : $(i == f && f != null);
   }, [i]), R(() => {
-    i == d && a && a({
-      ref: E,
-      index: d || 0,
+    i == f && a && a({
+      ref: N,
+      index: f || 0,
       label: n,
       icon: c
     });
   }, [i]);
-  const V = r ? "a" : "button", D = (v) => {
-    s && s(d ?? null), t && t(v);
+  const A = r ? "a" : "button", W = (g) => {
+    s && s(f ?? null), t && t(g);
   }, k = Lt({
-    isExtended: f,
-    extendedOnly: g,
+    isExtended: d,
+    extendedOnly: x,
     className: e,
     onItemSelected: a,
     selectedItem: i,
-    index: d,
-    transition: l,
+    index: f,
+    transition: o,
     selected: I,
-    variant: o,
+    variant: l,
     icon: c,
     label: n,
     isSelected: I,
     setSelectedItem: s,
     href: r,
     children: n,
-    iconSelected: m
+    iconSelected: y
   });
-  return l = { duration: 0.3, ...l }, g && !f ? null : (
+  return o = { duration: 0.3, ...o }, x && !d ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ A(
-      V,
+    /* @__PURE__ */ V(
+      A,
       {
-        ...b,
+        ...L,
         role: "tab",
         "aria-selected": I,
-        ref: E,
+        ref: N,
         href: r,
         className: k.navigationRailItem,
-        onClick: D,
-        style: { transition: l.duration + "s", ...w },
+        onClick: W,
+        style: { transition: o.duration + "s", ...v },
         children: [
-          /* @__PURE__ */ A(
+          /* @__PURE__ */ V(
             F.div,
             {
               style: {
-                transition: o == "horizontal" ? l.duration + `s, gap ${l.duration / 2}s ${l.duration - l.duration / 2}s` : l.duration + `s, gap ${l.duration / 3}s ${l.duration - l.duration / 3}s`
+                transition: l == "horizontal" ? o.duration + `s, gap ${o.duration / 2}s ${o.duration - o.duration / 2}s` : o.duration + `s, gap ${o.duration / 3}s ${o.duration - o.duration / 3}s`
               },
-              transition: l,
+              transition: o,
               className: k.container,
               children: [
                 /* @__PURE__ */ u(F.div, { layout: !0, className: k.stateLayer }),
                 c && /* @__PURE__ */ u(
                   Z,
                   {
-                    icon: I ? m : c,
+                    icon: I ? y : c,
                     className: k.icon
                   }
                 ),
-                /* @__PURE__ */ u(Q, { children: o == "horizontal" && (() => {
-                  const v = {
+                /* @__PURE__ */ u(Q, { children: l == "horizontal" && (() => {
+                  const g = {
                     width: 0,
                     opacity: 0,
                     transition: {
-                      ...l
+                      ...o
                     }
-                  }, M = {
+                  }, C = {
                     width: "auto",
                     opacity: 1,
                     transition: {
-                      ...l,
+                      ...o,
                       opacity: {
-                        duration: l.duration / 2,
-                        delay: l.duration - l.duration / 2
+                        duration: o.duration / 2,
+                        delay: o.duration - o.duration / 2
                       }
                     }
                   };
                   return /* @__PURE__ */ u(
                     F.span,
                     {
-                      initial: v,
-                      animate: M,
-                      exit: v,
+                      initial: g,
+                      animate: C,
+                      exit: g,
                       className: k.label,
                       children: n
                     }
@@ -3077,35 +3048,35 @@ const jt = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(Q, { children: o == "vertical" && (() => {
-            const v = {
+          /* @__PURE__ */ u(Q, { children: l == "vertical" && (() => {
+            const g = {
               height: 0,
               opacity: 0,
               transition: {
-                ...l,
+                ...o,
                 opacity: {
                   duration: 0
                 }
               }
-            }, M = {
+            }, C = {
               height: "auto",
               opacity: 1,
               transition: {
-                ...l,
+                ...o,
                 opacity: {
-                  duration: l.duration / 3,
-                  delay: l.duration - l.duration / 3
+                  duration: o.duration / 3,
+                  delay: o.duration - o.duration / 3
                 }
               }
             };
             return /* @__PURE__ */ u(
               F.span,
               {
-                initial: M,
-                animate: M,
-                exit: v,
+                initial: C,
+                animate: C,
+                exit: g,
                 className: k.label,
-                transition: l,
+                transition: o,
                 children: n
               }
             );
@@ -3114,7 +3085,7 @@ const jt = ({
       }
     )
   );
-}, It = O(
+}, It = j(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: h("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -3130,154 +3101,156 @@ const jt = ({
       "w-fit  items-start": e
     })
   })
-), Gt = ({
+), Jt = ({
   variant: e = "standard",
   onItemSelected: t,
   children: n,
-  className: o,
+  className: l,
   selectedItem: r,
   extended: c,
   alignment: i = "top",
   menu: s = {
     closed: {
-      icon: xt,
+      icon: wt,
       label: "Open menu"
     },
     opened: {
-      icon: me,
+      icon: de,
       label: "Close menu"
     }
   },
-  style: d,
+  style: f,
   onExtendedChange: a,
-  transition: y,
-  setSelectedItem: p
+  transition: p,
+  setSelectedItem: m
 }) => {
-  const [l, f] = S(null), [m, w] = S(c);
-  let g;
-  r == 0 || r != null ? g = r : g = l;
-  const N = p || f, b = W(null), B = (k) => {
+  const [o, d] = S(null), [y, v] = S(c);
+  let x;
+  r == 0 || r != null ? x = r : x = o;
+  const E = m || d, L = D(null), B = (k) => {
     t == null || t(k);
   };
-  function E(k) {
-    const v = [];
-    return ke.forEach(k, (M) => {
-      te(M) && M.type === Se ? v.push(...E(M.props.children)) : v.push(M);
-    }), v;
+  function N(k) {
+    const g = [];
+    return ke.forEach(k, (C) => {
+      ee(C) && C.type === Se ? g.push(...N(C.props.children)) : g.push(C);
+    }), g;
   }
-  const I = E(n), C = I.filter(
-    (k) => te(k) && k.type === ve
-  ), V = It({
+  const I = N(n), $ = I.filter(
+    (k) => ee(k) && k.type === ye
+  ), A = It({
     children: n,
     onItemSelected: t,
-    selectedItem: g,
-    setSelectedItem: N,
-    className: o,
+    selectedItem: x,
+    setSelectedItem: E,
+    className: l,
     variant: e,
-    extended: m,
-    isExtended: m,
+    extended: y,
+    isExtended: y,
     alignment: i,
     menu: s,
-    transition: y,
+    transition: p,
     onExtendedChange: a
   });
-  y = { duration: 0.3, ...y };
-  const D = W(!1);
-  return D.current = !1, R(() => {
-    a == null || a(m ?? !1);
-  }, [m]), /* @__PURE__ */ A(
+  p = { duration: 0.3, ...p };
+  const W = D(!1);
+  return W.current = !1, R(() => {
+    a == null || a(y ?? !1);
+  }, [y]), /* @__PURE__ */ V(
     "div",
     {
-      style: { transition: y.duration + "s", ...d },
-      ref: b,
-      className: V.navigationRail,
+      style: { transition: p.duration + "s", ...f },
+      ref: L,
+      className: A.navigationRail,
       children: [
-        /* @__PURE__ */ A("div", { className: V.header, children: [
+        /* @__PURE__ */ V("div", { className: A.header, children: [
           /* @__PURE__ */ u(
-            fe,
+            ue,
             {
-              onClick: () => w(!m),
-              label: m ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
-              className: V.menuIcon,
-              icon: m ? s.opened.icon : s == null ? void 0 : s.closed.icon
+              onClick: () => v(!y),
+              label: y ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
+              className: A.menuIcon,
+              icon: y ? s.opened.icon : s == null ? void 0 : s.closed.icon
             }
           ),
-          C.length > 0 && oe(C[0], {
-            transition: y,
-            isExtended: m,
-            className: "!shadow-none mx-5 " + C[0].props.className
+          $.length > 0 && oe($[0], {
+            transition: p,
+            isExtended: y,
+            className: "!shadow-none mx-5 " + $[0].props.className
           })
         ] }),
-        /* @__PURE__ */ u("div", { className: V.segments, children: (() => {
+        /* @__PURE__ */ u("div", { className: A.segments, children: (() => {
           let k = 0;
-          return I.map((v) => te(v) && v.type === Et ? oe(
-            v,
+          return I.map((g) => ee(g) && g.type === Et ? oe(
+            g,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
-              variant: m ? "horizontal" : "vertical",
-              selectedItem: g,
-              setSelectedItem: N,
+              variant: y ? "horizontal" : "vertical",
+              selectedItem: x,
+              setSelectedItem: E,
               onItemSelected: B,
-              transition: y,
-              extendedOnly: D.current,
-              isExtended: m
+              transition: p,
+              extendedOnly: W.current,
+              isExtended: y
             }
-          ) : te(v) && v.type === ve ? null : te(v) && v.type === Nt ? (D.current = !0, m ? oe(v, {}) : null) : v);
+          ) : ee(g) && g.type === ye ? null : ee(g) && g.type === Nt ? (W.current = !0, y ? oe(g, {}) : null) : g);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
     }
   );
 };
-function Jt(e) {
-  return We({
+function Zt(e) {
+  return De({
     variant: Pe.Fidelity,
     ...e,
-    plugins: [new De(e), new Le(e)]
+    plugins: [new We(e), new we(e)]
   });
 }
 export {
-  Ht as AnimateOnScroll,
+  Ht as AnimateOnScrollInit,
   dt as Button,
-  Ut as Card,
+  Ot as Card,
   Xt as Carousel,
   mt as CarouselItem,
   ot as CustomScroll,
   ht as Divider,
-  ve as Fab,
+  ye as Fab,
   Z as Icon,
-  fe as IconButton,
-  Gt as NavigationRail,
+  ue as IconButton,
+  Jt as NavigationRail,
   Et as NavigationRailItem,
   Nt as NavigationRailSection,
   nt as ProgressIndicator,
   re as RippleEffect,
   jt as SideSheet,
   Yt as Slider,
-  Vt as SmoothScroll,
-  Ot as Snackbar,
-  qt as Switch,
+  At as SmoothScroll,
+  qt as Snackbar,
+  _t as Switch,
   at as SyncedFixedWrapper,
   bt as Tab,
-  _t as Tabs,
-  Kt as TextField,
+  Kt as Tabs,
+  Gt as TextField,
   Ft as ThemeProvider,
-  Ee as ToolTip,
+  Ne as ToolTip,
+  Ut as animateOnScroll,
   Ue as buttonStyle,
-  Xe as cardStyle,
-  Ye as carouselItemStyle,
-  je as carouselStyle,
+  Oe as cardStyle,
+  Xe as carouselItemStyle,
+  Ye as carouselStyle,
   h as classNames,
-  Ve as classnames,
+  Ae as classnames,
   rt as customScrollStyle,
-  O as defaultClassNames,
-  Jt as defineConfig,
-  Oe as dividerStyle,
+  j as defaultClassNames,
+  Zt as defineConfig,
+  je as dividerStyle,
   qe as fabStyle,
   He as getClassNames,
   _e as iconButtonStyle,
+  Le as initAnimateOnScroll,
   ft as normalize,
   Ke as progressIndicatorStyle,
   Ge as sideSheetStyle,