@udixio/ui-react 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,23 +1,12 @@
 import { jsx as i, jsxs as P, Fragment as te } from "react/jsx-runtime";
+import { clsx as ie } from "clsx";
 import { extendTailwindMerge as xe } from "tailwind-merge";
-import W, { useState as S, useEffect as $, useRef as O, useLayoutEffect as ie, isValidElement as we, cloneElement as ve, useMemo as be } from "react";
-import { motion as U, AnimatePresence as z, useScroll as Ne, useMotionValueEvent as oe, motionValue as ue, useTransform as re } from "motion/react";
+import $, { useState as S, useEffect as D, useRef as X, useLayoutEffect as ue, isValidElement as ge, cloneElement as we, useMemo as ve } from "react";
+import { motion as U, AnimatePresence as z, useScroll as be, useMotionValueEvent as oe, motionValue as fe, useTransform as re } from "motion/react";
+import { throttle as Ne } from "throttle-debounce";
 import { createPortal as Le } from "react-dom";
 import Ee from "react-textarea-autosize";
-function fe(e) {
-  var t, r, n = "";
-  if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var l = e.length;
-    for (t = 0; t < l; t++) e[t] && (r = fe(e[t])) && (n && (n += " "), n += r);
-  } else for (r in e) e[r] && (n && (n += " "), n += r);
-  return n;
-}
-function de() {
-  for (var e, t, r = 0, n = "", l = arguments.length; r < l; r++) (e = arguments[r]) && (t = fe(e)) && (n && (n += " "), n += t);
-  return n;
-}
-const me = xe({
+const de = xe({
   override: {
     classGroups: {
       "text-color": [
@@ -43,41 +32,41 @@ const me = xe({
       font: ["font"]
     }
   }
-}), f = (...e) => me(de(e)), Ie = (...e) => me(de(e));
+}), f = (...e) => de(ie(e)), Ie = (...e) => de(ie(e));
 function ke(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 Me = (e) => {
+const Re = (e) => {
   const t = {};
-  e.classNameList.forEach((n) => {
+  e.classNameList.forEach((r) => {
     var l;
-    if (n)
-      if (typeof n == "string")
-        (t[l = e.default] ?? (t[l] = [])).push(n);
+    if (r)
+      if (typeof r == "string")
+        (t[l = e.default] ?? (t[l] = [])).push(r);
       else {
-        const c = n(e.states);
+        const c = r(e.states);
         Object.entries(c).map((o) => {
           const [s, d] = o;
           (t[s] ?? (t[s] = [])).push(d);
         });
       }
   });
-  const r = t;
-  return Object.entries(t).map((n) => {
-    let [l, c] = n;
-    c = c.reverse(), l == e.default && c.unshift("relative"), c.unshift(ke(l)), r[l] = Ie(...c);
-  }), r;
-}, H = (e, t) => (r) => Me({
-  classNameList: [r.className, t],
+  const n = t;
+  return Object.entries(t).map((r) => {
+    let [l, c] = r;
+    c = c.reverse(), l == e.default && c.unshift("relative"), c.unshift(ke(l)), n[l] = Ie(...c);
+  }), n;
+}, H = (e, t) => (n) => Re({
+  classNameList: [n.className, t],
   default: e,
-  states: r
-}), Re = H(
+  states: n
+}), Me = H(
   "button",
   ({
     variant: e,
     disabled: t,
-    iconPosition: r,
-    icon: n,
+    iconPosition: n,
+    icon: r,
     loading: l,
     shape: c,
     size: o,
@@ -264,20 +253,20 @@ const Me = (e) => {
       }
     )
   })
-), De = H(
+), We = H(
   "fab",
-  ({ size: e, variant: t, isExtended: r }) => ({
+  ({ size: e, variant: t, isExtended: n }) => ({
     fab: f(
       "flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",
       {
-        "rounded-[12px]": e == "small" && !r,
-        "rounded-[16px]": e == "medium" || r,
-        "rounded-[28px]": e == "large" && !r
+        "rounded-[12px]": e == "small" && !n,
+        "rounded-[16px]": e == "medium" || n,
+        "rounded-[28px]": e == "large" && !n
       },
       {
-        "p-2": e == "small" && !r,
-        "p-4": e == "medium" || r,
-        "p-[30px]": e == "large" && !r
+        "p-2": e == "small" && !n,
+        "p-4": e == "medium" || n,
+        "p-[30px]": e == "large" && !n
       },
       t === "surface" && "bg-surface-container",
       t === "primary" && "bg-primary-container",
@@ -293,8 +282,8 @@ const Me = (e) => {
     ),
     icon: f(
       {
-        "size-6": e == "small" || e == "medium" || r,
-        "size-9": e == "large" && !r
+        "size-6": e == "small" || e == "medium" || n,
+        "size-9": e == "large" && !n
       },
       t === "surface" && "text-primary",
       t === "primary" && "text-on-primary-container",
@@ -309,13 +298,13 @@ const Me = (e) => {
       t === "tertiary" && "text-on-tertiary-container"
     )
   })
-), $e = H(
+), De = H(
   "iconButton",
   ({
     variant: e,
     disabled: t,
-    onToggle: r,
-    isActive: n,
+    onToggle: n,
+    isActive: r,
     size: l,
     width: c,
     shape: o,
@@ -329,12 +318,12 @@ const Me = (e) => {
     ),
     container: f(
       "rounded-full relative flex overflow-hidden transition-all duration-300",
-      (o === "rounded" || o === "squared" && r && !t && n && s) && {
+      (o === "rounded" || o === "squared" && n && !t && r && s) && {
         "rounded-[30px]": l === "xSmall" || l == "small",
         "rounded-[40px]": l === "medium",
         "rounded-[70px]": l === "large" || l == "xLarge"
       },
-      (o === "squared" || o === "rounded" && r && !t && n && s) && {
+      (o === "squared" || o === "rounded" && n && !t && r && s) && {
         "rounded-[12px]": l === "xSmall" || l == "small",
         "rounded-[16px]": l === "medium",
         "rounded-[28px]": l === "large" || l == "xLarge"
@@ -346,26 +335,26 @@ const Me = (e) => {
       },
       e === "filled" && [
         !t && {
-          "bg-surface-container": !n && !!r,
-          "bg-primary": n || !r
+          "bg-surface-container": !r && !!n,
+          "bg-primary": r || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !n && !!r,
-          "bg-secondary-container": n || !r
+          "bg-surface-container": !r && !!n,
+          "bg-secondary-container": r || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "outlined" && [
         !t && {
-          "border border-outline": !n,
-          "border border-transparent bg-inverse-surface": n
+          "border border-outline": !r,
+          "border border-transparent bg-inverse-surface": r
         },
         !!t && {
-          "border border-on-surface/[0.12]": !n,
-          "border border-transparent bg-on-surface/[0.12]": n
+          "border border-on-surface/[0.12]": !r,
+          "border border-transparent bg-on-surface/[0.12]": r
         }
       ]
     ),
@@ -373,20 +362,20 @@ const Me = (e) => {
       "absolute top-0 left-0 h-full w-full ",
       !t && [
         e === "standard" && {
-          "state-on-surface-variant": !n,
-          "state-primary": n
+          "state-on-surface-variant": !r,
+          "state-primary": r
         },
         e === "filled" && {
-          "state-primary": !n && !!r,
-          "state-inverse-on-surface": n || !r
+          "state-primary": !r && !!n,
+          "state-inverse-on-surface": r || !n
         },
         e === "tonal" && {
-          "state-on-surface-variant": !n && !!r,
-          "state-on-secondary-container": n || !r
+          "state-on-surface-variant": !r && !!n,
+          "state-on-secondary-container": r || !n
         },
         e === "outlined" && {
-          "state-on-surface-variant": !n,
-          "state-on-primary": n
+          "state-on-surface-variant": !r,
+          "state-on-primary": r
         }
       ]
     ),
@@ -413,26 +402,26 @@ const Me = (e) => {
       ],
       !t && [
         e === "standard" && {
-          "text-on-surface-variant": !n,
-          "text-primary": n
+          "text-on-surface-variant": !r,
+          "text-primary": r
         },
         e === "filled" && {
-          "text-primary": !n && !!r,
-          "text-on-primary": n || !r
+          "text-primary": !r && !!n,
+          "text-on-primary": r || !n
         },
         e === "tonal" && {
-          "text-on-surface-variant": !n && !!r,
-          "text-on-secondary-container": n || !r
+          "text-on-surface-variant": !r && !!n,
+          "text-on-secondary-container": r || !n
         },
         e === "outlined" && {
-          "text-on-surface-variant": !n,
-          "text-inverse-on-surface": n
+          "text-on-surface-variant": !r,
+          "text-inverse-on-surface": r
         }
       ],
       !!t && "text-on-surface/[0.38]"
     )
   })
-), We = H(
+), $e = H(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: f(
@@ -486,7 +475,7 @@ const Me = (e) => {
   })
 ), je = H(
   "switch",
-  ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
+  ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
     switch: f(
       "group w-[52px] h-[32px] outline-none rounded-full  border-2 flex items-center",
       { "bg-on-surface/[0.12] border-transparent": t },
@@ -505,8 +494,8 @@ const Me = (e) => {
     ),
     handle: f(
       "transition-all duration-100  z-10 rounded-full  flex items-center justify-center",
-      { "w-[16px] h-[16px]": !e && !r },
-      { "w-[24px] h-[24px]": !(!e && !r) },
+      { "w-[16px] h-[16px]": !e && !n },
+      { "w-[24px] h-[24px]": !(!e && !n) },
       !t && [
         "cursor-pointer group-active:h-[28px] group-active:w-[28px]",
         { "bg-on-primary group-hover:bg-primary-container": e },
@@ -527,66 +516,66 @@ const Me = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), Oe = H(
+), Xe = H(
   "tab",
-  ({ isSelected: e, icon: t, label: r, variant: n }) => ({
+  ({ isSelected: e, icon: t, label: n, variant: r }) => ({
     tab: f(
       "bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
       { "z-10": e },
-      !!(t && r) && n === "primary" && "h-16",
-      !(t && r && n === "primary") && "h-12"
+      !!(t && n) && r === "primary" && "h-16",
+      !(t && n && r === "primary") && "h-12"
     ),
     stateLayer: f(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
-      n === "primary" && {
+      r === "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
       },
-      n === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
+      r === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
     ),
     content: f(
       "flex  gap-0.5 h-full justify-center",
       {
-        relative: n == "primary"
+        relative: r == "primary"
       },
       {
-        "": !!(r && !t)
+        "": !!(n && !t)
       },
-      n === "primary" && "flex-col items-center",
-      n === "secondary" && {
-        "flex-col items-center": !(r && t),
-        "flex-row items-center gap-2": !!(r && t)
+      r === "primary" && "flex-col items-center",
+      r === "secondary" && {
+        "flex-col items-center": !(n && t),
+        "flex-row items-center gap-2": !!(n && t)
       }
     ),
     icon: f(
       "h-6 w-6 p-0.5 !box-border",
-      n === "primary" && {
+      r === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      n === "secondary" && {
+      r === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
     label: f(
       "text-title-small  text-nowrap",
-      n === "primary" && {
+      r === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      n === "secondary" && {
+      r === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
     underline: f(
       "bg-primary  absolute w-full left-0 bottom-0",
-      n === "primary" && "h-[3px] rounded-t",
-      n === "secondary" && "h-0.5"
+      r === "primary" && "h-[3px] rounded-t",
+      r === "secondary" && "h-0.5"
     )
   })
-), Xe = H(
+), Fe = H(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: f(
@@ -595,13 +584,13 @@ const Me = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), Fe = H(
+), Oe = H(
   "textField",
   ({
     disabled: e,
     leadingIcon: t,
-    trailingIcon: r,
-    variant: n,
+    trailingIcon: n,
+    variant: r,
     errorText: l,
     isFocused: c,
     value: o,
@@ -615,17 +604,17 @@ const Me = (e) => {
       "group  transition-border duration-200 relative  flex  items-center ",
       { "h-14": d == "singleLine" },
       {
-        "border-on-surface-variant": !(l != null && l.length) && !c && n == "filled",
-        "border-outline": !(l != null && l.length) && !c && n == "outlined",
+        "border-on-surface-variant": !(l != null && l.length) && !c && r == "filled",
+        "border-outline": !(l != null && l.length) && !c && r == "outlined",
         "border-primary": !(l != null && l.length) && c,
         "border-error": !!(l != null && l.length)
       },
       { "bg-on-surface/[0.04]": e },
-      n == "filled" && [
+      r == "filled" && [
         "rounded-t overflow-hidden border-b",
         { "bg-surface-container-highest": !e }
       ],
-      n == "outlined" && [
+      r == "outlined" && [
         "border rounded box-border",
         {
           "border-[3px]": c
@@ -635,7 +624,7 @@ const Me = (e) => {
     stateLayer: f(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
-        hidden: n == "outlined"
+        hidden: r == "outlined"
       },
       {
         "group-state-on-surface": !e,
@@ -658,12 +647,12 @@ const Me = (e) => {
       {
         "pr-0": !!s
       },
-      n == "filled" && " pb-2 pt-6",
-      n == "outlined" && "py-4 relative z-10"
+      r == "filled" && " pb-2 pt-6",
+      r == "outlined" && "py-4 relative z-10"
     ),
     activeIndicator: f(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
-      n == "filled" && [
+      r == "filled" && [
         "h-[2px] transition-all duration-300",
         { "bg-primary": !(l != null && l.length) },
         { "bg-error": !!(l != null && l.length) },
@@ -679,15 +668,15 @@ const Me = (e) => {
     ),
     leadingIcon: f([
       "h-12 ml-3 flex items-center justify-center",
-      { "cursor-text": !W.isValidElement(t) }
+      { "cursor-text": !$.isValidElement(t) }
     ]),
     trailingIcon: f("h-12 w-12 flex items-center justify-center", {
-      "cursor-text": !W.isValidElement(r)
+      "cursor-text": !$.isValidElement(n)
     }),
     suffix: f(
       "text-on-surface-variant pl-0 pr-4",
-      n == "filled" && " pb-2 pt-6",
-      n == "outlined" && "py-4 relative z-10"
+      r == "filled" && " pb-2 pt-6",
+      r == "outlined" && "py-4 relative z-10"
     )
   })
 ), Ke = H(
@@ -721,8 +710,8 @@ const Me = (e) => {
     ),
     supportingText: f("")
   })
-), J = ({ icon: e, colors: t = [], className: r }) => {
-  const { icon: n } = e, [l, c, , , o] = n || [], s = (d) => {
+), Q = ({ icon: e, colors: t = [], className: n }) => {
+  const { icon: r } = e, [l, c, , , o] = r || [], s = (d) => {
     switch (d.length) {
       case 2:
         return {
@@ -738,7 +727,7 @@ const Me = (e) => {
   return /* @__PURE__ */ i(
     "svg",
     {
-      className: f("size-5 box-content", r),
+      className: f("size-5 box-content", n),
       style: {
         ...s(t)
       },
@@ -752,42 +741,42 @@ const Me = (e) => {
 }, Ge = ({
   variant: e = "linear-determinate",
   minHeight: t = 4,
-  value: r = 0,
-  transitionDuration: n = 1e3,
+  value: n = 0,
+  transitionDuration: r = 1e3,
   className: l,
   ...c
 }) => {
-  const [o, s] = S(r), [d, u] = S(1.5);
-  $(() => {
-    r > 100 && (r = 100), r < 0 && (r = 0), s(r);
-  }, [r]);
-  const [p, w] = S(!0), a = () => p ? d : d * 0.5;
-  $(() => {
+  const [o, s] = S(n), [d, u] = S(1.5);
+  D(() => {
+    n > 100 && (n = 100), n < 0 && (n = 0), s(n);
+  }, [n]);
+  const [g, w] = S(!0), a = () => g ? d : d * 0.5;
+  D(() => {
     if ((e === "circular-indeterminate" || e === "linear-indeterminate") && o !== 100) {
       const L = setInterval(() => {
-        s(p ? 10 : 90), w(!p);
+        s(g ? 10 : 90), w(!g);
       }, a() * 1e3);
       return () => clearInterval(L);
     }
-  }, [e, p, o]);
-  const [y, v] = S(!1);
-  $(() => {
+  }, [e, g, o]);
+  const [p, v] = S(!1);
+  D(() => {
     if (o >= 100) {
       const L = setTimeout(() => {
         v(!1);
-      }, n);
+      }, r);
       return () => {
         clearTimeout(L);
       };
     } else
       v(!0);
-  }, [o, n]);
-  const b = We({
+  }, [o, r]);
+  const b = $e({
     className: l,
     variant: e,
-    value: r,
-    transitionDuration: n,
-    isVisible: y,
+    value: n,
+    transitionDuration: r,
+    isVisible: p,
     minHeight: t
   });
   return /* @__PURE__ */ P(te, { children: [
@@ -802,7 +791,7 @@ const Me = (e) => {
             "div",
             {
               style: {
-                height: y ? `${t}px` : "0px",
+                height: p ? `${t}px` : "0px",
                 width: `${o}%`,
                 transition: `width 1ms ease-in-out ${o == 100 ? ", height 200ms 0.5s ease-in-out" : ""}`
               },
@@ -813,9 +802,9 @@ const Me = (e) => {
             "div",
             {
               style: {
-                height: y ? `${t}px` : "0px",
+                height: p ? `${t}px` : "0px",
                 marginLeft: o != 100 ? "6px" : "0px",
-                transition: `width ${n}ms ease-in-out ${o == 100 ? `, height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
+                transition: `width ${r}ms ease-in-out ${o == 100 ? `, height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r / 1.5}ms` : ""}`
               },
               className: b.activeIndicator
             }
@@ -824,9 +813,9 @@ const Me = (e) => {
             "div",
             {
               style: {
-                height: y ? `${t}px` : "0px",
+                height: p ? `${t}px` : "0px",
                 width: `${t}px`,
-                transition: `width ${n}ms ease-in-out, height 200ms 0.5s ease-in-out`
+                transition: `width ${r}ms ease-in-out, height 200ms 0.5s ease-in-out`
               },
               className: b.stop
             }
@@ -854,7 +843,7 @@ const Me = (e) => {
           {
             cx: "50%",
             cy: "50%",
-            r: y ? "calc(50% - 2px)" : "50%",
+            r: p ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
@@ -863,10 +852,10 @@ const Me = (e) => {
             className: b.activeIndicator,
             variants: {
               hidden: {
-                pathLength: p ? 10 / 100 : 90 / 100
+                pathLength: g ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: p ? 90 / 100 : 10 / 100
+                pathLength: g ? 90 / 100 : 10 / 100
               }
             },
             transition: {
@@ -880,14 +869,14 @@ const Me = (e) => {
           }
         )
       },
-      p + ""
+      g + ""
     )
   ] });
 }, ne = ({
   colorName: e = "on-surface",
   triggerRef: t
 }) => {
-  const r = {
+  const n = {
     initial: {
       opacity: 0,
       borderRadius: "50%",
@@ -904,28 +893,28 @@ const Me = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [n, l] = S(!0), [c, o] = S(!1), [s, d] = S({ x: 0, y: 0 });
-  $(() => {
+  }, [r, l] = S(!0), [c, o] = S(!1), [s, d] = S({ x: 0, y: 0 });
+  D(() => {
     c && (l(!0), l(!1));
-  }, [c]), $(() => {
+  }, [c]), D(() => {
     const a = t == null ? void 0 : t.current;
     if (a)
-      return a.addEventListener("mousedown", u), a.addEventListener("mouseup", w), a.addEventListener("mouseleave", p), () => {
-        a.removeEventListener("mousedown", u), a.removeEventListener("mouseup", w), a.removeEventListener("mouseleave", p);
+      return a.addEventListener("mousedown", u), a.addEventListener("mouseup", w), a.addEventListener("mouseleave", g), () => {
+        a.removeEventListener("mousedown", u), a.removeEventListener("mouseup", w), a.removeEventListener("mouseleave", g);
       };
   }, [t]);
   const u = (a) => {
-    const y = t == null ? void 0 : t.current, v = y.getBoundingClientRect();
+    const p = t == null ? void 0 : t.current, v = p.getBoundingClientRect();
     o(!0), d({
-      x: (a.clientX - v.left) / y.clientWidth * 100,
-      y: (a.clientY - v.top) / y.clientHeight * 100
+      x: (a.clientX - v.left) / p.clientWidth * 100,
+      y: (a.clientY - v.top) / p.clientHeight * 100
     });
-  }, p = (a) => {
+  }, g = (a) => {
     o(!1);
   }, w = (a) => {
     o(!1);
   };
-  return /* @__PURE__ */ i(z, { mode: "wait", children: (c || !c && !n) && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(z, { mode: "wait", children: (c || !c && !r) && /* @__PURE__ */ i(
     U.div,
     {
       style: {
@@ -937,7 +926,7 @@ const Me = (e) => {
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
-      variants: r,
+      variants: n,
       initial: "initial",
       animate: "animate",
       exit: { opacity: 0, transition: { duration: 0 } },
@@ -945,35 +934,9 @@ const Me = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-};
-function qe(e, t, r) {
-  var n = {}, l = n.noTrailing, c = l === void 0 ? !1 : l, o = n.noLeading, s = o === void 0 ? !1 : o, d = n.debounceMode, u = d === void 0 ? void 0 : d, p, w = !1, a = 0;
-  function y() {
-    p && clearTimeout(p);
-  }
-  function v(L) {
-    var E = L || {}, m = E.upcomingOnly, N = m === void 0 ? !1 : m;
-    y(), w = !N;
-  }
-  function b() {
-    for (var L = arguments.length, E = new Array(L), m = 0; m < L; m++)
-      E[m] = arguments[m];
-    var N = this, I = Date.now() - a;
-    if (w)
-      return;
-    function k() {
-      a = Date.now(), t.apply(N, E);
-    }
-    function C() {
-      p = void 0;
-    }
-    !s && u && !p && k(), y(), u === void 0 && I > e ? s ? (a = Date.now(), c || (p = setTimeout(u ? C : k, e))) : k() : c !== !0 && (p = setTimeout(u ? C : k, u === void 0 ? e - I : e));
-  }
-  return b.cancel = v, b;
-}
-const He = H(
+}, qe = H(
   "customScroll",
-  ({ orientation: e, draggable: t, isDragging: r }) => ({
+  ({ orientation: e, draggable: t, isDragging: n }) => ({
     customScroll: f(
       "flex h-full w-full",
       t && [
@@ -981,8 +944,8 @@ const He = H(
         "[&::-webkit-scrollbar-track]:bg-transparent",
         "[&::-webkit-scrollbar-thumb]:rounded-full",
         {
-          "[&::-webkit-scrollbar-thumb]:bg-outline": r,
-          "[&::-webkit-scrollbar-thumb]:bg-transparent": !r
+          "[&::-webkit-scrollbar-thumb]:bg-outline": n,
+          "[&::-webkit-scrollbar-thumb]:bg-transparent": !n
         },
         { "[&::-webkit-scrollbar]:h-2": e === "horizontal" },
         { "[&::-webkit-scrollbar]:w-2": e === "vertical" }
@@ -990,8 +953,8 @@ const He = H(
       {
         "overflow-y-scroll flex-col": e === "vertical",
         "overflow-x-scroll  flex-row": e === "horizontal",
-        "cursor-grab": t && !r,
-        "cursor-grabbing": t && r
+        "cursor-grab": t && !n,
+        "cursor-grabbing": t && n
       }
     ),
     track: f("overflow-hidden flex-none sticky", {
@@ -999,126 +962,126 @@ const He = H(
       "top-0 w-full": e === "vertical"
     })
   })
-), pe = ({
+), me = ({
   children: e,
   orientation: t = "vertical",
-  scrollSize: r,
-  onScroll: n,
+  scrollSize: n,
+  onScroll: r,
   className: l,
   draggable: c = !1,
   throttleDuration: o = 75
 }) => {
-  var V, X;
-  const s = O(null), d = O(null), [u, p] = S({
+  var V, F;
+  const s = X(null), d = X(null), [u, g] = S({
     width: null,
     height: null
   });
-  $(() => {
+  D(() => {
     if (!s.current) return;
-    const M = new ResizeObserver((F) => {
-      for (const K of F)
-        K.target === s.current && p({
+    const I = new ResizeObserver((O) => {
+      for (const K of O)
+        K.target === s.current && g({
           width: K.contentRect.width,
           height: K.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return M.observe(s.current), () => {
-      M.disconnect();
+    return I.observe(s.current), () => {
+      I.disconnect();
     };
   }, [s]);
-  const w = O(null), a = O(null), y = () => {
-    const M = d.current;
-    return M ? {
-      width: r ?? M.scrollWidth,
-      height: r ?? M.scrollHeight
+  const w = X(null), a = X(null), p = () => {
+    const I = d.current;
+    return I ? {
+      width: n ?? I.scrollWidth,
+      height: n ?? I.scrollHeight
     } : null;
   }, v = () => {
-    const M = s.current;
-    return M ? {
-      width: M.clientWidth,
-      height: M.clientHeight
+    const I = s.current;
+    return I ? {
+      width: I.clientWidth,
+      height: I.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: b, scrollXProgress: L } = Ne({
+  }, { scrollYProgress: b, scrollXProgress: L } = be({
     container: s
-  }), E = O(null);
-  E.current || (E.current = qe(
+  }), E = X(null);
+  E.current || (E.current = Ne(
     o,
-    (M, F) => {
-      !a.current || !w.current || n && (t === "horizontal" && F === "x" && n({
-        scrollProgress: M,
-        scroll: M * w.current.width,
+    (I, O) => {
+      !a.current || !w.current || r && (t === "horizontal" && O === "x" && r({
+        scrollProgress: I,
+        scroll: I * w.current.width,
         scrollTotal: w.current.width,
         scrollVisible: a.current.width
-      }), t === "vertical" && F === "y" && n({
-        scrollProgress: M,
-        scroll: M * w.current.height,
+      }), t === "vertical" && O === "y" && r({
+        scrollProgress: I,
+        scroll: I * w.current.height,
         scrollTotal: w.current.height,
         scrollVisible: a.current.height
       }));
     }
   ));
-  const m = (M, F) => {
-    E.current && E.current(M, F);
+  const y = (I, O) => {
+    E.current && E.current(I, O);
   };
-  $(() => {
-    u.width && m(L.get(), "x"), u.height && m(b.get(), "y");
-  }, [u]), oe(L, "change", (M) => {
-    m(M, "x");
-  }), oe(b, "change", (M) => {
-    m(M, "y");
+  D(() => {
+    u.width && y(L.get(), "x"), u.height && y(b.get(), "y");
+  }, [u]), oe(L, "change", (I) => {
+    y(I, "x");
+  }), oe(b, "change", (I) => {
+    y(I, "y");
   });
-  const [N, I] = S(!1);
-  ie(() => {
-    N || !a.current || !w.current || !n || (n({
+  const [N, k] = S(!1);
+  ue(() => {
+    N || !a.current || !w.current || !r || (r({
       scrollProgress: 0,
       scroll: 0,
       scrollTotal: t == "vertical" ? w.current.height : w.current.width,
       scrollVisible: t == "vertical" ? a.current.height : a.current.width
-    }), I(!0));
-  }, [a, w, n]), w.current = y(), a.current = v();
-  const [k, C] = S(!1), B = He({
-    isDragging: k,
+    }), k(!0));
+  }, [a, w, r]), w.current = p(), a.current = v();
+  const [M, C] = S(!1), B = qe({
+    isDragging: M,
     children: e,
     className: l,
-    onScroll: n,
+    onScroll: r,
     orientation: t,
-    scrollSize: r,
+    scrollSize: n,
     draggable: c,
     throttleDuration: o
-  }), [D, R] = S(0), [h, j] = S(0), A = (M) => {
+  }), [W, R] = S(0), [m, j] = S(0), _ = (I) => {
     if (!c) return;
-    const F = s.current;
-    if (!F || D == null) return;
-    const Z = (M.pageX - F.offsetLeft - D) * 1.5;
-    F.scrollLeft = h - Z;
-  }, q = (M) => {
-    const F = s.current;
-    F && (C(!0), R(M.pageX - F.offsetLeft), j(F.scrollLeft));
-  }, Y = (M) => {
-    k && (M.preventDefault(), A(M));
+    const O = s.current;
+    if (!O || W == null) return;
+    const J = (I.pageX - O.offsetLeft - W) * 1.5;
+    O.scrollLeft = m - J;
+  }, q = (I) => {
+    const O = s.current;
+    O && (C(!0), R(I.pageX - O.offsetLeft), j(O.scrollLeft));
+  }, Z = (I) => {
+    M && (I.preventDefault(), _(I));
   }, G = () => {
     C(!1);
-  }, Q = () => {
+  }, A = () => {
     C(!1);
-  }, x = (M) => {
-    M.preventDefault();
-  }, g = O(null);
-  return $(() => () => {
-    g.current && clearTimeout(g.current);
+  }, x = (I) => {
+    I.preventDefault();
+  }, h = X(null);
+  return D(() => () => {
+    h.current && clearTimeout(h.current);
   }, []), /* @__PURE__ */ P(
     "div",
     {
       className: B.customScroll,
       ref: s,
       onMouseDown: q,
-      onMouseMove: Y,
+      onMouseMove: Z,
       onMouseUp: G,
-      onMouseLeave: Q,
+      onMouseLeave: A,
       onDragStart: x,
-      onScroll: (M) => {
-        k || (R(null), C(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+      onScroll: (I) => {
+        M || (R(null), C(!0), h.current && clearTimeout(h.current), h.current = setTimeout(() => {
           C(!1);
         }, 1e3));
       },
@@ -1127,7 +1090,7 @@ const He = H(
           "div",
           {
             ref: d,
-            style: t === "vertical" ? { height: ((V = a == null ? void 0 : a.current) == null ? void 0 : V.height) ?? "100%" } : { width: ((X = a == null ? void 0 : a.current) == null ? void 0 : X.width) ?? "100%" },
+            style: t === "vertical" ? { height: ((V = a == null ? void 0 : a.current) == null ? void 0 : V.height) ?? "100%" } : { width: ((F = a == null ? void 0 : a.current) == null ? void 0 : F.width) ?? "100%" },
             className: B.track,
             children: e
           }
@@ -1155,61 +1118,61 @@ const He = H(
       ]
     }
   );
-}, mt = ({
+}, pt = ({
   children: e,
   transition: t = ".5s",
-  orientation: r = "vertical",
-  throttleDuration: n = 25,
+  orientation: n = "vertical",
+  throttleDuration: r = 25,
   ...l
 }) => {
-  const [c, o] = S(null), s = ue((c == null ? void 0 : c.scrollProgress) ?? 0), d = re(
+  const [c, o] = S(null), s = fe((c == null ? void 0 : c.scrollProgress) ?? 0), d = re(
     s,
     [0, 1],
     [0, 1 - ((c == null ? void 0 : c.scrollVisible) ?? 0) / ((c == null ? void 0 : c.scrollTotal) ?? 0)]
   ), u = re(
     d,
     (a) => `${-a * 100}%`
-  ), p = (a) => {
+  ), g = (a) => {
     s.set(a.scrollProgress), a.scrollTotal > 0 && o(a);
-  }, w = O(null);
+  }, w = X(null);
   return oe(u, "change", (a) => {
-    const y = performance.now();
+    const p = performance.now();
     if (w.current !== null) {
-      const v = y - w.current;
+      const v = p - w.current;
       console.log(`Delta temps : ${v} ms`);
     }
-    w.current = y, console.log(a);
+    w.current = p, console.log(a);
   }), /* @__PURE__ */ i(
-    pe,
+    me,
     {
-      onScroll: p,
-      throttleDuration: n,
+      onScroll: g,
+      throttleDuration: r,
       ...l,
       children: /* @__PURE__ */ i(
         U.div,
         {
           className: f("transition-transform  ease-out", {
-            "w-fit h-full": r === "horizontal",
-            "h-fit w-full": r === "vertical"
+            "w-fit h-full": n === "horizontal",
+            "h-fit w-full": n === "vertical"
           }),
           style: {
             transitionDuration: t,
-            ...r == "vertical" ? { y: u } : { x: u }
+            ...n == "vertical" ? { y: u } : { x: u }
           },
           children: e
         }
       )
     }
   );
-}, _e = ({
+}, He = ({
   targetRef: e,
   children: t
 }) => {
-  const [r, n] = S(null), l = O(null), c = () => {
+  const [n, r] = S(null), l = X(null), c = () => {
     const o = e.current;
     if (!o) return;
     const s = o.getBoundingClientRect();
-    console.log(o), n({
+    console.log(o), r({
       position: "fixed",
       top: s.top,
       left: s.left,
@@ -1221,63 +1184,63 @@ const He = H(
       // personnalise si besoin
     });
   };
-  return $(() => {
+  return D(() => {
     const o = e.current;
     if (o)
       return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), l.current = new ResizeObserver(c), l.current.observe(o), () => {
         var s;
         window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (s = l.current) == null || s.disconnect();
       };
-  }, [e]), r ? Le(/* @__PURE__ */ i("div", { style: r, children: t }), document.body) : null;
-}, Ae = ({
+  }, [e]), n ? Le(/* @__PURE__ */ i("div", { style: n, children: t }), document.body) : null;
+}, Ye = ({
   variant: e = "filled",
   disabled: t = !1,
-  icon: r,
-  href: n,
+  icon: n,
+  href: r,
   label: l,
   className: c,
   iconPosition: o = "left",
   loading: s = !1,
   shape: d = "rounded",
   onClick: u,
-  ref: p,
+  ref: g,
   size: w = "medium",
   allowShapeTransformation: a = !0,
-  transition: y,
+  transition: p,
   ...v
 }) => {
-  const b = n ? "a" : "button", L = O(null), E = p || L, m = Re({
+  const b = r ? "a" : "button", L = X(null), E = g || L, y = Me({
     allowShapeTransformation: a,
     size: w,
     shape: d,
-    href: n,
+    href: r,
     disabled: t,
-    icon: r,
+    icon: n,
     iconPosition: o,
     label: l,
     loading: s,
     variant: e,
-    transition: y,
+    transition: p,
     className: c
-  }), N = r ? /* @__PURE__ */ i(J, { icon: r, className: m.icon }) : /* @__PURE__ */ i(te, {});
-  return y = { duration: 0.3, ...y }, /* @__PURE__ */ i(
+  }), N = n ? /* @__PURE__ */ i(Q, { icon: n, className: y.icon }) : /* @__PURE__ */ i(te, {});
+  return p = { duration: 0.3, ...p }, /* @__PURE__ */ i(
     b,
     {
       ref: E,
-      href: n,
-      className: m.button,
+      href: r,
+      className: y.button,
       ...v,
-      onClick: (I) => {
-        t ? I.preventDefault() : u && u(I);
+      onClick: (k) => {
+        t ? k.preventDefault() : u && u(k);
       },
       disabled: t,
       children: /* @__PURE__ */ P(
         "div",
         {
-          className: m.container,
-          style: { transition: y.duration + "s" },
+          className: y.container,
+          style: { transition: p.duration + "s" },
           children: [
-            /* @__PURE__ */ i("div", { className: m.stateLayer, children: !t && /* @__PURE__ */ i(
+            /* @__PURE__ */ i("div", { className: y.stateLayer, children: !t && /* @__PURE__ */ i(
               ne,
               {
                 colorName: e === "elevated" && "primary" || e === "filled" && "on-primary" || e === "filledTonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
@@ -1322,48 +1285,48 @@ const He = H(
                 )
               }
             ),
-            /* @__PURE__ */ i("span", { className: m.label, children: l }),
+            /* @__PURE__ */ i("span", { className: y.label, children: l }),
             o === "right" && N
           ]
         }
       )
     }
   );
-}, pt = ({
+}, ht = ({
   variant: e = "outlined",
   className: t,
-  children: r,
-  isInteractive: n = !1,
+  children: n,
+  isInteractive: r = !1,
   ref: l,
   ...c
 }) => {
-  const o = Se({ className: t, isInteractive: n, variant: e }), s = O(null), d = l || s;
+  const o = Se({ className: t, isInteractive: r, variant: e }), s = X(null), d = l || s;
   return /* @__PURE__ */ P("div", { ...c, ref: d, className: o.card, children: [
-    /* @__PURE__ */ i("div", { className: o.stateLayer, children: n && /* @__PURE__ */ i(ne, { colorName: "on-surface", triggerRef: d }) }),
-    r
+    /* @__PURE__ */ i("div", { className: o.stateLayer, children: r && /* @__PURE__ */ i(ne, { colorName: "on-surface", triggerRef: d }) }),
+    n
   ] });
-}, Ye = (e, t, r = [0, 1]) => {
-  const [n, l] = t, [c, o] = r, d = (Math.max(n, Math.min(e, l)) - n) / (l - n);
+}, _e = (e, t, n = [0, 1]) => {
+  const [r, l] = t, [c, o] = n, d = (Math.max(r, Math.min(e, l)) - r) / (l - r);
   return c + d * (o - c);
 }, Ze = ({
   className: e,
   children: t,
-  width: r = 1,
-  index: n = 0,
+  width: n = 1,
+  index: r = 0,
   ref: l,
   ...c
 }) => {
-  const o = O(null), s = l || o, d = Ce({
+  const o = X(null), s = l || o, d = Ce({
     className: e,
-    index: n,
-    width: r,
+    index: r,
+    width: n,
     children: t
   });
   return /* @__PURE__ */ i(
     U.div,
     {
       ref: s,
-      animate: { width: r + "px" },
+      animate: { width: n + "px" },
       transition: {
         duration: 0.5,
         ease: "linear"
@@ -1373,23 +1336,23 @@ const He = H(
       children: t
     }
   );
-}, ht = ({
+}, yt = ({
   variant: e = "hero",
   className: t,
-  children: r,
-  ref: n,
+  children: n,
+  ref: r,
   marginPourcent: l = 0,
   inputRange: c = [0.21, 0.65],
   outputRange: o = [42, 300],
   gap: s = 8,
   onChange: d,
   scrollSensitivity: u = 1.25,
-  ...p
+  ...g
 }) => {
-  var G, Q;
-  const w = O(null), a = n || w, y = Ve({
+  var G, A;
+  const w = X(null), a = r || w, p = Ve({
     className: t,
-    children: r,
+    children: n,
     variant: e,
     inputRange: c,
     outputRange: o,
@@ -1397,77 +1360,77 @@ const He = H(
     onChange: d,
     gap: s,
     scrollSensitivity: u
-  }), v = W.Children.toArray(r).filter(
-    (x) => W.isValidElement(x) && x.type === Ze
-  ), b = O(null), [L, E] = S([]), [m, N] = S(null), I = () => {
-    var F;
-    if (!b.current || !a.current || !m) return [];
-    const { scrollVisible: x, scrollProgress: g } = m;
-    function V(K, Z) {
+  }), v = $.Children.toArray(n).filter(
+    (x) => $.isValidElement(x) && x.type === Ze
+  ), b = X(null), [L, E] = S([]), [y, N] = S(null), k = () => {
+    var O;
+    if (!b.current || !a.current || !y) return [];
+    const { scrollVisible: x, scrollProgress: h } = y;
+    function V(K, J) {
       return K.map(
-        (T) => (T - Z) / Math.abs(K[1] - K[0])
+        (T) => (T - J) / Math.abs(K[1] - K[0])
       );
     }
-    let X = v.map((K, Z) => {
-      if (!k[Z].current || !b.current) return 0;
-      let ee = Z / (v.length - 1);
+    let F = v.map((K, J) => {
+      if (!M[J].current || !b.current) return 0;
+      let ee = J / (v.length - 1);
       return ee > 1 && (ee = 1), ee < 0 && (ee = 0), ee;
     });
-    X = V(X, g);
-    let M = ((((F = a.current) == null ? void 0 : F.clientWidth) ?? x) - (o[0] + s)) / (o[1] + s);
-    return X.map((K, Z) => ({ value: Math.abs(K), originalIndex: Z })).sort((K, Z) => K.value - Z.value).forEach((K, Z) => {
-      Z === 0 && B(K.originalIndex);
-      let T = Ye(M, [0, 1], [0, o[1]]);
-      T < o[0] && (T = o[0]), M--, X[K.originalIndex] = T;
-    }), X;
-  }, k = O([]).current, [C, B] = S(0);
-  $(() => {
+    F = V(F, h);
+    let I = ((((O = a.current) == null ? void 0 : O.clientWidth) ?? x) - (o[0] + s)) / (o[1] + s);
+    return F.map((K, J) => ({ value: Math.abs(K), originalIndex: J })).sort((K, J) => K.value - J.value).forEach((K, J) => {
+      J === 0 && B(K.originalIndex);
+      let T = _e(I, [0, 1], [0, o[1]]);
+      T < o[0] && (T = o[0]), I--, F[K.originalIndex] = T;
+    }), F;
+  }, M = X([]).current, [C, B] = S(0);
+  D(() => {
     d && d(C);
-  }, [C]), k.length !== v.length && v.forEach((x, g) => {
-    k[g] || (k[g] = W.createRef());
+  }, [C]), M.length !== v.length && v.forEach((x, h) => {
+    M[h] || (M[h] = $.createRef());
   });
-  const D = v.map((x, g) => W.cloneElement(
+  const W = v.map((x, h) => $.cloneElement(
     x,
     {
-      width: L[g],
-      ref: k[g],
-      key: g,
-      index: g
+      width: L[h],
+      ref: M[h],
+      key: h,
+      index: h
     }
-  )), R = ue((m == null ? void 0 : m.scrollProgress) ?? 0), h = re(
+  )), R = fe((y == null ? void 0 : y.scrollProgress) ?? 0), m = re(
     R,
     [0, 1],
     [
       0,
-      1 - (((G = a.current) == null ? void 0 : G.clientWidth) ?? 0) / (((Q = b == null ? void 0 : b.current) == null ? void 0 : Q.clientWidth) ?? 0)
+      1 - (((G = a.current) == null ? void 0 : G.clientWidth) ?? 0) / (((A = b == null ? void 0 : b.current) == null ? void 0 : A.clientWidth) ?? 0)
     ]
   ), j = re(
-    h,
+    m,
     (x) => `${-x * 100}%`
-  ), A = (x) => {
+  ), _ = (x) => {
     x.scrollTotal > 0 && N(x);
   };
-  $(() => {
-    const x = I();
+  D(() => {
+    const x = k();
     E(x);
-  }, [m]);
-  const [q, Y] = S(0);
-  return ie(() => {
+  }, [y]);
+  const [q, Z] = S(0);
+  return ue(() => {
     let x = o[1];
-    m && x > m.scrollVisible && (x = m.scrollVisible);
-    const g = (x + s) * D.length / u;
-    Y(g);
-  }, [a, k, m]), /* @__PURE__ */ i("div", { className: y.carousel, ref: a, ...p, children: /* @__PURE__ */ i(
-    pe,
+    y && x > y.scrollVisible && (x = y.scrollVisible);
+    const h = (x + s) * W.length / u;
+    Z(h);
+  }, [a, M, y]), /* @__PURE__ */ i("div", { className: p.carousel, ref: a, ...g, children: /* @__PURE__ */ i(
+    me,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: A,
+      onScroll: _,
       scrollSize: q,
       children: /* @__PURE__ */ i(
         U.div,
         {
-          className: y.track,
+          className: p.track,
           ref: b,
           style: {
             transitionDuration: "0.5s",
@@ -1475,27 +1438,27 @@ const He = H(
             gap: `${s}px`,
             x: j
           },
-          children: D
+          children: W
         }
       )
     }
   ) });
-}, yt = ({
+}, xt = ({
   orientation: e = "horizontal",
   className: t,
-  ...r
+  ...n
 }) => {
-  const n = Be({ orientation: e, className: t });
-  return /* @__PURE__ */ i("hr", { className: n.divider, ...r });
-}, _ = [];
+  const r = Be({ orientation: e, className: t });
+  return /* @__PURE__ */ i("hr", { className: r.divider, ...n });
+}, Y = [];
 for (let e = 0; e < 256; ++e)
-  _.push((e + 256).toString(16).slice(1));
+  Y.push((e + 256).toString(16).slice(1));
 function Je(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();
+  return (Y[e[t + 0]] + Y[e[t + 1]] + Y[e[t + 2]] + Y[e[t + 3]] + "-" + Y[e[t + 4]] + Y[e[t + 5]] + "-" + Y[e[t + 6]] + Y[e[t + 7]] + "-" + Y[e[t + 8]] + Y[e[t + 9]] + "-" + Y[e[t + 10]] + Y[e[t + 11]] + Y[e[t + 12]] + Y[e[t + 13]] + Y[e[t + 14]] + Y[e[t + 15]]).toLowerCase();
 }
 let le;
 const Qe = new Uint8Array(16);
-function ze() {
+function Ae() {
   if (!le) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
@@ -1503,114 +1466,114 @@ function ze() {
   }
   return le(Qe);
 }
-const Te = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = { randomUUID: Te };
-function ae(e, t, r) {
+const ze = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = { randomUUID: ze };
+function ae(e, t, n) {
   var l;
   if (se.randomUUID && !e)
     return se.randomUUID();
   e = e || {};
-  const n = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? ze();
-  if (n.length < 16)
+  const r = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? Ae();
+  if (r.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return n[6] = n[6] & 15 | 64, n[8] = n[8] & 63 | 128, Je(n);
+  return r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, Je(r);
 }
-const he = ({
+const pe = ({
   variant: e = "plain",
   buttons: t,
-  className: r,
-  children: n,
+  className: n,
+  children: r,
   title: l,
   text: c,
   position: o,
   targetRef: s,
   ref: d,
   trigger: u = ["hover", "focus"],
-  ...p
+  ...g
 }) => {
-  if (!n && !s)
+  if (!r && !s)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(u) || (u = [u]), t && !Array.isArray(t) && (t = [t]);
-  const w = O(null), a = s || w, [y, v] = S(null), [b] = S(ae()), [L, E] = S(!1), m = O(null);
-  $(() => {
-    const h = (j) => {
+  const w = X(null), a = s || w, [p, v] = S(null), [b] = S(ae()), [L, E] = S(!1), y = X(null);
+  D(() => {
+    const m = (j) => {
       v(j.detail);
     };
-    return document.addEventListener("tooltip-update", h), () => {
+    return document.addEventListener("tooltip-update", m), () => {
       document.removeEventListener(
         "tooltip-update",
-        h
+        m
       );
     };
-  }, []), $(() => {
-    m.current && clearTimeout(m.current), y ? E(y === b) : m.current = setTimeout(() => {
+  }, []), D(() => {
+    y.current && clearTimeout(y.current), p ? E(p === b) : y.current = setTimeout(() => {
       E(!1);
     }, 1200);
-  }, [y, b]);
+  }, [p, b]);
   const N = () => {
     if (u.includes("hover")) {
-      const h = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(h);
+      const m = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(m);
     }
-  }, I = () => {
+  }, k = () => {
     if (u.includes("hover")) {
-      const h = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(h);
+      const m = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(m);
     }
-  }, k = () => {
+  }, M = () => {
     if (u.includes("click")) {
-      const h = new CustomEvent("tooltip-update", {
+      const m = new CustomEvent("tooltip-update", {
         detail: L ? null : b
       });
-      document.dispatchEvent(h);
+      document.dispatchEvent(m);
     }
   }, C = () => {
     if (u.includes("focus")) {
-      const h = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(h);
+      const m = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(m);
     }
   }, B = () => {
     if (u.includes("focus")) {
-      const h = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(h);
+      const m = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(m);
     }
   };
-  $(() => {
+  D(() => {
     if (a != null && a.current) {
-      const h = a.current;
-      return h.addEventListener("mouseenter", N), h.addEventListener("mouseleave", I), h.addEventListener("click", k), h.addEventListener("focus", C), h.addEventListener("blur", B), () => {
-        h.removeEventListener("mouseenter", N), h.removeEventListener("mouseleave", I), h.removeEventListener("click", k), h.removeEventListener("focus", C), h.removeEventListener("blur", B);
+      const m = a.current;
+      return m.addEventListener("mouseenter", N), m.addEventListener("mouseleave", k), m.addEventListener("click", M), m.addEventListener("focus", C), m.addEventListener("blur", B), () => {
+        m.removeEventListener("mouseenter", N), m.removeEventListener("mouseleave", k), m.removeEventListener("click", M), m.removeEventListener("focus", C), m.removeEventListener("blur", B);
       };
     }
   }, [a, u, b, L]);
-  const D = !s && we(n) ? ve(n, { ref: w }) : n;
+  const W = !s && ge(r) ? we(r, { ref: w }) : r;
   if (!o && typeof window < "u" && a != null && a.current && !o) {
-    const h = a.current.getBoundingClientRect(), j = window.innerWidth, A = window.innerHeight, q = h.left / j, Y = h.top / A;
-    e === "plain" ? q < 1 / 3 ? o = "right" : q > 2 / 3 ? o = "left" : o = Y > 0.5 ? "top" : "bottom" : q < 1 / 2 && Y < 1 / 2 ? o = "bottom-right" : q > 1 / 2 && Y < 1 / 2 ? o = "bottom-left" : q > 1 / 2 && Y > 1 / 2 ? o = "top-left" : q < 1 / 2 && Y > 1 / 2 && (o = "top-right");
+    const m = a.current.getBoundingClientRect(), j = window.innerWidth, _ = window.innerHeight, q = m.left / j, Z = m.top / _;
+    e === "plain" ? q < 1 / 3 ? o = "right" : q > 2 / 3 ? o = "left" : o = Z > 0.5 ? "top" : "bottom" : q < 1 / 2 && Z < 1 / 2 ? o = "bottom-right" : q > 1 / 2 && Z < 1 / 2 ? o = "bottom-left" : q > 1 / 2 && Z > 1 / 2 ? o = "top-left" : q < 1 / 2 && Z > 1 / 2 && (o = "top-right");
   }
   const R = Ke({
     variant: e,
     buttons: t,
-    className: r,
+    className: n,
     title: l,
     text: c,
     position: o,
     trigger: u,
     targetRef: s,
-    children: n
+    children: r
   });
   return /* @__PURE__ */ P(te, { children: [
-    D,
-    /* @__PURE__ */ i(z, { children: L && /* @__PURE__ */ i(_e, { targetRef: a, children: /* @__PURE__ */ i(
+    W,
+    /* @__PURE__ */ i(z, { children: L && /* @__PURE__ */ i(He, { targetRef: a, children: /* @__PURE__ */ i(
       U.div,
       {
-        initial: { opacity: y ? 1 : 0 },
+        initial: { opacity: p ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: y ? 0 : 0.3 },
-        exit: { opacity: y ? 1 : 0 },
+        transition: { duration: p ? 0 : 0.3 },
+        exit: { opacity: p ? 1 : 0 },
         className: R.toolTip,
-        ...p,
+        ...g,
         onMouseEnter: N,
-        onMouseLeave: I,
+        onMouseLeave: k,
         children: /* @__PURE__ */ P(
           U.div,
           {
@@ -1624,12 +1587,12 @@ const he = ({
             children: [
               l && /* @__PURE__ */ i("div", { className: R.subHead, children: l }),
               /* @__PURE__ */ i("div", { className: R.supportingText, children: c }),
-              t && /* @__PURE__ */ i("div", { className: R.actions, children: Array.isArray(t) && t.map((h, j) => /* @__PURE__ */ i(
-                Ae,
+              t && /* @__PURE__ */ i("div", { className: R.actions, children: Array.isArray(t) && t.map((m, j) => /* @__PURE__ */ i(
+                Ye,
                 {
                   size: "small",
                   variant: "text",
-                  ...h
+                  ...m
                 },
                 j
               )) })
@@ -1642,28 +1605,28 @@ const he = ({
 }, ce = ({
   className: e,
   label: t,
-  variant: r = "primary",
-  size: n = "medium",
+  variant: n = "primary",
+  size: r = "medium",
   href: l,
   type: c,
   icon: o,
   isExtended: s = !1,
   ref: d,
   transition: u,
-  ...p
+  ...g
 }) => {
-  const w = l ? "a" : "button", a = De({
+  const w = l ? "a" : "button", a = We({
     href: l,
     icon: o,
     isExtended: s,
     label: t,
-    size: n,
-    variant: r,
+    size: r,
+    variant: n,
     className: e,
     transition: u
   });
   u = { duration: 0.3, ...u };
-  const y = O(null), v = d || y, b = {
+  const p = X(null), v = d || p, b = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -1692,14 +1655,14 @@ const he = ({
   return /* @__PURE__ */ P(
     w,
     {
-      ...p,
+      ...g,
       ref: v,
       href: l,
       "aria-label": s ? void 0 : t,
       className: a.fab,
       children: [
         /* @__PURE__ */ i(
-          he,
+          pe,
           {
             trigger: s ? null : void 0,
             text: t,
@@ -1710,15 +1673,15 @@ const he = ({
           ne,
           {
             colorName: f({
-              primary: r == "surface",
-              "on-primary-container": r == "primary",
-              "on-secondary-container": r == "secondary",
-              "on-tertiary-container": r == "tertiary"
+              primary: n == "surface",
+              "on-primary-container": n == "primary",
+              "on-secondary-container": n == "secondary",
+              "on-tertiary-container": n == "tertiary"
             }),
             triggerRef: v
           }
         ) }),
-        /* @__PURE__ */ i(J, { icon: o, className: a.icon }),
+        /* @__PURE__ */ i(Q, { icon: o, className: a.icon }),
         /* @__PURE__ */ i(z, { children: s && /* @__PURE__ */ i(
           U.span,
           {
@@ -1733,38 +1696,38 @@ const he = ({
       ]
     }
   );
-}, ye = ({
+}, he = ({
   variant: e = "standard",
   href: t,
-  disabled: r = !1,
-  type: n = "button",
+  disabled: n = !1,
+  type: r = "button",
   title: l,
   arialLabel: c,
   onToggle: o,
   activated: s = !1,
   onClick: d,
   icon: u,
-  size: p = "medium",
+  size: g = "medium",
   iconSelected: w,
   className: a,
-  ref: y,
+  ref: p,
   width: v = "default",
   shape: b = "rounded",
   allowShapeTransformation: L = !0,
   transition: E,
-  ...m
+  ...y
 }) => {
   l || (l = c);
-  const [N, I] = W.useState(s);
-  let k;
-  o ? o && (k = (h) => {
-    r && h.preventDefault(), I(!N), o(!!N);
-  }, u = N && w || u) : k = (h) => {
-    r && h.preventDefault(), d && d(h);
-  }, $(() => {
-    I(s);
+  const [N, k] = $.useState(s);
+  let M;
+  o ? o && (M = (m) => {
+    n && m.preventDefault(), k(!N), o(!!N);
+  }, u = N && w || u) : M = (m) => {
+    n && m.preventDefault(), d && d(m);
+  }, D(() => {
+    k(s);
   }, [s]);
-  const C = t ? "a" : "button", B = $e({
+  const C = t ? "a" : "button", B = De({
     transition: E,
     shape: b,
     allowShapeTransformation: L,
@@ -1775,30 +1738,30 @@ const he = ({
     iconSelected: w,
     isActive: N,
     onToggle: o,
-    disabled: r,
+    disabled: n,
     icon: u,
     variant: e,
     className: a,
-    size: p,
-    ...m
-  }), D = O(null), R = y || D;
+    size: g,
+    ...y
+  }), W = X(null), R = p || W;
   return E = { duration: 0.3, ...E }, /* @__PURE__ */ P(
     C,
     {
-      disabled: r,
+      disabled: n,
       href: t,
       className: B.iconButton,
       "aria-label": c,
-      ...m,
+      ...y,
       title: void 0,
-      onClick: k,
+      onClick: M,
       ref: R,
       children: [
         /* @__PURE__ */ i(
-          he,
+          pe,
           {
             targetRef: R,
-            trigger: r ? null : void 0,
+            trigger: n ? null : void 0,
             text: l
           }
         ),
@@ -1808,7 +1771,7 @@ const he = ({
             style: { transition: E.duration + "s" },
             className: B.container,
             children: [
-              /* @__PURE__ */ i("div", { className: B.stateLayer, children: !r && /* @__PURE__ */ i(
+              /* @__PURE__ */ i("div", { className: B.stateLayer, children: !n && /* @__PURE__ */ i(
                 ne,
                 {
                   colorName: f(
@@ -1832,7 +1795,7 @@ const he = ({
                   triggerRef: R
                 }
               ) }),
-              u && /* @__PURE__ */ i(J, { icon: u, className: B.icon })
+              u && /* @__PURE__ */ i(Q, { icon: u, className: B.icon })
             ]
           }
         )
@@ -1842,8 +1805,8 @@ const he = ({
 }, gt = ({
   className: e,
   valueFormatter: t,
-  step: r = 10,
-  name: n,
+  step: n = 10,
+  name: r,
   value: l = 0,
   min: c = 0,
   max: o = 100,
@@ -1859,21 +1822,21 @@ const he = ({
   ],
   ref: d,
   onChange: u,
-  ...p
+  ...g
 }) => {
   const w = (x) => {
-    const g = y(), V = a();
-    return x === 1 / 0 ? 100 : x === -1 / 0 ? 0 : (x - g) / (V - g) * 100;
-  }, a = (x = !1) => x ? o : o == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : o, y = (x = !1) => x ? c : c == -1 / 0 ? s[0].value : c, v = (x) => {
-    const g = y(!1);
-    return (a(!1) - g) * x / 100 + g;
-  }, [b, L] = S(!1), E = O(null), m = d || E, [N, I] = S(l), [k, C] = S(w(l)), [B, D] = S(!1), R = (x) => {
-    D(!0), L(!0), A(x);
-  }, h = () => {
-    D(!1), L(!1);
+    const h = p(), V = a();
+    return x === 1 / 0 ? 100 : x === -1 / 0 ? 0 : (x - h) / (V - h) * 100;
+  }, a = (x = !1) => x ? o : o == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : o, p = (x = !1) => x ? c : c == -1 / 0 ? s[0].value : c, v = (x) => {
+    const h = p(!1);
+    return (a(!1) - h) * x / 100 + h;
+  }, [b, L] = S(!1), E = X(null), y = d || E, [N, k] = S(l), [M, C] = S(w(l)), [B, W] = S(!1), R = (x) => {
+    W(!0), L(!0), _(x);
+  }, m = () => {
+    W(!1), L(!1);
   };
-  $(() => (B ? (window.addEventListener("mouseup", h), window.addEventListener("mousemove", A), window.addEventListener("touchend", h), window.addEventListener("touchmove", A)) : (window.removeEventListener("mouseup", h), window.removeEventListener("mousemove", A), window.removeEventListener("touchend", h), window.removeEventListener("touchmove", A)), () => {
-    window.removeEventListener("mouseup", h), window.removeEventListener("mousemove", A), window.removeEventListener("touchend", h), window.removeEventListener("touchmove", A);
+  D(() => (B ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", _), window.addEventListener("touchend", m), window.addEventListener("touchmove", _)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", _), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", _)), () => {
+    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", _), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", _);
   }), [B]);
   const j = Pe({
     className: e,
@@ -1881,51 +1844,51 @@ const he = ({
     marks: s,
     max: o,
     min: c,
-    name: n,
-    step: r,
+    name: r,
+    step: n,
     value: N,
     valueFormatter: t,
     onChange: u
-  }), A = (x) => {
-    const g = m == null ? void 0 : m.current;
-    if (g) {
-      const V = g.getBoundingClientRect().left, M = ((x.type === "touchmove" || x.type === "touchstart" ? x.touches[0].clientX : x.clientX) - V) / g.offsetWidth * 100;
-      q({ pourcent: M });
+  }), _ = (x) => {
+    const h = y == null ? void 0 : y.current;
+    if (h) {
+      const V = h.getBoundingClientRect().left, I = ((x.type === "touchmove" || x.type === "touchstart" ? x.touches[0].clientX : x.clientX) - V) / h.offsetWidth * 100;
+      q({ pourcent: I });
     }
   }, q = ({
     pourcent: x,
-    value: g
+    value: h
   }) => {
     if (x) {
       if (x >= 100) {
-        I(a(!0)), C(100);
+        k(a(!0)), C(100);
         return;
       }
       if (x <= 0) {
-        I(y(!0)), C(0);
+        k(p(!0)), C(0);
         return;
       }
-      g = v(x), g == y() && (g = y(!0)), g == a() && (g = a(!0));
-    } else if (g != null) {
-      if (g >= a()) {
-        I(a(!0)), C(100);
+      h = v(x), h == p() && (h = p(!0)), h == a() && (h = a(!0));
+    } else if (h != null) {
+      if (h >= a()) {
+        k(a(!0)), C(100);
         return;
       }
-      if (g <= y()) {
-        I(y(!0)), C(0);
+      if (h <= p()) {
+        k(p(!0)), C(0);
         return;
       }
-      x = w(g);
+      x = w(h);
     } else
       return;
-    r != null ? g = Math.round((g - y()) / r) * r + y() : s && (g = s.reduce((V, X, M) => {
-      let F = X.value === 1 / 0 ? a() : X.value === -1 / 0 ? y() : X.value, K = V.value === 1 / 0 ? a() : V.value === -1 / 0 ? y() : V.value;
-      return F = Math.abs(F - g), K = Math.abs(K - g), F < K ? X : V;
-    }).value), g >= a() && (g = a(!0)), g <= y() && (g = y(!0)), x = w(g), I(g), C(x), u && u(g);
-  }, [Y, G] = S(0);
-  return $(() => {
+    n != null ? h = Math.round((h - p()) / n) * n + p() : s && (h = s.reduce((V, F, I) => {
+      let O = F.value === 1 / 0 ? a() : F.value === -1 / 0 ? p() : F.value, K = V.value === 1 / 0 ? a() : V.value === -1 / 0 ? p() : V.value;
+      return O = Math.abs(O - h), K = Math.abs(K - h), O < K ? F : V;
+    }).value), h >= a() && (h = a(!0)), h <= p() && (h = p(!0)), x = w(h), k(h), C(x), u && u(h);
+  }, [Z, G] = S(0);
+  return D(() => {
     const x = () => {
-      m.current && G(m.current.offsetWidth);
+      y.current && G(y.current.offsetWidth);
     };
     return x(), window.addEventListener("resize", x), () => {
       window.removeEventListener("resize", x);
@@ -1937,19 +1900,19 @@ const he = ({
       onKeyDown: (x) => {
         switch (x.key) {
           case "ArrowRight":
-            if (r)
-              q({ value: N + r });
+            if (n)
+              q({ value: N + n });
             else if (s) {
-              const g = s.find((V) => V.value > N);
-              g && q({ value: g.value });
+              const h = s.find((V) => V.value > N);
+              h && q({ value: h.value });
             }
             break;
           case "ArrowLeft":
-            if (r)
-              q({ value: N - r });
+            if (n)
+              q({ value: N - n });
             else if (s) {
-              const g = s.slice(0).reverse().find((V, X, M) => N === 1 / 0 ? X === 1 : V.value < N);
-              g && q({ value: g.value });
+              const h = s.slice(0).reverse().find((V, F, I) => N === 1 / 0 ? F === 1 : V.value < N);
+              h && q({ value: h.value });
             }
             break;
           default:
@@ -1957,24 +1920,24 @@ const he = ({
         }
       },
       role: "slider",
-      "aria-valuemin": y(!0),
+      "aria-valuemin": p(!0),
       "aria-valuemax": a(!0),
       "aria-valuenow": N,
       "aria-valuetext": N.toString(),
       className: j.slider,
       onMouseDown: R,
-      onClick: A,
-      ref: m,
+      onClick: _,
+      ref: y,
       onTouchStart: R,
       onDragStart: (x) => x.preventDefault(),
-      ...p,
+      ...g,
       children: [
-        /* @__PURE__ */ i("input", { type: "hidden", name: n, value: N }),
+        /* @__PURE__ */ i("input", { type: "hidden", name: r, value: N }),
         /* @__PURE__ */ i(
           "div",
           {
             className: j.activeTrack,
-            style: { flex: k / 100 }
+            style: { flex: M / 100 }
           }
         ),
         /* @__PURE__ */ i("div", { className: j.handle, children: /* @__PURE__ */ i(z, { children: b && /* @__PURE__ */ i(
@@ -2001,17 +1964,17 @@ const he = ({
           "div",
           {
             className: j.inactiveTrack,
-            style: { flex: 1 - k / 100 }
+            style: { flex: 1 - M / 100 }
           }
         ),
         /* @__PURE__ */ i(
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: s && s.map((x, g) => {
+            children: s && s.map((x, h) => {
               let V = null;
-              const X = (b ? 9 : 10) / Y * 100, M = w(x.value);
-              return M <= k - X ? V = !0 : M >= k + X && (V = !1), /* @__PURE__ */ i(
+              const F = (b ? 9 : 10) / Z * 100, I = w(x.value);
+              return I <= M - F ? V = !0 : I >= M + F && (V = !1), /* @__PURE__ */ i(
                 "div",
                 {
                   className: f(j.dot, {
@@ -2022,7 +1985,7 @@ const he = ({
                     left: `${w(x.value)}%`
                   }
                 },
-                g
+                h
               );
             })
           }
@@ -2036,39 +1999,39 @@ const he = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-const et = {
+const Te = {
   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"]
-}, tt = {
+}, et = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"]
-}, ge = {
+}, ye = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"]
-}, xt = ({
+}, wt = ({
   supportingText: e,
   className: t,
-  duration: r,
-  closeIcon: n = ge,
+  duration: n,
+  closeIcon: r = ye,
   onClose: l,
   ...c
 }) => {
   const [o, s] = S(!0), d = Ue({
     className: t,
-    closeIcon: n,
-    duration: r,
+    closeIcon: r,
+    duration: n,
     isVisible: o,
     onClose: l,
     supportingText: e
   });
-  $(() => {
-    r && setTimeout(() => {
+  D(() => {
+    n && setTimeout(() => {
       u();
-    }, r);
-  }, [r]);
+    }, n);
+  }, [n]);
   const u = () => {
     s(!1), l == null || l();
   };
@@ -2084,22 +2047,22 @@ const et = {
       children: /* @__PURE__ */ P("div", { className: d.container, children: [
         /* @__PURE__ */ i("p", { className: d.supportingText, children: e }),
         /* @__PURE__ */ i(
-          ye,
+          he,
           {
             onClick: () => u(),
             className: d.icon,
-            icon: n,
+            icon: r,
             arialLabel: "close the snackbar"
           }
         )
       ] })
     }
   ) });
-}, wt = ({
+}, vt = ({
   selected: e = !1,
   className: t,
-  activeIcon: r,
-  disabled: n = !1,
+  activeIcon: n,
+  disabled: r = !1,
   inactiveIcon: l,
   onChange: c,
   onClick: o,
@@ -2107,39 +2070,39 @@ const et = {
   ref: d,
   ...u
 }) => {
-  const [p, w] = S(e), a = (m) => {
-    n || (v(), o && o(m));
-  }, y = (m) => {
-    n || ((m.key === " " || m.key === "Enter") && (m.preventDefault(), v()), s && s(m));
+  const [g, w] = S(e), a = (y) => {
+    r || (v(), o && o(y));
+  }, p = (y) => {
+    r || ((y.key === " " || y.key === "Enter") && (y.preventDefault(), v()), s && s(y));
   }, v = () => {
-    w(!p), c == null || c(!p);
+    w(!g), c == null || c(!g);
   }, b = je({
     className: t,
-    isSelected: p,
-    activeIcon: r,
+    isSelected: g,
+    activeIcon: n,
     inactiveIcon: l,
-    disabled: n,
-    selected: p,
+    disabled: r,
+    selected: g,
     onChange: c
-  }), L = O(null), E = d || L;
+  }), L = X(null), E = d || L;
   return /* @__PURE__ */ P(
     U.div,
     {
       role: "switch",
-      "aria-checked": p,
-      tabIndex: n ? -1 : 0,
-      onKeyDown: y,
+      "aria-checked": g,
+      tabIndex: r ? -1 : 0,
+      onKeyDown: p,
       onClick: a,
       ref: E,
       className: b.switch,
       ...u,
       children: [
-        /* @__PURE__ */ i("input", { type: "hidden", value: p ? "1" : "0" }),
+        /* @__PURE__ */ i("input", { type: "hidden", value: g ? "1" : "0" }),
         /* @__PURE__ */ P(
           U.div,
           {
             layout: !0,
-            style: { translate: p ? "50%" : "-50%" },
+            style: { translate: g ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
@@ -2147,11 +2110,11 @@ const et = {
             },
             className: b.handleContainer,
             children: [
-              /* @__PURE__ */ i("div", { className: b.handle, children: (p ? r : l) && /* @__PURE__ */ i(
-                J,
+              /* @__PURE__ */ i("div", { className: b.handle, children: (g ? n : l) && /* @__PURE__ */ i(
+                Q,
                 {
                   className: b.icon,
-                  icon: p ? r : l
+                  icon: g ? n : l
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: b.handleStateLayer })
@@ -2161,47 +2124,47 @@ const et = {
       ]
     }
   );
-}, nt = ({
+}, tt = ({
   className: e,
   onClick: t,
-  label: r,
-  variant: n = "primary",
+  label: n,
+  variant: r = "primary",
   href: l,
   icon: c,
   selectedTab: o,
   setSelectedTab: s,
   tabsId: d,
   index: u,
-  onTabSelected: p,
+  onTabSelected: g,
   scrollable: w = !1,
   selected: a = !1,
-  ref: y,
+  ref: p,
   ...v
 }) => {
-  const b = O(null), L = y || b, [E, m] = S(a);
-  $(() => {
-    a && o == null ? m(!0) : m(o == u && u != null);
-  }, [o]), $(() => {
-    o == u && p && p({
+  const b = X(null), L = p || b, [E, y] = S(a);
+  D(() => {
+    a && o == null ? y(!0) : y(o == u && u != null);
+  }, [o]), D(() => {
+    o == u && g && g({
       ref: L,
       index: u || 0,
-      label: r,
+      label: n,
       icon: c
     });
   }, [o]);
-  const N = l ? "a" : "button", I = (C) => {
+  const N = l ? "a" : "button", k = (C) => {
     s && s(u ?? null), t && t(C);
-  }, k = Oe({
+  }, M = Xe({
     className: e,
-    onTabSelected: p,
+    onTabSelected: g,
     scrollable: w,
     selectedTab: o,
     index: u,
     tabsId: d,
     selected: E,
-    variant: n,
+    variant: r,
     icon: c,
-    label: r,
+    label: n,
     isSelected: E,
     setSelectedTab: s,
     href: l
@@ -2214,25 +2177,25 @@ const et = {
       "aria-selected": E,
       ref: L,
       href: l,
-      className: k.tab,
-      onClick: I,
+      className: M.tab,
+      onClick: k,
       ...v,
       children: [
-        /* @__PURE__ */ i("span", { className: k.stateLayer, children: /* @__PURE__ */ i(
+        /* @__PURE__ */ i("span", { className: M.stateLayer, children: /* @__PURE__ */ i(
           ne,
           {
-            colorName: n === "primary" && E ? "primary" : "on-surface",
+            colorName: r === "primary" && E ? "primary" : "on-surface",
             triggerRef: L
           }
         ) }),
-        /* @__PURE__ */ P("span", { className: k.content, children: [
-          c && /* @__PURE__ */ i(J, { icon: c, className: k.icon }),
-          /* @__PURE__ */ i("span", { className: k.label, children: r }),
+        /* @__PURE__ */ P("span", { className: M.content, children: [
+          c && /* @__PURE__ */ i(Q, { icon: c, className: M.icon }),
+          /* @__PURE__ */ i("span", { className: M.label, children: n }),
           E && /* @__PURE__ */ i(
             U.span,
             {
               layoutId: `underline-${d}`,
-              className: k.underline,
+              className: M.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2240,11 +2203,11 @@ const et = {
       ]
     }
   );
-}, vt = ({
+}, bt = ({
   variant: e = "primary",
   onTabSelected: t,
-  children: r,
-  className: n,
+  children: n,
+  className: r,
   selectedTab: l,
   setSelectedTab: c,
   scrollable: o = !1
@@ -2254,115 +2217,115 @@ const et = {
   );
   let u;
   l == 0 || l != null ? u = l : u = s;
-  const p = c || d, w = W.Children.toArray(r).filter(
-    (L) => W.isValidElement(L) && L.type === nt
-  ), a = W.useRef(null), y = (L) => {
+  const g = c || d, w = $.Children.toArray(n).filter(
+    (L) => $.isValidElement(L) && L.type === tt
+  ), a = $.useRef(null), p = (L) => {
     if (t == null || t(L), o) {
-      const E = a.current, m = L.ref.current;
-      if (E && m) {
-        const N = m.offsetLeft + m.offsetWidth / 2 - E.offsetWidth / 2;
+      const E = a.current, y = L.ref.current;
+      if (E && y) {
+        const N = y.offsetLeft + y.offsetWidth / 2 - E.offsetWidth / 2;
         E.scrollTo({ left: N, behavior: "smooth" });
       }
     }
-  }, v = be(() => ae(), []), b = Xe({
-    children: r,
+  }, v = ve(() => ae(), []), b = Fe({
+    children: n,
     onTabSelected: t,
     scrollable: o,
     selectedTab: u,
-    setSelectedTab: p,
-    className: n,
+    setSelectedTab: g,
+    className: r,
     variant: e
   });
-  return /* @__PURE__ */ i("div", { ref: a, role: "tablist", className: b.tabs, children: w.map((L, E) => W.cloneElement(L, {
+  return /* @__PURE__ */ i("div", { ref: a, role: "tablist", className: b.tabs, children: w.map((L, E) => $.cloneElement(L, {
     key: E,
     index: E,
     variant: e,
     selectedTab: u,
-    setSelectedTab: p,
+    setSelectedTab: g,
     tabsId: v,
-    onTabSelected: y,
+    onTabSelected: p,
     scrollable: o
   })) });
-}, bt = ({
+}, Nt = ({
   variant: e = "filled",
   disabled: t = !1,
-  errorText: r,
-  placeholder: n,
+  errorText: n,
+  placeholder: r,
   suffix: l,
   name: c,
   label: o,
   className: s,
   supportingText: d,
   trailingIcon: u,
-  leadingIcon: p,
+  leadingIcon: g,
   type: w = "text",
   textLine: a = "singleLine",
-  autoComplete: y = "on",
+  autoComplete: p = "on",
   onChange: v,
   value: b,
   showSupportingText: L = !1,
   ...E
 }) => {
-  const [m, N] = S(b ?? ""), [I, k] = S(!1), [C, B] = S(!1), [D, R] = S(
+  const [y, N] = S(b ?? ""), [k, M] = S(!1), [C, B] = S(!1), [W, R] = S(
     L
   );
-  $(() => {
+  D(() => {
     N(b ?? "");
-  }, [b]), $(() => {
-    r != null && r.length ? B(!0) : B(!1);
-  }, [r]), $(() => {
+  }, [b]), D(() => {
+    n != null && n.length ? B(!0) : B(!1);
+  }, [n]), D(() => {
     L ? R(L) : d != null && d.length ? R(!0) : R(!1);
-  }, [D, d]), $(() => {
-    I && B(!1);
-  }, [I]);
-  const h = W.useRef(null), j = () => {
-    h.current && !I && h.current.focus();
-  }, A = () => {
-    k(!0);
+  }, [W, d]), D(() => {
+    k && B(!1);
+  }, [k]);
+  const m = $.useRef(null), j = () => {
+    m.current && !k && m.current.focus();
+  }, _ = () => {
+    M(!0);
   }, q = (V) => {
-    const X = V.target.value;
-    N(X), B(!1), typeof v == "function" && v(X);
-  }, Y = () => {
-    k(!1);
-  }, G = Fe({
-    showSupportingText: D,
-    isFocused: I,
+    const F = V.target.value;
+    N(F), B(!1), typeof v == "function" && v(F);
+  }, Z = () => {
+    M(!1);
+  }, G = Oe({
+    showSupportingText: W,
+    isFocused: k,
     showErrorIcon: C,
     disabled: t,
     name: c,
     label: o,
-    autoComplete: y,
+    autoComplete: p,
     className: s,
     onChange: v,
-    placeholder: n,
+    placeholder: r,
     supportingText: d,
     type: w,
-    leadingIcon: p,
+    leadingIcon: g,
     trailingIcon: u,
     variant: e,
-    errorText: r,
-    value: m,
+    errorText: n,
+    value: y,
     suffix: l,
     textLine: a
-  }), [Q] = S(ae());
-  let x, g;
+  }), [A] = S(ae());
+  let x, h;
   switch (a) {
     case "multiLine":
-      g = Ee, x = {};
+      h = Ee, x = {};
       break;
     case "textAreas":
-      g = "textarea", x = {};
+      h = "textarea", x = {};
       break;
     case "singleLine":
     default:
-      g = "input", x = { type: w };
+      h = "input", x = { type: w };
       break;
   }
   return /* @__PURE__ */ P("div", { className: G.textField, ...E, children: [
     /* @__PURE__ */ P("fieldset", { onClick: j, className: G.content, children: [
       /* @__PURE__ */ i("div", { className: G.stateLayer }),
-      p && /* @__PURE__ */ i("div", { className: G.leadingIcon, children: W.isValidElement(p) ? p : /* @__PURE__ */ i(J, { className: "w-5 h-5", icon: p }) }),
-      !(!I && !m.length || e == "filled") && /* @__PURE__ */ i(
+      g && /* @__PURE__ */ i("div", { className: G.leadingIcon, children: $.isValidElement(g) ? g : /* @__PURE__ */ i(Q, { className: "w-5 h-5", icon: g }) }),
+      !(!k && !y.length || e == "filled") && /* @__PURE__ */ i(
         U.legend,
         {
           variants: {
@@ -2370,7 +2333,7 @@ const et = {
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !I && !m.length ? "hidden" : "visible",
+          animate: !k && !y.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ i("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ i(
@@ -2378,22 +2341,22 @@ const et = {
             {
               className: G.label,
               transition: { duration: 0.3 },
-              layoutId: Q,
+              layoutId: A,
               children: o
             }
           ) })
         }
       ),
       /* @__PURE__ */ P("div", { className: "flex-1 relative", children: [
-        (!I && !m.length || e == "filled") && /* @__PURE__ */ i(
+        (!k && !y.length || e == "filled") && /* @__PURE__ */ i(
           U.label,
           {
             htmlFor: c,
             className: f(
               "absolute left-4  transition-all duration-300",
               {
-                "text-body-small top-2": e == "filled" && !(!I && !m.length),
-                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!I && !m.length))
+                "text-body-small top-2": e == "filled" && !(!k && !y.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!k && !y.length))
               }
             ),
             transition: { duration: 0.3 },
@@ -2402,27 +2365,27 @@ const et = {
               {
                 className: G.label,
                 transition: { duration: 0.3 },
-                layoutId: e == "outlined" ? Q : void 0,
+                layoutId: e == "outlined" ? A : void 0,
                 children: o
               }
             )
           }
         ),
         /* @__PURE__ */ i(
-          g,
+          h,
           {
-            ref: h,
-            value: m,
+            ref: m,
+            value: y,
             onChange: q,
             className: G.input,
             id: c,
             name: c,
-            placeholder: I ? n ?? void 0 : "",
-            onFocus: A,
-            onBlur: Y,
+            placeholder: k ? r ?? void 0 : "",
+            onFocus: _,
+            onBlur: Z,
             disabled: t,
-            autoComplete: y,
-            "aria-invalid": !!(r != null && r.length),
+            autoComplete: p,
+            "aria-invalid": !!(n != null && n.length),
             "aria-label": o,
             ...x
           }
@@ -2437,7 +2400,7 @@ const et = {
               V.stopPropagation();
             },
             className: G.trailingIcon,
-            children: W.isValidElement(u) ? u : /* @__PURE__ */ i(J, { className: "h-5", icon: u })
+            children: $.isValidElement(u) ? u : /* @__PURE__ */ i(Q, { className: "h-5", icon: u })
           }
         ),
         !u && l && /* @__PURE__ */ i("span", { className: G.suffix, children: l })
@@ -2449,39 +2412,39 @@ const et = {
             " absolute right-0": !u
           }),
           children: /* @__PURE__ */ i(
-            J,
+            Q,
             {
               className: "h-5 text-error",
-              icon: tt
+              icon: et
             }
           )
         }
       )
     ] }),
-    D && /* @__PURE__ */ i("p", { className: G.supportingText, children: r != null && r.length ? r : d != null && d.length ? d : " " })
+    W && /* @__PURE__ */ i("p", { className: G.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
   ] });
-}, rt = H(
+}, nt = H(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: r, variant: n }) => ({
+  ({ isSelected: e, icon: t, label: n, variant: r }) => ({
     navigationRailItem: f(" 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]": n == "vertical",
-      "gap-0  h-[66px]": n == "horizontal"
+      "gap-2  h-[68px]": r == "vertical",
+      "gap-0  h-[66px]": r == "horizontal"
     }),
     container: f(
       " w-fit flex justify-center  relative rounded-full items-center mx-5",
       {
         "bg-secondary-container overflow-hidden": e,
-        "gap-2 ": n == "horizontal",
-        "gap-0 ": n == "vertical",
-        "p-4": !r
+        "gap-2 ": r == "horizontal",
+        "gap-0 ": r == "vertical",
+        "p-4": !n
       },
-      r && [
+      n && [
         "px-4",
         {
-          "py-1 ": n == "vertical",
-          "py-4 ": n == "horizontal"
+          "py-1 ": r == "vertical",
+          "py-4 ": r == "horizontal"
         }
       ]
     ),
@@ -2494,61 +2457,61 @@ const et = {
     ),
     icon: f("size-6 flex"),
     label: f("w-fit mx-auto", {
-      "text-label-large ": n == "horizontal",
-      "text-label-medium": n == "vertical"
+      "text-label-large ": r == "horizontal",
+      "text-label-medium": r == "vertical"
     })
   })
-), lt = ({ label: e }) => /* @__PURE__ */ i("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ i("p", { className: "text-label-large text-on-surface-variant", children: e }) }), ot = ({
+), rt = ({ label: e }) => /* @__PURE__ */ i("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ i("p", { className: "text-label-large text-on-surface-variant", children: e }) }), lt = ({
   className: e,
   onClick: t,
-  label: r,
-  variant: n = "vertical",
+  label: n,
+  variant: r = "vertical",
   href: l,
   icon: c,
   selectedItem: o,
   setSelectedItem: s,
   index: d,
   onItemSelected: u,
-  selected: p = !1,
+  selected: g = !1,
   ref: w,
   transition: a,
-  isExtended: y,
+  isExtended: p,
   iconSelected: v,
   style: b,
   extendedOnly: L,
   ...E
 }) => {
-  const m = O(null), N = w || m, [I, k] = S(p);
-  $(() => {
-    p && o == null ? k(!0) : k(o == d && d != null);
-  }, [o]), $(() => {
+  const y = X(null), N = w || y, [k, M] = S(g);
+  D(() => {
+    g && o == null ? M(!0) : M(o == d && d != null);
+  }, [o]), D(() => {
     o == d && u && u({
       ref: N,
       index: d || 0,
-      label: r,
+      label: n,
       icon: c
     });
   }, [o]);
   const C = l ? "a" : "button", B = (R) => {
     s && s(d ?? null), t && t(R);
-  }, D = rt({
-    isExtended: y,
+  }, W = nt({
+    isExtended: p,
     extendedOnly: L,
     className: e,
     onItemSelected: u,
     selectedItem: o,
     index: d,
     transition: a,
-    selected: I,
-    variant: n,
+    selected: k,
+    variant: r,
     icon: c,
-    label: r,
-    isSelected: I,
+    label: n,
+    isSelected: k,
     setSelectedItem: s,
     href: l,
     iconSelected: v
   });
-  return a = { duration: 0.3, ...a }, L && !y ? null : (
+  return a = { duration: 0.3, ...a }, L && !p ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ P(
@@ -2556,10 +2519,10 @@ const et = {
       {
         ...E,
         role: "tab",
-        "aria-selected": I,
+        "aria-selected": k,
         ref: N,
         href: l,
-        className: D.navigationRailItem,
+        className: W.navigationRailItem,
         onClick: B,
         style: { transition: a.duration + "s", ...b },
         children: [
@@ -2567,27 +2530,27 @@ const et = {
             U.div,
             {
               style: {
-                transition: n == "horizontal" ? a.duration + `s, gap ${a.duration / 2}s ${a.duration - a.duration / 2}s` : a.duration + `s, gap ${a.duration / 3}s ${a.duration - a.duration / 3}s`
+                transition: r == "horizontal" ? a.duration + `s, gap ${a.duration / 2}s ${a.duration - a.duration / 2}s` : a.duration + `s, gap ${a.duration / 3}s ${a.duration - a.duration / 3}s`
               },
               transition: a,
-              className: D.container,
+              className: W.container,
               children: [
-                /* @__PURE__ */ i(U.div, { layout: !0, className: D.stateLayer }),
+                /* @__PURE__ */ i(U.div, { layout: !0, className: W.stateLayer }),
                 c && /* @__PURE__ */ i(
-                  J,
+                  Q,
                   {
-                    icon: I ? v : c,
-                    className: D.icon
+                    icon: k ? v : c,
+                    className: W.icon
                   }
                 ),
-                /* @__PURE__ */ i(z, { children: n == "horizontal" && (() => {
+                /* @__PURE__ */ i(z, { children: r == "horizontal" && (() => {
                   const R = {
                     width: 0,
                     opacity: 0,
                     transition: {
                       ...a
                     }
-                  }, h = {
+                  }, m = {
                     width: "auto",
                     opacity: 1,
                     transition: {
@@ -2602,17 +2565,17 @@ const et = {
                     U.span,
                     {
                       initial: R,
-                      animate: h,
+                      animate: m,
                       exit: R,
-                      className: D.label,
-                      children: r
+                      className: W.label,
+                      children: n
                     }
                   );
                 })() })
               ]
             }
           ),
-          /* @__PURE__ */ i(z, { children: n == "vertical" && (() => {
+          /* @__PURE__ */ i(z, { children: r == "vertical" && (() => {
             const R = {
               height: 0,
               opacity: 0,
@@ -2622,7 +2585,7 @@ const et = {
                   duration: 0
                 }
               }
-            }, h = {
+            }, m = {
               height: "auto",
               opacity: 1,
               transition: {
@@ -2637,11 +2600,11 @@ const et = {
               U.span,
               {
                 initial: R,
-                animate: h,
+                animate: m,
                 exit: R,
-                className: D.label,
+                className: W.label,
                 transition: a,
-                children: r
+                children: n
               }
             );
           })() })
@@ -2649,7 +2612,7 @@ const et = {
       }
     )
   );
-}, at = H(
+}, ot = H(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: f("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -2665,71 +2628,71 @@ const et = {
       "w-fit  items-start": e
     })
   })
-), Nt = ({
+), Lt = ({
   variant: e = "standard",
   onItemSelected: t,
-  children: r,
-  className: n,
+  children: n,
+  className: r,
   selectedItem: l,
   extended: c,
   alignment: o = "top",
   menu: s = {
     closed: {
-      icon: et,
+      icon: Te,
       label: "Open menu"
     },
     opened: {
-      icon: ge,
+      icon: ye,
       label: "Close menu"
     }
   },
   style: d,
   onExtendedChange: u,
-  transition: p,
+  transition: g,
   setSelectedItem: w
 }) => {
-  const [a, y] = S(null), [v, b] = S(c);
+  const [a, p] = S(null), [v, b] = S(c);
   let L;
   l == 0 || l != null ? L = l : L = a;
-  const E = w || y, m = W.useRef(null), N = (R) => {
+  const E = w || p, y = $.useRef(null), N = (R) => {
     t == null || t(R);
   };
-  function I(R) {
-    const h = [];
-    return W.Children.forEach(R, (j) => {
-      W.isValidElement(j) && j.type === W.Fragment ? h.push(...I(j.props.children)) : h.push(j);
-    }), h;
+  function k(R) {
+    const m = [];
+    return $.Children.forEach(R, (j) => {
+      $.isValidElement(j) && j.type === $.Fragment ? m.push(...k(j.props.children)) : m.push(j);
+    }), m;
   }
-  const k = I(r), C = k.filter(
-    (R) => W.isValidElement(R) && R.type === ce
-  ), B = at({
-    children: r,
+  const M = k(n), C = M.filter(
+    (R) => $.isValidElement(R) && R.type === ce
+  ), B = ot({
+    children: n,
     onItemSelected: t,
     selectedItem: L,
     setSelectedItem: E,
-    className: n,
+    className: r,
     variant: e,
     extended: v,
     isExtended: v,
     alignment: o,
     menu: s,
-    transition: p,
+    transition: g,
     onExtendedChange: u
   });
-  p = { duration: 0.3, ...p };
-  const D = O(!1);
-  return D.current = !1, $(() => {
+  g = { duration: 0.3, ...g };
+  const W = X(!1);
+  return W.current = !1, D(() => {
     u == null || u(v ?? !1);
   }, [v]), /* @__PURE__ */ P(
     "div",
     {
-      style: { transition: p.duration + "s", ...d },
-      ref: m,
+      style: { transition: g.duration + "s", ...d },
+      ref: y,
       className: B.navigationRail,
       children: [
         /* @__PURE__ */ P("div", { className: B.header, children: [
           /* @__PURE__ */ i(
-            ye,
+            he,
             {
               onClick: () => b(!v),
               arialLabel: v ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
@@ -2737,10 +2700,10 @@ const et = {
               icon: v ? s.opened.icon : s == null ? void 0 : s.closed.icon
             }
           ),
-          C.length > 0 && W.cloneElement(
+          C.length > 0 && $.cloneElement(
             C[0],
             {
-              transition: p,
+              transition: g,
               isExtended: v,
               className: "!shadow-none mx-5 " + C[0].props.className
             }
@@ -2748,8 +2711,8 @@ const et = {
         ] }),
         /* @__PURE__ */ i("div", { className: B.segments, children: (() => {
           let R = 0;
-          return k.map((h) => W.isValidElement(h) && h.type === ot ? W.cloneElement(
-            h,
+          return M.map((m) => $.isValidElement(m) && m.type === lt ? $.cloneElement(
+            m,
             {
               key: R,
               index: R++,
@@ -2758,14 +2721,14 @@ const et = {
               selectedItem: L,
               setSelectedItem: E,
               onItemSelected: N,
-              transition: p,
-              extendedOnly: D.current,
+              transition: g,
+              extendedOnly: W.current,
               isExtended: v
             }
-          ) : W.isValidElement(h) && h.type === ce ? null : W.isValidElement(h) && h.type === lt ? (D.current = !0, v ? W.cloneElement(
-            h,
+          ) : $.isValidElement(m) && m.type === ce ? null : $.isValidElement(m) && m.type === rt ? (W.current = !0, v ? $.cloneElement(
+            m,
             {}
-          ) : null) : h);
+          ) : null) : m);
         })() }),
         /* @__PURE__ */ i("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -2773,48 +2736,48 @@ const et = {
   );
 };
 export {
-  Ae as Button,
-  pt as Card,
-  ht as Carousel,
+  Ye as Button,
+  ht as Card,
+  yt as Carousel,
   Ze as CarouselItem,
-  pe as CustomScroll,
-  yt as Divider,
+  me as CustomScroll,
+  xt as Divider,
   ce as Fab,
-  J as Icon,
-  ye as IconButton,
-  Nt as NavigationRail,
-  ot as NavigationRailItem,
-  lt as NavigationRailSection,
+  Q as Icon,
+  he as IconButton,
+  Lt as NavigationRail,
+  lt as NavigationRailItem,
+  rt as NavigationRailSection,
   Ge as ProgressIndicator,
   ne as RippleEffect,
   gt as Slider,
-  mt as SmoothScroll,
-  xt as Snackbar,
-  wt as Switch,
-  _e as SyncedFixedWrapper,
-  nt as Tab,
-  vt as Tabs,
-  bt as TextField,
-  he as ToolTip,
-  Re as buttonStyle,
+  pt as SmoothScroll,
+  wt as Snackbar,
+  vt as Switch,
+  He as SyncedFixedWrapper,
+  tt as Tab,
+  bt as Tabs,
+  Nt as TextField,
+  pe as ToolTip,
+  Me as buttonStyle,
   Se as cardStyle,
   Ce as carouselItemStyle,
   Ve as carouselStyle,
   f as classNames,
   Ie as classnames,
-  He as customScrollStyle,
+  qe as customScrollStyle,
   H as defaultClassNames,
   Be as dividerStyle,
-  De as fabStyle,
-  Me as getClassNames,
-  $e as iconButtonStyle,
-  Ye as normalize,
-  We as progressIndicatorStyle,
+  We as fabStyle,
+  Re as getClassNames,
+  De as iconButtonStyle,
+  _e as normalize,
+  $e as progressIndicatorStyle,
   Pe as sliderStyle,
   Ue as snackbarStyle,
   je as switchStyle,
-  Oe as tabStyle,
-  Xe as tabsStyle,
-  Fe as textFieldStyle,
+  Xe as tabStyle,
+  Fe as tabsStyle,
+  Oe as textFieldStyle,
   Ke as toolStyle
 };