@udixio/ui-react 1.0.1 → 1.2.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as U, Fragment as re } from "react/jsx-runtime";
 import { clsx as de } from "clsx";
 import { extendTailwindMerge as we } from "tailwind-merge";
-import _, { useState as R, useEffect as $, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Ne } from "react";
+import Y, { useState as S, useEffect as D, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Ne } from "react";
 import { motion as j, AnimatePresence as z, useScroll as Le, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
 import { throttle as Ee } from "throttle-debounce";
 import { createPortal as Ie } from "react-dom";
@@ -32,156 +32,159 @@ const pe = we({
       font: ["font"]
     }
   }
-}), f = (...e) => pe(de(e)), Me = (...e) => pe(de(e));
+}), d = (...e) => pe(de(e)), Me = (...e) => pe(de(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 Se = (e) => {
   const t = {};
   e.classNameList.forEach((l) => {
-    var r;
+    var n;
     if (l)
       if (typeof l == "string")
-        (t[r = e.default] ?? (t[r] = [])).push(l);
+        (t[n = e.default] ?? (t[n] = [])).push(l);
       else {
-        const i = l(e.states);
-        Object.entries(i).map((c) => {
-          const [a, o] = c;
-          (t[a] ?? (t[a] = [])).push(o);
+        const s = l(e.states);
+        Object.entries(s).map((i) => {
+          const [a, f] = i;
+          (t[a] ?? (t[a] = [])).push(f);
         });
       }
   });
-  const n = t;
+  const r = t;
   return Object.entries(t).map((l) => {
-    let [r, i] = l;
-    i = i.reverse(), r == e.default && i.unshift("relative"), i.unshift(Re(r)), n[r] = Me(...i);
-  }), n;
-}, K = (e, t) => (n) => Se({
-  classNameList: [n.className, t],
+    let [n, s] = l;
+    s = s.reverse(), n == e.default && s.unshift("relative"), s.unshift(Re(n)), r[n] = Me(...s);
+  }), r;
+}, G = (e, t) => (r) => Se({
+  classNameList: [r.className, t],
   default: e,
-  states: n
-}), Be = K(
+  states: r
+}), Ce = G(
   "button",
   ({
     variant: e,
-    disabled: t,
-    iconPosition: n,
-    icon: l,
-    isActive: r,
+    disableTextMargins: t,
+    disabled: r,
+    iconPosition: l,
+    icon: n,
+    isActive: s,
     loading: i,
-    shape: c,
-    onToggle: a,
+    shape: a,
+    onToggle: f,
     size: o,
-    allowShapeTransformation: d
+    allowShapeTransformation: p
   }) => ({
-    button: f(
+    button: d(
       " relative cursor-pointer group outline-none inline-block flex  justify-center   items-center  ",
       o === "xSmall" && "text-label-large px-3 py-1.5 gap-1",
       o === "small" && "text-label-large px-4 py-2.5 gap-2",
       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" && {
+      a === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (c === "squared" || d && r) && {
+      (a === "squared" || p && s) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
       },
-      d && !t && {
+      p && !r && {
         "active:rounded-[12px]": o === "xSmall" || o == "small",
         "active:rounded-[16px]": o === "medium",
         "active:rounded-[28px]": o === "large" || o == "xLarge"
       },
       e === "elevated" && {
-        "shadow-1 hover:shadow-2": !t,
-        "bg-surface-container-low text-primary": !t && !r,
-        "bg-primary text-on-primary": !t && r,
-        "text-on-surface/[38%]": t
+        "shadow-1 hover:shadow-2": !r,
+        "bg-surface-container-low text-primary": !r && !s,
+        "bg-primary text-on-primary": !r && s,
+        "text-on-surface/[38%]": r
       },
       e === "filled" && {
-        "hover:shadow-1": !t,
-        "bg-surface-container text-on-surface-variant": !t && !r && a,
-        "bg-primary text-on-primary": !t && (r && a || !a),
-        "text-on-surface/[38%]": t
+        "hover:shadow-1": !r,
+        "bg-surface-container text-on-surface-variant": !r && !s && f,
+        "bg-primary text-on-primary": !r && (s && f || !f),
+        "text-on-surface/[38%]": r
       },
       e === "tonal" && {
-        "hover:shadow-1": !t,
-        "bg-secondary-container text-on-secondary-container": !t && !r,
-        "bg-secondary text-on-secondary": !t && r,
-        "text-on-surface/[0.38]": t
+        "hover:shadow-1": !r,
+        "bg-secondary-container text-on-secondary-container": !r && !s,
+        "bg-secondary text-on-secondary": !r && s,
+        "text-on-surface/[0.38]": r
       },
       e === "outlined" && [
         " border",
         {
-          "border-on-surface/[0.12] text-on-surface/[0.38]": t,
-          "text-primary border-outline focus:border-primary": !t && !r,
-          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !t && r
+          "border-on-surface/[0.12] text-on-surface/[0.38]": r,
+          "text-primary border-outline focus:border-primary": !r && !s,
+          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r && s
         }
       ],
       e === "text" && [
         "w-fit",
         {
-          "text-primary": !t,
-          "text-on-surface/[0.38]": t
+          "text-primary": !r,
+          "text-on-surface/[0.38]": r
         },
-        o === "xSmall" && "-mx-3 ",
-        o === "small" && "-mx-4 ",
-        o === "medium" && "-mx-6 ",
-        o === "large" && "-mx-12",
-        o === "xLarge" && "-mx-16 "
-        // size === 'small' && ' -my-2.5',
-        // size === 'medium' && ' -my-4',
-        // size === 'large' && '-my-8',
-        // size === 'xLarge' && ' -my-12',
+        t && [
+          o === "xSmall" && "-mx-3 ",
+          o === "small" && "-mx-4 ",
+          o === "medium" && "-mx-6 ",
+          o === "large" && "-mx-12",
+          o === "xLarge" && "-mx-16 "
+          // size === 'small' && ' -my-2.5',
+          // size === 'medium' && ' -my-4',
+          // size === 'large' && '-my-8',
+          // size === 'xLarge' && ' -my-12',
+        ]
       ],
-      t && "cursor-default"
+      r && "cursor-default"
     ),
-    touchTarget: f(
+    touchTarget: d(
       "absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
     ),
-    stateLayer: f(
+    stateLayer: d(
       "min-h-full min-w-full absolute top-0 left-0 overflow-hidden",
       e === "elevated" && {
-        "bg-on-surface/[0.12]": t,
-        "group-state-primary": !t
+        "bg-on-surface/[0.12]": r,
+        "group-state-primary": !r
       },
       e === "filled" && {
-        "bg-on-surface/[0.12]": t,
-        "group-state-on-primary": !t && !a,
-        "group-state-on-surface-variant": !t && a
+        "bg-on-surface/[0.12]": r,
+        "group-state-on-primary": !r && !f,
+        "group-state-on-surface-variant": !r && f
       },
-      c === "rounded" && {
+      a === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (c === "squared" || d && r) && {
+      (a === "squared" || p && s) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
       },
-      d && !t && {
+      p && !r && {
         "group-active:rounded-[12px]": o === "xSmall" || o == "small",
         "group-active:rounded-[16px]": o === "medium",
         "group-active:rounded-[28px]": o === "large" || o == "xLarge"
       },
       e === "tonal" && {
-        "bg-on-surface/[0.12]": t,
-        "group-state-on-secondary-container ": !t
+        "bg-on-surface/[0.12]": r,
+        "group-state-on-secondary-container ": !r
       },
       e === "outlined" && {
-        "group-state-primary  group-state-primary": !t
+        "group-state-primary  group-state-primary": !r
       },
       e === "text" && {
-        "group-state-primary": !t
+        "group-state-primary": !r
       }
     ),
-    label: f({ invisible: i }),
-    icon: f(
+    label: d({ invisible: i }),
+    icon: d(
       { invisible: i },
       o === "xSmall" && "size-5",
       o === "small" && "size-5",
@@ -190,39 +193,39 @@ const Se = (e) => {
       o === "xLarge" && "size-10"
     )
   })
-), Ce = K(
+), Be = G(
   "card",
   ({ variant: e, isInteractive: t }) => ({
-    card: f(
+    card: d(
       "card group/card rounded-xl overflow-hidden z-10",
       e === "outlined" && "bg-surface border border-outline-variant",
       e === "elevated" && "bg-surface-container-low shadow-1",
       e === "filled" && "bg-surface-container-highest"
     ),
-    stateLayer: f([
+    stateLayer: d([
       "w-full top-0 left-0 h-full absolute -z-10",
       {
         " group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface": t
       }
     ])
   })
-), We = K(
+), We = G(
   "carouselItem",
   () => ({
-    carouselItem: f("rounded-[28px] overflow-hidden flex-none")
+    carouselItem: d("rounded-[28px] overflow-hidden flex-none")
   })
-), De = K(
+), $e = G(
   "carousel",
   () => ({
-    carousel: f(["w-full h-[400px]"]),
-    track: f(
+    carousel: d(["w-full h-[400px]"]),
+    track: d(
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), Pe = K(
+), De = G(
   "divider",
   ({ orientation: e }) => ({
-    divider: f(
+    divider: d(
       "border-outline-variant ",
       {
         "h-fit w-full border-t": e === "horizontal"
@@ -232,44 +235,44 @@ const Se = (e) => {
       }
     )
   })
-), $e = K(
+), Pe = G(
   "fab",
-  ({ size: e, variant: t, isExtended: n }) => ({
-    fab: f(
+  ({ size: e, variant: t, isExtended: r }) => ({
+    fab: d(
       "flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",
       {
-        "rounded-[12px]": e == "small" && !n,
-        "rounded-[16px]": e == "medium" || n,
-        "rounded-[28px]": e == "large" && !n
+        "rounded-[12px]": e == "small" && !r,
+        "rounded-[16px]": e == "medium" || r,
+        "rounded-[28px]": e == "large" && !r
       },
       {
-        "p-2": e == "small" && !n,
-        "p-4": e == "medium" || n,
-        "p-[30px]": e == "large" && !n
+        "p-2": e == "small" && !r,
+        "p-4": e == "medium" || r,
+        "p-[30px]": e == "large" && !r
       },
       t === "surface" && "bg-surface-container",
       t === "primary" && "bg-primary-container",
       t === "secondary" && "bg-secondary-container",
       t === "tertiary" && "bg-tertiary-container"
     ),
-    stateLayer: f(
+    stateLayer: d(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
       t === "surface" && "group-hover:hover-state-primary group-focus:focus-state-primary",
       t === "primary" && "group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",
       t === "secondary" && "group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",
       t === "tertiary" && "group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"
     ),
-    icon: f(
+    icon: d(
       {
-        "size-6": e == "small" || e == "medium" || n,
-        "size-9": e == "large" && !n
+        "size-6": e == "small" || e == "medium" || r,
+        "size-9": e == "large" && !r
       },
       t === "surface" && "text-primary",
       t === "primary" && "text-on-primary-container",
       t === "secondary" && "text-on-secondary-container",
       t === "tertiary" && "text-on-tertiary-container"
     ),
-    label: f(
+    label: d(
       "text-title-medium text-nowrap",
       t === "surface" && "text-primary",
       t === "primary" && "text-on-primary-container",
@@ -277,50 +280,50 @@ const Se = (e) => {
       t === "tertiary" && "text-on-tertiary-container"
     )
   })
-), Ve = K(
+), Ve = G(
   "iconButton",
   ({
     variant: e,
     disabled: t,
-    onToggle: n,
+    onToggle: r,
     isActive: l,
-    size: r,
-    width: i,
-    shape: c,
+    size: n,
+    width: s,
+    shape: i,
     allowShapeTransformation: a
   }) => ({
-    iconButton: f(
+    iconButton: d(
       "rounded-full relative flex transition-all duration-300",
       "group cursor-pointer",
       {
         "cursor-default": t
       },
-      (c === "rounded" || c === "squared" && n && !t && l && a) && {
-        "rounded-[30px]": r === "xSmall" || r == "small",
-        "rounded-[40px]": r === "medium",
-        "rounded-[70px]": r === "large" || r == "xLarge"
+      (i === "rounded" || i === "squared" && r && !t && l && a) && {
+        "rounded-[30px]": n === "xSmall" || n == "small",
+        "rounded-[40px]": n === "medium",
+        "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (c === "squared" || c === "rounded" && n && !t && l && a) && {
-        "rounded-[12px]": r === "xSmall" || r == "small",
-        "rounded-[16px]": r === "medium",
-        "rounded-[28px]": r === "large" || r == "xLarge"
+      (i === "squared" || i === "rounded" && r && !t && l && a) && {
+        "rounded-[12px]": n === "xSmall" || n == "small",
+        "rounded-[16px]": n === "medium",
+        "rounded-[28px]": n === "large" || n == "xLarge"
       },
       a && !t && {
-        "group-active:rounded-[12px]": r === "xSmall" || r == "small",
-        "group-active:rounded-[16px]": r === "medium",
-        "group-active:rounded-[28px]": r === "large" || r == "xLarge"
+        "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": !l && !!n,
-          "bg-primary": l || !n
+          "bg-surface-container": !l && !!r,
+          "bg-primary": l || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !l && !!n,
-          "bg-secondary-container": l || !n
+          "bg-surface-container": !l && !!r,
+          "bg-secondary-container": l || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
@@ -335,25 +338,25 @@ const Se = (e) => {
         }
       ]
     ),
-    touchTarget: f(
+    touchTarget: d(
       "absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
     ),
-    stateLayer: f(
+    stateLayer: d(
       "absolute top-0 left-0 h-full w-full overflow-hidden",
-      (c === "rounded" || c === "squared" && n && !t && l && a) && {
-        "rounded-[30px]": r === "xSmall" || r == "small",
-        "rounded-[40px]": r === "medium",
-        "rounded-[70px]": r === "large" || r == "xLarge"
+      (i === "rounded" || i === "squared" && r && !t && l && a) && {
+        "rounded-[30px]": n === "xSmall" || n == "small",
+        "rounded-[40px]": n === "medium",
+        "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (c === "squared" || c === "rounded" && n && !t && l && a) && {
-        "rounded-[12px]": r === "xSmall" || r == "small",
-        "rounded-[16px]": r === "medium",
-        "rounded-[28px]": r === "large" || r == "xLarge"
+      (i === "squared" || i === "rounded" && r && !t && l && a) && {
+        "rounded-[12px]": n === "xSmall" || n == "small",
+        "rounded-[16px]": n === "medium",
+        "rounded-[28px]": n === "large" || n == "xLarge"
       },
       a && !t && {
-        "group-active:rounded-[12px]": r === "xSmall" || r == "small",
-        "group-active:rounded-[16px]": r === "medium",
-        "group-active:rounded-[28px]": r === "large" || r == "xLarge"
+        "group-active:rounded-[12px]": n === "xSmall" || n == "small",
+        "group-active:rounded-[16px]": n === "medium",
+        "group-active:rounded-[28px]": n === "large" || n == "xLarge"
       },
       !t && [
         e === "standard" && {
@@ -361,12 +364,12 @@ const Se = (e) => {
           "state-primary": l
         },
         e === "filled" && {
-          "state-primary": !l && !!n,
-          "state-inverse-on-surface": l || !n
+          "state-primary": !l && !!r,
+          "state-inverse-on-surface": l || !r
         },
         e === "tonal" && {
-          "state-on-surface-variant": !l && !!n,
-          "state-on-secondary-container": l || !n
+          "state-on-surface-variant": !l && !!r,
+          "state-on-secondary-container": l || !r
         },
         e === "outlined" && {
           "state-on-surface-variant": !l,
@@ -374,26 +377,26 @@ const Se = (e) => {
         }
       ]
     ),
-    icon: f(
+    icon: d(
       "  transition-all duration-300",
-      { "size-5 p-1.5": r === "xSmall" },
-      { "size-6 p-2": r === "small" },
-      { "size-6 p-4": r === "medium" },
-      { "size-8 p-8": r === "large" },
-      { "size-10 p-12": r === "xLarge" },
-      i == "narrow" && [
-        { "px-1": r === "xSmall" },
-        { "px-1": r === "small" },
-        { "px-3": r === "medium" },
-        { "px-4": r === "large" },
-        { "px-8": r === "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" },
+      s == "narrow" && [
+        { "px-1": n === "xSmall" },
+        { "px-1": n === "small" },
+        { "px-3": n === "medium" },
+        { "px-4": n === "large" },
+        { "px-8": n === "xLarge" }
       ],
-      i == "wide" && [
-        { "px-2.5": r === "xSmall" },
-        { "px-3.5": r === "small" },
-        { "px-6": r === "medium" },
-        { "px-12": r === "large" },
-        { "px-[72px]": r === "xLarge" }
+      s == "wide" && [
+        { "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" && {
@@ -401,12 +404,12 @@ const Se = (e) => {
           "text-primary": l
         },
         e === "filled" && {
-          "text-primary": !l && !!n,
-          "text-on-primary": l || !n
+          "text-primary": !l && !!r,
+          "text-on-primary": l || !r
         },
         e === "tonal" && {
-          "text-on-surface-variant": !l && !!n,
-          "text-on-secondary-container": l || !n
+          "text-on-surface-variant": !l && !!r,
+          "text-on-secondary-container": l || !r
         },
         e === "outlined" && {
           "text-on-surface-variant": !l,
@@ -416,17 +419,17 @@ const Se = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Ue = K(
+), Ue = G(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
-    progressIndicator: f(
+    progressIndicator: d(
       (e === "linear-determinate" || e == "linear-indeterminate") && "flex w-full h-1"
     ),
-    track: f("h-full rounded-full bg-primary rounded-l-full", {
+    track: d("h-full rounded-full bg-primary rounded-l-full", {
       "max-h-0": !t,
       "max-h-full": t
     }),
-    activeIndicator: f(
+    activeIndicator: d(
       {
         "max-h-0": !t,
         "max-h-full": t
@@ -440,7 +443,7 @@ const Se = (e) => {
         }
       ]
     ),
-    stop: f(
+    stop: d(
       "absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",
       {
         "max-h-0": !t,
@@ -448,43 +451,43 @@ const Se = (e) => {
       }
     )
   })
-), je = K(
+), je = G(
   "slider",
   ({ isChanging: e }) => ({
-    slider: f([
+    slider: d([
       "relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer"
     ]),
-    activeTrack: f([
+    activeTrack: d([
       "h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "
     ]),
-    inactiveTrack: f([
+    inactiveTrack: d([
       "h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"
     ]),
-    handle: f([
+    handle: d([
       "transform transition-all duration-100 bg-primary h-full rounded-full ",
       { "w-0.5": e, "w-1": !e }
     ]),
-    valueIndicator: f([
+    valueIndicator: d([
       "absolute select-none bg-inverse-surface text-inverse-on-surface py-3 px-4 text-label-large rounded-full bottom-[calc(100%+4px)] transform left-1/2 -translate-x-1/2"
     ]),
-    dot: f([
+    dot: d([
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Fe = K(
+), Fe = G(
   "snackbar",
   () => ({
-    snackbar: f(" rounded bg-inverse-surface "),
-    container: f(
+    snackbar: d(" rounded bg-inverse-surface "),
+    container: d(
       "pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"
     ),
-    supportingText: f("text-body-medium text-inverse-on-surface "),
-    icon: f(" ml-auto mr-0 text-inverse-on-surface block dark")
+    supportingText: d("text-body-medium text-inverse-on-surface "),
+    icon: d(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), Xe = K(
+), Xe = G(
   "switch",
-  ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
-    switch: f(
+  ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
+    switch: d(
       "group w-[52px] h-[32px] outline-none rounded-full  border-2 flex items-center",
       { "bg-on-surface/[0.12] border-transparent": t },
       !t && [
@@ -495,15 +498,15 @@ const Se = (e) => {
       // { 'justify-start': !isSelected },
       // { 'justify-end': isSelected },
     ),
-    handleContainer: f(
+    handleContainer: d(
       "flex items-center justify-center absolute",
       { "left-[14px]": !e },
       { "right-[14px]": e }
     ),
-    handle: f(
+    handle: d(
       "transition-all duration-100  z-10 rounded-full  flex items-center justify-center",
-      { "w-[16px] h-[16px]": !e && !n },
-      { "w-[24px] h-[24px]": !(!e && !n) },
+      { "w-[16px] h-[16px]": !e && !r },
+      { "w-[24px] h-[24px]": !(!e && !r) },
       !t && [
         "cursor-pointer group-active:h-[28px] group-active:w-[28px]",
         { "bg-on-primary group-hover:bg-primary-container": e },
@@ -511,11 +514,11 @@ const Se = (e) => {
       ],
       { "bg-surface": t }
     ),
-    handleStateLayer: f(
+    handleStateLayer: d(
       "w-[40px] h-[40px] -z-10 rounded-full absolute",
       { "group-state-primary": !t }
     ),
-    icon: f(
+    icon: d(
       "w-[16px] h-[16px]",
       !t && [
         { "text-on-primary-container": e },
@@ -524,16 +527,16 @@ const Se = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), Oe = K(
+), Oe = G(
   "tab",
-  ({ isSelected: e, icon: t, label: n, variant: l }) => ({
-    tab: f(
+  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
+    tab: d(
       "bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
       { "z-10": e },
-      !!(t && n) && l === "primary" && "h-16",
-      !(t && n && l === "primary") && "h-12"
+      !!(t && r) && l === "primary" && "h-16",
+      !(t && r && l === "primary") && "h-12"
     ),
-    stateLayer: f(
+    stateLayer: d(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
       l === "primary" && {
         "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface": !e,
@@ -541,21 +544,21 @@ const Se = (e) => {
       },
       l === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
     ),
-    content: f(
+    content: d(
       "flex  gap-0.5 h-full justify-center",
       {
         relative: l == "primary"
       },
       {
-        "": !!(n && !t)
+        "": !!(r && !t)
       },
       l === "primary" && "flex-col items-center",
       l === "secondary" && {
-        "flex-col items-center": !(n && t),
-        "flex-row items-center gap-2": !!(n && t)
+        "flex-col items-center": !(r && t),
+        "flex-row items-center gap-2": !!(r && t)
       }
     ),
-    icon: f(
+    icon: d(
       "h-6 w-6 p-0.5 !box-border",
       l === "primary" && {
         "text-on-surface-variant": !e,
@@ -566,7 +569,7 @@ const Se = (e) => {
         "text-on-surface": e
       }
     ),
-    label: f(
+    label: d(
       "text-title-small  text-nowrap",
       l === "primary" && {
         "text-on-surface-variant": !e,
@@ -577,45 +580,45 @@ const Se = (e) => {
         "text-on-surface": e
       }
     ),
-    underline: f(
+    underline: d(
       "bg-primary  absolute w-full left-0 bottom-0",
       l === "primary" && "h-[3px] rounded-t",
       l === "secondary" && "h-0.5"
     )
   })
-), qe = K(
+), qe = G(
   "tabs",
   ({ scrollable: e }) => ({
-    tabs: f(
+    tabs: d(
       "border-b border-surface-container-highest",
       "flex relative ",
       { "overflow-x-auto": e }
     )
   })
-), He = K(
+), He = G(
   "textField",
   ({
     disabled: e,
     leadingIcon: t,
-    trailingIcon: n,
+    trailingIcon: r,
     variant: l,
-    errorText: r,
-    isFocused: i,
-    value: c,
+    errorText: n,
+    isFocused: s,
+    value: i,
     suffix: a,
-    textLine: o
+    textLine: f
   }) => ({
-    textField: f({
+    textField: d({
       "opacity-[.38]": e
     }),
-    content: f(
+    content: d(
       "group  transition-border duration-200 relative  flex  items-center ",
-      { "h-14": o == "singleLine" },
+      { "h-14": f == "singleLine" },
       {
-        "border-on-surface-variant": !(r != null && r.length) && !i && l == "filled",
-        "border-outline": !(r != null && r.length) && !i && l == "outlined",
-        "border-primary": !(r != null && r.length) && i,
-        "border-error": !!(r != null && r.length)
+        "border-on-surface-variant": !(n != null && n.length) && !s && l == "filled",
+        "border-outline": !(n != null && n.length) && !s && l == "outlined",
+        "border-primary": !(n != null && n.length) && s,
+        "border-error": !!(n != null && n.length)
       },
       { "bg-on-surface/[0.04]": e },
       l == "filled" && [
@@ -625,28 +628,28 @@ const Se = (e) => {
       l == "outlined" && [
         "border rounded box-border",
         {
-          "border-[3px]": i
+          "border-[3px]": s
         }
       ]
     ),
-    stateLayer: f(
+    stateLayer: d(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
         hidden: l == "outlined"
       },
       {
         "group-state-on-surface": !e,
-        "focus-state-on-surface": i
+        "focus-state-on-surface": s
       }
     ),
-    label: f(
+    label: d(
       "inline-flex outline-none  whitespace-nowrap",
-      { "text-on-surface-variant": !e && !(r != null && r.length) },
+      { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
-      { "text-error": !!(r != null && r.length) },
-      { "text-primary": !(r != null && r.length) && i }
+      { "text-error": !!(n != null && n.length) },
+      { "text-primary": !(n != null && n.length) && s }
     ),
-    input: f(
+    input: d(
       "w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
       {
         " text-on-surface placeholder:text-on-surface-variant": !e,
@@ -658,39 +661,39 @@ const Se = (e) => {
       l == "filled" && " pb-2 pt-6",
       l == "outlined" && "py-4 relative z-10"
     ),
-    activeIndicator: f(
+    activeIndicator: d(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
       l == "filled" && [
         "h-[2px] transition-all duration-300",
-        { "bg-primary": !(r != null && r.length) },
-        { "bg-error": !!(r != null && r.length) },
-        { "!w-full": i }
+        { "bg-primary": !(n != null && n.length) },
+        { "bg-error": !!(n != null && n.length) },
+        { "!w-full": s }
       ]
     ),
-    supportingText: f(
+    supportingText: d(
       " text-body-small px-4 pt-1",
-      { "text-on-surface-variant": !e && !(r != null && r.length) },
+      { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
-      { "!w-full": i },
-      { "text-error": !!(r != null && r.length) }
+      { "!w-full": s },
+      { "text-error": !!(n != null && n.length) }
     ),
-    leadingIcon: f([
+    leadingIcon: d([
       "h-12 ml-3 flex items-center justify-center",
-      { "cursor-text": !_.isValidElement(t) }
+      { "cursor-text": !Y.isValidElement(t) }
     ]),
-    trailingIcon: f("h-12 w-12 flex items-center justify-center", {
-      "cursor-text": !_.isValidElement(n)
+    trailingIcon: d("h-12 w-12 flex items-center justify-center", {
+      "cursor-text": !Y.isValidElement(r)
     }),
-    suffix: f(
+    suffix: d(
       "text-on-surface-variant pl-0 pr-4",
       l == "filled" && " pb-2 pt-6",
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), Ke = K(
+), Ke = G(
   "toolTip",
   ({ position: e, variant: t }) => ({
-    toolTip: f(
+    toolTip: d(
       " pointer-events-auto w-max z-10  absolute  m-1 w-max-content max-w-[312px]",
       {
         "bottom-full left-1/2 -translate-x-1/2": e == "top",
@@ -703,23 +706,63 @@ const Se = (e) => {
         "top-full left-full": e == "bottom-right"
       }
     ),
-    container: f(
+    container: d(
       "pb-2",
       t == "rich" && "bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",
       t == "plain" && "bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"
     ),
-    actions: f(
+    actions: d(
       "flex gap-10 px-1 mt-2",
       t == "plain" && "hidden"
     ),
-    subHead: f(
+    subHead: d(
       "text-title-small mb-1",
       t == "plain" && "hidden"
     ),
-    supportingText: f("")
+    supportingText: d("")
   })
-), Q = ({ icon: e, colors: t = [], className: n }) => {
-  const { icon: l } = e, [r, i, , , c] = l || [], a = (o) => {
+), Q = ({ icon: e, colors: t = [], className: r }) => {
+  if (typeof e == "string") {
+    let o = e;
+    return t[0] && (o = o.replace(
+      /<svg([^>]*)>/,
+      `<svg$1 fill="${t[0]}" color="${t[0]}">`
+    ), o = o.replace(
+      /<path([^>]*?)>/g,
+      '<path$1 fill="currentColor">'
+    )), /* @__PURE__ */ u(
+      "div",
+      {
+        className: d(
+          "size-5 box-content inline-flex fill-current",
+          r
+        ),
+        style: { color: t[0] || "inherit" },
+        dangerouslySetInnerHTML: { __html: o }
+      }
+    );
+  }
+  if (e && typeof e == "object" && "src" in e) {
+    const o = e;
+    return /* @__PURE__ */ u(
+      "img",
+      {
+        src: o.src,
+        width: o.width,
+        height: o.height,
+        className: d("size-5 box-content", r),
+        style: {
+          filter: t[0] ? "brightness(0) saturate(100%) invert(1)" : void 0
+        },
+        alt: "",
+        "aria-hidden": "true"
+      }
+    );
+  }
+  const l = e;
+  if (!(l != null && l.prefix))
+    throw new Error(`Invalid icon type: ${typeof e}`);
+  const { icon: n } = l, [s, i, , , a] = n || [], f = (o) => {
     switch (o.length) {
       case 2:
         return {
@@ -735,76 +778,74 @@ const Se = (e) => {
   return /* @__PURE__ */ u(
     "svg",
     {
-      className: f("size-5 box-content", n),
-      style: {
-        ...a(t)
-      },
+      className: d("size-5 box-content", r),
+      style: { ...f(t) },
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${r} ${i}`,
+      viewBox: `0 0 ${s} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof c == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: c }) : c.map((o, d) => /* @__PURE__ */ u("path", { d: o }, d))
+      children: typeof a == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: a }) : a.map((o, p) => /* @__PURE__ */ u("path", { d: o }, p))
     }
   );
 }, Ge = ({
   variant: e = "linear-determinate",
   value: t = 0,
-  transitionDuration: n = 1e3,
+  transitionDuration: r = 1e3,
   className: l,
-  ...r
+  ...n
 }) => {
-  const [i, c] = R(t), [a] = R(1.5);
-  $(() => {
-    t > 100 && (t = 100), t < 0 && (t = 0), c(t);
+  const [s, i] = S(t), [a] = S(1.5);
+  D(() => {
+    t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [o, d] = R(!0), h = () => o ? a : a * 0.5;
-  $(() => {
-    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && i !== 100) {
+  const [f, o] = S(!0), p = () => f ? a : a * 0.5;
+  D(() => {
+    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && s !== 100) {
       const v = setInterval(() => {
-        c(o ? 10 : 90), d(!o);
-      }, h() * 1e3);
+        i(f ? 10 : 90), o(!f);
+      }, p() * 1e3);
       return () => clearInterval(v);
     }
-  }, [e, o, i]);
-  const [g, s] = R(!1);
-  $(() => {
-    if (i >= 100) {
+  }, [e, f, s]);
+  const [h, c] = S(!1);
+  D(() => {
+    if (s >= 100) {
       const v = setTimeout(() => {
-        s(!1);
-      }, n);
+        c(!1);
+      }, r);
       return () => {
         clearTimeout(v);
       };
     } else
-      s(!0);
-  }, [i, n]);
-  const p = Ue({
+      c(!0);
+  }, [s, r]);
+  const y = Ue({
     className: l,
     variant: e,
     value: t,
-    transitionDuration: n,
-    isVisible: g
+    transitionDuration: r,
+    isVisible: h
   });
   return /* @__PURE__ */ U(re, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className: p.progressIndicator, ...r, children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className: y.progressIndicator, ...n, children: [
       /* @__PURE__ */ u(
         "div",
         {
           style: {
-            width: `${i}%`,
-            transition: `width ${n}ms ease-in-out ${i == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
+            width: `${s}%`,
+            transition: `width ${r}ms ease-in-out ${s == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
-          className: p.track
+          className: y.track
         }
       ),
       /* @__PURE__ */ u(
         "div",
         {
           style: {
-            marginLeft: i != 100 ? "6px" : "0px",
-            transition: `width ${n}ms ease-in-out ${i == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
+            marginLeft: s != 100 ? "6px" : "0px",
+            transition: `width ${r}ms ease-in-out ${s == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r / 1.5}ms` : ""}`
           },
-          className: p.activeIndicator
+          className: y.activeIndicator
         }
       ),
       /* @__PURE__ */ u(
@@ -812,9 +853,9 @@ const Se = (e) => {
         {
           style: {
             width: "4 px",
-            transition: `width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
+            transition: `width ${r}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
           },
-          className: p.stop
+          className: y.stop
         }
       )
     ] }),
@@ -828,50 +869,50 @@ const Se = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: h(),
+          duration: p(),
           ease: "linear"
         },
-        className: p.progressIndicator,
-        ...r,
+        className: y.progressIndicator,
+        ...n,
         children: /* @__PURE__ */ u(
           j.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: g ? "calc(50% - 2px)" : "50%",
+            r: h ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
             initial: "hidden",
             animate: "visible",
-            className: p.activeIndicator,
+            className: y.activeIndicator,
             variants: {
               hidden: {
-                pathLength: o ? 10 / 100 : 90 / 100
+                pathLength: f ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: o ? 90 / 100 : 10 / 100
+                pathLength: f ? 90 / 100 : 10 / 100
               }
             },
             transition: {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: h(),
+                duration: p(),
                 bounce: 0
               }
             }
           }
         )
       },
-      o + ""
+      f + ""
     )
   ] });
 }, ne = ({
   colorName: e = "on-surface",
   triggerRef: t
 }) => {
-  const n = {
+  const r = {
     initial: {
       opacity: 0,
       borderRadius: "50%",
@@ -888,28 +929,28 @@ const Se = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, r] = R(!0), [i, c] = R(!1), [a, o] = R({ x: 0, y: 0 });
-  $(() => {
-    i && (r(!0), r(!1));
-  }, [i]), $(() => {
-    const s = t == null ? void 0 : t.current;
-    if (s)
-      return s.addEventListener("mousedown", d), s.addEventListener("mouseup", g), s.addEventListener("mouseleave", h), () => {
-        s.removeEventListener("mousedown", d), s.removeEventListener("mouseup", g), s.removeEventListener("mouseleave", h);
+  }, [l, n] = S(!0), [s, i] = S(!1), [a, f] = S({ x: 0, y: 0 });
+  D(() => {
+    s && (n(!0), n(!1));
+  }, [s]), D(() => {
+    const c = t == null ? void 0 : t.current;
+    if (c)
+      return c.addEventListener("mousedown", o), c.addEventListener("mouseup", h), c.addEventListener("mouseleave", p), () => {
+        c.removeEventListener("mousedown", o), c.removeEventListener("mouseup", h), c.removeEventListener("mouseleave", p);
       };
   }, [t]);
-  const d = (s) => {
-    const p = t == null ? void 0 : t.current, v = p.getBoundingClientRect();
-    c(!0), o({
-      x: (s.clientX - v.left) / p.clientWidth * 100,
-      y: (s.clientY - v.top) / p.clientHeight * 100
+  const o = (c) => {
+    const y = t == null ? void 0 : t.current, v = y.getBoundingClientRect();
+    i(!0), f({
+      x: (c.clientX - v.left) / y.clientWidth * 100,
+      y: (c.clientY - v.top) / y.clientHeight * 100
     });
-  }, h = (s) => {
-    c(!1);
-  }, g = (s) => {
-    c(!1);
+  }, p = (c) => {
+    i(!1);
+  }, h = (c) => {
+    i(!1);
   };
-  return /* @__PURE__ */ u(z, { mode: "wait", children: (i || !i && !l) && /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(z, { mode: "wait", children: (s || !s && !l) && /* @__PURE__ */ u(
     j.div,
     {
       style: {
@@ -921,26 +962,26 @@ const Se = (e) => {
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
-      variants: n,
+      variants: r,
       initial: "initial",
       animate: "animate",
       exit: { opacity: 0, transition: { duration: 0 } },
-      onAnimationComplete: () => r(!0),
+      onAnimationComplete: () => n(!0),
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, Ye = K(
+}, _e = G(
   "customScroll",
-  ({ orientation: e, draggable: t, isDragging: n }) => ({
-    customScroll: f(
+  ({ orientation: e, draggable: t, isDragging: r }) => ({
+    customScroll: d(
       "flex h-full w-full",
       t && [
         "[&::-webkit-scrollbar-track]:rounded-full",
         "[&::-webkit-scrollbar-track]:bg-transparent",
         "[&::-webkit-scrollbar-thumb]:rounded-full",
         {
-          "[&::-webkit-scrollbar-thumb]:bg-outline": n,
-          "[&::-webkit-scrollbar-thumb]:bg-transparent": !n
+          "[&::-webkit-scrollbar-thumb]:bg-outline": r,
+          "[&::-webkit-scrollbar-thumb]:bg-transparent": !r
         },
         { "[&::-webkit-scrollbar]:h-2": e === "horizontal" },
         { "[&::-webkit-scrollbar]:w-2": e === "vertical" }
@@ -948,11 +989,11 @@ const Se = (e) => {
       {
         "overflow-y-scroll flex-col": e === "vertical",
         "overflow-x-scroll  flex-row": e === "horizontal",
-        "cursor-grab": t && !n,
-        "cursor-grabbing": t && n
+        "cursor-grab": t && !r,
+        "cursor-grabbing": t && r
       }
     ),
-    track: f("overflow-hidden flex-none sticky", {
+    track: d("overflow-hidden flex-none sticky", {
       "left-0 h-full": e === "horizontal",
       "top-0 w-full": e === "vertical"
     })
@@ -960,152 +1001,152 @@ const Se = (e) => {
 ), he = ({
   children: e,
   orientation: t = "vertical",
-  scrollSize: n,
+  scrollSize: r,
   onScroll: l,
-  className: r,
-  draggable: i = !1,
-  throttleDuration: c = 75
+  className: n,
+  draggable: s = !1,
+  throttleDuration: i = 75
 }) => {
-  var D, F;
-  const a = V(null), o = V(null), [d, h] = R({
+  var $, F;
+  const a = V(null), f = V(null), [o, p] = S({
     width: null,
     height: null
   });
-  $(() => {
+  D(() => {
     if (!a.current) return;
-    const k = new ResizeObserver((X) => {
+    const M = new ResizeObserver((X) => {
       for (const O of X)
-        O.target === a.current && h({
+        O.target === a.current && p({
           width: O.contentRect.width,
           height: O.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return k.observe(a.current), () => {
-      k.disconnect();
+    return M.observe(a.current), () => {
+      M.disconnect();
     };
   }, [a]);
-  const g = V(null), s = V(null), p = () => {
-    const k = o.current;
-    return k ? {
-      width: n ?? k.scrollWidth,
-      height: n ?? k.scrollHeight
+  const h = V(null), c = V(null), y = () => {
+    const M = f.current;
+    return M ? {
+      width: r ?? M.scrollWidth,
+      height: r ?? M.scrollHeight
     } : null;
   }, v = () => {
-    const k = a.current;
-    return k ? {
-      width: k.clientWidth,
-      height: k.clientHeight
+    const M = a.current;
+    return M ? {
+      width: M.clientWidth,
+      height: M.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: b, scrollXProgress: L } = Le({
+  }, { scrollYProgress: L, scrollXProgress: N } = Le({
     container: a
-  }), I = V(null);
-  I.current || (I.current = Ee(
-    c,
-    (k, X) => {
-      !s.current || !g.current || l && (t === "horizontal" && X === "x" && l({
-        scrollProgress: k,
-        scroll: k * g.current.width,
-        scrollTotal: g.current.width,
-        scrollVisible: s.current.width
+  }), E = V(null);
+  E.current || (E.current = Ee(
+    i,
+    (M, X) => {
+      !c.current || !h.current || l && (t === "horizontal" && X === "x" && l({
+        scrollProgress: M,
+        scroll: M * h.current.width,
+        scrollTotal: h.current.width,
+        scrollVisible: c.current.width
       }), t === "vertical" && X === "y" && l({
-        scrollProgress: k,
-        scroll: k * g.current.height,
-        scrollTotal: g.current.height,
-        scrollVisible: s.current.height
+        scrollProgress: M,
+        scroll: M * h.current.height,
+        scrollTotal: h.current.height,
+        scrollVisible: c.current.height
       }));
     }
   ));
-  const w = (k, X) => {
-    I.current && I.current(k, X);
+  const w = (M, X) => {
+    E.current && E.current(M, X);
   };
-  $(() => {
-    d.width && w(L.get(), "x"), d.height && w(b.get(), "y");
-  }, [d]), se(L, "change", (k) => {
-    w(k, "x");
-  }), se(b, "change", (k) => {
-    w(k, "y");
+  D(() => {
+    o.width && w(N.get(), "x"), o.height && w(L.get(), "y");
+  }, [o]), se(N, "change", (M) => {
+    w(M, "x");
+  }), se(L, "change", (M) => {
+    w(M, "y");
   });
-  const [B, N] = R(!1);
+  const [B, b] = S(!1);
   fe(() => {
-    B || !s.current || !g.current || !l || (l({
+    B || !c.current || !h.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? g.current.height : g.current.width,
-      scrollVisible: t == "vertical" ? s.current.height : s.current.width
-    }), N(!0));
-  }, [s, g, l]), g.current = p(), s.current = v();
-  const [E, S] = R(!1), P = Ye({
-    isDragging: E,
+      scrollTotal: t == "vertical" ? h.current.height : h.current.width,
+      scrollVisible: t == "vertical" ? c.current.height : c.current.width
+    }), b(!0));
+  }, [c, h, l]), h.current = y(), c.current = v();
+  const [I, R] = S(!1), P = _e({
+    isDragging: I,
     children: e,
-    className: r,
+    className: n,
     onScroll: l,
     orientation: t,
-    scrollSize: n,
-    draggable: i,
-    throttleDuration: c
-  }), [W, M] = R(0), [m, C] = R(0), Y = (k) => {
-    if (!i) return;
+    scrollSize: r,
+    draggable: s,
+    throttleDuration: i
+  }), [W, k] = S(0), [m, C] = S(0), q = (M) => {
+    if (!s) return;
     const X = a.current;
     if (!X || W == null) return;
-    const J = (k.pageX - X.offsetLeft - W) * 1.5;
+    const J = (M.pageX - X.offsetLeft - W) * 1.5;
     X.scrollLeft = m - J;
-  }, H = (k) => {
+  }, K = (M) => {
     const X = a.current;
-    X && (S(!0), M(k.pageX - X.offsetLeft), C(X.scrollLeft));
-  }, Z = (k) => {
-    E && (k.preventDefault(), Y(k));
-  }, q = () => {
-    S(!1);
+    X && (R(!0), k(M.pageX - X.offsetLeft), C(X.scrollLeft));
+  }, Z = (M) => {
+    I && (M.preventDefault(), q(M));
+  }, H = () => {
+    R(!1);
   }, A = () => {
-    S(!1);
-  }, x = (k) => {
-    k.preventDefault();
-  }, y = V(null);
-  return $(() => () => {
-    y.current && clearTimeout(y.current);
+    R(!1);
+  }, g = (M) => {
+    M.preventDefault();
+  }, x = V(null);
+  return D(() => () => {
+    x.current && clearTimeout(x.current);
   }, []), /* @__PURE__ */ U(
     "div",
     {
       className: P.customScroll,
       ref: a,
-      onMouseDown: H,
+      onMouseDown: K,
       onMouseMove: Z,
-      onMouseUp: q,
+      onMouseUp: H,
       onMouseLeave: A,
-      onDragStart: x,
-      onScroll: (k) => {
-        E || (M(null), S(!0), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
-          S(!1);
+      onDragStart: g,
+      onScroll: (M) => {
+        I || (k(null), R(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+          R(!1);
         }, 1e3));
       },
       children: [
         /* @__PURE__ */ u(
           "div",
           {
-            ref: o,
-            style: t === "vertical" ? { height: ((D = s == null ? void 0 : s.current) == null ? void 0 : D.height) ?? "100%" } : { width: ((F = s == null ? void 0 : s.current) == null ? void 0 : F.width) ?? "100%" },
+            ref: f,
+            style: t === "vertical" ? { height: (($ = c == null ? void 0 : c.current) == null ? void 0 : $.height) ?? "100%" } : { width: ((F = c == null ? void 0 : c.current) == null ? void 0 : F.width) ?? "100%" },
             className: P.track,
             children: e
           }
         ),
-        s.current && g.current && /* @__PURE__ */ U(re, { children: [
-          t === "vertical" && g.current.height > s.current.height && /* @__PURE__ */ u(
+        c.current && h.current && /* @__PURE__ */ U(re, { children: [
+          t === "vertical" && h.current.height > c.current.height && /* @__PURE__ */ u(
             j.div,
             {
               className: "flex-none",
               style: {
-                height: g.current.height - s.current.height
+                height: h.current.height - c.current.height
               }
             }
           ),
-          t === "horizontal" && g.current.width > s.current.width && /* @__PURE__ */ u(
+          t === "horizontal" && h.current.width > c.current.width && /* @__PURE__ */ u(
             j.div,
             {
               className: "flex-none",
               style: {
-                width: g.current.width - s.current.width
+                width: h.current.width - c.current.width
               }
             }
           )
@@ -1116,57 +1157,57 @@ const Se = (e) => {
 }, yt = ({
   children: e,
   transition: t = ".5s",
-  orientation: n = "vertical",
+  orientation: r = "vertical",
   throttleDuration: l = 25,
-  ...r
+  ...n
 }) => {
-  const [i, c] = R(null), a = me((i == null ? void 0 : i.scrollProgress) ?? 0), o = oe(
+  const [s, i] = S(null), a = me((s == null ? void 0 : s.scrollProgress) ?? 0), f = oe(
     a,
     [0, 1],
-    [0, 1 - ((i == null ? void 0 : i.scrollVisible) ?? 0) / ((i == null ? void 0 : i.scrollTotal) ?? 0)]
-  ), d = oe(
-    o,
-    (s) => `${-s * 100}%`
-  ), h = (s) => {
-    a.set(s.scrollProgress), s.scrollTotal > 0 && c(s);
-  }, g = V(null);
-  return se(d, "change", (s) => {
-    const p = performance.now();
-    if (g.current !== null) {
-      const v = p - g.current;
+    [0, 1 - ((s == null ? void 0 : s.scrollVisible) ?? 0) / ((s == null ? void 0 : s.scrollTotal) ?? 0)]
+  ), o = oe(
+    f,
+    (c) => `${-c * 100}%`
+  ), p = (c) => {
+    a.set(c.scrollProgress), c.scrollTotal > 0 && i(c);
+  }, h = V(null);
+  return se(o, "change", (c) => {
+    const y = performance.now();
+    if (h.current !== null) {
+      const v = y - h.current;
       console.log(`Delta temps : ${v} ms`);
     }
-    g.current = p, console.log(s);
+    h.current = y, console.log(c);
   }), /* @__PURE__ */ u(
     he,
     {
-      onScroll: h,
+      onScroll: p,
       throttleDuration: l,
-      ...r,
+      ...n,
       children: /* @__PURE__ */ u(
         j.div,
         {
-          className: f("transition-transform  ease-out", {
-            "w-fit h-full": n === "horizontal",
-            "h-fit w-full": n === "vertical"
+          className: d("transition-transform  ease-out", {
+            "w-fit h-full": r === "horizontal",
+            "h-fit w-full": r === "vertical"
           }),
           style: {
             transitionDuration: t,
-            ...n == "vertical" ? { y: d } : { x: d }
+            ...r == "vertical" ? { y: o } : { x: o }
           },
           children: e
         }
       )
     }
   );
-}, _e = ({
+}, Ye = ({
   targetRef: e,
   children: t
 }) => {
-  const [n, l] = R(null), r = V(null), i = () => {
-    const c = e.current;
-    if (!c) return;
-    const a = c.getBoundingClientRect();
+  const [r, l] = S(null), n = V(null), s = () => {
+    const i = e.current;
+    if (!i) return;
+    const a = i.getBoundingClientRect();
     l({
       position: "fixed",
       top: a.top,
@@ -1179,97 +1220,99 @@ const Se = (e) => {
       // personnalise si besoin
     });
   };
-  return $(() => {
-    const c = e.current;
-    if (c)
-      return i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), r.current = new ResizeObserver(i), r.current.observe(c), () => {
+  return D(() => {
+    const i = e.current;
+    if (i)
+      return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), n.current = new ResizeObserver(s), n.current.observe(i), () => {
         var a;
-        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i), (a = r.current) == null || a.disconnect();
+        window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), (a = n.current) == null || a.disconnect();
       };
-  }, [e]), n ? Ie(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
+  }, [e]), r ? Ie(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
 }, Ze = ({
   variant: e = "filled",
   disabled: t = !1,
-  icon: n,
+  icon: r,
   href: l,
-  label: r,
+  label: n,
+  disableTextMargins: s,
   className: i,
-  iconPosition: c = "left",
-  loading: a = !1,
+  iconPosition: a = "left",
+  loading: f = !1,
   shape: o = "rounded",
-  onClick: d,
+  onClick: p,
   onToggle: h,
-  activated: g,
-  ref: s,
-  size: p = "medium",
-  allowShapeTransformation: v = !0,
-  transition: b,
-  children: L,
-  ...I
+  activated: c,
+  ref: y,
+  size: v = "medium",
+  allowShapeTransformation: L = !0,
+  transition: N,
+  children: E,
+  ...w
 }) => {
-  if (L && (r = L), !r)
+  if (E && (n = E), !n)
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const w = l ? "a" : "button", B = V(null), N = s || B, [E, S] = _.useState(g);
-  $(() => {
-    S(g);
-  }, [g]), b = { duration: 0.3, ...b };
-  let P;
-  h ? h && (P = (m) => {
-    t && m.preventDefault();
-    const C = !E;
-    S(C), h(C);
-  }) : P = (m) => {
-    t && m.preventDefault(), d && d(m);
+  const B = l ? "a" : "button", b = V(null), I = y || b, [R, P] = Y.useState(c);
+  D(() => {
+    P(c);
+  }, [c]), N = { duration: 0.3, ...N };
+  let W;
+  h ? h && (W = (C) => {
+    t && C.preventDefault();
+    const q = !R;
+    P(q), h(q);
+  }) : W = (C) => {
+    t && C.preventDefault(), p && p(C);
   };
-  const W = Be({
-    allowShapeTransformation: v,
-    size: p,
+  const k = Ce({
+    allowShapeTransformation: L,
+    size: v,
+    disableTextMargins: s,
     shape: o,
     href: l,
     disabled: t,
-    icon: n,
-    iconPosition: c,
-    loading: a,
+    icon: r,
+    iconPosition: a,
+    loading: f,
     variant: e,
-    transition: b,
+    transition: N,
     className: i,
-    isActive: E ?? !1,
+    isActive: R ?? !1,
     onToggle: h,
-    activated: E,
-    label: r,
-    children: r
-  }), M = n ? /* @__PURE__ */ u(Q, { icon: n, className: W.icon }) : /* @__PURE__ */ u(re, {});
+    activated: R,
+    label: n,
+    children: n
+  }), m = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(re, {});
   return /* @__PURE__ */ U(
-    w,
+    B,
     {
-      ref: N,
+      ref: I,
       href: l,
-      className: W.button,
-      ...I,
-      onClick: P,
+      className: k.button,
+      ...w,
+      onClick: W,
       disabled: t,
-      "aria-pressed": h ? E : void 0,
-      style: { transition: b.duration + "s" },
+      "aria-pressed": h ? R : void 0,
+      style: { transition: N.duration + "s" },
       children: [
-        /* @__PURE__ */ u("div", { className: W.touchTarget }),
+        /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: W.stateLayer,
-            style: { transition: b.duration + "s" },
+            className: k.stateLayer,
+            style: { transition: N.duration + "s" },
             children: !t && /* @__PURE__ */ u(
               ne,
               {
                 colorName: e === "filled" && h && "on-surface-variant" || e === "filled" && !h && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
-                triggerRef: N
+                triggerRef: I
               }
             )
           }
         ),
-        c === "left" && M,
-        a && /* @__PURE__ */ u(
+        a === "left" && m,
+        f && /* @__PURE__ */ u(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
@@ -1278,7 +1321,7 @@ const Se = (e) => {
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
-                  activeIndicator: f(
+                  activeIndicator: d(
                     {
                       "!stroke-primary": e === "elevated" && !t,
                       "!stroke-on-surface/[38%]": e === "elevated" && t
@@ -1306,151 +1349,151 @@ const Se = (e) => {
             )
           }
         ),
-        /* @__PURE__ */ u("span", { className: W.label, children: r }),
-        c === "right" && M
+        /* @__PURE__ */ u("span", { className: k.label, children: n }),
+        a === "right" && m
       ]
     }
   );
 }, xt = ({
   variant: e = "outlined",
   className: t,
-  children: n,
+  children: r,
   isInteractive: l = !1,
-  ref: r,
-  ...i
+  ref: n,
+  ...s
 }) => {
-  const c = Ce({ className: t, isInteractive: l, variant: e, children: n }), a = V(null), o = r || a;
-  return /* @__PURE__ */ U("div", { ...i, ref: o, className: c.card, children: [
-    /* @__PURE__ */ u("div", { className: c.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: o }) }),
-    n
+  const i = Be({ className: t, isInteractive: l, variant: e, children: r }), a = V(null), f = n || a;
+  return /* @__PURE__ */ U("div", { ...s, ref: f, className: i.card, children: [
+    /* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: f }) }),
+    r
   ] });
-}, Je = (e, t, n = [0, 1]) => {
-  const [l, r] = t, [i, c] = n, o = (Math.max(l, Math.min(e, r)) - l) / (r - l);
-  return i + o * (c - i);
+}, Je = (e, t, r = [0, 1]) => {
+  const [l, n] = t, [s, i] = r, f = (Math.max(l, Math.min(e, n)) - l) / (n - l);
+  return s + f * (i - s);
 }, Qe = ({
   className: e,
   children: t,
-  width: n = 1,
+  width: r = 1,
   index: l = 0,
-  ref: r,
-  ...i
+  ref: n,
+  ...s
 }) => {
-  const c = V(null), a = r || c, o = We({
+  const i = V(null), a = n || i, f = We({
     className: e,
     index: l,
-    width: n,
+    width: r,
     children: t
   });
   return /* @__PURE__ */ u(
     j.div,
     {
       ref: a,
-      animate: { width: n + "px" },
+      animate: { width: r + "px" },
       transition: {
         duration: 0.5,
         ease: "linear"
       },
-      className: o.carouselItem,
-      ...i,
+      className: f.carouselItem,
+      ...s,
       children: t
     }
   );
 }, gt = ({
   variant: e = "hero",
   className: t,
-  children: n,
+  children: r,
   ref: l,
-  marginPourcent: r = 0,
-  inputRange: i = [0.21, 0.65],
-  outputRange: c = [42, 300],
+  marginPourcent: n = 0,
+  inputRange: s = [0.21, 0.65],
+  outputRange: i = [42, 300],
   gap: a = 8,
-  onChange: o,
-  scrollSensitivity: d = 1.25,
-  ...h
+  onChange: f,
+  scrollSensitivity: o = 1.25,
+  ...p
 }) => {
-  var q, A;
-  const g = V(null), s = l || g, p = De({
+  var H, A;
+  const h = V(null), c = l || h, y = $e({
     className: t,
-    children: n,
+    children: r,
     variant: e,
-    inputRange: i,
-    outputRange: c,
-    marginPourcent: r,
-    onChange: o,
+    inputRange: s,
+    outputRange: i,
+    marginPourcent: n,
+    onChange: f,
     gap: a,
-    scrollSensitivity: d
-  }), v = _.Children.toArray(n).filter(
-    (x) => _.isValidElement(x) && x.type === Qe
-  ), b = V(null), [L, I] = R([]), [w, B] = R(null), N = () => {
+    scrollSensitivity: o
+  }), v = Y.Children.toArray(r).filter(
+    (g) => Y.isValidElement(g) && g.type === Qe
+  ), L = V(null), [N, E] = S([]), [w, B] = S(null), b = () => {
     var X;
-    if (!b.current || !s.current || !w) return [];
-    const { scrollVisible: x, scrollProgress: y } = w;
-    function D(O, J) {
+    if (!L.current || !c.current || !w) return [];
+    const { scrollVisible: g, scrollProgress: x } = w;
+    function $(O, J) {
       return O.map(
         (T) => (T - J) / Math.abs(O[1] - O[0])
       );
     }
     let F = v.map((O, J) => {
-      if (!E[J].current || !b.current) return 0;
+      if (!I[J].current || !L.current) return 0;
       let te = J / (v.length - 1);
       return te > 1 && (te = 1), te < 0 && (te = 0), te;
     });
-    F = D(F, y);
-    let k = ((((X = s.current) == null ? void 0 : X.clientWidth) ?? x) - (c[0] + a)) / (c[1] + a);
+    F = $(F, x);
+    let M = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + a)) / (i[1] + a);
     return F.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
       J === 0 && P(O.originalIndex);
-      let T = Je(k, [0, 1], [0, c[1]]);
-      T < c[0] && (T = c[0]), k--, F[O.originalIndex] = T;
+      let T = Je(M, [0, 1], [0, i[1]]);
+      T < i[0] && (T = i[0]), M--, F[O.originalIndex] = T;
     }), F;
-  }, E = V([]).current, [S, P] = R(0);
-  $(() => {
-    o && o(S);
-  }, [S]), E.length !== v.length && v.forEach((x, y) => {
-    E[y] || (E[y] = _.createRef());
+  }, I = V([]).current, [R, P] = S(0);
+  D(() => {
+    f && f(R);
+  }, [R]), I.length !== v.length && v.forEach((g, x) => {
+    I[x] || (I[x] = Y.createRef());
   });
-  const W = v.map((x, y) => _.cloneElement(
-    x,
+  const W = v.map((g, x) => Y.cloneElement(
+    g,
     {
-      width: L[y],
-      ref: E[y],
-      key: y,
-      index: y
+      width: N[x],
+      ref: I[x],
+      key: x,
+      index: x
     }
-  )), M = me((w == null ? void 0 : w.scrollProgress) ?? 0), m = oe(
-    M,
+  )), k = me((w == null ? void 0 : w.scrollProgress) ?? 0), m = oe(
+    k,
     [0, 1],
     [
       0,
-      1 - (((q = s.current) == null ? void 0 : q.clientWidth) ?? 0) / (((A = b == null ? void 0 : b.current) == null ? void 0 : A.clientWidth) ?? 0)
+      1 - (((H = c.current) == null ? void 0 : H.clientWidth) ?? 0) / (((A = L == null ? void 0 : L.current) == null ? void 0 : A.clientWidth) ?? 0)
     ]
   ), C = oe(
     m,
-    (x) => `${-x * 100}%`
-  ), Y = (x) => {
-    x.scrollTotal > 0 && B(x);
+    (g) => `${-g * 100}%`
+  ), q = (g) => {
+    g.scrollTotal > 0 && B(g);
   };
-  $(() => {
-    const x = N();
-    I(x);
+  D(() => {
+    const g = b();
+    E(g);
   }, [w]);
-  const [H, Z] = R(0);
+  const [K, Z] = S(0);
   return fe(() => {
-    let x = c[1];
-    w && x > w.scrollVisible && (x = w.scrollVisible);
-    const y = (x + a) * W.length / d;
-    Z(y);
-  }, [s, E, w]), /* @__PURE__ */ u("div", { className: p.carousel, ref: s, ...h, children: /* @__PURE__ */ u(
+    let g = i[1];
+    w && g > w.scrollVisible && (g = w.scrollVisible);
+    const x = (g + a) * W.length / o;
+    Z(x);
+  }, [c, I, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
     he,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: Y,
-      scrollSize: H,
+      onScroll: q,
+      scrollSize: K,
       children: /* @__PURE__ */ u(
         j.div,
         {
-          className: p.track,
-          ref: b,
+          className: y.track,
+          ref: L,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
@@ -1465,15 +1508,15 @@ const Se = (e) => {
 }, wt = ({
   orientation: e = "horizontal",
   className: t,
-  ...n
+  ...r
 }) => {
-  const l = Pe({ orientation: e, className: t });
-  return /* @__PURE__ */ u("hr", { className: l.divider, ...n });
-}, G = [];
+  const l = De({ orientation: e, className: t });
+  return /* @__PURE__ */ u("hr", { className: l.divider, ...r });
+}, _ = [];
 for (let e = 0; e < 256; ++e)
-  G.push((e + 256).toString(16).slice(1));
+  _.push((e + 256).toString(16).slice(1));
 function Ae(e, t = 0) {
-  return (G[e[t + 0]] + G[e[t + 1]] + G[e[t + 2]] + G[e[t + 3]] + "-" + G[e[t + 4]] + G[e[t + 5]] + "-" + G[e[t + 6]] + G[e[t + 7]] + "-" + G[e[t + 8]] + G[e[t + 9]] + "-" + G[e[t + 10]] + G[e[t + 11]] + G[e[t + 12]] + G[e[t + 13]] + G[e[t + 14]] + G[e[t + 15]]).toLowerCase();
+  return (_[e[t + 0]] + _[e[t + 1]] + _[e[t + 2]] + _[e[t + 3]] + "-" + _[e[t + 4]] + _[e[t + 5]] + "-" + _[e[t + 6]] + _[e[t + 7]] + "-" + _[e[t + 8]] + _[e[t + 9]] + "-" + _[e[t + 10]] + _[e[t + 11]] + _[e[t + 12]] + _[e[t + 13]] + _[e[t + 14]] + _[e[t + 15]]).toLowerCase();
 }
 let ae;
 const ze = new Uint8Array(16);
@@ -1486,12 +1529,12 @@ function Te() {
   return ae(ze);
 }
 const et = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = { randomUUID: et };
-function ce(e, t, n) {
-  var r;
+function ce(e, t, r) {
+  var n;
   if (ie.randomUUID && !e)
     return ie.randomUUID();
   e = e || {};
-  const l = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? Te();
+  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 l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, Ae(l);
@@ -1499,21 +1542,21 @@ function ce(e, t, n) {
 const ye = ({
   variant: e = "plain",
   buttons: t,
-  className: n,
+  className: r,
   children: l,
-  title: r,
-  text: i,
-  position: c,
+  title: n,
+  text: s,
+  position: i,
   targetRef: a,
-  ref: o,
-  trigger: d = ["hover", "focus"],
-  ...h
+  ref: f,
+  trigger: o = ["hover", "focus"],
+  ...p
 }) => {
   if (!l && !a)
     throw new Error("ToolTip must have a child or a targetRef");
-  Array.isArray(d) || (d = [d]), t && !Array.isArray(t) && (t = [t]);
-  const g = V(null), s = a || g, [p, v] = R(null), [b] = R(ce()), [L, I] = R(!1), w = V(null);
-  $(() => {
+  Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
+  const h = V(null), c = a || h, [y, v] = S(null), [L] = S(ce()), [N, E] = S(!1), w = V(null);
+  D(() => {
     const m = (C) => {
       v(C.detail);
     };
@@ -1523,80 +1566,80 @@ const ye = ({
         m
       );
     };
-  }, []), $(() => {
-    w.current && clearTimeout(w.current), p ? I(p === b) : w.current = setTimeout(() => {
-      I(!1);
+  }, []), D(() => {
+    w.current && clearTimeout(w.current), y ? E(y === L) : w.current = setTimeout(() => {
+      E(!1);
     }, 1200);
-  }, [p, b]);
+  }, [y, L]);
   const B = () => {
-    if (d.includes("hover")) {
-      const m = new CustomEvent("tooltip-update", { detail: b });
+    if (o.includes("hover")) {
+      const m = new CustomEvent("tooltip-update", { detail: L });
       document.dispatchEvent(m);
     }
-  }, N = () => {
-    if (d.includes("hover")) {
+  }, b = () => {
+    if (o.includes("hover")) {
       const m = new CustomEvent("tooltip-update", { detail: null });
       document.dispatchEvent(m);
     }
-  }, E = () => {
-    if (d.includes("click")) {
+  }, I = () => {
+    if (o.includes("click")) {
       const m = new CustomEvent("tooltip-update", {
-        detail: L ? null : b
+        detail: N ? null : L
       });
       document.dispatchEvent(m);
     }
-  }, S = () => {
-    if (d.includes("focus")) {
-      const m = new CustomEvent("tooltip-update", { detail: b });
+  }, R = () => {
+    if (o.includes("focus")) {
+      const m = new CustomEvent("tooltip-update", { detail: L });
       document.dispatchEvent(m);
     }
   }, P = () => {
-    if (d.includes("focus")) {
+    if (o.includes("focus")) {
       const m = new CustomEvent("tooltip-update", { detail: null });
       document.dispatchEvent(m);
     }
   };
-  $(() => {
-    if (s != null && s.current) {
-      const m = s.current;
-      return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", N), m.addEventListener("click", E), m.addEventListener("focus", S), m.addEventListener("blur", P), () => {
-        m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", N), m.removeEventListener("click", E), m.removeEventListener("focus", S), m.removeEventListener("blur", P);
+  D(() => {
+    if (c != null && c.current) {
+      const m = c.current;
+      return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", b), m.addEventListener("click", I), m.addEventListener("focus", R), m.addEventListener("blur", P), () => {
+        m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", b), m.removeEventListener("click", I), m.removeEventListener("focus", R), m.removeEventListener("blur", P);
       };
     }
-  }, [s, d, b, L]);
-  const W = !a && ee(l) ? le(l, { ref: g }) : l;
-  if (!c && typeof window < "u" && s != null && s.current && !c) {
-    const m = s.current.getBoundingClientRect(), C = window.innerWidth, Y = window.innerHeight, H = m.left / C, Z = m.top / Y;
-    e === "plain" ? H < 1 / 3 ? c = "right" : H > 2 / 3 ? c = "left" : c = Z > 0.5 ? "top" : "bottom" : H < 1 / 2 && Z < 1 / 2 ? c = "bottom-right" : H > 1 / 2 && Z < 1 / 2 ? c = "bottom-left" : H > 1 / 2 && Z > 1 / 2 ? c = "top-left" : H < 1 / 2 && Z > 1 / 2 && (c = "top-right");
+  }, [c, o, L, N]);
+  const W = !a && ee(l) ? le(l, { ref: h }) : l;
+  if (!i && typeof window < "u" && c != null && c.current && !i) {
+    const m = c.current.getBoundingClientRect(), C = window.innerWidth, q = window.innerHeight, K = m.left / C, Z = m.top / q;
+    e === "plain" ? K < 1 / 3 ? i = "right" : K > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : K < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : K > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : K > 1 / 2 && Z > 1 / 2 ? i = "top-left" : K < 1 / 2 && Z > 1 / 2 && (i = "top-right");
   }
-  const M = Ke({
+  const k = Ke({
     variant: e,
     buttons: t,
-    className: n,
-    title: r,
-    text: i,
-    position: c,
-    trigger: d,
+    className: r,
+    title: n,
+    text: s,
+    position: i,
+    trigger: o,
     targetRef: a,
     children: l
   });
   return /* @__PURE__ */ U(re, { children: [
     W,
-    /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(_e, { targetRef: s, children: /* @__PURE__ */ u(
+    /* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(Ye, { targetRef: c, children: /* @__PURE__ */ u(
       j.div,
       {
-        initial: { opacity: p ? 1 : 0 },
+        initial: { opacity: y ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: p ? 0 : 0.3 },
-        exit: { opacity: p ? 1 : 0 },
-        className: M.toolTip,
-        ...h,
+        transition: { duration: y ? 0 : 0.3 },
+        exit: { opacity: y ? 1 : 0 },
+        className: k.toolTip,
+        ...p,
         onMouseEnter: B,
-        onMouseLeave: N,
+        onMouseLeave: b,
         children: /* @__PURE__ */ U(
           j.div,
           {
-            className: M.container,
+            className: k.container,
             layoutId: "tool-tip",
             transition: {
               type: "spring",
@@ -1604,9 +1647,9 @@ const ye = ({
               damping: 20
             },
             children: [
-              r && /* @__PURE__ */ u("div", { className: M.subHead, children: r }),
-              /* @__PURE__ */ u("div", { className: M.supportingText, children: i }),
-              t && /* @__PURE__ */ u("div", { className: M.actions, children: Array.isArray(t) && t.map((m, C) => /* @__PURE__ */ u(
+              n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
+              /* @__PURE__ */ u("div", { className: k.supportingText, children: s }),
+              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m, C) => /* @__PURE__ */ u(
                 Ze,
                 {
                   size: "small",
@@ -1624,43 +1667,43 @@ const ye = ({
 }, ue = ({
   className: e,
   label: t,
-  variant: n = "primary",
+  variant: r = "primary",
   size: l = "medium",
-  href: r,
-  type: i,
-  icon: c,
+  href: n,
+  type: s,
+  icon: i,
   isExtended: a = !1,
-  ref: o,
-  transition: d,
-  children: h,
-  ...g
+  ref: f,
+  transition: o,
+  children: p,
+  ...h
 }) => {
-  if (h && (t = h), !t)
+  if (p && (t = p), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const s = r ? "a" : "button", p = $e({
-    href: r,
-    icon: c,
+  const c = n ? "a" : "button", y = Pe({
+    href: n,
+    icon: i,
     isExtended: a,
     label: t,
     size: l,
-    variant: n,
+    variant: r,
     className: e,
-    transition: d,
+    transition: o,
     children: t
   });
-  d = { duration: 0.3, ...d };
-  const v = V(null), b = o || v, L = {
+  o = { duration: 0.3, ...o };
+  const v = V(null), L = f || v, N = {
     visible: {
       width: "auto",
       marginLeft: 12,
       opacity: 1,
       transition: {
-        ...d,
+        ...o,
         opacity: {
-          duration: d.duration / 2,
-          delay: d.duration - d.duration / 2
+          duration: o.duration / 2,
+          delay: o.duration - o.duration / 2
         }
       }
     },
@@ -1669,52 +1712,52 @@ const ye = ({
       marginLeft: 0,
       opacity: 0,
       transition: {
-        ...d,
+        ...o,
         marginLeft: {
-          duration: d.duration / 2,
-          delay: d.duration - d.duration / 2
+          duration: o.duration / 2,
+          delay: o.duration - o.duration / 2
         }
       }
     }
   };
   return /* @__PURE__ */ U(
-    s,
+    c,
     {
-      ...g,
-      ref: b,
-      href: r,
+      ...h,
+      ref: L,
+      href: n,
       "aria-label": a ? void 0 : t,
-      className: p.fab,
+      className: y.fab,
       children: [
         /* @__PURE__ */ u(
           ye,
           {
             trigger: a ? null : void 0,
             text: t,
-            targetRef: b
+            targetRef: L
           }
         ),
-        /* @__PURE__ */ u("span", { className: p.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: y.stateLayer, children: /* @__PURE__ */ u(
           ne,
           {
-            colorName: f({
-              primary: n == "surface",
-              "on-primary-container": n == "primary",
-              "on-secondary-container": n == "secondary",
-              "on-tertiary-container": n == "tertiary"
+            colorName: d({
+              primary: r == "surface",
+              "on-primary-container": r == "primary",
+              "on-secondary-container": r == "secondary",
+              "on-tertiary-container": r == "tertiary"
             }),
-            triggerRef: b
+            triggerRef: L
           }
         ) }),
-        /* @__PURE__ */ u(Q, { icon: c, className: p.icon }),
+        /* @__PURE__ */ u(Q, { icon: i, className: y.icon }),
         /* @__PURE__ */ u(z, { children: a && /* @__PURE__ */ u(
           j.span,
           {
-            variants: L,
+            variants: N,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
-            className: p.label,
+            className: y.label,
             children: t
           }
         ) })
@@ -1724,77 +1767,77 @@ const ye = ({
 }, xe = ({
   variant: e = "standard",
   href: t,
-  disabled: n = !1,
+  disabled: r = !1,
   type: l = "button",
-  title: r,
-  label: i,
-  onToggle: c,
+  title: n,
+  label: s,
+  onToggle: i,
   activated: a = !1,
-  onClick: o,
-  icon: d,
-  size: h = "medium",
-  iconSelected: g,
-  className: s,
-  ref: p,
+  onClick: f,
+  icon: o,
+  size: p = "medium",
+  iconSelected: h,
+  className: c,
+  ref: y,
   width: v = "default",
-  shape: b = "rounded",
-  allowShapeTransformation: L = !0,
-  transition: I,
+  shape: L = "rounded",
+  allowShapeTransformation: N = !0,
+  transition: E,
   children: w,
   ...B
 }) => {
-  if (w && (i = w), !i)
+  if (w && (s = w), !s)
     throw new Error(
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
-  r || (r = i);
-  const [N, E] = _.useState(a);
-  let S;
-  c ? c && (S = (C) => {
-    n && C.preventDefault(), E(!N), c(!!N);
-  }, d = N && g || d) : S = (C) => {
-    n && C.preventDefault(), o && o(C);
-  }, $(() => {
-    E(a);
+  n || (n = s);
+  const [b, I] = Y.useState(a);
+  let R;
+  i ? i && (R = (C) => {
+    r && C.preventDefault(), I(!b), i(!!b);
+  }, o = b && h || o) : R = (C) => {
+    r && C.preventDefault(), f && f(C);
+  }, D(() => {
+    I(a);
   }, [a]);
   const P = t ? "a" : "button", W = Ve({
-    transition: I,
-    shape: b,
-    allowShapeTransformation: L,
+    transition: E,
+    shape: L,
+    allowShapeTransformation: N,
     width: v,
     href: t,
-    activated: N,
-    label: i,
-    iconSelected: g,
-    isActive: N,
-    onToggle: c,
-    disabled: n,
-    icon: d,
+    activated: b,
+    label: s,
+    iconSelected: h,
+    isActive: b,
+    onToggle: i,
+    disabled: r,
+    icon: o,
     variant: e,
-    className: s,
-    size: h,
-    children: i,
+    className: c,
+    size: p,
+    children: s,
     ...B
-  }), M = V(null), m = p || M;
-  return I = { duration: 0.3, ...I }, /* @__PURE__ */ U(
+  }), k = V(null), m = y || k;
+  return E = { duration: 0.3, ...E }, /* @__PURE__ */ U(
     P,
     {
-      disabled: n,
+      disabled: r,
       href: t,
-      style: { transition: I.duration + "s" },
+      style: { transition: E.duration + "s" },
       className: W.iconButton,
-      "aria-label": i,
+      "aria-label": s,
       ...B,
       title: void 0,
-      onClick: S,
+      onClick: R,
       ref: m,
       children: [
         /* @__PURE__ */ u(
           ye,
           {
             targetRef: m,
-            trigger: n ? null : void 0,
-            text: r
+            trigger: r ? null : void 0,
+            text: n
           }
         ),
         /* @__PURE__ */ u("div", { className: W.touchTarget }),
@@ -1802,26 +1845,26 @@ const ye = ({
           "div",
           {
             className: W.stateLayer,
-            style: { transition: I.duration + "s" },
-            children: !n && /* @__PURE__ */ u(
+            style: { transition: E.duration + "s" },
+            children: !r && /* @__PURE__ */ u(
               ne,
               {
-                colorName: f(
+                colorName: d(
                   e === "standard" && {
-                    "on-surface-variant": !N,
-                    primary: N
+                    "on-surface-variant": !b,
+                    primary: b
                   },
                   e === "filled" && {
-                    primary: !N && !!c,
-                    "inverse-on-surface": N || !c
+                    primary: !b && !!i,
+                    "inverse-on-surface": b || !i
                   },
                   e === "tonal" && {
-                    "on-surface-variant": !N && !!c,
-                    "on-secondary-container": N || !c
+                    "on-surface-variant": !b && !!i,
+                    "on-secondary-container": b || !i
                   },
                   e === "outlined" && {
-                    "on-surface-variant": !N,
-                    "on-primary": N
+                    "on-surface-variant": !b,
+                    "on-primary": b
                   }
                 ),
                 triggerRef: m
@@ -1829,18 +1872,18 @@ const ye = ({
             )
           }
         ),
-        d && /* @__PURE__ */ u(Q, { icon: d, className: W.icon })
+        o && /* @__PURE__ */ u(Q, { icon: o, className: W.icon })
       ]
     }
   );
 }, vt = ({
   className: e,
   valueFormatter: t,
-  step: n = 10,
+  step: r = 10,
   name: l,
-  value: r = 0,
-  min: i = 0,
-  max: c = 100,
+  value: n = 0,
+  min: s = 0,
+  max: i = 100,
   marks: a = [
     {
       value: 0,
@@ -1851,99 +1894,99 @@ const ye = ({
       label: "100"
     }
   ],
-  ref: o,
-  onChange: d,
-  ...h
+  ref: f,
+  onChange: o,
+  ...p
 }) => {
-  const g = (x) => {
-    const y = p(), D = s();
-    return x === 1 / 0 ? 100 : x === -1 / 0 ? 0 : (x - y) / (D - y) * 100;
-  }, s = (x = !1) => x ? c : c == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : c, p = (x = !1) => x ? i : i == -1 / 0 ? a[0].value : i, v = (x) => {
-    const y = p(!1);
-    return (s(!1) - y) * x / 100 + y;
-  }, [b, L] = R(!1), I = V(null), w = o || I, [B, N] = R(r), [E, S] = R(g(r)), [P, W] = R(!1), M = (x) => {
-    W(!0), L(!0), Y(x);
+  const h = (g) => {
+    const x = y(), $ = c();
+    return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / ($ - x) * 100;
+  }, c = (g = !1) => g ? i : i == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : i, y = (g = !1) => g ? s : s == -1 / 0 ? a[0].value : s, v = (g) => {
+    const x = y(!1);
+    return (c(!1) - x) * g / 100 + x;
+  }, [L, N] = S(!1), E = V(null), w = f || E, [B, b] = S(n), [I, R] = S(h(n)), [P, W] = S(!1), k = (g) => {
+    W(!0), N(!0), q(g);
   }, m = () => {
-    W(!1), L(!1);
+    W(!1), N(!1);
   };
-  $(() => (P ? (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(() => (P ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", q), window.addEventListener("touchend", m), window.addEventListener("touchmove", q)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q)), () => {
+    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q);
   }), [P]);
   const C = je({
     className: e,
-    isChanging: b,
+    isChanging: L,
     marks: a,
-    max: c,
-    min: i,
+    max: i,
+    min: s,
     name: l,
-    step: n,
+    step: r,
     value: B,
     valueFormatter: t,
-    onChange: d
-  }), Y = (x) => {
-    const y = w == null ? void 0 : w.current;
-    if (y) {
-      const D = y.getBoundingClientRect().left, k = ((x.type === "touchmove" || x.type === "touchstart" ? x.touches[0].clientX : x.clientX) - D) / y.offsetWidth * 100;
-      H({ pourcent: k });
+    onChange: o
+  }), q = (g) => {
+    const x = w == null ? void 0 : w.current;
+    if (x) {
+      const $ = x.getBoundingClientRect().left, M = ((g.type === "touchmove" || g.type === "touchstart" ? g.touches[0].clientX : g.clientX) - $) / x.offsetWidth * 100;
+      K({ pourcent: M });
     }
-  }, H = ({
-    pourcent: x,
-    value: y
+  }, K = ({
+    pourcent: g,
+    value: x
   }) => {
-    if (x) {
-      if (x >= 100) {
-        N(s(!0)), S(100);
+    if (g) {
+      if (g >= 100) {
+        b(c(!0)), R(100);
         return;
       }
-      if (x <= 0) {
-        N(p(!0)), S(0);
+      if (g <= 0) {
+        b(y(!0)), R(0);
         return;
       }
-      y = v(x), y == p() && (y = p(!0)), y == s() && (y = s(!0));
-    } else if (y != null) {
-      if (y >= s()) {
-        N(s(!0)), S(100);
+      x = v(g), x == y() && (x = y(!0)), x == c() && (x = c(!0));
+    } else if (x != null) {
+      if (x >= c()) {
+        b(c(!0)), R(100);
         return;
       }
-      if (y <= p()) {
-        N(p(!0)), S(0);
+      if (x <= y()) {
+        b(y(!0)), R(0);
         return;
       }
-      x = g(y);
+      g = h(x);
     } else
       return;
-    n != null ? y = Math.round((y - p()) / n) * n + p() : a && (y = a.reduce((D, F, k) => {
-      let X = F.value === 1 / 0 ? s() : F.value === -1 / 0 ? p() : F.value, O = D.value === 1 / 0 ? s() : D.value === -1 / 0 ? p() : D.value;
-      return X = Math.abs(X - y), O = Math.abs(O - y), X < O ? F : D;
-    }).value), y >= s() && (y = s(!0)), y <= p() && (y = p(!0)), x = g(y), N(y), S(x), d && d(y);
-  }, [Z, q] = R(0);
-  return $(() => {
-    const x = () => {
-      w.current && q(w.current.offsetWidth);
+    r != null ? x = Math.round((x - y()) / r) * r + y() : a && (x = a.reduce(($, F, M) => {
+      let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? y() : F.value, O = $.value === 1 / 0 ? c() : $.value === -1 / 0 ? y() : $.value;
+      return X = Math.abs(X - x), O = Math.abs(O - x), X < O ? F : $;
+    }).value), x >= c() && (x = c(!0)), x <= y() && (x = y(!0)), g = h(x), b(x), R(g), o && o(x);
+  }, [Z, H] = S(0);
+  return D(() => {
+    const g = () => {
+      w.current && H(w.current.offsetWidth);
     };
-    return x(), window.addEventListener("resize", x), () => {
-      window.removeEventListener("resize", x);
+    return g(), window.addEventListener("resize", g), () => {
+      window.removeEventListener("resize", g);
     };
   }, []), /* @__PURE__ */ U(
     "div",
     {
       tabIndex: 0,
-      onKeyDown: (x) => {
-        switch (x.key) {
+      onKeyDown: (g) => {
+        switch (g.key) {
           case "ArrowRight":
-            if (n)
-              H({ value: B + n });
+            if (r)
+              K({ value: B + r });
             else if (a) {
-              const y = a.find((D) => D.value > B);
-              y && H({ value: y.value });
+              const x = a.find(($) => $.value > B);
+              x && K({ value: x.value });
             }
             break;
           case "ArrowLeft":
-            if (n)
-              H({ value: B - n });
+            if (r)
+              K({ value: B - r });
             else if (a) {
-              const y = a.slice(0).reverse().find((D, F, k) => B === 1 / 0 ? F === 1 : D.value < B);
-              y && H({ value: y.value });
+              const x = a.slice(0).reverse().find(($, F, M) => B === 1 / 0 ? F === 1 : $.value < B);
+              x && K({ value: x.value });
             }
             break;
           default:
@@ -1951,27 +1994,27 @@ const ye = ({
         }
       },
       role: "slider",
-      "aria-valuemin": p(!0),
-      "aria-valuemax": s(!0),
+      "aria-valuemin": y(!0),
+      "aria-valuemax": c(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
       className: C.slider,
-      onMouseDown: M,
-      onClick: Y,
+      onMouseDown: k,
+      onClick: q,
       ref: w,
-      onTouchStart: M,
-      onDragStart: (x) => x.preventDefault(),
-      ...h,
+      onTouchStart: k,
+      onDragStart: (g) => g.preventDefault(),
+      ...p,
       children: [
         /* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
         /* @__PURE__ */ u(
           "div",
           {
             className: C.activeTrack,
-            style: { flex: E / 100 }
+            style: { flex: I / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(z, { children: b && /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(
           j.div,
           {
             className: C.valueIndicator,
@@ -1995,28 +2038,28 @@ const ye = ({
           "div",
           {
             className: C.inactiveTrack,
-            style: { flex: 1 - E / 100 }
+            style: { flex: 1 - I / 100 }
           }
         ),
         /* @__PURE__ */ u(
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: a && a.map((x, y) => {
-              let D = null;
-              const F = (b ? 9 : 10) / Z * 100, k = g(x.value);
-              return k <= E - F ? D = !0 : k >= E + F && (D = !1), /* @__PURE__ */ u(
+            children: a && a.map((g, x) => {
+              let $ = null;
+              const F = (L ? 9 : 10) / Z * 100, M = h(g.value);
+              return M <= I - F ? $ = !0 : M >= I + F && ($ = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: f(C.dot, {
-                    "bg-primary-container": D != null && D,
-                    "bg-primary": D != null && !D
+                  className: d(C.dot, {
+                    "bg-primary-container": $ != null && $,
+                    "bg-primary": $ != null && !$
                   }),
                   style: {
-                    left: `${g(x.value)}%`
+                    left: `${h(g.value)}%`
                   }
                 },
-                y
+                x
               );
             })
           }
@@ -2026,62 +2069,63 @@ const ye = ({
   );
 };
 /*!
- * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
+ * Copyright 2025 Fonticons, Inc.
  */
-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"]
-}, rt = {
+var tt = {
   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"]
+  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-376c13.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-24zM229.3 352a26.7 26.7 0 1 1 53.3 0 26.7 26.7 0 1 1 -53.3 0z"]
 }, ge = {
   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"]
-}, bt = ({
+  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
+}, rt = {
+  prefix: "fas",
+  iconName: "bars",
+  icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
+};
+const bt = ({
   message: e,
   className: t,
-  duration: n,
+  duration: r,
   closeIcon: l = ge,
-  onClose: r,
-  ...i
+  onClose: n,
+  ...s
 }) => {
-  const [c, a] = R(!0), o = Fe({
+  const [i, a] = S(!0), f = Fe({
     className: t,
     closeIcon: l,
-    duration: n,
-    isVisible: c,
-    onClose: r,
+    duration: r,
+    isVisible: i,
+    onClose: n,
     message: e
   });
-  $(() => {
-    n && setTimeout(() => {
-      d();
-    }, n);
-  }, [n]);
-  const d = () => {
-    a(!1), r == null || r();
+  D(() => {
+    r && setTimeout(() => {
+      o();
+    }, r);
+  }, [r]);
+  const o = () => {
+    a(!1), n == null || n();
   };
-  return /* @__PURE__ */ u(z, { children: c && /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(z, { children: i && /* @__PURE__ */ u(
     j.div,
     {
       initial: { height: 0 },
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
-      className: o.snackbar,
-      ...i,
-      children: /* @__PURE__ */ U("div", { className: o.container, children: [
-        /* @__PURE__ */ u("p", { className: o.supportingText, children: e }),
+      className: f.snackbar,
+      ...s,
+      children: /* @__PURE__ */ U("div", { className: f.container, children: [
+        /* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
         /* @__PURE__ */ u(
           xe,
           {
-            onClick: () => d(),
-            className: o.icon,
+            onClick: () => o(),
+            className: f.icon,
             icon: l,
             label: "close the snackbar"
           }
@@ -2092,63 +2136,63 @@ const tt = {
 }, Nt = ({
   selected: e = !1,
   className: t,
-  activeIcon: n,
+  activeIcon: r,
   disabled: l = !1,
-  inactiveIcon: r,
-  onChange: i,
-  onClick: c,
+  inactiveIcon: n,
+  onChange: s,
+  onClick: i,
   onKeyDown: a,
-  ref: o,
-  ...d
+  ref: f,
+  ...o
 }) => {
-  const [h, g] = R(e), s = (w) => {
-    l || (v(), c && c(w));
-  }, p = (w) => {
+  const [p, h] = S(e), c = (w) => {
+    l || (v(), i && i(w));
+  }, y = (w) => {
     l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), a && a(w));
   }, v = () => {
-    g(!h), i == null || i(!h);
-  }, b = Xe({
+    h(!p), s == null || s(!p);
+  }, L = Xe({
     className: t,
-    isSelected: h,
-    activeIcon: n,
-    inactiveIcon: r,
+    isSelected: p,
+    activeIcon: r,
+    inactiveIcon: n,
     disabled: l,
-    selected: h,
-    onChange: i
-  }), L = V(null), I = o || L;
+    selected: p,
+    onChange: s
+  }), N = V(null), E = f || N;
   return /* @__PURE__ */ U(
     j.div,
     {
       role: "switch",
-      "aria-checked": h,
+      "aria-checked": p,
       tabIndex: l ? -1 : 0,
-      onKeyDown: p,
-      onClick: s,
-      ref: I,
-      className: b.switch,
-      ...d,
+      onKeyDown: y,
+      onClick: c,
+      ref: E,
+      className: L.switch,
+      ...o,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: h ? "1" : "0" }),
+        /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
         /* @__PURE__ */ U(
           j.div,
           {
             layout: !0,
-            style: { translate: h ? "50%" : "-50%" },
+            style: { translate: p ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
               damping: 30
             },
-            className: b.handleContainer,
+            className: L.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: b.handle, children: (h ? n : r) && /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: L.handle, children: (p ? r : n) && /* @__PURE__ */ u(
                 Q,
                 {
-                  className: b.icon,
-                  icon: h ? n : r
+                  className: L.icon,
+                  icon: p ? r : n
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: b.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: L.handleStateLayer })
             ]
           }
         )
@@ -2158,75 +2202,75 @@ const tt = {
 }, nt = ({
   className: e,
   onClick: t,
-  label: n,
+  label: r,
   variant: l = "primary",
-  href: r,
-  icon: i,
-  selectedTab: c,
+  href: n,
+  icon: s,
+  selectedTab: i,
   setSelectedTab: a,
-  tabsId: o,
-  index: d,
-  onTabSelected: h,
-  scrollable: g = !1,
-  selected: s = !1,
-  ref: p,
+  tabsId: f,
+  index: o,
+  onTabSelected: p,
+  scrollable: h = !1,
+  selected: c = !1,
+  ref: y,
   ...v
 }) => {
-  const b = V(null), L = p || b, [I, w] = R(s);
-  $(() => {
-    s && c == null ? w(!0) : w(c == d && d != null);
-  }, [c]), $(() => {
-    c == d && h && h({
-      ref: L,
-      index: d || 0,
-      label: n,
-      icon: i
+  const L = V(null), N = y || L, [E, w] = S(c);
+  D(() => {
+    c && i == null ? w(!0) : w(i == o && o != null);
+  }, [i]), D(() => {
+    i == o && p && p({
+      ref: N,
+      index: o || 0,
+      label: r,
+      icon: s
     });
-  }, [c]);
-  const B = r ? "a" : "button", N = (S) => {
-    a && a(d ?? null), t && t(S);
-  }, E = Oe({
+  }, [i]);
+  const B = n ? "a" : "button", b = (R) => {
+    a && a(o ?? null), t && t(R);
+  }, I = Oe({
     className: e,
-    onTabSelected: h,
-    scrollable: g,
-    selectedTab: c,
-    index: d,
-    tabsId: o,
-    selected: I,
+    onTabSelected: p,
+    scrollable: h,
+    selectedTab: i,
+    index: o,
+    tabsId: f,
+    selected: E,
     variant: l,
-    icon: i,
-    label: n,
-    isSelected: I,
+    icon: s,
+    label: r,
+    isSelected: E,
     setSelectedTab: a,
-    href: r
+    href: n
   });
   return /* @__PURE__ */ U(
     B,
     {
       ...v,
       role: "tab",
-      "aria-selected": I,
-      ref: L,
-      href: r,
-      className: E.tab,
-      onClick: N,
+      "aria-selected": E,
+      ref: N,
+      href: n,
+      className: I.tab,
+      onClick: b,
       ...v,
       children: [
-        /* @__PURE__ */ u("span", { className: E.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: I.stateLayer, children: /* @__PURE__ */ u(
           ne,
           {
-            colorName: l === "primary" && I ? "primary" : "on-surface",
-            triggerRef: L
+            colorName: l === "primary" && E ? "primary" : "on-surface",
+            triggerRef: N
           }
         ) }),
-        /* @__PURE__ */ U("span", { className: E.content, children: [
-          i && /* @__PURE__ */ u(Q, { icon: i, className: E.icon }),
-          /* @__PURE__ */ u("span", { className: E.label, children: n }),
-          I && /* @__PURE__ */ u(
+        /* @__PURE__ */ U("span", { className: I.content, children: [
+          s && /* @__PURE__ */ u(Q, { icon: s, className: I.icon }),
+          /* @__PURE__ */ u("span", { className: I.label, children: r }),
+          E && /* @__PURE__ */ u(
             j.span,
             {
-              layoutId: `underline-${o}`,
-              className: E.underline,
+              layoutId: `underline-${f}`,
+              className: I.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2237,126 +2281,126 @@ const tt = {
 }, Lt = ({
   variant: e = "primary",
   onTabSelected: t,
-  children: n,
+  children: r,
   className: l,
-  selectedTab: r,
-  setSelectedTab: i,
-  scrollable: c = !1
+  selectedTab: n,
+  setSelectedTab: s,
+  scrollable: i = !1
 }) => {
-  const [a, o] = R(
+  const [a, f] = S(
     null
   );
-  let d;
-  r == 0 || r != null ? d = r : d = a;
-  const h = i || o, g = _.Children.toArray(n).filter(
-    (L) => _.isValidElement(L) && L.type === nt
-  ), s = _.useRef(null), p = (L) => {
-    if (t == null || t(L), c) {
-      const I = s.current, w = L.ref.current;
-      if (I && w) {
-        const B = w.offsetLeft + w.offsetWidth / 2 - I.offsetWidth / 2;
-        I.scrollTo({ left: B, behavior: "smooth" });
+  let o;
+  n == 0 || n != null ? o = n : o = a;
+  const p = s || f, h = Y.Children.toArray(r).filter(
+    (N) => Y.isValidElement(N) && N.type === nt
+  ), c = Y.useRef(null), y = (N) => {
+    if (t == null || t(N), i) {
+      const E = c.current, w = N.ref.current;
+      if (E && w) {
+        const B = w.offsetLeft + w.offsetWidth / 2 - E.offsetWidth / 2;
+        E.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, v = ve(() => ce(), []), b = qe({
-    children: n,
+  }, v = ve(() => ce(), []), L = qe({
+    children: r,
     onTabSelected: t,
-    scrollable: c,
-    selectedTab: d,
-    setSelectedTab: h,
+    scrollable: i,
+    selectedTab: o,
+    setSelectedTab: p,
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: s, role: "tablist", className: b.tabs, children: g.map((L, I) => _.cloneElement(L, {
-    key: I,
-    index: I,
+  return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: L.tabs, children: h.map((N, E) => Y.cloneElement(N, {
+    key: E,
+    index: E,
     variant: e,
-    selectedTab: d,
-    setSelectedTab: h,
+    selectedTab: o,
+    setSelectedTab: p,
     tabsId: v,
-    onTabSelected: p,
-    scrollable: c
+    onTabSelected: y,
+    scrollable: i
   })) });
 }, Et = ({
   variant: e = "filled",
   disabled: t = !1,
-  errorText: n,
+  errorText: r,
   placeholder: l,
-  suffix: r,
-  name: i,
-  label: c,
+  suffix: n,
+  name: s,
+  label: i,
   className: a,
-  supportingText: o,
-  trailingIcon: d,
-  leadingIcon: h,
-  type: g = "text",
-  textLine: s = "singleLine",
-  autoComplete: p = "on",
+  supportingText: f,
+  trailingIcon: o,
+  leadingIcon: p,
+  type: h = "text",
+  textLine: c = "singleLine",
+  autoComplete: y = "on",
   onChange: v,
-  value: b,
-  showSupportingText: L = !1,
-  ...I
+  value: L,
+  showSupportingText: N = !1,
+  ...E
 }) => {
-  const [w, B] = R(b ?? ""), [N, E] = R(!1), [S, P] = R(!1), [W, M] = R(
-    L
+  const [w, B] = S(L ?? ""), [b, I] = S(!1), [R, P] = S(!1), [W, k] = S(
+    N
   );
-  $(() => {
-    B(b ?? "");
-  }, [b]), $(() => {
-    n != null && n.length ? P(!0) : P(!1);
-  }, [n]), $(() => {
-    L ? M(L) : o != null && o.length ? M(!0) : M(!1);
-  }, [W, o]), $(() => {
-    N && P(!1);
-  }, [N]);
-  const m = _.useRef(null), C = () => {
-    m.current && !N && m.current.focus();
-  }, Y = () => {
-    E(!0);
-  }, H = (D) => {
-    const F = D.target.value;
+  D(() => {
+    B(L ?? "");
+  }, [L]), D(() => {
+    r != null && r.length ? P(!0) : P(!1);
+  }, [r]), D(() => {
+    N ? k(N) : f != null && f.length ? k(!0) : k(!1);
+  }, [W, f]), D(() => {
+    b && P(!1);
+  }, [b]);
+  const m = Y.useRef(null), C = () => {
+    m.current && !b && m.current.focus();
+  }, q = () => {
+    I(!0);
+  }, K = ($) => {
+    const F = $.target.value;
     B(F), P(!1), typeof v == "function" && v(F);
   }, Z = () => {
-    E(!1);
-  }, q = He({
+    I(!1);
+  }, H = He({
     showSupportingText: W,
-    isFocused: N,
-    showErrorIcon: S,
+    isFocused: b,
+    showErrorIcon: R,
     disabled: t,
-    name: i,
-    label: c,
-    autoComplete: p,
+    name: s,
+    label: i,
+    autoComplete: y,
     className: a,
     onChange: v,
     placeholder: l,
-    supportingText: o,
-    type: g,
-    leadingIcon: h,
-    trailingIcon: d,
+    supportingText: f,
+    type: h,
+    leadingIcon: p,
+    trailingIcon: o,
     variant: e,
-    errorText: n,
+    errorText: r,
     value: w,
-    suffix: r,
-    textLine: s
-  }), [A] = R(ce());
-  let x, y;
-  switch (s) {
+    suffix: n,
+    textLine: c
+  }), [A] = S(ce());
+  let g, x;
+  switch (c) {
     case "multiLine":
-      y = ke, x = {};
+      x = ke, g = {};
       break;
     case "textAreas":
-      y = "textarea", x = {};
+      x = "textarea", g = {};
       break;
     case "singleLine":
     default:
-      y = "input", x = { type: g };
+      x = "input", g = { type: h };
       break;
   }
-  return /* @__PURE__ */ U("div", { className: q.textField, ...I, children: [
-    /* @__PURE__ */ U("fieldset", { onClick: C, className: q.content, children: [
-      /* @__PURE__ */ u("div", { className: q.stateLayer }),
-      h && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: _.isValidElement(h) ? h : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: h }) }),
-      !(!N && !w.length || e == "filled") && /* @__PURE__ */ u(
+  return /* @__PURE__ */ U("div", { className: H.textField, ...E, children: [
+    /* @__PURE__ */ U("fieldset", { onClick: C, className: H.content, children: [
+      /* @__PURE__ */ u("div", { className: H.stateLayer }),
+      p && /* @__PURE__ */ u("div", { className: H.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
+      !(!b && !w.length || e == "filled") && /* @__PURE__ */ u(
         j.legend,
         {
           variants: {
@@ -2364,114 +2408,117 @@ const tt = {
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !N && !w.length ? "hidden" : "visible",
+          animate: !b && !w.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
             j.span,
             {
-              className: q.label,
+              className: H.label,
               transition: { duration: 0.3 },
               layoutId: A,
-              children: c
+              children: i
             }
           ) })
         }
       ),
       /* @__PURE__ */ U("div", { className: "flex-1 relative", children: [
-        (!N && !w.length || e == "filled") && /* @__PURE__ */ u(
+        (!b && !w.length || e == "filled") && /* @__PURE__ */ u(
           j.label,
           {
-            htmlFor: i,
-            className: f(
+            htmlFor: s,
+            className: d(
               "absolute left-4  transition-all duration-300",
               {
-                "text-body-small top-2": e == "filled" && !(!N && !w.length),
-                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!N && !w.length))
+                "text-body-small top-2": e == "filled" && !(!b && !w.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!b && !w.length))
               }
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ u(
               j.span,
               {
-                className: q.label,
+                className: H.label,
                 transition: { duration: 0.3 },
                 layoutId: e == "outlined" ? A : void 0,
-                children: c
+                children: i
               }
             )
           }
         ),
         /* @__PURE__ */ u(
-          y,
+          x,
           {
             ref: m,
             value: w,
-            onChange: H,
-            className: q.input,
-            id: i,
-            name: i,
-            placeholder: N ? l ?? void 0 : "",
-            onFocus: Y,
+            onChange: K,
+            className: H.input,
+            id: s,
+            name: s,
+            placeholder: b ? l ?? void 0 : "",
+            onFocus: q,
             onBlur: Z,
             disabled: t,
-            autoComplete: p,
-            "aria-invalid": !!(n != null && n.length),
-            "aria-label": c,
-            ...x
+            autoComplete: y,
+            "aria-invalid": !!(r != null && r.length),
+            "aria-label": i,
+            ...g
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: q.activeIndicator }),
-      !S && /* @__PURE__ */ U(re, { children: [
-        d && /* @__PURE__ */ u(
+      /* @__PURE__ */ u("div", { className: H.activeIndicator }),
+      !R && /* @__PURE__ */ U(re, { children: [
+        o && /* @__PURE__ */ u(
           "div",
           {
-            onClick: (D) => {
-              D.stopPropagation();
+            onClick: ($) => {
+              $.stopPropagation();
             },
-            className: q.trailingIcon,
-            children: _.isValidElement(d) ? d : /* @__PURE__ */ u(Q, { className: "h-5", icon: d })
+            className: H.trailingIcon,
+            children: Y.isValidElement(o) ? o : /* @__PURE__ */ u(Q, { className: "h-5", icon: o })
           }
         ),
-        !d && r && /* @__PURE__ */ u("span", { className: q.suffix, children: r })
+        !o && n && /* @__PURE__ */ u("span", { className: H.suffix, children: n })
       ] }),
-      S && /* @__PURE__ */ u(
+      R && /* @__PURE__ */ u(
         "div",
         {
-          className: f(q.trailingIcon, {
-            " absolute right-0": !d
+          className: d(H.trailingIcon, {
+            " absolute right-0": !o
           }),
           children: /* @__PURE__ */ u(
             Q,
             {
               className: "h-5 text-error",
-              icon: rt
+              icon: tt
             }
           )
         }
       )
     ] }),
-    W && /* @__PURE__ */ u("p", { className: q.supportingText, children: n != null && n.length ? n : o != null && o.length ? o : " " })
+    W && /* @__PURE__ */ u("p", { className: H.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
   ] });
-}, lt = K(
+}, lt = G(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: n, 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]": l == "vertical",
-      "gap-0  h-[66px]": l == "horizontal"
-    }),
-    container: f(
+  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
+    navigationRailItem: d(
+      " 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]": l == "vertical",
+        "gap-0  h-[66px]": l == "horizontal"
+      }
+    ),
+    container: d(
       " w-fit flex justify-center  relative rounded-full items-center mx-5",
       {
         "bg-secondary-container overflow-hidden": e,
         "gap-2 ": l == "horizontal",
         "gap-0 ": l == "vertical",
-        "p-4": !n
+        "p-4": !r
       },
-      n && [
+      r && [
         "px-4",
         {
           "py-1 ": l == "vertical",
@@ -2479,15 +2526,15 @@ const tt = {
         }
       ]
     ),
-    stateLayer: f(
+    stateLayer: d(
       "  absolute w-full rounded-full h-full left-0 top-0  ",
       {
         "group-state-on-surface": !e,
         "group-state-on-secondary-container": e
       }
     ),
-    icon: f("size-6 flex"),
-    label: f("w-fit mx-auto", {
+    icon: d("size-6 flex"),
+    label: d("w-fit mx-auto text-nowrap", {
       "text-label-large ": l == "horizontal",
       "text-label-medium": l == "vertical"
     })
@@ -2495,57 +2542,57 @@ const tt = {
 ), ot = ({ label: e }) => /* @__PURE__ */ u("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ u("p", { className: "text-label-large text-on-surface-variant", children: e }) }), at = ({
   className: e,
   onClick: t,
-  label: n,
+  label: r,
   variant: l = "vertical",
-  href: r,
-  icon: i,
-  selectedItem: c,
+  href: n,
+  icon: s,
+  selectedItem: i,
   setSelectedItem: a,
-  index: o,
-  onItemSelected: d,
-  selected: h = !1,
-  ref: g,
-  transition: s,
-  isExtended: p,
+  index: f,
+  onItemSelected: o,
+  selected: p = !1,
+  ref: h,
+  transition: c,
+  isExtended: y,
   iconSelected: v,
-  style: b,
-  extendedOnly: L,
-  children: I,
+  style: L,
+  extendedOnly: N,
+  children: E,
   ...w
 }) => {
-  I && (n = I);
-  const B = V(null), N = g || B, [E, S] = R(h);
-  $(() => {
-    h && c == null ? S(!0) : S(c == o && o != null);
-  }, [c]), $(() => {
-    c == o && d && d({
-      ref: N,
-      index: o || 0,
-      label: n,
-      icon: i
+  E && (r = E);
+  const B = V(null), b = h || B, [I, R] = S(p);
+  D(() => {
+    p && i == null ? R(!0) : R(i == f && f != null);
+  }, [i]), D(() => {
+    i == f && o && o({
+      ref: b,
+      index: f || 0,
+      label: r,
+      icon: s
     });
-  }, [c]);
-  const P = r ? "a" : "button", W = (m) => {
-    a && a(o ?? null), t && t(m);
-  }, M = lt({
-    isExtended: p,
-    extendedOnly: L,
+  }, [i]);
+  const P = n ? "a" : "button", W = (m) => {
+    a && a(f ?? null), t && t(m);
+  }, k = lt({
+    isExtended: y,
+    extendedOnly: N,
     className: e,
-    onItemSelected: d,
-    selectedItem: c,
-    index: o,
-    transition: s,
-    selected: E,
+    onItemSelected: o,
+    selectedItem: i,
+    index: f,
+    transition: c,
+    selected: I,
     variant: l,
-    icon: i,
-    label: n,
-    isSelected: E,
+    icon: s,
+    label: r,
+    isSelected: I,
     setSelectedItem: a,
-    href: r,
-    children: n,
+    href: n,
+    children: r,
     iconSelected: v
   });
-  return s = { duration: 0.3, ...s }, L && !p ? null : (
+  return c = { duration: 0.3, ...c }, N && !y ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ U(
@@ -2553,28 +2600,28 @@ const tt = {
       {
         ...w,
         role: "tab",
-        "aria-selected": E,
-        ref: N,
-        href: r,
-        className: M.navigationRailItem,
+        "aria-selected": I,
+        ref: b,
+        href: n,
+        className: k.navigationRailItem,
         onClick: W,
-        style: { transition: s.duration + "s", ...b },
+        style: { transition: c.duration + "s", ...L },
         children: [
           /* @__PURE__ */ U(
             j.div,
             {
               style: {
-                transition: l == "horizontal" ? s.duration + `s, gap ${s.duration / 2}s ${s.duration - s.duration / 2}s` : s.duration + `s, gap ${s.duration / 3}s ${s.duration - s.duration / 3}s`
+                transition: l == "horizontal" ? c.duration + `s, gap ${c.duration / 2}s ${c.duration - c.duration / 2}s` : c.duration + `s, gap ${c.duration / 3}s ${c.duration - c.duration / 3}s`
               },
-              transition: s,
-              className: M.container,
+              transition: c,
+              className: k.container,
               children: [
-                /* @__PURE__ */ u(j.div, { layout: !0, className: M.stateLayer }),
-                i && /* @__PURE__ */ u(
+                /* @__PURE__ */ u(j.div, { layout: !0, className: k.stateLayer }),
+                s && /* @__PURE__ */ u(
                   Q,
                   {
-                    icon: E ? v : i,
-                    className: M.icon
+                    icon: I ? v : s,
+                    className: k.icon
                   }
                 ),
                 /* @__PURE__ */ u(z, { children: l == "horizontal" && (() => {
@@ -2582,16 +2629,16 @@ const tt = {
                     width: 0,
                     opacity: 0,
                     transition: {
-                      ...s
+                      ...c
                     }
                   }, C = {
                     width: "auto",
                     opacity: 1,
                     transition: {
-                      ...s,
+                      ...c,
                       opacity: {
-                        duration: s.duration / 2,
-                        delay: s.duration - s.duration / 2
+                        duration: c.duration / 2,
+                        delay: c.duration - c.duration / 2
                       }
                     }
                   };
@@ -2601,8 +2648,8 @@ const tt = {
                       initial: m,
                       animate: C,
                       exit: m,
-                      className: M.label,
-                      children: n
+                      className: k.label,
+                      children: r
                     }
                   );
                 })() })
@@ -2614,7 +2661,7 @@ const tt = {
               height: 0,
               opacity: 0,
               transition: {
-                ...s,
+                ...c,
                 opacity: {
                   duration: 0
                 }
@@ -2623,10 +2670,10 @@ const tt = {
               height: "auto",
               opacity: 1,
               transition: {
-                ...s,
+                ...c,
                 opacity: {
-                  duration: s.duration / 3,
-                  delay: s.duration - s.duration / 3
+                  duration: c.duration / 3,
+                  delay: c.duration - c.duration / 3
                 }
               }
             };
@@ -2636,9 +2683,9 @@ const tt = {
                 initial: m,
                 animate: C,
                 exit: m,
-                className: M.label,
-                transition: s,
-                children: n
+                className: k.label,
+                transition: c,
+                children: r
               }
             );
           })() })
@@ -2646,18 +2693,18 @@ const tt = {
       }
     )
   );
-}, st = K(
+}, st = G(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
-    navigationRail: f("flex flex-col  left-0 h-full top-0 pt-11", {
+    navigationRail: d("flex flex-col  left-0 h-full top-0 pt-11", {
       "w-fit max-w-24": !e,
       "w-fit min-w-[220px] max-w-[360px]": e,
       "justify-between": t == "middle",
       "justify-start": t == "top"
     }),
-    header: f("flex flex-col gap-1 items-start"),
+    header: d("flex flex-col gap-1 items-start"),
     menuIcon: "mx-5",
-    segments: f(" flex flex-col  overflow-auto min-w-full mt-10", {
+    segments: d(" flex flex-col  overflow-auto min-w-full mt-10", {
       "w-full": !e,
       "w-fit  items-start": e
     })
@@ -2665,14 +2712,14 @@ const tt = {
 ), It = ({
   variant: e = "standard",
   onItemSelected: t,
-  children: n,
+  children: r,
   className: l,
-  selectedItem: r,
-  extended: i,
-  alignment: c = "top",
+  selectedItem: n,
+  extended: s,
+  alignment: i = "top",
   menu: a = {
     closed: {
-      icon: tt,
+      icon: rt,
       label: "Open menu"
     },
     opened: {
@@ -2680,47 +2727,47 @@ const tt = {
       label: "Close menu"
     }
   },
-  style: o,
-  onExtendedChange: d,
-  transition: h,
-  setSelectedItem: g
+  style: f,
+  onExtendedChange: o,
+  transition: p,
+  setSelectedItem: h
 }) => {
-  const [s, p] = R(null), [v, b] = R(i);
-  let L;
-  r == 0 || r != null ? L = r : L = s;
-  const I = g || p, w = V(null), B = (M) => {
-    t == null || t(M);
+  const [c, y] = S(null), [v, L] = S(s);
+  let N;
+  n == 0 || n != null ? N = n : N = c;
+  const E = h || y, w = V(null), B = (k) => {
+    t == null || t(k);
   };
-  function N(M) {
+  function b(k) {
     const m = [];
-    return be.forEach(M, (C) => {
-      ee(C) && C.type === Ne ? m.push(...N(C.props.children)) : m.push(C);
+    return be.forEach(k, (C) => {
+      ee(C) && C.type === Ne ? m.push(...b(C.props.children)) : m.push(C);
     }), m;
   }
-  const E = N(n), S = E.filter(
-    (M) => ee(M) && M.type === ue
+  const I = b(r), R = I.filter(
+    (k) => ee(k) && k.type === ue
   ), P = st({
-    children: n,
+    children: r,
     onItemSelected: t,
-    selectedItem: L,
-    setSelectedItem: I,
+    selectedItem: N,
+    setSelectedItem: E,
     className: l,
     variant: e,
     extended: v,
     isExtended: v,
-    alignment: c,
+    alignment: i,
     menu: a,
-    transition: h,
-    onExtendedChange: d
+    transition: p,
+    onExtendedChange: o
   });
-  h = { duration: 0.3, ...h };
+  p = { duration: 0.3, ...p };
   const W = V(!1);
-  return W.current = !1, $(() => {
-    d == null || d(v ?? !1);
+  return W.current = !1, D(() => {
+    o == null || o(v ?? !1);
   }, [v]), /* @__PURE__ */ U(
     "div",
     {
-      style: { transition: h.duration + "s", ...o },
+      style: { transition: p.duration + "s", ...f },
       ref: w,
       className: P.navigationRail,
       children: [
@@ -2728,31 +2775,31 @@ const tt = {
           /* @__PURE__ */ u(
             xe,
             {
-              onClick: () => b(!v),
+              onClick: () => L(!v),
               label: v ? a == null ? void 0 : a.opened.label : a == null ? void 0 : a.closed.label,
               className: P.menuIcon,
               icon: v ? a.opened.icon : a == null ? void 0 : a.closed.icon
             }
           ),
-          S.length > 0 && le(S[0], {
-            transition: h,
+          R.length > 0 && le(R[0], {
+            transition: p,
             isExtended: v,
-            className: "!shadow-none mx-5 " + S[0].props.className
+            className: "!shadow-none mx-5 " + R[0].props.className
           })
         ] }),
         /* @__PURE__ */ u("div", { className: P.segments, children: (() => {
-          let M = 0;
-          return E.map((m) => ee(m) && m.type === at ? le(
+          let k = 0;
+          return I.map((m) => ee(m) && m.type === at ? le(
             m,
             {
-              key: M,
-              index: M++,
+              key: k,
+              index: k++,
               // Utilise et incrémente le compteur dédié
               variant: v ? "horizontal" : "vertical",
-              selectedItem: L,
-              setSelectedItem: I,
+              selectedItem: N,
+              setSelectedItem: E,
               onItemSelected: B,
-              transition: h,
+              transition: p,
               extendedOnly: W.current,
               isExtended: v
             }
@@ -2782,21 +2829,21 @@ export {
   yt as SmoothScroll,
   bt as Snackbar,
   Nt as Switch,
-  _e as SyncedFixedWrapper,
+  Ye as SyncedFixedWrapper,
   nt as Tab,
   Lt as Tabs,
   Et as TextField,
   ye as ToolTip,
-  Be as buttonStyle,
-  Ce as cardStyle,
+  Ce as buttonStyle,
+  Be as cardStyle,
   We as carouselItemStyle,
-  De as carouselStyle,
-  f as classNames,
+  $e as carouselStyle,
+  d as classNames,
   Me as classnames,
-  Ye as customScrollStyle,
-  K as defaultClassNames,
-  Pe as dividerStyle,
-  $e as fabStyle,
+  _e as customScrollStyle,
+  G as defaultClassNames,
+  De as dividerStyle,
+  Pe as fabStyle,
   Se as getClassNames,
   Ve as iconButtonStyle,
   Je as normalize,