@udixio/ui-react 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,23 +1,12 @@
-import { jsx as i, jsxs as P, Fragment as te } from "react/jsx-runtime";
-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 { 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({
+import { jsx as i, jsxs as $, Fragment as ne } from "react/jsx-runtime";
+import { clsx as fe } from "clsx";
+import { extendTailwindMerge as we } from "tailwind-merge";
+import _, { useState as S, useEffect as W, useRef as P, useLayoutEffect as de, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Ne } from "react";
+import { motion as U, AnimatePresence as z, useScroll as Le, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
+import { throttle as Ie } from "throttle-debounce";
+import { createPortal as Ee } from "react-dom";
+import ke from "react-textarea-autosize";
+const pe = we({
   override: {
     classGroups: {
       "text-color": [
@@ -43,45 +32,46 @@ const me = xe({
       font: ["font"]
     }
   }
-}), f = (...e) => me(de(e)), Ie = (...e) => me(de(e));
-function ke(e) {
+}), f = (...e) => pe(fe(e)), Me = (...e) => pe(fe(e));
+function Re(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 Se = (e) => {
   const t = {};
-  e.classNameList.forEach((n) => {
-    var l;
-    if (n)
-      if (typeof n == "string")
-        (t[l = e.default] ?? (t[l] = [])).push(n);
+  e.classNameList.forEach((l) => {
+    var n;
+    if (l)
+      if (typeof l == "string")
+        (t[n = e.default] ?? (t[n] = [])).push(l);
       else {
-        const c = n(e.states);
-        Object.entries(c).map((o) => {
-          const [s, d] = o;
-          (t[s] ?? (t[s] = [])).push(d);
+        const c = l(e.states);
+        Object.entries(c).map((s) => {
+          const [o, d] = s;
+          (t[o] ?? (t[o] = [])).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);
+  return Object.entries(t).map((l) => {
+    let [n, c] = l;
+    c = c.reverse(), n == e.default && c.unshift("relative"), c.unshift(Re(n)), r[n] = Me(...c);
   }), r;
-}, H = (e, t) => (r) => Me({
+}, q = (e, t) => (r) => Se({
   classNameList: [r.className, t],
   default: e,
   states: r
-}), Re = H(
+}), Ce = q(
   "button",
   ({
     variant: e,
     disabled: t,
     iconPosition: r,
-    icon: n,
-    loading: l,
-    shape: c,
+    icon: l,
+    isActive: n,
+    loading: c,
+    shape: s,
     size: o,
-    allowShapeTransformation: s
+    allowShapeTransformation: d
   }) => ({
     button: f(
       "group flex items-center cursor-pointer",
@@ -99,35 +89,50 @@ const Me = (e) => {
       o === "medium" && "text-title-medium px-6 py-4 gap-2",
       o === "large" && "text-headline-small px-12 py-8 gap-3",
       o === "xLarge" && "text-headline-large px-16 py-12 gap-4",
-      c === "rounded" && {
+      s === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      c === "squared" && {
+      s === "squared" && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
       },
-      s && !t && {
+      d && !t && {
         "group-active:rounded-[12px]": o === "xSmall" || o == "small",
         "group-active:rounded-[16px]": o === "medium",
         "group-active:rounded-[28px]": o === "large" || o == "xLarge"
       },
+      d && n && {
+        "rounded-[12px]": o === "xSmall" || o == "small",
+        "rounded-[16px]": o === "medium",
+        "rounded-[28px]": o === "large" || o == "xLarge"
+      },
       e === "elevated" && {
-        "bg-surface-container-low  shadow-1 hover:shadow-2": !t
+        "shadow-1 hover:shadow-2": !t,
+        "bg-surface-container-low text-primary": !t && !n,
+        "bg-primary text-on-primary": !t && n,
+        "text-on-surface/[38%]": t
       },
       e === "filled" && {
-        "bg-primary hover:shadow-1": !t
+        "hover:shadow-1": !t,
+        "bg-surface-container text-on-surface-variant": !t && !n,
+        "bg-primary text-on-primary": !t && n,
+        "text-on-surface/[38%]": t
       },
       e === "filledTonal" && {
-        "bg-secondary-container hover:shadow-1": !t
+        "hover:shadow-1": !t,
+        "bg-secondary-container text-on-secondary-container": !t && !n,
+        "bg-secondary text-on-secondary": !t && n,
+        "text-on-surface/[0.38]": t
       },
       e === "outlined" && [
         " border",
         {
-          "border-on-surface/[0.12]": t,
-          " border-outline focus:border-primary": !t
+          "border-on-surface/[0.12] text-on-surface/[0.38]": t,
+          "text-primary border-outline focus:border-primary": !t && !n,
+          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !t && n
         }
       ],
       e === "text" && [
@@ -169,59 +174,17 @@ const Me = (e) => {
         "group-state-primary": !t
       }
     ),
-    label: f(
-      { invisible: l },
-      e === "elevated" && {
-        "text-primary": !t,
-        "text-on-surface/[38%]": t
-      },
-      e === "filled" && {
-        "text-on-primary": !t,
-        "text-on-surface/[38%]": t
-      },
-      e === "filledTonal" && {
-        "text-on-secondary-container": !t,
-        "text-on-surface/[0.38]": t
-      },
-      e === "outlined" && {
-        "text-primary": !t,
-        "text-on-surface/[0.38]": t
-      },
-      e === "text" && {
-        "text-primary": !t,
-        "text-on-surface/[0.38]": t
-      }
-    ),
+    label: f({ invisible: c }),
     icon: f(
-      { invisible: l },
+      { invisible: c },
       o === "xSmall" && "size-5",
       o === "small" && "size-5",
       o === "medium" && "size-6",
       o === "large" && "size-8",
-      o === "xLarge" && "size-10",
-      e === "elevated" && {
-        "text-primary": !t,
-        "text-on-surface/[38%]": t
-      },
-      e === "filled" && {
-        "text-on-primary": !t,
-        "text-on-surface/[38%]": t
-      },
-      e === "filledTonal" && {
-        "text-on-secondary-container": !t,
-        "text-on-surface/[0.38]": t
-      },
-      e === "outlined" && {
-        "text-primary": !t,
-        "text-on-surface/[0.38]": t
-      },
-      e === "text" && {
-        "text-primary": !t,
-        "text-on-surface/[0.38]": t
-      }
+      o === "xLarge" && "size-10"
     )
   })
-), Se = H(
+), Be = q(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: f(
@@ -238,12 +201,12 @@ const Me = (e) => {
       }
     ])
   })
-), Ce = H(
+), De = q(
   "carouselItem",
   () => ({
     carouselItem: f("rounded-[28px] overflow-hidden flex-none")
   })
-), Ve = H(
+), Ve = q(
   "carousel",
   () => ({
     carousel: f(["w-full h-[400px]"]),
@@ -251,7 +214,7 @@ const Me = (e) => {
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), Be = H(
+), We = q(
   "divider",
   ({ orientation: e }) => ({
     divider: f(
@@ -264,7 +227,7 @@ const Me = (e) => {
       }
     )
   })
-), De = H(
+), $e = q(
   "fab",
   ({ size: e, variant: t, isExtended: r }) => ({
     fab: f(
@@ -309,17 +272,17 @@ const Me = (e) => {
       t === "tertiary" && "text-on-tertiary-container"
     )
   })
-), $e = H(
+), Pe = q(
   "iconButton",
   ({
     variant: e,
     disabled: t,
     onToggle: r,
-    isActive: n,
-    size: l,
+    isActive: l,
+    size: n,
     width: c,
-    shape: o,
-    allowShapeTransformation: s
+    shape: s,
+    allowShapeTransformation: o
   }) => ({
     iconButton: f(
       "group  min-h-12 flex items-center cursor-pointer",
@@ -329,43 +292,43 @@ const Me = (e) => {
     ),
     container: f(
       "rounded-full relative flex overflow-hidden transition-all duration-300",
-      (o === "rounded" || o === "squared" && r && !t && n && s) && {
-        "rounded-[30px]": l === "xSmall" || l == "small",
-        "rounded-[40px]": l === "medium",
-        "rounded-[70px]": l === "large" || l == "xLarge"
+      (s === "rounded" || s === "squared" && r && !t && l && o) && {
+        "rounded-[30px]": n === "xSmall" || n == "small",
+        "rounded-[40px]": n === "medium",
+        "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (o === "squared" || o === "rounded" && r && !t && n && s) && {
-        "rounded-[12px]": l === "xSmall" || l == "small",
-        "rounded-[16px]": l === "medium",
-        "rounded-[28px]": l === "large" || l == "xLarge"
+      (s === "squared" || s === "rounded" && r && !t && l && o) && {
+        "rounded-[12px]": n === "xSmall" || n == "small",
+        "rounded-[16px]": n === "medium",
+        "rounded-[28px]": n === "large" || n == "xLarge"
       },
-      s && !t && {
-        "group-active:rounded-[12px]": l === "xSmall" || l == "small",
-        "group-active:rounded-[16px]": l === "medium",
-        "group-active:rounded-[28px]": l === "large" || l == "xLarge"
+      o && !t && {
+        "group-active:rounded-[12px]": n === "xSmall" || n == "small",
+        "group-active:rounded-[16px]": n === "medium",
+        "group-active:rounded-[28px]": n === "large" || n == "xLarge"
       },
       e === "filled" && [
         !t && {
-          "bg-surface-container": !n && !!r,
-          "bg-primary": n || !r
+          "bg-surface-container": !l && !!r,
+          "bg-primary": l || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !n && !!r,
-          "bg-secondary-container": n || !r
+          "bg-surface-container": !l && !!r,
+          "bg-secondary-container": l || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "outlined" && [
         !t && {
-          "border border-outline": !n,
-          "border border-transparent bg-inverse-surface": n
+          "border border-outline": !l,
+          "border border-transparent bg-inverse-surface": l
         },
         !!t && {
-          "border border-on-surface/[0.12]": !n,
-          "border border-transparent bg-on-surface/[0.12]": n
+          "border border-on-surface/[0.12]": !l,
+          "border border-transparent bg-on-surface/[0.12]": l
         }
       ]
     ),
@@ -373,66 +336,66 @@ 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": !l,
+          "state-primary": l
         },
         e === "filled" && {
-          "state-primary": !n && !!r,
-          "state-inverse-on-surface": n || !r
+          "state-primary": !l && !!r,
+          "state-inverse-on-surface": l || !r
         },
         e === "tonal" && {
-          "state-on-surface-variant": !n && !!r,
-          "state-on-secondary-container": n || !r
+          "state-on-surface-variant": !l && !!r,
+          "state-on-secondary-container": l || !r
         },
         e === "outlined" && {
-          "state-on-surface-variant": !n,
-          "state-on-primary": n
+          "state-on-surface-variant": !l,
+          "state-on-primary": l
         }
       ]
     ),
     icon: f(
       "  transition-all duration-300",
-      { "size-5 p-1.5": l === "xSmall" },
-      { "size-6 p-2": l === "small" },
-      { "size-6 p-4": l === "medium" },
-      { "size-8 p-8": l === "large" },
-      { "size-10 p-12": l === "xLarge" },
+      { "size-5 p-1.5": n === "xSmall" },
+      { "size-6 p-2": n === "small" },
+      { "size-6 p-4": n === "medium" },
+      { "size-8 p-8": n === "large" },
+      { "size-10 p-12": n === "xLarge" },
       c == "narrow" && [
-        { "px-1": l === "xSmall" },
-        { "px-1": l === "small" },
-        { "px-3": l === "medium" },
-        { "px-4": l === "large" },
-        { "px-8": l === "xLarge" }
+        { "px-1": n === "xSmall" },
+        { "px-1": n === "small" },
+        { "px-3": n === "medium" },
+        { "px-4": n === "large" },
+        { "px-8": n === "xLarge" }
       ],
       c == "wide" && [
-        { "px-2.5": l === "xSmall" },
-        { "px-3.5": l === "small" },
-        { "px-6": l === "medium" },
-        { "px-12": l === "large" },
-        { "px-[72px]": l === "xLarge" }
+        { "px-2.5": n === "xSmall" },
+        { "px-3.5": n === "small" },
+        { "px-6": n === "medium" },
+        { "px-12": n === "large" },
+        { "px-[72px]": n === "xLarge" }
       ],
       !t && [
         e === "standard" && {
-          "text-on-surface-variant": !n,
-          "text-primary": n
+          "text-on-surface-variant": !l,
+          "text-primary": l
         },
         e === "filled" && {
-          "text-primary": !n && !!r,
-          "text-on-primary": n || !r
+          "text-primary": !l && !!r,
+          "text-on-primary": l || !r
         },
         e === "tonal" && {
-          "text-on-surface-variant": !n && !!r,
-          "text-on-secondary-container": n || !r
+          "text-on-surface-variant": !l && !!r,
+          "text-on-secondary-container": l || !r
         },
         e === "outlined" && {
-          "text-on-surface-variant": !n,
-          "text-inverse-on-surface": n
+          "text-on-surface-variant": !l,
+          "text-inverse-on-surface": l
         }
       ],
       !!t && "text-on-surface/[0.38]"
     )
   })
-), We = H(
+), Ue = q(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: f(
@@ -451,7 +414,7 @@ const Me = (e) => {
     ),
     stop: "absolute right-0 bg-primary rounded-full"
   })
-), Pe = H(
+), je = q(
   "slider",
   ({ isChanging: e }) => ({
     slider: f([
@@ -474,7 +437,7 @@ const Me = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Ue = H(
+), Xe = q(
   "snackbar",
   () => ({
     snackbar: f(" rounded bg-inverse-surface "),
@@ -484,7 +447,7 @@ const Me = (e) => {
     supportingText: f("text-body-medium text-inverse-on-surface "),
     icon: f(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), je = H(
+), Fe = q(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
     switch: f(
@@ -527,66 +490,66 @@ const Me = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), Oe = H(
+), Oe = q(
   "tab",
-  ({ isSelected: e, icon: t, label: r, variant: n }) => ({
+  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     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 && r) && l === "primary" && "h-16",
+      !(t && r && l === "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" && {
+      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
       },
-      n === "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: f(
       "flex  gap-0.5 h-full justify-center",
       {
-        relative: n == "primary"
+        relative: l == "primary"
       },
       {
         "": !!(r && !t)
       },
-      n === "primary" && "flex-col items-center",
-      n === "secondary" && {
+      l === "primary" && "flex-col items-center",
+      l === "secondary" && {
         "flex-col items-center": !(r && t),
         "flex-row items-center gap-2": !!(r && t)
       }
     ),
     icon: f(
       "h-6 w-6 p-0.5 !box-border",
-      n === "primary" && {
+      l === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      n === "secondary" && {
+      l === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
     label: f(
       "text-title-small  text-nowrap",
-      n === "primary" && {
+      l === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      n === "secondary" && {
+      l === "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"
+      l === "primary" && "h-[3px] rounded-t",
+      l === "secondary" && "h-0.5"
     )
   })
-), Xe = H(
+), Ke = q(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: f(
@@ -595,17 +558,17 @@ const Me = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), Fe = H(
+), Ge = q(
   "textField",
   ({
     disabled: e,
     leadingIcon: t,
     trailingIcon: r,
-    variant: n,
-    errorText: l,
+    variant: l,
+    errorText: n,
     isFocused: c,
-    value: o,
-    suffix: s,
+    value: s,
+    suffix: o,
     textLine: d
   }) => ({
     textField: f({
@@ -615,17 +578,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-primary": !(l != null && l.length) && c,
-        "border-error": !!(l != null && l.length)
+        "border-on-surface-variant": !(n != null && n.length) && !c && l == "filled",
+        "border-outline": !(n != null && n.length) && !c && l == "outlined",
+        "border-primary": !(n != null && n.length) && c,
+        "border-error": !!(n != null && n.length)
       },
       { "bg-on-surface/[0.04]": e },
-      n == "filled" && [
+      l == "filled" && [
         "rounded-t overflow-hidden border-b",
         { "bg-surface-container-highest": !e }
       ],
-      n == "outlined" && [
+      l == "outlined" && [
         "border rounded box-border",
         {
           "border-[3px]": c
@@ -635,7 +598,7 @@ const Me = (e) => {
     stateLayer: f(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
-        hidden: n == "outlined"
+        hidden: l == "outlined"
       },
       {
         "group-state-on-surface": !e,
@@ -644,10 +607,10 @@ const Me = (e) => {
     ),
     label: f(
       "inline-flex outline-none  whitespace-nowrap",
-      { "text-on-surface-variant": !e && !(l != null && l.length) },
+      { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
-      { "text-error": !!(l != null && l.length) },
-      { "text-primary": !(l != null && l.length) && c }
+      { "text-error": !!(n != null && n.length) },
+      { "text-primary": !(n != null && n.length) && c }
     ),
     input: f(
       "w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
@@ -656,41 +619,41 @@ const Me = (e) => {
         "placeholder:text-on-surface text-on-surface": e
       },
       {
-        "pr-0": !!s
+        "pr-0": !!o
       },
-      n == "filled" && " pb-2 pt-6",
-      n == "outlined" && "py-4 relative z-10"
+      l == "filled" && " pb-2 pt-6",
+      l == "outlined" && "py-4 relative z-10"
     ),
     activeIndicator: f(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
-      n == "filled" && [
+      l == "filled" && [
         "h-[2px] transition-all duration-300",
-        { "bg-primary": !(l != null && l.length) },
-        { "bg-error": !!(l != null && l.length) },
+        { "bg-primary": !(n != null && n.length) },
+        { "bg-error": !!(n != null && n.length) },
         { "!w-full": c }
       ]
     ),
     supportingText: f(
       " text-body-small px-4 pt-1",
-      { "text-on-surface-variant": !e && !(l != null && l.length) },
+      { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
       { "!w-full": c },
-      { "text-error": !!(l != null && l.length) }
+      { "text-error": !!(n != null && n.length) }
     ),
     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(r)
     }),
     suffix: f(
       "text-on-surface-variant pl-0 pr-4",
-      n == "filled" && " pb-2 pt-6",
-      n == "outlined" && "py-4 relative z-10"
+      l == "filled" && " pb-2 pt-6",
+      l == "outlined" && "py-4 relative z-10"
     )
   })
-), Ke = H(
+), qe = q(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: f(
@@ -721,8 +684,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: r }) => {
+  const { icon: l } = e, [n, c, , , s] = l || [], o = (d) => {
     switch (d.length) {
       case 2:
         return {
@@ -740,95 +703,95 @@ const Me = (e) => {
     {
       className: f("size-5 box-content", r),
       style: {
-        ...s(t)
+        ...o(t)
       },
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${l} ${c}`,
+      viewBox: `0 0 ${n} ${c}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof o == "string" ? /* @__PURE__ */ i("path", { className: "fill-current", d: o }) : o.map((d, u) => /* @__PURE__ */ i("path", { d }, u))
+      children: typeof s == "string" ? /* @__PURE__ */ i("path", { className: "fill-current", d: s }) : s.map((d, u) => /* @__PURE__ */ i("path", { d }, u))
     }
   );
-}, Ge = ({
+}, He = ({
   variant: e = "linear-determinate",
   minHeight: t = 4,
   value: r = 0,
-  transitionDuration: n = 1e3,
-  className: l,
+  transitionDuration: l = 1e3,
+  className: n,
   ...c
 }) => {
-  const [o, s] = S(r), [d, u] = S(1.5);
-  $(() => {
-    r > 100 && (r = 100), r < 0 && (r = 0), s(r);
+  const [s, o] = S(r), [d] = S(1.5);
+  W(() => {
+    r > 100 && (r = 100), r < 0 && (r = 0), o(r);
   }, [r]);
-  const [p, w] = S(!0), a = () => p ? d : d * 0.5;
-  $(() => {
-    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && o !== 100) {
-      const L = setInterval(() => {
-        s(p ? 10 : 90), w(!p);
-      }, a() * 1e3);
-      return () => clearInterval(L);
+  const [u, x] = S(!0), y = () => u ? d : d * 0.5;
+  W(() => {
+    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && s !== 100) {
+      const b = setInterval(() => {
+        o(u ? 10 : 90), x(!u);
+      }, y() * 1e3);
+      return () => clearInterval(b);
     }
-  }, [e, p, o]);
-  const [y, v] = S(!1);
-  $(() => {
-    if (o >= 100) {
-      const L = setTimeout(() => {
+  }, [e, u, s]);
+  const [a, v] = S(!1);
+  W(() => {
+    if (s >= 100) {
+      const b = setTimeout(() => {
         v(!1);
-      }, n);
+      }, l);
       return () => {
-        clearTimeout(L);
+        clearTimeout(b);
       };
     } else
       v(!0);
-  }, [o, n]);
-  const b = We({
-    className: l,
+  }, [s, l]);
+  const g = Ue({
+    className: n,
     variant: e,
     value: r,
-    transitionDuration: n,
-    isVisible: y,
+    transitionDuration: l,
+    isVisible: a,
     minHeight: t
   });
-  return /* @__PURE__ */ P(te, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ P(
+  return /* @__PURE__ */ $(ne, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ $(
       "div",
       {
         style: { height: `${t}px` },
-        className: b.progressIndicator,
+        className: g.progressIndicator,
         ...c,
         children: [
           /* @__PURE__ */ i(
             "div",
             {
               style: {
-                height: y ? `${t}px` : "0px",
-                width: `${o}%`,
-                transition: `width 1ms ease-in-out ${o == 100 ? ", height 200ms 0.5s ease-in-out" : ""}`
+                height: a ? `${t}px` : "0px",
+                width: `${s}%`,
+                transition: `width 1ms ease-in-out ${s == 100 ? ", height 200ms 0.5s ease-in-out" : ""}`
               },
-              className: b.track
+              className: g.track
             }
           ),
           /* @__PURE__ */ i(
             "div",
             {
               style: {
-                height: y ? `${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` : ""}`
+                height: a ? `${t}px` : "0px",
+                marginLeft: s != 100 ? "6px" : "0px",
+                transition: `width ${l}ms ease-in-out ${s == 100 ? `, height 200ms 0.5s ease-in-out, margin-left ${l}ms ${l / 1.5}ms` : ""}`
               },
-              className: b.activeIndicator
+              className: g.activeIndicator
             }
           ),
           /* @__PURE__ */ i(
             "div",
             {
               style: {
-                height: y ? `${t}px` : "0px",
+                height: a ? `${t}px` : "0px",
                 width: `${t}px`,
-                transition: `width ${n}ms ease-in-out, height 200ms 0.5s ease-in-out`
+                transition: `width ${l}ms ease-in-out, height 200ms 0.5s ease-in-out`
               },
-              className: b.stop
+              className: g.stop
             }
           )
         ]
@@ -844,46 +807,46 @@ const Me = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: a(),
+          duration: y(),
           ease: "linear"
         },
-        className: b.progressIndicator,
+        className: g.progressIndicator,
         ...c,
         children: /* @__PURE__ */ i(
           U.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: y ? "calc(50% - 2px)" : "50%",
+            r: a ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
             initial: "hidden",
             animate: "visible",
-            className: b.activeIndicator,
+            className: g.activeIndicator,
             variants: {
               hidden: {
-                pathLength: p ? 10 / 100 : 90 / 100
+                pathLength: u ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: p ? 90 / 100 : 10 / 100
+                pathLength: u ? 90 / 100 : 10 / 100
               }
             },
             transition: {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: a(),
+                duration: y(),
                 bounce: 0
               }
             }
           }
         )
       },
-      p + ""
+      u + ""
     )
   ] });
-}, ne = ({
+}, re = ({
   colorName: e = "on-surface",
   triggerRef: t
 }) => {
@@ -904,36 +867,36 @@ 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 });
-  $(() => {
-    c && (l(!0), l(!1));
-  }, [c]), $(() => {
+  }, [l, n] = S(!0), [c, s] = S(!1), [o, d] = S({ x: 0, y: 0 });
+  W(() => {
+    c && (n(!0), n(!1));
+  }, [c]), W(() => {
     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", y), a.addEventListener("mouseleave", x), () => {
+        a.removeEventListener("mousedown", u), a.removeEventListener("mouseup", y), a.removeEventListener("mouseleave", x);
       };
   }, [t]);
   const u = (a) => {
-    const y = t == null ? void 0 : t.current, v = y.getBoundingClientRect();
-    o(!0), d({
-      x: (a.clientX - v.left) / y.clientWidth * 100,
-      y: (a.clientY - v.top) / y.clientHeight * 100
+    const v = t == null ? void 0 : t.current, g = v.getBoundingClientRect();
+    s(!0), d({
+      x: (a.clientX - g.left) / v.clientWidth * 100,
+      y: (a.clientY - g.top) / v.clientHeight * 100
     });
-  }, p = (a) => {
-    o(!1);
-  }, w = (a) => {
-    o(!1);
+  }, x = (a) => {
+    s(!1);
+  }, y = (a) => {
+    s(!1);
   };
-  return /* @__PURE__ */ i(z, { mode: "wait", children: (c || !c && !n) && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(z, { mode: "wait", children: (c || !c && !l) && /* @__PURE__ */ i(
     U.div,
     {
       style: {
         position: "absolute",
         width: "100%",
         height: "100%",
-        top: s.y + "%",
-        left: s.x + "%",
+        top: o.y + "%",
+        left: o.x + "%",
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
@@ -941,37 +904,11 @@ const Me = (e) => {
       initial: "initial",
       animate: "animate",
       exit: { opacity: 0, transition: { duration: 0 } },
-      onAnimationComplete: () => l(!0),
+      onAnimationComplete: () => n(!0),
       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(
+}, Ye = q(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: r }) => ({
     customScroll: f(
@@ -999,126 +936,126 @@ const He = H(
       "top-0 w-full": e === "vertical"
     })
   })
-), pe = ({
+), he = ({
   children: e,
   orientation: t = "vertical",
   scrollSize: r,
-  onScroll: n,
-  className: l,
+  onScroll: l,
+  className: n,
   draggable: c = !1,
-  throttleDuration: o = 75
+  throttleDuration: s = 75
 }) => {
   var V, X;
-  const s = O(null), d = O(null), [u, p] = S({
+  const o = P(null), d = P(null), [u, x] = S({
     width: null,
     height: null
   });
-  $(() => {
-    if (!s.current) return;
-    const M = new ResizeObserver((F) => {
-      for (const K of F)
-        K.target === s.current && p({
-          width: K.contentRect.width,
-          height: K.contentRect.height
+  W(() => {
+    if (!o.current) return;
+    const k = new ResizeObserver((F) => {
+      for (const O of F)
+        O.target === o.current && x({
+          width: O.contentRect.width,
+          height: O.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return M.observe(s.current), () => {
-      M.disconnect();
+    return k.observe(o.current), () => {
+      k.disconnect();
     };
-  }, [s]);
-  const w = O(null), a = O(null), y = () => {
-    const M = d.current;
-    return M ? {
-      width: r ?? M.scrollWidth,
-      height: r ?? M.scrollHeight
+  }, [o]);
+  const y = P(null), a = P(null), v = () => {
+    const k = d.current;
+    return k ? {
+      width: r ?? k.scrollWidth,
+      height: r ?? k.scrollHeight
     } : null;
-  }, v = () => {
-    const M = s.current;
-    return M ? {
-      width: M.clientWidth,
-      height: M.clientHeight
+  }, g = () => {
+    const k = o.current;
+    return k ? {
+      width: k.clientWidth,
+      height: k.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: b, scrollXProgress: L } = Ne({
-    container: s
-  }), E = O(null);
-  E.current || (E.current = qe(
-    o,
-    (M, F) => {
-      !a.current || !w.current || n && (t === "horizontal" && F === "x" && n({
-        scrollProgress: M,
-        scroll: M * w.current.width,
-        scrollTotal: w.current.width,
+  }, { scrollYProgress: b, scrollXProgress: E } = Le({
+    container: o
+  }), M = P(null);
+  M.current || (M.current = Ie(
+    s,
+    (k, F) => {
+      !a.current || !y.current || l && (t === "horizontal" && F === "x" && l({
+        scrollProgress: k,
+        scroll: k * y.current.width,
+        scrollTotal: y.current.width,
         scrollVisible: a.current.width
-      }), t === "vertical" && F === "y" && n({
-        scrollProgress: M,
-        scroll: M * w.current.height,
-        scrollTotal: w.current.height,
+      }), t === "vertical" && F === "y" && l({
+        scrollProgress: k,
+        scroll: k * y.current.height,
+        scrollTotal: y.current.height,
         scrollVisible: a.current.height
       }));
     }
   ));
-  const m = (M, F) => {
-    E.current && E.current(M, F);
+  const w = (k, F) => {
+    M.current && M.current(k, F);
   };
-  $(() => {
-    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");
+  W(() => {
+    u.width && w(E.get(), "x"), u.height && w(b.get(), "y");
+  }, [u]), se(E, "change", (k) => {
+    w(k, "x");
+  }), se(b, "change", (k) => {
+    w(k, "y");
   });
-  const [N, I] = S(!1);
-  ie(() => {
-    N || !a.current || !w.current || !n || (n({
+  const [N, R] = S(!1);
+  de(() => {
+    N || !a.current || !y.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? w.current.height : w.current.width,
+      scrollTotal: t == "vertical" ? y.current.height : y.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,
+    }), R(!0));
+  }, [a, y, l]), y.current = v(), a.current = g();
+  const [L, C] = S(!1), D = Ye({
+    isDragging: L,
     children: e,
-    className: l,
-    onScroll: n,
+    className: n,
+    onScroll: l,
     orientation: t,
     scrollSize: r,
     draggable: c,
-    throttleDuration: o
-  }), [D, R] = S(0), [h, j] = S(0), A = (M) => {
+    throttleDuration: s
+  }), [B, I] = S(0), [m, j] = S(0), Y = (k) => {
     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));
-  }, G = () => {
+    const F = o.current;
+    if (!F || B == null) return;
+    const J = (k.pageX - F.offsetLeft - B) * 1.5;
+    F.scrollLeft = m - J;
+  }, G = (k) => {
+    const F = o.current;
+    F && (C(!0), I(k.pageX - F.offsetLeft), j(F.scrollLeft));
+  }, Z = (k) => {
+    L && (k.preventDefault(), Y(k));
+  }, K = () => {
     C(!1);
-  }, Q = () => {
+  }, A = () => {
     C(!1);
-  }, x = (M) => {
-    M.preventDefault();
-  }, g = O(null);
-  return $(() => () => {
-    g.current && clearTimeout(g.current);
-  }, []), /* @__PURE__ */ P(
+  }, h = (k) => {
+    k.preventDefault();
+  }, p = P(null);
+  return W(() => () => {
+    p.current && clearTimeout(p.current);
+  }, []), /* @__PURE__ */ $(
     "div",
     {
-      className: B.customScroll,
-      ref: s,
-      onMouseDown: q,
-      onMouseMove: Y,
-      onMouseUp: G,
-      onMouseLeave: Q,
-      onDragStart: x,
-      onScroll: (M) => {
-        k || (R(null), C(!0), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+      className: D.customScroll,
+      ref: o,
+      onMouseDown: G,
+      onMouseMove: Z,
+      onMouseUp: K,
+      onMouseLeave: A,
+      onDragStart: h,
+      onScroll: (k) => {
+        L || (I(null), C(!0), p.current && clearTimeout(p.current), p.current = setTimeout(() => {
           C(!1);
         }, 1e3));
       },
@@ -1128,26 +1065,26 @@ const He = H(
           {
             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%" },
-            className: B.track,
+            className: D.track,
             children: e
           }
         ),
-        a.current && w.current && /* @__PURE__ */ P(te, { children: [
-          t === "vertical" && w.current.height > a.current.height && /* @__PURE__ */ i(
+        a.current && y.current && /* @__PURE__ */ $(ne, { children: [
+          t === "vertical" && y.current.height > a.current.height && /* @__PURE__ */ i(
             U.div,
             {
               className: "flex-none",
               style: {
-                height: w.current.height - a.current.height
+                height: y.current.height - a.current.height
               }
             }
           ),
-          t === "horizontal" && w.current.width > a.current.width && /* @__PURE__ */ i(
+          t === "horizontal" && y.current.width > a.current.width && /* @__PURE__ */ i(
             U.div,
             {
               className: "flex-none",
               style: {
-                width: w.current.width - a.current.width
+                width: y.current.width - a.current.width
               }
             }
           )
@@ -1155,36 +1092,36 @@ const He = H(
       ]
     }
   );
-}, mt = ({
+}, yt = ({
   children: e,
   transition: t = ".5s",
   orientation: r = "vertical",
-  throttleDuration: n = 25,
-  ...l
+  throttleDuration: l = 25,
+  ...n
 }) => {
-  const [c, o] = S(null), s = ue((c == null ? void 0 : c.scrollProgress) ?? 0), d = re(
-    s,
+  const [c, s] = S(null), o = me((c == null ? void 0 : c.scrollProgress) ?? 0), d = oe(
+    o,
     [0, 1],
     [0, 1 - ((c == null ? void 0 : c.scrollVisible) ?? 0) / ((c == null ? void 0 : c.scrollTotal) ?? 0)]
-  ), u = re(
+  ), u = oe(
     d,
     (a) => `${-a * 100}%`
-  ), p = (a) => {
-    s.set(a.scrollProgress), a.scrollTotal > 0 && o(a);
-  }, w = O(null);
-  return oe(u, "change", (a) => {
-    const y = performance.now();
-    if (w.current !== null) {
-      const v = y - w.current;
-      console.log(`Delta temps : ${v} ms`);
+  ), x = (a) => {
+    o.set(a.scrollProgress), a.scrollTotal > 0 && s(a);
+  }, y = P(null);
+  return se(u, "change", (a) => {
+    const v = performance.now();
+    if (y.current !== null) {
+      const g = v - y.current;
+      console.log(`Delta temps : ${g} ms`);
     }
-    w.current = y, console.log(a);
+    y.current = v, console.log(a);
   }), /* @__PURE__ */ i(
-    pe,
+    he,
     {
-      onScroll: p,
-      throttleDuration: n,
-      ...l,
+      onScroll: x,
+      throttleDuration: l,
+      ...n,
       children: /* @__PURE__ */ i(
         U.div,
         {
@@ -1205,92 +1142,107 @@ const He = H(
   targetRef: e,
   children: t
 }) => {
-  const [r, n] = S(null), l = O(null), c = () => {
-    const o = e.current;
-    if (!o) return;
-    const s = o.getBoundingClientRect();
-    console.log(o), n({
+  const [r, l] = S(null), n = P(null), c = () => {
+    const s = e.current;
+    if (!s) return;
+    const o = s.getBoundingClientRect();
+    l({
       position: "fixed",
-      top: s.top,
-      left: s.left,
-      width: s.width,
-      height: s.height,
+      top: o.top,
+      left: o.left,
+      width: o.width,
+      height: o.height,
       pointerEvents: "none",
       // si le wrapper ne doit pas capter les events
       zIndex: 999
       // personnalise si besoin
     });
   };
-  return $(() => {
-    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();
+  return W(() => {
+    const s = e.current;
+    if (s)
+      return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), n.current = new ResizeObserver(c), n.current.observe(s), () => {
+        var o;
+        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (o = n.current) == null || o.disconnect();
       };
-  }, [e]), r ? Le(/* @__PURE__ */ i("div", { style: r, children: t }), document.body) : null;
-}, Ae = ({
+  }, [e]), r ? Ee(/* @__PURE__ */ i("div", { style: r, children: t }), document.body) : null;
+}, Ze = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: r,
-  href: n,
-  label: l,
+  href: l,
+  label: n,
   className: c,
-  iconPosition: o = "left",
-  loading: s = !1,
+  iconPosition: s = "left",
+  loading: o = !1,
   shape: d = "rounded",
   onClick: u,
-  ref: p,
-  size: w = "medium",
-  allowShapeTransformation: a = !0,
-  transition: y,
-  ...v
+  onToggle: x,
+  activated: y,
+  ref: a,
+  size: v = "medium",
+  allowShapeTransformation: g = !0,
+  transition: b,
+  children: E,
+  ...M
 }) => {
-  const b = n ? "a" : "button", L = O(null), E = p || L, m = Re({
-    allowShapeTransformation: a,
-    size: w,
+  const w = l ? "a" : "button", N = P(null), R = a || N, [L, C] = _.useState(y);
+  W(() => {
+    C(y);
+  }, [y]), b = { duration: 0.3, ...b };
+  let D;
+  x ? x && (D = (m) => {
+    t && m.preventDefault(), C(!L), x(!!L);
+  }) : D = (m) => {
+    t && m.preventDefault(), u && u(m);
+  };
+  const B = Ce({
+    allowShapeTransformation: g,
+    size: v,
     shape: d,
-    href: n,
+    href: l,
     disabled: t,
     icon: r,
-    iconPosition: o,
-    label: l,
-    loading: s,
+    iconPosition: s,
+    label: n,
+    loading: o,
     variant: e,
-    transition: y,
-    className: c
-  }), N = r ? /* @__PURE__ */ i(J, { icon: r, className: m.icon }) : /* @__PURE__ */ i(te, {});
-  return y = { duration: 0.3, ...y }, /* @__PURE__ */ i(
-    b,
+    transition: b,
+    className: c,
+    isActive: L ?? !1,
+    onToggle: x,
+    activated: L
+  }), I = r ? /* @__PURE__ */ i(Q, { icon: r, className: B.icon }) : /* @__PURE__ */ i(ne, {});
+  return console.log("gfegrger", x), console.log("test", L, x, D), /* @__PURE__ */ i(
+    w,
     {
-      ref: E,
-      href: n,
-      className: m.button,
-      ...v,
-      onClick: (I) => {
-        t ? I.preventDefault() : u && u(I);
-      },
+      ref: R,
+      href: l,
+      className: B.button,
+      ...M,
+      onClick: D,
       disabled: t,
-      children: /* @__PURE__ */ P(
+      "aria-pressed": x ? L : void 0,
+      children: /* @__PURE__ */ $(
         "div",
         {
-          className: m.container,
-          style: { transition: y.duration + "s" },
+          className: B.container,
+          style: { transition: b.duration + "s" },
           children: [
-            /* @__PURE__ */ i("div", { className: m.stateLayer, children: !t && /* @__PURE__ */ i(
-              ne,
+            /* @__PURE__ */ i("div", { className: B.stateLayer, children: !t && /* @__PURE__ */ i(
+              re,
               {
                 colorName: e === "elevated" && "primary" || e === "filled" && "on-primary" || e === "filledTonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
-                triggerRef: E
+                triggerRef: R
               }
             ) }),
-            o === "left" && N,
-            s && /* @__PURE__ */ i(
+            s === "left" && I,
+            o && /* @__PURE__ */ i(
               "div",
               {
                 className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
                 children: /* @__PURE__ */ i(
-                  Ge,
+                  He,
                   {
                     className: () => ({
                       progressIndicator: "h-6 w-6",
@@ -1322,47 +1274,47 @@ const He = H(
                 )
               }
             ),
-            /* @__PURE__ */ i("span", { className: m.label, children: l }),
-            o === "right" && N
+            /* @__PURE__ */ i("span", { className: B.label, children: n ?? E }),
+            s === "right" && I
           ]
         }
       )
     }
   );
-}, pt = ({
+}, xt = ({
   variant: e = "outlined",
   className: t,
   children: r,
-  isInteractive: n = !1,
-  ref: l,
+  isInteractive: l = !1,
+  ref: n,
   ...c
 }) => {
-  const o = Se({ className: t, isInteractive: n, variant: e }), s = O(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 }) }),
+  const s = Be({ className: t, isInteractive: l, variant: e }), o = P(null), d = n || o;
+  return /* @__PURE__ */ $("div", { ...c, ref: d, className: s.card, children: [
+    /* @__PURE__ */ i("div", { className: s.stateLayer, children: l && /* @__PURE__ */ i(re, { colorName: "on-surface", triggerRef: d }) }),
     r
   ] });
-}, Ye = (e, t, r = [0, 1]) => {
-  const [n, l] = t, [c, o] = r, d = (Math.max(n, Math.min(e, l)) - n) / (l - n);
-  return c + d * (o - c);
-}, Ze = ({
+}, Je = (e, t, r = [0, 1]) => {
+  const [l, n] = t, [c, s] = r, d = (Math.max(l, Math.min(e, n)) - l) / (n - l);
+  return c + d * (s - c);
+}, Qe = ({
   className: e,
   children: t,
   width: r = 1,
-  index: n = 0,
-  ref: l,
+  index: l = 0,
+  ref: n,
   ...c
 }) => {
-  const o = O(null), s = l || o, d = Ce({
+  const s = P(null), o = n || s, d = De({
     className: e,
-    index: n,
+    index: l,
     width: r,
     children: t
   });
   return /* @__PURE__ */ i(
     U.div,
     {
-      ref: s,
+      ref: o,
       animate: { width: r + "px" },
       transition: {
         duration: 0.5,
@@ -1373,248 +1325,248 @@ const He = H(
       children: t
     }
   );
-}, ht = ({
+}, gt = ({
   variant: e = "hero",
   className: t,
   children: r,
-  ref: n,
-  marginPourcent: l = 0,
+  ref: l,
+  marginPourcent: n = 0,
   inputRange: c = [0.21, 0.65],
-  outputRange: o = [42, 300],
-  gap: s = 8,
+  outputRange: s = [42, 300],
+  gap: o = 8,
   onChange: d,
   scrollSensitivity: u = 1.25,
-  ...p
+  ...x
 }) => {
-  var G, Q;
-  const w = O(null), a = n || w, y = Ve({
+  var K, A;
+  const y = P(null), a = l || y, v = Ve({
     className: t,
     children: r,
     variant: e,
     inputRange: c,
-    outputRange: o,
-    marginPourcent: l,
+    outputRange: s,
+    marginPourcent: n,
     onChange: d,
-    gap: s,
+    gap: o,
     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 = () => {
+  }), g = _.Children.toArray(r).filter(
+    (h) => _.isValidElement(h) && h.type === Qe
+  ), b = P(null), [E, M] = S([]), [w, N] = S(null), R = () => {
     var F;
-    if (!b.current || !a.current || !m) return [];
-    const { scrollVisible: x, scrollProgress: g } = m;
-    function V(K, Z) {
-      return K.map(
-        (T) => (T - Z) / Math.abs(K[1] - K[0])
+    if (!b.current || !a.current || !w) return [];
+    const { scrollVisible: h, scrollProgress: p } = w;
+    function V(O, J) {
+      return O.map(
+        (T) => (T - J) / Math.abs(O[1] - O[0])
       );
     }
-    let X = v.map((K, Z) => {
-      if (!k[Z].current || !b.current) return 0;
-      let ee = Z / (v.length - 1);
-      return ee > 1 && (ee = 1), ee < 0 && (ee = 0), ee;
+    let X = g.map((O, J) => {
+      if (!L[J].current || !b.current) return 0;
+      let te = J / (g.length - 1);
+      return te > 1 && (te = 1), te < 0 && (te = 0), te;
     });
-    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 = V(X, p);
+    let k = ((((F = a.current) == null ? void 0 : F.clientWidth) ?? h) - (s[0] + o)) / (s[1] + o);
+    return X.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
+      J === 0 && D(O.originalIndex);
+      let T = Je(k, [0, 1], [0, s[1]]);
+      T < s[0] && (T = s[0]), k--, X[O.originalIndex] = T;
     }), X;
-  }, k = O([]).current, [C, B] = S(0);
-  $(() => {
+  }, L = P([]).current, [C, D] = S(0);
+  W(() => {
     d && d(C);
-  }, [C]), k.length !== v.length && v.forEach((x, g) => {
-    k[g] || (k[g] = W.createRef());
+  }, [C]), L.length !== g.length && g.forEach((h, p) => {
+    L[p] || (L[p] = _.createRef());
   });
-  const D = v.map((x, g) => W.cloneElement(
-    x,
+  const B = g.map((h, p) => _.cloneElement(
+    h,
     {
-      width: L[g],
-      ref: k[g],
-      key: g,
-      index: g
+      width: E[p],
+      ref: L[p],
+      key: p,
+      index: p
     }
-  )), R = ue((m == null ? void 0 : m.scrollProgress) ?? 0), h = re(
-    R,
+  )), I = me((w == null ? void 0 : w.scrollProgress) ?? 0), m = oe(
+    I,
     [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 - (((K = a.current) == null ? void 0 : K.clientWidth) ?? 0) / (((A = b == null ? void 0 : b.current) == null ? void 0 : A.clientWidth) ?? 0)
     ]
-  ), j = re(
-    h,
-    (x) => `${-x * 100}%`
-  ), A = (x) => {
-    x.scrollTotal > 0 && N(x);
+  ), j = oe(
+    m,
+    (h) => `${-h * 100}%`
+  ), Y = (h) => {
+    h.scrollTotal > 0 && N(h);
   };
-  $(() => {
-    const x = I();
-    E(x);
-  }, [m]);
-  const [q, Y] = S(0);
-  return ie(() => {
-    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,
+  W(() => {
+    const h = R();
+    M(h);
+  }, [w]);
+  const [G, Z] = S(0);
+  return de(() => {
+    let h = s[1];
+    w && h > w.scrollVisible && (h = w.scrollVisible);
+    const p = (h + o) * B.length / u;
+    Z(p);
+  }, [a, L, w]), /* @__PURE__ */ i("div", { className: v.carousel, ref: a, ...x, children: /* @__PURE__ */ i(
+    he,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: A,
-      scrollSize: q,
+      onScroll: Y,
+      scrollSize: G,
       children: /* @__PURE__ */ i(
         U.div,
         {
-          className: y.track,
+          className: v.track,
           ref: b,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
-            gap: `${s}px`,
+            gap: `${o}px`,
             x: j
           },
-          children: D
+          children: B
         }
       )
     }
   ) });
-}, yt = ({
+}, wt = ({
   orientation: e = "horizontal",
   className: t,
   ...r
 }) => {
-  const n = Be({ orientation: e, className: t });
-  return /* @__PURE__ */ i("hr", { className: n.divider, ...r });
-}, _ = [];
+  const l = We({ orientation: e, className: t });
+  return /* @__PURE__ */ i("hr", { className: l.divider, ...r });
+}, H = [];
 for (let e = 0; e < 256; ++e)
-  _.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();
+  H.push((e + 256).toString(16).slice(1));
+function Ae(e, t = 0) {
+  return (H[e[t + 0]] + H[e[t + 1]] + H[e[t + 2]] + H[e[t + 3]] + "-" + H[e[t + 4]] + H[e[t + 5]] + "-" + H[e[t + 6]] + H[e[t + 7]] + "-" + H[e[t + 8]] + H[e[t + 9]] + "-" + H[e[t + 10]] + H[e[t + 11]] + H[e[t + 12]] + H[e[t + 13]] + H[e[t + 14]] + H[e[t + 15]]).toLowerCase();
 }
-let le;
-const Qe = new Uint8Array(16);
-function ze() {
-  if (!le) {
+let ae;
+const ze = new Uint8Array(16);
+function Te() {
+  if (!ae) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    le = crypto.getRandomValues.bind(crypto);
+    ae = crypto.getRandomValues.bind(crypto);
   }
-  return le(Qe);
+  return ae(ze);
 }
-const Te = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), se = { randomUUID: Te };
-function ae(e, t, r) {
-  var l;
-  if (se.randomUUID && !e)
-    return se.randomUUID();
+const et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = { randomUUID: et };
+function ce(e, t, r) {
+  var n;
+  if (ie.randomUUID && !e)
+    return ie.randomUUID();
   e = e || {};
-  const n = e.random ?? ((l = e.rng) == null ? void 0 : l.call(e)) ?? ze();
-  if (n.length < 16)
+  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? Te();
+  if (l.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 l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Ae(l);
 }
-const he = ({
+const ye = ({
   variant: e = "plain",
   buttons: t,
   className: r,
-  children: n,
-  title: l,
+  children: l,
+  title: n,
   text: c,
-  position: o,
-  targetRef: s,
+  position: s,
+  targetRef: o,
   ref: d,
   trigger: u = ["hover", "focus"],
-  ...p
+  ...x
 }) => {
-  if (!n && !s)
+  if (!l && !o)
     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) => {
-      v(j.detail);
+  const y = P(null), a = o || y, [v, g] = S(null), [b] = S(ce()), [E, M] = S(!1), w = P(null);
+  W(() => {
+    const m = (j) => {
+      g(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(() => {
-      E(!1);
+  }, []), W(() => {
+    w.current && clearTimeout(w.current), v ? M(v === b) : w.current = setTimeout(() => {
+      M(!1);
     }, 1200);
-  }, [y, b]);
+  }, [v, 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 = () => {
+  }, R = () => {
     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 = () => {
+  }, L = () => {
     if (u.includes("click")) {
-      const h = new CustomEvent("tooltip-update", {
-        detail: L ? null : b
+      const m = new CustomEvent("tooltip-update", {
+        detail: E ? 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 = () => {
+  }, D = () => {
     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);
     }
   };
-  $(() => {
+  W(() => {
     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", R), m.addEventListener("click", L), m.addEventListener("focus", C), m.addEventListener("blur", D), () => {
+        m.removeEventListener("mouseenter", N), m.removeEventListener("mouseleave", R), m.removeEventListener("click", L), m.removeEventListener("focus", C), m.removeEventListener("blur", D);
       };
     }
-  }, [a, u, b, L]);
-  const D = !s && we(n) ? ve(n, { ref: w }) : n;
-  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");
+  }, [a, u, b, E]);
+  const B = !o && ee(l) ? le(l, { ref: y }) : l;
+  if (!s && typeof window < "u" && a != null && a.current && !s) {
+    const m = a.current.getBoundingClientRect(), j = window.innerWidth, Y = window.innerHeight, G = m.left / j, Z = m.top / Y;
+    e === "plain" ? G < 1 / 3 ? s = "right" : G > 2 / 3 ? s = "left" : s = Z > 0.5 ? "top" : "bottom" : G < 1 / 2 && Z < 1 / 2 ? s = "bottom-right" : G > 1 / 2 && Z < 1 / 2 ? s = "bottom-left" : G > 1 / 2 && Z > 1 / 2 ? s = "top-left" : G < 1 / 2 && Z > 1 / 2 && (s = "top-right");
   }
-  const R = Ke({
+  const I = qe({
     variant: e,
     buttons: t,
     className: r,
-    title: l,
+    title: n,
     text: c,
-    position: o,
+    position: s,
     trigger: u,
-    targetRef: s,
-    children: n
+    targetRef: o,
+    children: l
   });
-  return /* @__PURE__ */ P(te, { children: [
-    D,
-    /* @__PURE__ */ i(z, { children: L && /* @__PURE__ */ i(_e, { targetRef: a, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ $(ne, { children: [
+    B,
+    /* @__PURE__ */ i(z, { children: E && /* @__PURE__ */ i(_e, { targetRef: a, children: /* @__PURE__ */ i(
       U.div,
       {
-        initial: { opacity: y ? 1 : 0 },
+        initial: { opacity: v ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: y ? 0 : 0.3 },
-        exit: { opacity: y ? 1 : 0 },
-        className: R.toolTip,
-        ...p,
+        transition: { duration: v ? 0 : 0.3 },
+        exit: { opacity: v ? 1 : 0 },
+        className: I.toolTip,
+        ...x,
         onMouseEnter: N,
-        onMouseLeave: I,
-        children: /* @__PURE__ */ P(
+        onMouseLeave: R,
+        children: /* @__PURE__ */ $(
           U.div,
           {
-            className: R.container,
+            className: I.container,
             layoutId: "tool-tip",
             transition: {
               type: "spring",
@@ -1622,14 +1574,14 @@ const he = ({
               damping: 20
             },
             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,
+              n && /* @__PURE__ */ i("div", { className: I.subHead, children: n }),
+              /* @__PURE__ */ i("div", { className: I.supportingText, children: c }),
+              t && /* @__PURE__ */ i("div", { className: I.actions, children: Array.isArray(t) && t.map((m, j) => /* @__PURE__ */ i(
+                Ze,
                 {
                   size: "small",
                   variant: "text",
-                  ...h
+                  ...m
                 },
                 j
               )) })
@@ -1639,31 +1591,31 @@ const he = ({
       }
     ) }) })
   ] });
-}, ce = ({
+}, ue = ({
   className: e,
   label: t,
   variant: r = "primary",
-  size: n = "medium",
-  href: l,
+  size: l = "medium",
+  href: n,
   type: c,
-  icon: o,
-  isExtended: s = !1,
+  icon: s,
+  isExtended: o = !1,
   ref: d,
   transition: u,
-  ...p
+  ...x
 }) => {
-  const w = l ? "a" : "button", a = De({
-    href: l,
-    icon: o,
-    isExtended: s,
+  const y = n ? "a" : "button", a = $e({
+    href: n,
+    icon: s,
+    isExtended: o,
     label: t,
-    size: n,
+    size: l,
     variant: r,
     className: e,
     transition: u
   });
   u = { duration: 0.3, ...u };
-  const y = O(null), v = d || y, b = {
+  const v = P(null), g = d || v, b = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -1689,25 +1641,25 @@ const he = ({
       }
     }
   };
-  return /* @__PURE__ */ P(
-    w,
+  return /* @__PURE__ */ $(
+    y,
     {
-      ...p,
-      ref: v,
-      href: l,
-      "aria-label": s ? void 0 : t,
+      ...x,
+      ref: g,
+      href: n,
+      "aria-label": o ? void 0 : t,
       className: a.fab,
       children: [
         /* @__PURE__ */ i(
-          he,
+          ye,
           {
-            trigger: s ? null : void 0,
+            trigger: o ? null : void 0,
             text: t,
-            targetRef: v
+            targetRef: g
           }
         ),
         /* @__PURE__ */ i("span", { className: a.stateLayer, children: /* @__PURE__ */ i(
-          ne,
+          re,
           {
             colorName: f({
               primary: r == "surface",
@@ -1715,11 +1667,11 @@ const he = ({
               "on-secondary-container": r == "secondary",
               "on-tertiary-container": r == "tertiary"
             }),
-            triggerRef: v
+            triggerRef: g
           }
         ) }),
-        /* @__PURE__ */ i(J, { icon: o, className: a.icon }),
-        /* @__PURE__ */ i(z, { children: s && /* @__PURE__ */ i(
+        /* @__PURE__ */ i(Q, { icon: s, className: a.icon }),
+        /* @__PURE__ */ i(z, { children: o && /* @__PURE__ */ i(
           U.span,
           {
             variants: b,
@@ -1733,83 +1685,83 @@ const he = ({
       ]
     }
   );
-}, ye = ({
+}, xe = ({
   variant: e = "standard",
   href: t,
   disabled: r = !1,
-  type: n = "button",
-  title: l,
-  arialLabel: c,
-  onToggle: o,
-  activated: s = !1,
+  type: l = "button",
+  title: n,
+  ariaLabel: c,
+  onToggle: s,
+  activated: o = !1,
   onClick: d,
   icon: u,
-  size: p = "medium",
-  iconSelected: w,
+  size: x = "medium",
+  iconSelected: y,
   className: a,
-  ref: y,
-  width: v = "default",
+  ref: v,
+  width: g = "default",
   shape: b = "rounded",
-  allowShapeTransformation: L = !0,
-  transition: E,
-  ...m
+  allowShapeTransformation: E = !0,
+  transition: M,
+  ...w
 }) => {
-  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);
-  }, [s]);
-  const C = t ? "a" : "button", B = $e({
-    transition: E,
+  n || (n = c);
+  const [N, R] = _.useState(o);
+  let L;
+  s ? s && (L = (m) => {
+    r && m.preventDefault(), R(!N), s(!!N);
+  }, u = N && y || u) : L = (m) => {
+    r && m.preventDefault(), d && d(m);
+  }, W(() => {
+    R(o);
+  }, [o]);
+  const C = t ? "a" : "button", D = Pe({
+    transition: M,
     shape: b,
-    allowShapeTransformation: L,
-    width: v,
+    allowShapeTransformation: E,
+    width: g,
     href: t,
-    activated: s,
-    arialLabel: c,
-    iconSelected: w,
+    activated: N,
+    ariaLabel: c,
+    iconSelected: y,
     isActive: N,
-    onToggle: o,
+    onToggle: s,
     disabled: r,
     icon: u,
     variant: e,
     className: a,
-    size: p,
-    ...m
-  }), D = O(null), R = y || D;
-  return E = { duration: 0.3, ...E }, /* @__PURE__ */ P(
+    size: x,
+    ...w
+  }), B = P(null), I = v || B;
+  return M = { duration: 0.3, ...M }, /* @__PURE__ */ $(
     C,
     {
       disabled: r,
       href: t,
-      className: B.iconButton,
+      className: D.iconButton,
       "aria-label": c,
-      ...m,
+      ...w,
       title: void 0,
-      onClick: k,
-      ref: R,
+      onClick: L,
+      ref: I,
       children: [
         /* @__PURE__ */ i(
-          he,
+          ye,
           {
-            targetRef: R,
+            targetRef: I,
             trigger: r ? null : void 0,
-            text: l
+            text: n
           }
         ),
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ $(
           "div",
           {
-            style: { transition: E.duration + "s" },
-            className: B.container,
+            style: { transition: M.duration + "s" },
+            className: D.container,
             children: [
-              /* @__PURE__ */ i("div", { className: B.stateLayer, children: !r && /* @__PURE__ */ i(
-                ne,
+              /* @__PURE__ */ i("div", { className: D.stateLayer, children: !r && /* @__PURE__ */ i(
+                re,
                 {
                   colorName: f(
                     e === "standard" && {
@@ -1817,37 +1769,37 @@ const he = ({
                       primary: N
                     },
                     e === "filled" && {
-                      primary: !N && !!o,
-                      "inverse-on-surface": N || !o
+                      primary: !N && !!s,
+                      "inverse-on-surface": N || !s
                     },
                     e === "tonal" && {
-                      "on-surface-variant": !N && !!o,
-                      "on-secondary-container": N || !o
+                      "on-surface-variant": !N && !!s,
+                      "on-secondary-container": N || !s
                     },
                     e === "outlined" && {
                       "on-surface-variant": !N,
                       "on-primary": N
                     }
                   ),
-                  triggerRef: R
+                  triggerRef: I
                 }
               ) }),
-              u && /* @__PURE__ */ i(J, { icon: u, className: B.icon })
+              u && /* @__PURE__ */ i(Q, { icon: u, className: D.icon })
             ]
           }
         )
       ]
     }
   );
-}, gt = ({
+}, vt = ({
   className: e,
   valueFormatter: t,
   step: r = 10,
-  name: n,
-  value: l = 0,
+  name: l,
+  value: n = 0,
   min: c = 0,
-  max: o = 100,
-  marks: s = [
+  max: s = 100,
+  marks: o = [
     {
       value: 0,
       label: "0"
@@ -1859,97 +1811,97 @@ const he = ({
   ],
   ref: d,
   onChange: u,
-  ...p
+  ...x
 }) => {
-  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 y = (h) => {
+    const p = v(), V = a();
+    return h === 1 / 0 ? 100 : h === -1 / 0 ? 0 : (h - p) / (V - p) * 100;
+  }, a = (h = !1) => h ? s : s == 1 / 0 ? o[(o == null ? void 0 : o.length) - 1].value : s, v = (h = !1) => h ? c : c == -1 / 0 ? o[0].value : c, g = (h) => {
+    const p = v(!1);
+    return (a(!1) - p) * h / 100 + p;
+  }, [b, E] = S(!1), M = P(null), w = d || M, [N, R] = S(n), [L, C] = S(y(n)), [D, B] = S(!1), I = (h) => {
+    B(!0), E(!0), Y(h);
+  }, m = () => {
+    B(!1), E(!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);
-  }), [B]);
-  const j = Pe({
+  W(() => (D ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", Y), window.addEventListener("touchend", m), window.addEventListener("touchmove", Y)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", Y)), () => {
+    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", Y);
+  }), [D]);
+  const j = je({
     className: e,
     isChanging: b,
-    marks: s,
-    max: o,
+    marks: o,
+    max: s,
     min: c,
-    name: n,
+    name: l,
     step: r,
     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 });
+  }), Y = (h) => {
+    const p = w == null ? void 0 : w.current;
+    if (p) {
+      const V = p.getBoundingClientRect().left, k = ((h.type === "touchmove" || h.type === "touchstart" ? h.touches[0].clientX : h.clientX) - V) / p.offsetWidth * 100;
+      G({ pourcent: k });
     }
-  }, q = ({
-    pourcent: x,
-    value: g
+  }, G = ({
+    pourcent: h,
+    value: p
   }) => {
-    if (x) {
-      if (x >= 100) {
-        I(a(!0)), C(100);
+    if (h) {
+      if (h >= 100) {
+        R(a(!0)), C(100);
         return;
       }
-      if (x <= 0) {
-        I(y(!0)), C(0);
+      if (h <= 0) {
+        R(v(!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);
+      p = g(h), p == v() && (p = v(!0)), p == a() && (p = a(!0));
+    } else if (p != null) {
+      if (p >= a()) {
+        R(a(!0)), C(100);
         return;
       }
-      if (g <= y()) {
-        I(y(!0)), C(0);
+      if (p <= v()) {
+        R(v(!0)), C(0);
         return;
       }
-      x = w(g);
+      h = y(p);
     } 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 $(() => {
-    const x = () => {
-      m.current && G(m.current.offsetWidth);
+    r != null ? p = Math.round((p - v()) / r) * r + v() : o && (p = o.reduce((V, X, k) => {
+      let F = X.value === 1 / 0 ? a() : X.value === -1 / 0 ? v() : X.value, O = V.value === 1 / 0 ? a() : V.value === -1 / 0 ? v() : V.value;
+      return F = Math.abs(F - p), O = Math.abs(O - p), F < O ? X : V;
+    }).value), p >= a() && (p = a(!0)), p <= v() && (p = v(!0)), h = y(p), R(p), C(h), u && u(p);
+  }, [Z, K] = S(0);
+  return W(() => {
+    const h = () => {
+      w.current && K(w.current.offsetWidth);
     };
-    return x(), window.addEventListener("resize", x), () => {
-      window.removeEventListener("resize", x);
+    return h(), window.addEventListener("resize", h), () => {
+      window.removeEventListener("resize", h);
     };
-  }, []), /* @__PURE__ */ P(
+  }, []), /* @__PURE__ */ $(
     "div",
     {
       tabIndex: 0,
-      onKeyDown: (x) => {
-        switch (x.key) {
+      onKeyDown: (h) => {
+        switch (h.key) {
           case "ArrowRight":
             if (r)
-              q({ value: N + r });
-            else if (s) {
-              const g = s.find((V) => V.value > N);
-              g && q({ value: g.value });
+              G({ value: N + r });
+            else if (o) {
+              const p = o.find((V) => V.value > N);
+              p && G({ value: p.value });
             }
             break;
           case "ArrowLeft":
             if (r)
-              q({ value: N - r });
-            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 });
+              G({ value: N - r });
+            else if (o) {
+              const p = o.slice(0).reverse().find((V, X, k) => N === 1 / 0 ? X === 1 : V.value < N);
+              p && G({ value: p.value });
             }
             break;
           default:
@@ -1957,24 +1909,24 @@ const he = ({
         }
       },
       role: "slider",
-      "aria-valuemin": y(!0),
+      "aria-valuemin": v(!0),
       "aria-valuemax": a(!0),
       "aria-valuenow": N,
       "aria-valuetext": N.toString(),
       className: j.slider,
-      onMouseDown: R,
-      onClick: A,
-      ref: m,
-      onTouchStart: R,
-      onDragStart: (x) => x.preventDefault(),
-      ...p,
+      onMouseDown: I,
+      onClick: Y,
+      ref: w,
+      onTouchStart: I,
+      onDragStart: (h) => h.preventDefault(),
+      ...x,
       children: [
-        /* @__PURE__ */ i("input", { type: "hidden", name: n, value: N }),
+        /* @__PURE__ */ i("input", { type: "hidden", name: l, value: N }),
         /* @__PURE__ */ i(
           "div",
           {
             className: j.activeTrack,
-            style: { flex: k / 100 }
+            style: { flex: L / 100 }
           }
         ),
         /* @__PURE__ */ i("div", { className: j.handle, children: /* @__PURE__ */ i(z, { children: b && /* @__PURE__ */ i(
@@ -2001,17 +1953,17 @@ const he = ({
           "div",
           {
             className: j.inactiveTrack,
-            style: { flex: 1 - k / 100 }
+            style: { flex: 1 - L / 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: o && o.map((h, p) => {
               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 X = (b ? 9 : 10) / Z * 100, k = y(h.value);
+              return k <= L - X ? V = !0 : k >= L + X && (V = !1), /* @__PURE__ */ i(
                 "div",
                 {
                   className: f(j.dot, {
@@ -2019,10 +1971,10 @@ const he = ({
                     "bg-primary": V != null && !V
                   }),
                   style: {
-                    left: `${w(x.value)}%`
+                    left: `${y(h.value)}%`
                   }
                 },
-                g
+                p
               );
             })
           }
@@ -2036,11 +1988,11 @@ 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 tt = {
   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 = {
+}, nt = {
   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"]
@@ -2048,31 +2000,31 @@ const et = {
   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 = ({
+}, bt = ({
   supportingText: e,
   className: t,
   duration: r,
-  closeIcon: n = ge,
-  onClose: l,
+  closeIcon: l = ge,
+  onClose: n,
   ...c
 }) => {
-  const [o, s] = S(!0), d = Ue({
+  const [s, o] = S(!0), d = Xe({
     className: t,
-    closeIcon: n,
+    closeIcon: l,
     duration: r,
-    isVisible: o,
-    onClose: l,
+    isVisible: s,
+    onClose: n,
     supportingText: e
   });
-  $(() => {
+  W(() => {
     r && setTimeout(() => {
       u();
     }, r);
   }, [r]);
   const u = () => {
-    s(!1), l == null || l();
+    o(!1), n == null || n();
   };
-  return /* @__PURE__ */ i(z, { children: o && /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(z, { children: s && /* @__PURE__ */ i(
     U.div,
     {
       initial: { height: 0 },
@@ -2081,65 +2033,65 @@ const et = {
       transition: { duration: 0.1 },
       className: d.snackbar,
       ...c,
-      children: /* @__PURE__ */ P("div", { className: d.container, children: [
+      children: /* @__PURE__ */ $("div", { className: d.container, children: [
         /* @__PURE__ */ i("p", { className: d.supportingText, children: e }),
         /* @__PURE__ */ i(
-          ye,
+          xe,
           {
             onClick: () => u(),
             className: d.icon,
-            icon: n,
-            arialLabel: "close the snackbar"
+            icon: l,
+            ariaLabel: "close the snackbar"
           }
         )
       ] })
     }
   ) });
-}, wt = ({
+}, Nt = ({
   selected: e = !1,
   className: t,
   activeIcon: r,
-  disabled: n = !1,
-  inactiveIcon: l,
+  disabled: l = !1,
+  inactiveIcon: n,
   onChange: c,
-  onClick: o,
-  onKeyDown: s,
+  onClick: s,
+  onKeyDown: o,
   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));
-  }, v = () => {
-    w(!p), c == null || c(!p);
-  }, b = je({
+  const [x, y] = S(e), a = (w) => {
+    l || (g(), s && s(w));
+  }, v = (w) => {
+    l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), g()), o && o(w));
+  }, g = () => {
+    y(!x), c == null || c(!x);
+  }, b = Fe({
     className: t,
-    isSelected: p,
+    isSelected: x,
     activeIcon: r,
-    inactiveIcon: l,
-    disabled: n,
-    selected: p,
+    inactiveIcon: n,
+    disabled: l,
+    selected: x,
     onChange: c
-  }), L = O(null), E = d || L;
-  return /* @__PURE__ */ P(
+  }), E = P(null), M = d || E;
+  return /* @__PURE__ */ $(
     U.div,
     {
       role: "switch",
-      "aria-checked": p,
-      tabIndex: n ? -1 : 0,
-      onKeyDown: y,
+      "aria-checked": x,
+      tabIndex: l ? -1 : 0,
+      onKeyDown: v,
       onClick: a,
-      ref: E,
+      ref: M,
       className: b.switch,
       ...u,
       children: [
-        /* @__PURE__ */ i("input", { type: "hidden", value: p ? "1" : "0" }),
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ i("input", { type: "hidden", value: x ? "1" : "0" }),
+        /* @__PURE__ */ $(
           U.div,
           {
             layout: !0,
-            style: { translate: p ? "50%" : "-50%" },
+            style: { translate: x ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
@@ -2147,11 +2099,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: (x ? r : n) && /* @__PURE__ */ i(
+                Q,
                 {
                   className: b.icon,
-                  icon: p ? r : l
+                  icon: x ? r : n
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: b.handleStateLayer })
@@ -2161,78 +2113,78 @@ const et = {
       ]
     }
   );
-}, nt = ({
+}, rt = ({
   className: e,
   onClick: t,
   label: r,
-  variant: n = "primary",
-  href: l,
+  variant: l = "primary",
+  href: n,
   icon: c,
-  selectedTab: o,
-  setSelectedTab: s,
+  selectedTab: s,
+  setSelectedTab: o,
   tabsId: d,
   index: u,
-  onTabSelected: p,
-  scrollable: w = !1,
+  onTabSelected: x,
+  scrollable: y = !1,
   selected: a = !1,
-  ref: y,
-  ...v
+  ref: v,
+  ...g
 }) => {
-  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({
-      ref: L,
+  const b = P(null), E = v || b, [M, w] = S(a);
+  W(() => {
+    a && s == null ? w(!0) : w(s == u && u != null);
+  }, [s]), W(() => {
+    s == u && x && x({
+      ref: E,
       index: u || 0,
       label: r,
       icon: c
     });
-  }, [o]);
-  const N = l ? "a" : "button", I = (C) => {
-    s && s(u ?? null), t && t(C);
-  }, k = Oe({
+  }, [s]);
+  const N = n ? "a" : "button", R = (C) => {
+    o && o(u ?? null), t && t(C);
+  }, L = Oe({
     className: e,
-    onTabSelected: p,
-    scrollable: w,
-    selectedTab: o,
+    onTabSelected: x,
+    scrollable: y,
+    selectedTab: s,
     index: u,
     tabsId: d,
-    selected: E,
-    variant: n,
+    selected: M,
+    variant: l,
     icon: c,
     label: r,
-    isSelected: E,
-    setSelectedTab: s,
-    href: l
+    isSelected: M,
+    setSelectedTab: o,
+    href: n
   });
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ $(
     N,
     {
-      ...v,
+      ...g,
       role: "tab",
-      "aria-selected": E,
-      ref: L,
-      href: l,
-      className: k.tab,
-      onClick: I,
-      ...v,
+      "aria-selected": M,
+      ref: E,
+      href: n,
+      className: L.tab,
+      onClick: R,
+      ...g,
       children: [
-        /* @__PURE__ */ i("span", { className: k.stateLayer, children: /* @__PURE__ */ i(
-          ne,
+        /* @__PURE__ */ i("span", { className: L.stateLayer, children: /* @__PURE__ */ i(
+          re,
           {
-            colorName: n === "primary" && E ? "primary" : "on-surface",
-            triggerRef: L
+            colorName: l === "primary" && M ? "primary" : "on-surface",
+            triggerRef: E
           }
         ) }),
-        /* @__PURE__ */ P("span", { className: k.content, children: [
-          c && /* @__PURE__ */ i(J, { icon: c, className: k.icon }),
-          /* @__PURE__ */ i("span", { className: k.label, children: r }),
-          E && /* @__PURE__ */ i(
+        /* @__PURE__ */ $("span", { className: L.content, children: [
+          c && /* @__PURE__ */ i(Q, { icon: c, className: L.icon }),
+          /* @__PURE__ */ i("span", { className: L.label, children: r }),
+          M && /* @__PURE__ */ i(
             U.span,
             {
               layoutId: `underline-${d}`,
-              className: k.underline,
+              className: L.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2240,129 +2192,129 @@ const et = {
       ]
     }
   );
-}, vt = ({
+}, Lt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: r,
-  className: n,
-  selectedTab: l,
+  className: l,
+  selectedTab: n,
   setSelectedTab: c,
-  scrollable: o = !1
+  scrollable: s = !1
 }) => {
-  const [s, d] = S(
+  const [o, d] = S(
     null
   );
   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) => {
-    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;
-        E.scrollTo({ left: N, behavior: "smooth" });
+  n == 0 || n != null ? u = n : u = o;
+  const x = c || d, y = _.Children.toArray(r).filter(
+    (E) => _.isValidElement(E) && E.type === rt
+  ), a = _.useRef(null), v = (E) => {
+    if (t == null || t(E), s) {
+      const M = a.current, w = E.ref.current;
+      if (M && w) {
+        const N = w.offsetLeft + w.offsetWidth / 2 - M.offsetWidth / 2;
+        M.scrollTo({ left: N, behavior: "smooth" });
       }
     }
-  }, v = be(() => ae(), []), b = Xe({
+  }, g = ve(() => ce(), []), b = Ke({
     children: r,
     onTabSelected: t,
-    scrollable: o,
+    scrollable: s,
     selectedTab: u,
-    setSelectedTab: p,
-    className: n,
+    setSelectedTab: x,
+    className: l,
     variant: e
   });
-  return /* @__PURE__ */ i("div", { ref: a, role: "tablist", className: b.tabs, children: w.map((L, E) => W.cloneElement(L, {
-    key: E,
-    index: E,
+  return /* @__PURE__ */ i("div", { ref: a, role: "tablist", className: b.tabs, children: y.map((E, M) => _.cloneElement(E, {
+    key: M,
+    index: M,
     variant: e,
     selectedTab: u,
-    setSelectedTab: p,
-    tabsId: v,
-    onTabSelected: y,
-    scrollable: o
+    setSelectedTab: x,
+    tabsId: g,
+    onTabSelected: v,
+    scrollable: s
   })) });
-}, bt = ({
+}, It = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: r,
-  placeholder: n,
-  suffix: l,
+  placeholder: l,
+  suffix: n,
   name: c,
-  label: o,
-  className: s,
+  label: s,
+  className: o,
   supportingText: d,
   trailingIcon: u,
-  leadingIcon: p,
-  type: w = "text",
+  leadingIcon: x,
+  type: y = "text",
   textLine: a = "singleLine",
-  autoComplete: y = "on",
-  onChange: v,
+  autoComplete: v = "on",
+  onChange: g,
   value: b,
-  showSupportingText: L = !1,
-  ...E
+  showSupportingText: E = !1,
+  ...M
 }) => {
-  const [m, N] = S(b ?? ""), [I, k] = S(!1), [C, B] = S(!1), [D, R] = S(
-    L
+  const [w, N] = S(b ?? ""), [R, L] = S(!1), [C, D] = S(!1), [B, I] = S(
+    E
   );
-  $(() => {
+  W(() => {
     N(b ?? "");
-  }, [b]), $(() => {
-    r != null && r.length ? B(!0) : B(!1);
-  }, [r]), $(() => {
-    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);
-  }, q = (V) => {
-    const X = V.target.value;
-    N(X), B(!1), typeof v == "function" && v(X);
+  }, [b]), W(() => {
+    r != null && r.length ? D(!0) : D(!1);
+  }, [r]), W(() => {
+    E ? I(E) : d != null && d.length ? I(!0) : I(!1);
+  }, [B, d]), W(() => {
+    R && D(!1);
+  }, [R]);
+  const m = _.useRef(null), j = () => {
+    m.current && !R && m.current.focus();
   }, Y = () => {
-    k(!1);
-  }, G = Fe({
-    showSupportingText: D,
-    isFocused: I,
+    L(!0);
+  }, G = (V) => {
+    const X = V.target.value;
+    N(X), D(!1), typeof g == "function" && g(X);
+  }, Z = () => {
+    L(!1);
+  }, K = Ge({
+    showSupportingText: B,
+    isFocused: R,
     showErrorIcon: C,
     disabled: t,
     name: c,
-    label: o,
-    autoComplete: y,
-    className: s,
-    onChange: v,
-    placeholder: n,
+    label: s,
+    autoComplete: v,
+    className: o,
+    onChange: g,
+    placeholder: l,
     supportingText: d,
-    type: w,
-    leadingIcon: p,
+    type: y,
+    leadingIcon: x,
     trailingIcon: u,
     variant: e,
     errorText: r,
-    value: m,
-    suffix: l,
+    value: w,
+    suffix: n,
     textLine: a
-  }), [Q] = S(ae());
-  let x, g;
+  }), [A] = S(ce());
+  let h, p;
   switch (a) {
     case "multiLine":
-      g = Ee, x = {};
+      p = ke, h = {};
       break;
     case "textAreas":
-      g = "textarea", x = {};
+      p = "textarea", h = {};
       break;
     case "singleLine":
     default:
-      g = "input", x = { type: w };
+      p = "input", h = { type: y };
       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(
+  return /* @__PURE__ */ $("div", { className: K.textField, ...M, children: [
+    /* @__PURE__ */ $("fieldset", { onClick: j, className: K.content, children: [
+      /* @__PURE__ */ i("div", { className: K.stateLayer }),
+      x && /* @__PURE__ */ i("div", { className: K.leadingIcon, children: _.isValidElement(x) ? x : /* @__PURE__ */ i(Q, { className: "w-5 h-5", icon: x }) }),
+      !(!R && !w.length || e == "filled") && /* @__PURE__ */ i(
         U.legend,
         {
           variants: {
@@ -2370,118 +2322,118 @@ const et = {
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !I && !m.length ? "hidden" : "visible",
+          animate: !R && !w.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(
             U.span,
             {
-              className: G.label,
+              className: K.label,
               transition: { duration: 0.3 },
-              layoutId: Q,
-              children: o
+              layoutId: A,
+              children: s
             }
           ) })
         }
       ),
-      /* @__PURE__ */ P("div", { className: "flex-1 relative", children: [
-        (!I && !m.length || e == "filled") && /* @__PURE__ */ i(
+      /* @__PURE__ */ $("div", { className: "flex-1 relative", children: [
+        (!R && !w.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" && !(!R && !w.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!R && !w.length))
               }
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ i(
               U.span,
               {
-                className: G.label,
+                className: K.label,
                 transition: { duration: 0.3 },
-                layoutId: e == "outlined" ? Q : void 0,
-                children: o
+                layoutId: e == "outlined" ? A : void 0,
+                children: s
               }
             )
           }
         ),
         /* @__PURE__ */ i(
-          g,
+          p,
           {
-            ref: h,
-            value: m,
-            onChange: q,
-            className: G.input,
+            ref: m,
+            value: w,
+            onChange: G,
+            className: K.input,
             id: c,
             name: c,
-            placeholder: I ? n ?? void 0 : "",
-            onFocus: A,
-            onBlur: Y,
+            placeholder: R ? l ?? void 0 : "",
+            onFocus: Y,
+            onBlur: Z,
             disabled: t,
-            autoComplete: y,
+            autoComplete: v,
             "aria-invalid": !!(r != null && r.length),
-            "aria-label": o,
-            ...x
+            "aria-label": s,
+            ...h
           }
         )
       ] }),
-      /* @__PURE__ */ i("div", { className: G.activeIndicator }),
-      !C && /* @__PURE__ */ P(te, { children: [
+      /* @__PURE__ */ i("div", { className: K.activeIndicator }),
+      !C && /* @__PURE__ */ $(ne, { children: [
         u && /* @__PURE__ */ i(
           "div",
           {
             onClick: (V) => {
               V.stopPropagation();
             },
-            className: G.trailingIcon,
-            children: W.isValidElement(u) ? u : /* @__PURE__ */ i(J, { className: "h-5", icon: u })
+            className: K.trailingIcon,
+            children: _.isValidElement(u) ? u : /* @__PURE__ */ i(Q, { className: "h-5", icon: u })
           }
         ),
-        !u && l && /* @__PURE__ */ i("span", { className: G.suffix, children: l })
+        !u && n && /* @__PURE__ */ i("span", { className: K.suffix, children: n })
       ] }),
       C && /* @__PURE__ */ i(
         "div",
         {
-          className: f(G.trailingIcon, {
+          className: f(K.trailingIcon, {
             " absolute right-0": !u
           }),
           children: /* @__PURE__ */ i(
-            J,
+            Q,
             {
               className: "h-5 text-error",
-              icon: tt
+              icon: nt
             }
           )
         }
       )
     ] }),
-    D && /* @__PURE__ */ i("p", { className: G.supportingText, children: r != null && r.length ? r : d != null && d.length ? d : " " })
+    B && /* @__PURE__ */ i("p", { className: K.supportingText, children: r != null && r.length ? r : d != null && d.length ? d : " " })
   ] });
-}, rt = H(
+}, lt = q(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: r, variant: n }) => ({
+  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     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]": l == "vertical",
+      "gap-0  h-[66px]": l == "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",
+        "gap-2 ": l == "horizontal",
+        "gap-0 ": l == "vertical",
         "p-4": !r
       },
       r && [
         "px-4",
         {
-          "py-1 ": n == "vertical",
-          "py-4 ": n == "horizontal"
+          "py-1 ": l == "vertical",
+          "py-4 ": l == "horizontal"
         }
       ]
     ),
@@ -2494,100 +2446,100 @@ 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 ": l == "horizontal",
+      "text-label-medium": l == "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 = ({
+), ot = ({ 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 }) }), at = ({
   className: e,
   onClick: t,
   label: r,
-  variant: n = "vertical",
-  href: l,
+  variant: l = "vertical",
+  href: n,
   icon: c,
-  selectedItem: o,
-  setSelectedItem: s,
+  selectedItem: s,
+  setSelectedItem: o,
   index: d,
   onItemSelected: u,
-  selected: p = !1,
-  ref: w,
+  selected: x = !1,
+  ref: y,
   transition: a,
-  isExtended: y,
-  iconSelected: v,
+  isExtended: v,
+  iconSelected: g,
   style: b,
-  extendedOnly: L,
-  ...E
+  extendedOnly: E,
+  ...M
 }) => {
-  const m = O(null), N = w || m, [I, k] = S(p);
-  $(() => {
-    p && o == null ? k(!0) : k(o == d && d != null);
-  }, [o]), $(() => {
-    o == d && u && u({
+  const w = P(null), N = y || w, [R, L] = S(x);
+  W(() => {
+    x && s == null ? L(!0) : L(s == d && d != null);
+  }, [s]), W(() => {
+    s == d && u && u({
       ref: N,
       index: d || 0,
       label: r,
       icon: c
     });
-  }, [o]);
-  const C = l ? "a" : "button", B = (R) => {
-    s && s(d ?? null), t && t(R);
-  }, D = rt({
-    isExtended: y,
-    extendedOnly: L,
+  }, [s]);
+  const C = n ? "a" : "button", D = (I) => {
+    o && o(d ?? null), t && t(I);
+  }, B = lt({
+    isExtended: v,
+    extendedOnly: E,
     className: e,
     onItemSelected: u,
-    selectedItem: o,
+    selectedItem: s,
     index: d,
     transition: a,
-    selected: I,
-    variant: n,
+    selected: R,
+    variant: l,
     icon: c,
     label: r,
-    isSelected: I,
-    setSelectedItem: s,
-    href: l,
-    iconSelected: v
+    isSelected: R,
+    setSelectedItem: o,
+    href: n,
+    iconSelected: g
   });
-  return a = { duration: 0.3, ...a }, L && !y ? null : (
+  return a = { duration: 0.3, ...a }, E && !v ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ P(
+    /* @__PURE__ */ $(
       C,
       {
-        ...E,
+        ...M,
         role: "tab",
-        "aria-selected": I,
+        "aria-selected": R,
         ref: N,
-        href: l,
-        className: D.navigationRailItem,
-        onClick: B,
+        href: n,
+        className: B.navigationRailItem,
+        onClick: D,
         style: { transition: a.duration + "s", ...b },
         children: [
-          /* @__PURE__ */ P(
+          /* @__PURE__ */ $(
             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: l == "horizontal" ? a.duration + `s, gap ${a.duration / 2}s ${a.duration - a.duration / 2}s` : a.duration + `s, gap ${a.duration / 3}s ${a.duration - a.duration / 3}s`
               },
               transition: a,
-              className: D.container,
+              className: B.container,
               children: [
-                /* @__PURE__ */ i(U.div, { layout: !0, className: D.stateLayer }),
+                /* @__PURE__ */ i(U.div, { layout: !0, className: B.stateLayer }),
                 c && /* @__PURE__ */ i(
-                  J,
+                  Q,
                   {
-                    icon: I ? v : c,
-                    className: D.icon
+                    icon: R ? g : c,
+                    className: B.icon
                   }
                 ),
-                /* @__PURE__ */ i(z, { children: n == "horizontal" && (() => {
-                  const R = {
+                /* @__PURE__ */ i(z, { children: l == "horizontal" && (() => {
+                  const I = {
                     width: 0,
                     opacity: 0,
                     transition: {
                       ...a
                     }
-                  }, h = {
+                  }, m = {
                     width: "auto",
                     opacity: 1,
                     transition: {
@@ -2601,10 +2553,10 @@ const et = {
                   return /* @__PURE__ */ i(
                     U.span,
                     {
-                      initial: R,
-                      animate: h,
-                      exit: R,
-                      className: D.label,
+                      initial: I,
+                      animate: m,
+                      exit: I,
+                      className: B.label,
                       children: r
                     }
                   );
@@ -2612,8 +2564,8 @@ const et = {
               ]
             }
           ),
-          /* @__PURE__ */ i(z, { children: n == "vertical" && (() => {
-            const R = {
+          /* @__PURE__ */ i(z, { children: l == "vertical" && (() => {
+            const I = {
               height: 0,
               opacity: 0,
               transition: {
@@ -2622,7 +2574,7 @@ const et = {
                   duration: 0
                 }
               }
-            }, h = {
+            }, m = {
               height: "auto",
               opacity: 1,
               transition: {
@@ -2636,10 +2588,10 @@ const et = {
             return /* @__PURE__ */ i(
               U.span,
               {
-                initial: R,
-                animate: h,
-                exit: R,
-                className: D.label,
+                initial: I,
+                animate: m,
+                exit: I,
+                className: B.label,
                 transition: a,
                 children: r
               }
@@ -2649,7 +2601,7 @@ const et = {
       }
     )
   );
-}, at = H(
+}, st = q(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: f("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -2665,17 +2617,17 @@ const et = {
       "w-fit  items-start": e
     })
   })
-), Nt = ({
+), Et = ({
   variant: e = "standard",
   onItemSelected: t,
   children: r,
-  className: n,
-  selectedItem: l,
+  className: l,
+  selectedItem: n,
   extended: c,
-  alignment: o = "top",
-  menu: s = {
+  alignment: s = "top",
+  menu: o = {
     closed: {
-      icon: et,
+      icon: tt,
       label: "Open menu"
     },
     opened: {
@@ -2685,87 +2637,81 @@ const et = {
   },
   style: d,
   onExtendedChange: u,
-  transition: p,
-  setSelectedItem: w
+  transition: x,
+  setSelectedItem: y
 }) => {
-  const [a, y] = 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) => {
-    t == null || t(R);
+  const [a, v] = S(null), [g, b] = S(c);
+  let E;
+  n == 0 || n != null ? E = n : E = a;
+  const M = y || v, w = P(null), N = (I) => {
+    t == null || t(I);
   };
-  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 R(I) {
+    const m = [];
+    return be.forEach(I, (j) => {
+      ee(j) && j.type === Ne ? m.push(...R(j.props.children)) : m.push(j);
+    }), m;
   }
-  const k = I(r), C = k.filter(
-    (R) => W.isValidElement(R) && R.type === ce
-  ), B = at({
+  const L = R(r), C = L.filter(
+    (I) => ee(I) && I.type === ue
+  ), D = st({
     children: r,
     onItemSelected: t,
-    selectedItem: L,
-    setSelectedItem: E,
-    className: n,
+    selectedItem: E,
+    setSelectedItem: M,
+    className: l,
     variant: e,
-    extended: v,
-    isExtended: v,
-    alignment: o,
-    menu: s,
-    transition: p,
+    extended: g,
+    isExtended: g,
+    alignment: s,
+    menu: o,
+    transition: x,
     onExtendedChange: u
   });
-  p = { duration: 0.3, ...p };
-  const D = O(!1);
-  return D.current = !1, $(() => {
-    u == null || u(v ?? !1);
-  }, [v]), /* @__PURE__ */ P(
+  x = { duration: 0.3, ...x };
+  const B = P(!1);
+  return B.current = !1, W(() => {
+    u == null || u(g ?? !1);
+  }, [g]), /* @__PURE__ */ $(
     "div",
     {
-      style: { transition: p.duration + "s", ...d },
-      ref: m,
-      className: B.navigationRail,
+      style: { transition: x.duration + "s", ...d },
+      ref: w,
+      className: D.navigationRail,
       children: [
-        /* @__PURE__ */ P("div", { className: B.header, children: [
+        /* @__PURE__ */ $("div", { className: D.header, children: [
           /* @__PURE__ */ i(
-            ye,
+            xe,
             {
-              onClick: () => b(!v),
-              arialLabel: v ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
-              className: B.menuIcon,
-              icon: v ? s.opened.icon : s == null ? void 0 : s.closed.icon
+              onClick: () => b(!g),
+              ariaLabel: g ? o == null ? void 0 : o.opened.label : o == null ? void 0 : o.closed.label,
+              className: D.menuIcon,
+              icon: g ? o.opened.icon : o == null ? void 0 : o.closed.icon
             }
           ),
-          C.length > 0 && W.cloneElement(
-            C[0],
-            {
-              transition: p,
-              isExtended: v,
-              className: "!shadow-none mx-5 " + C[0].props.className
-            }
-          )
+          C.length > 0 && le(C[0], {
+            transition: x,
+            isExtended: g,
+            className: "!shadow-none mx-5 " + C[0].props.className
+          })
         ] }),
-        /* @__PURE__ */ i("div", { className: B.segments, children: (() => {
-          let R = 0;
-          return k.map((h) => W.isValidElement(h) && h.type === ot ? W.cloneElement(
-            h,
+        /* @__PURE__ */ i("div", { className: D.segments, children: (() => {
+          let I = 0;
+          return L.map((m) => ee(m) && m.type === at ? le(
+            m,
             {
-              key: R,
-              index: R++,
+              key: I,
+              index: I++,
               // Utilise et incrémente le compteur dédié
-              variant: v ? "horizontal" : "vertical",
-              selectedItem: L,
-              setSelectedItem: E,
+              variant: g ? "horizontal" : "vertical",
+              selectedItem: E,
+              setSelectedItem: M,
               onItemSelected: N,
-              transition: p,
-              extendedOnly: D.current,
-              isExtended: v
+              transition: x,
+              extendedOnly: B.current,
+              isExtended: g
             }
-          ) : W.isValidElement(h) && h.type === ce ? null : W.isValidElement(h) && h.type === lt ? (D.current = !0, v ? W.cloneElement(
-            h,
-            {}
-          ) : null) : h);
+          ) : ee(m) && m.type === ue ? null : ee(m) && m.type === ot ? (B.current = !0, g ? le(m, {}) : null) : m);
         })() }),
         /* @__PURE__ */ i("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -2773,48 +2719,48 @@ const et = {
   );
 };
 export {
-  Ae as Button,
-  pt as Card,
-  ht as Carousel,
-  Ze as CarouselItem,
-  pe as CustomScroll,
-  yt as Divider,
-  ce as Fab,
-  J as Icon,
-  ye as IconButton,
-  Nt as NavigationRail,
-  ot as NavigationRailItem,
-  lt as NavigationRailSection,
-  Ge as ProgressIndicator,
-  ne as RippleEffect,
-  gt as Slider,
-  mt as SmoothScroll,
-  xt as Snackbar,
-  wt as Switch,
+  Ze as Button,
+  xt as Card,
+  gt as Carousel,
+  Qe as CarouselItem,
+  he as CustomScroll,
+  wt as Divider,
+  ue as Fab,
+  Q as Icon,
+  xe as IconButton,
+  Et as NavigationRail,
+  at as NavigationRailItem,
+  ot as NavigationRailSection,
+  He as ProgressIndicator,
+  re as RippleEffect,
+  vt as Slider,
+  yt as SmoothScroll,
+  bt as Snackbar,
+  Nt as Switch,
   _e as SyncedFixedWrapper,
-  nt as Tab,
-  vt as Tabs,
-  bt as TextField,
-  he as ToolTip,
-  Re as buttonStyle,
-  Se as cardStyle,
-  Ce as carouselItemStyle,
+  rt as Tab,
+  Lt as Tabs,
+  It as TextField,
+  ye as ToolTip,
+  Ce as buttonStyle,
+  Be as cardStyle,
+  De as carouselItemStyle,
   Ve as carouselStyle,
   f as classNames,
-  Ie as classnames,
-  He as customScrollStyle,
-  H as defaultClassNames,
-  Be as dividerStyle,
-  De as fabStyle,
-  Me as getClassNames,
-  $e as iconButtonStyle,
-  Ye as normalize,
-  We as progressIndicatorStyle,
-  Pe as sliderStyle,
-  Ue as snackbarStyle,
-  je as switchStyle,
+  Me as classnames,
+  Ye as customScrollStyle,
+  q as defaultClassNames,
+  We as dividerStyle,
+  $e as fabStyle,
+  Se as getClassNames,
+  Pe as iconButtonStyle,
+  Je as normalize,
+  Ue as progressIndicatorStyle,
+  je as sliderStyle,
+  Xe as snackbarStyle,
+  Fe as switchStyle,
   Oe as tabStyle,
-  Xe as tabsStyle,
-  Fe as textFieldStyle,
-  Ke as toolStyle
+  Ke as tabsStyle,
+  Ge as textFieldStyle,
+  qe as toolStyle
 };