@udixio/ui-react 1.6.0 → 1.6.2

package/dist/index.js

@@ -34,28 +34,28 @@ const xe = ve({
       font: ["font"]
     }
   }
-}), f = (...e) => xe(me(e)), Ce = (...e) => xe(me(e));
+}), d = (...e) => xe(me(e)), Ce = (...e) => xe(me(e));
 function Me(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 Be = (e) => {
   const t = {};
-  e.classNameList.forEach((l) => {
+  e.classNameList.forEach((o) => {
     var n;
-    if (l)
-      if (typeof l == "string")
-        (t[n = e.default] ?? (t[n] = [])).push(l);
+    if (o)
+      if (typeof o == "string")
+        (t[n = e.default] ?? (t[n] = [])).push(o);
       else {
-        const a = l(e.states);
+        const a = o(e.states);
         Object.entries(a).map((i) => {
-          const [c, d] = i;
-          (t[c] ?? (t[c] = [])).push(d);
+          const [s, f] = i;
+          (t[s] ?? (t[s] = [])).push(f);
         });
       }
   });
   const r = t;
-  return Object.entries(t).map((l) => {
-    let [n, a] = l;
+  return Object.entries(t).map((o) => {
+    let [n, a] = o;
     a = a.reverse(), n == e.default && a.unshift("relative"), a.unshift(Me(n)), r[n] = Ce(...a);
   }), r;
 }, _ = (e, t) => (r) => Be({
@@ -68,36 +68,36 @@ const Be = (e) => {
     variant: e,
     disableTextMargins: t,
     disabled: r,
-    iconPosition: l,
+    iconPosition: o,
     icon: n,
     isActive: a,
     loading: i,
-    shape: c,
-    onToggle: d,
-    size: o,
-    allowShapeTransformation: m
+    shape: s,
+    onToggle: f,
+    size: l,
+    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" && {
-        "rounded-[30px]": o === "xSmall" || o == "small",
-        "rounded-[40px]": o === "medium",
-        "rounded-[70px]": o === "large" || o == "xLarge"
+      l === "xSmall" && "text-label-large px-3 py-1.5 gap-1",
+      l === "small" && "text-label-large px-4 py-2.5 gap-2",
+      l === "medium" && "text-title-medium px-6 py-4 gap-2",
+      l === "large" && "text-headline-small px-12 py-8 gap-3",
+      l === "xLarge" && "text-headline-large px-16 py-12 gap-4",
+      s === "rounded" && {
+        "rounded-[30px]": l === "xSmall" || l == "small",
+        "rounded-[40px]": l === "medium",
+        "rounded-[70px]": l === "large" || l == "xLarge"
       },
-      (c === "squared" || m && a) && {
-        "rounded-[12px]": o === "xSmall" || o == "small",
-        "rounded-[16px]": o === "medium",
-        "rounded-[28px]": o === "large" || o == "xLarge"
+      (s === "squared" || p && a) && {
+        "rounded-[12px]": l === "xSmall" || l == "small",
+        "rounded-[16px]": l === "medium",
+        "rounded-[28px]": l === "large" || l == "xLarge"
       },
-      m && !r && {
-        "active:rounded-[12px]": o === "xSmall" || o == "small",
-        "active:rounded-[16px]": o === "medium",
-        "active:rounded-[28px]": o === "large" || o == "xLarge"
+      p && !r && {
+        "active:rounded-[12px]": l === "xSmall" || l == "small",
+        "active:rounded-[16px]": l === "medium",
+        "active:rounded-[28px]": l === "large" || l == "xLarge"
       },
       e === "elevated" && {
         "shadow-1 hover:shadow-2": !r,
@@ -107,8 +107,8 @@ const Be = (e) => {
       },
       e === "filled" && {
         "hover:shadow-1": !r,
-        "bg-surface-container text-on-surface-variant": !r && !a && d,
-        "bg-primary text-on-primary": !r && (a && d || !d),
+        "bg-surface-container text-on-surface-variant": !r && !a && f,
+        "bg-primary text-on-primary": !r && (a && f || !f),
         "text-on-surface/[38%]": r
       },
       e === "tonal" && {
@@ -132,11 +132,11 @@ const Be = (e) => {
           "text-on-surface/[0.38]": r
         },
         t && [
-          o === "xSmall" && "-mx-3 ",
-          o === "small" && "-mx-4 ",
-          o === "medium" && "-mx-6 ",
-          o === "large" && "-mx-12",
-          o === "xLarge" && "-mx-16 "
+          l === "xSmall" && "-mx-3 ",
+          l === "small" && "-mx-4 ",
+          l === "medium" && "-mx-6 ",
+          l === "large" && "-mx-12",
+          l === "xLarge" && "-mx-16 "
           // size === 'small' && ' -my-2.5',
           // size === 'medium' && ' -my-4',
           // size === 'large' && '-my-8',
@@ -145,10 +145,10 @@ const Be = (e) => {
       ],
       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]": r,
@@ -156,23 +156,23 @@ const Be = (e) => {
       },
       e === "filled" && {
         "bg-on-surface/[0.12]": r,
-        "group-state-on-primary": !r && !d,
-        "group-state-on-surface-variant": !r && d
+        "group-state-on-primary": !r && !f,
+        "group-state-on-surface-variant": !r && f
       },
-      c === "rounded" && {
-        "rounded-[30px]": o === "xSmall" || o == "small",
-        "rounded-[40px]": o === "medium",
-        "rounded-[70px]": o === "large" || o == "xLarge"
+      s === "rounded" && {
+        "rounded-[30px]": l === "xSmall" || l == "small",
+        "rounded-[40px]": l === "medium",
+        "rounded-[70px]": l === "large" || l == "xLarge"
       },
-      (c === "squared" || m && a) && {
-        "rounded-[12px]": o === "xSmall" || o == "small",
-        "rounded-[16px]": o === "medium",
-        "rounded-[28px]": o === "large" || o == "xLarge"
+      (s === "squared" || p && a) && {
+        "rounded-[12px]": l === "xSmall" || l == "small",
+        "rounded-[16px]": l === "medium",
+        "rounded-[28px]": l === "large" || l == "xLarge"
       },
-      m && !r && {
-        "group-active:rounded-[12px]": o === "xSmall" || o == "small",
-        "group-active:rounded-[16px]": o === "medium",
-        "group-active:rounded-[28px]": o === "large" || o == "xLarge"
+      p && !r && {
+        "group-active:rounded-[12px]": l === "xSmall" || l == "small",
+        "group-active:rounded-[16px]": l === "medium",
+        "group-active:rounded-[28px]": l === "large" || l == "xLarge"
       },
       e === "tonal" && {
         "bg-on-surface/[0.12]": r,
@@ -185,26 +185,26 @@ const Be = (e) => {
         "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",
-      o === "medium" && "size-6",
-      o === "large" && "size-8",
-      o === "xLarge" && "size-10"
+      l === "xSmall" && "size-5",
+      l === "small" && "size-5",
+      l === "medium" && "size-6",
+      l === "large" && "size-8",
+      l === "xLarge" && "size-10"
     )
   })
 ), Pe = _(
   "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
@@ -214,20 +214,20 @@ const Be = (e) => {
 ), We = _(
   "carouselItem",
   () => ({
-    carouselItem: f("rounded-[28px] overflow-hidden flex-none")
+    carouselItem: d("rounded-[28px] overflow-hidden flex-none")
   })
 ), De = _(
   "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"
     )
   })
 ), Ve = _(
   "divider",
   ({ orientation: e }) => ({
-    divider: f(
+    divider: d(
       "border-outline-variant ",
       {
         "h-fit w-full border-t": e === "horizontal"
@@ -240,7 +240,7 @@ const Be = (e) => {
 ), je = _(
   "fab",
   ({ size: e, variant: t, isExtended: r }) => ({
-    fab: f(
+    fab: d(
       "flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",
       {
         "rounded-[12px]": e == "small" && !r,
@@ -257,14 +257,14 @@ const Be = (e) => {
       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" || r,
         "size-9": e == "large" && !r
@@ -274,7 +274,7 @@ const Be = (e) => {
       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",
@@ -288,98 +288,98 @@ const Be = (e) => {
     variant: e,
     disabled: t,
     onToggle: r,
-    isActive: l,
+    isActive: o,
     size: n,
     width: a,
     shape: i,
-    allowShapeTransformation: c
+    allowShapeTransformation: s
   }) => ({
-    iconButton: f(
+    iconButton: d(
       "rounded-full relative flex transition-all duration-300",
       "group cursor-pointer",
       {
         "cursor-default": t
       },
-      (i === "rounded" || i === "squared" && r && !t && l && c) && {
+      (i === "rounded" || i === "squared" && r && !t && o && s) && {
         "rounded-[30px]": n === "xSmall" || n == "small",
         "rounded-[40px]": n === "medium",
         "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && l && c) && {
+      (i === "squared" || i === "rounded" && r && !t && o && s) && {
         "rounded-[12px]": n === "xSmall" || n == "small",
         "rounded-[16px]": n === "medium",
         "rounded-[28px]": n === "large" || n == "xLarge"
       },
-      c && !t && {
+      s && !t && {
         "group-active:rounded-[12px]": n === "xSmall" || n == "small",
         "group-active:rounded-[16px]": n === "medium",
         "group-active:rounded-[28px]": n === "large" || n == "xLarge"
       },
       e === "filled" && [
         !t && {
-          "bg-surface-container": !l && !!r,
-          "bg-primary": l || !r
+          "bg-surface-container": !o && !!r,
+          "bg-primary": o || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !l && !!r,
-          "bg-secondary-container": l || !r
+          "bg-surface-container": !o && !!r,
+          "bg-secondary-container": o || !r
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "outlined" && [
         !t && {
-          "border border-outline": !l,
-          "border border-transparent bg-inverse-surface": l
+          "border border-outline": !o,
+          "border border-transparent bg-inverse-surface": o
         },
         !!t && {
-          "border border-on-surface/[0.12]": !l,
-          "border border-transparent bg-on-surface/[0.12]": l
+          "border border-on-surface/[0.12]": !o,
+          "border border-transparent bg-on-surface/[0.12]": o
         }
       ]
     ),
-    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",
-      (i === "rounded" || i === "squared" && r && !t && l && c) && {
+      (i === "rounded" || i === "squared" && r && !t && o && s) && {
         "rounded-[30px]": n === "xSmall" || n == "small",
         "rounded-[40px]": n === "medium",
         "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && l && c) && {
+      (i === "squared" || i === "rounded" && r && !t && o && s) && {
         "rounded-[12px]": n === "xSmall" || n == "small",
         "rounded-[16px]": n === "medium",
         "rounded-[28px]": n === "large" || n == "xLarge"
       },
-      c && !t && {
+      s && !t && {
         "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" && {
-          "state-on-surface-variant": !l,
-          "state-primary": l
+          "state-on-surface-variant": !o,
+          "state-primary": o
         },
         e === "filled" && {
-          "state-primary": !l && !!r,
-          "state-inverse-on-surface": l || !r
+          "state-primary": !o && !!r,
+          "state-inverse-on-surface": o || !r
         },
         e === "tonal" && {
-          "state-on-surface-variant": !l && !!r,
-          "state-on-secondary-container": l || !r
+          "state-on-surface-variant": !o && !!r,
+          "state-on-secondary-container": o || !r
         },
         e === "outlined" && {
-          "state-on-surface-variant": !l,
-          "state-on-primary": l
+          "state-on-surface-variant": !o,
+          "state-on-primary": o
         }
       ]
     ),
-    icon: f(
+    icon: d(
       "  transition-all duration-300",
       { "size-5 p-1.5": n === "xSmall" },
       { "size-6 p-2": n === "small" },
@@ -402,20 +402,20 @@ const Be = (e) => {
       ],
       !t && [
         e === "standard" && {
-          "text-on-surface-variant": !l,
-          "text-primary": l
+          "text-on-surface-variant": !o,
+          "text-primary": o
         },
         e === "filled" && {
-          "text-primary": !l && !!r,
-          "text-on-primary": l || !r
+          "text-primary": !o && !!r,
+          "text-on-primary": o || !r
         },
         e === "tonal" && {
-          "text-on-surface-variant": !l && !!r,
-          "text-on-secondary-container": l || !r
+          "text-on-surface-variant": !o && !!r,
+          "text-on-secondary-container": o || !r
         },
         e === "outlined" && {
-          "text-on-surface-variant": !l,
-          "text-inverse-on-surface": l
+          "text-on-surface-variant": !o,
+          "text-inverse-on-surface": o
         }
       ],
       !!t && "text-on-surface/[0.38]"
@@ -424,14 +424,14 @@ const Be = (e) => {
 ), Fe = _(
   "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
@@ -445,7 +445,7 @@ const Be = (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,
@@ -456,11 +456,11 @@ const Be = (e) => {
 ), Xe = _(
   "slideSheet",
   ({ variant: e, position: t }) => ({
-    slideSheet: f(
+    slideSheet: d(
       "bg-surface flex justify-between  max-w-xs z-10",
       {
         "flex-row-reverse": t == "right",
-        "h-screen": e == "standard"
+        "h-full": e == "standard"
       },
       e == "modal" && [
         "rounded-2xl fixed top-0 m-[1rem] h-[calc(100dvh-2rem)]",
@@ -470,53 +470,53 @@ const Be = (e) => {
         }
       ]
     ),
-    container: f("w-full overflow-hidden", {}),
-    content: f("w-fit "),
-    header: f("p-4 flex items-center gap-2"),
-    title: f("text-on-surface-variant text-title-large"),
-    closeButton: f("ml-auto"),
-    divider: f({ hidden: e == "modal" }),
-    overlay: f(
+    container: d("w-full overflow-hidden", {}),
+    content: d("w-fit "),
+    header: d("p-4 flex items-center gap-2"),
+    title: d("text-on-surface-variant text-title-large"),
+    closeButton: d("ml-auto"),
+    divider: d({ hidden: e == "modal" }),
+    overlay: d(
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
 ), He = _(
   "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"
     ])
   })
 ), Oe = _(
   "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")
   })
 ), qe = _(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
-    switch: f(
+    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 && [
@@ -527,12 +527,12 @@ const Be = (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 && !r },
       { "w-[24px] h-[24px]": !(!e && !r) },
@@ -543,11 +543,11 @@ const Be = (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 },
@@ -558,67 +558,67 @@ const Be = (e) => {
   })
 ), _e = _(
   "tab",
-  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
-    tab: f(
+  ({ isSelected: e, icon: t, label: r, variant: o }) => ({
+    tab: d(
       "bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
       { "z-10": e },
-      !!(t && r) && l === "primary" && "h-16",
-      !(t && r && l === "primary") && "h-12"
+      !!(t && r) && o === "primary" && "h-16",
+      !(t && r && o === "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" && {
+      o === "primary" && {
         "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface": !e,
         "group-hover:hover-state-primary group-focus-visible:focus-state-primary": e
       },
-      l === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
+      o === "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"
+        relative: o == "primary"
       },
       {
         "": !!(r && !t)
       },
-      l === "primary" && "flex-col items-center",
-      l === "secondary" && {
+      o === "primary" && "flex-col items-center",
+      o === "secondary" && {
         "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" && {
+      o === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      l === "secondary" && {
+      o === "secondary" && {
         "text-on-surface-variant": !e,
         "text-on-surface": e
       }
     ),
-    label: f(
+    label: d(
       "text-title-small  text-nowrap",
-      l === "primary" && {
+      o === "primary" && {
         "text-on-surface-variant": !e,
         "text-primary": e
       },
-      l === "secondary" && {
+      o === "secondary" && {
         "text-on-surface-variant": !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"
+      o === "primary" && "h-[3px] rounded-t",
+      o === "secondary" && "h-0.5"
     )
   })
 ), Ke = _(
   "tabs",
   ({ scrollable: e }) => ({
-    tabs: f(
+    tabs: d(
       "border-b border-surface-container-highest",
       "flex relative ",
       { "overflow-x-auto": e }
@@ -630,99 +630,99 @@ const Be = (e) => {
     disabled: e,
     leadingIcon: t,
     trailingIcon: r,
-    variant: l,
+    variant: o,
     errorText: n,
     isFocused: a,
     value: i,
-    suffix: c,
-    textLine: d
+    suffix: s,
+    textLine: f
   }) => ({
-    textField: f({
+    textField: d({
       "opacity-[.38]": e
     }),
-    content: f(
+    content: d(
       "group  transition-border duration-200 relative  flex  items-center ",
-      { "h-14": d == "singleLine" },
+      { "h-14": f == "singleLine" },
       {
-        "border-on-surface-variant": !(n != null && n.length) && !a && l == "filled",
-        "border-outline": !(n != null && n.length) && !a && l == "outlined",
+        "border-on-surface-variant": !(n != null && n.length) && !a && o == "filled",
+        "border-outline": !(n != null && n.length) && !a && o == "outlined",
         "border-primary": !(n != null && n.length) && a,
         "border-error": !!(n != null && n.length)
       },
       { "bg-on-surface/[0.04]": e },
-      l == "filled" && [
+      o == "filled" && [
         "rounded-t overflow-hidden border-b",
         { "bg-surface-container-highest": !e }
       ],
-      l == "outlined" && [
+      o == "outlined" && [
         "border rounded box-border",
         {
           "border-[3px]": a
         }
       ]
     ),
-    stateLayer: f(
+    stateLayer: d(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
-        hidden: l == "outlined"
+        hidden: o == "outlined"
       },
       {
         "group-state-on-surface": !e,
         "focus-state-on-surface": a
       }
     ),
-    label: f(
+    label: d(
       "inline-flex outline-none  whitespace-nowrap",
       { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
       { "text-error": !!(n != null && n.length) },
       { "text-primary": !(n != null && n.length) && a }
     ),
-    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,
         "placeholder:text-on-surface text-on-surface": e
       },
       {
-        "pr-0": !!c
+        "pr-0": !!s
       },
-      l == "filled" && " pb-2 pt-6",
-      l == "outlined" && "py-4 relative z-10"
+      o == "filled" && " pb-2 pt-6",
+      o == "outlined" && "py-4 relative z-10"
     ),
-    activeIndicator: f(
+    activeIndicator: d(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
-      l == "filled" && [
+      o == "filled" && [
         "h-[2px] transition-all duration-300",
         { "bg-primary": !(n != null && n.length) },
         { "bg-error": !!(n != null && n.length) },
         { "!w-full": a }
       ]
     ),
-    supportingText: f(
+    supportingText: d(
       " text-body-small px-4 pt-1",
       { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
       { "!w-full": a },
       { "text-error": !!(n != null && n.length) }
     ),
-    leadingIcon: f([
+    leadingIcon: d([
       "h-12 ml-3 flex items-center justify-center",
       { "cursor-text": !Y.isValidElement(t) }
     ]),
-    trailingIcon: f("h-12 w-12 flex items-center justify-center", {
+    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"
+      o == "filled" && " pb-2 pt-6",
+      o == "outlined" && "py-4 relative z-10"
     )
   })
 ), Ye = _(
   "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",
@@ -735,51 +735,51 @@ const Be = (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: r }) => {
   if (typeof e == "string") {
-    let o = e;
-    return t[0] && (o = o.replace(
+    let l = e;
+    return t[0] && (l = l.replace(
       /<svg([^>]*)>/,
       `<svg$1 fill="${t[0]}" color="${t[0]}">`
-    ), o = o.replace(
+    ), l = l.replace(
       /<path([^>]*?)>/g,
       '<path$1 fill="currentColor">'
     )), /* @__PURE__ */ u(
       "div",
       {
-        className: f(
+        className: d(
           "size-5 box-content inline-flex fill-current",
           r
         ),
         style: { color: t[0] || "inherit" },
-        dangerouslySetInnerHTML: { __html: o }
+        dangerouslySetInnerHTML: { __html: l }
       }
     );
   }
   if (e && typeof e == "object" && "src" in e) {
-    const o = e;
+    const l = e;
     return /* @__PURE__ */ u(
       "img",
       {
-        src: o.src,
-        width: o.width,
-        height: o.height,
-        className: f("size-5 box-content", r),
+        src: l.src,
+        width: l.width,
+        height: l.height,
+        className: d("size-5 box-content", r),
         style: {
           filter: t[0] ? "brightness(0) saturate(100%) invert(1)" : void 0
         },
@@ -788,18 +788,18 @@ const Be = (e) => {
       }
     );
   }
-  const l = e;
-  if (!(l != null && l.prefix))
+  const o = e;
+  if (!(o != null && o.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: n } = l, [a, i, , , c] = n || [], d = (o) => {
-    switch (o.length) {
+  const { icon: n } = o, [a, i, , , s] = n || [], f = (l) => {
+    switch (l.length) {
       case 2:
         return {
-          "--fa-primary-color": o[0] || "inherit",
-          "--fa-secondary-color": o[1] || "inherit"
+          "--fa-primary-color": l[0] || "inherit",
+          "--fa-secondary-color": l[1] || "inherit"
         };
       case 1:
-        return { color: o[0] };
+        return { color: l[0] };
       default:
         return {};
     }
@@ -807,56 +807,56 @@ const Be = (e) => {
   return /* @__PURE__ */ u(
     "svg",
     {
-      className: f("size-5 box-content", r),
-      style: { ...d(t) },
+      className: d("size-5 box-content", r),
+      style: { ...f(t) },
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: `0 0 ${a} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof c == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: c }) : c.map((o, m) => /* @__PURE__ */ u("path", { d: o }, m))
+      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((l, p) => /* @__PURE__ */ u("path", { d: l }, p))
     }
   );
 }, Ze = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: r = 1e3,
-  className: l,
+  className: o,
   ...n
 }) => {
-  const [a, i] = R(t), [c] = R(1.5);
+  const [a, i] = R(t), [s] = R(1.5);
   $(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [d, o] = R(!0), m = () => d ? c : c * 0.5;
+  const [f, l] = R(!0), p = () => f ? s : s * 0.5;
   $(() => {
     if ((e === "circular-indeterminate" || e === "linear-indeterminate") && a !== 100) {
       const v = setInterval(() => {
-        i(d ? 10 : 90), o(!d);
-      }, m() * 1e3);
+        i(f ? 10 : 90), l(!f);
+      }, p() * 1e3);
       return () => clearInterval(v);
     }
-  }, [e, d, a]);
-  const [h, s] = R(!1);
+  }, [e, f, a]);
+  const [m, c] = R(!1);
   $(() => {
     if (a >= 100) {
       const v = setTimeout(() => {
-        s(!1);
+        c(!1);
       }, r);
       return () => {
         clearTimeout(v);
       };
     } else
-      s(!0);
+      c(!0);
   }, [a, r]);
-  const y = Fe({
-    className: l,
+  const h = Fe({
+    className: o,
     variant: e,
     value: t,
     transitionDuration: r,
-    isVisible: h
+    isVisible: m
   });
   return /* @__PURE__ */ D(te, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ D("div", { className: y.progressIndicator, ...n, children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ D("div", { className: h.progressIndicator, ...n, children: [
       /* @__PURE__ */ u(
         "div",
         {
@@ -864,7 +864,7 @@ const Be = (e) => {
             width: `${a}%`,
             transition: `width ${r}ms ease-in-out ${a == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
-          className: y.track
+          className: h.track
         }
       ),
       /* @__PURE__ */ u(
@@ -874,7 +874,7 @@ const Be = (e) => {
             marginLeft: a != 100 ? "6px" : "0px",
             transition: `width ${r}ms ease-in-out ${a == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r / 1.5}ms` : ""}`
           },
-          className: y.activeIndicator
+          className: h.activeIndicator
         }
       ),
       /* @__PURE__ */ u(
@@ -884,7 +884,7 @@ const Be = (e) => {
             width: "4 px",
             transition: `width ${r}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
           },
-          className: y.stop
+          className: h.stop
         }
       )
     ] }),
@@ -898,43 +898,43 @@ const Be = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: m(),
+          duration: p(),
           ease: "linear"
         },
-        className: y.progressIndicator,
+        className: h.progressIndicator,
         ...n,
         children: /* @__PURE__ */ u(
           U.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: h ? "calc(50% - 2px)" : "50%",
+            r: m ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
             initial: "hidden",
             animate: "visible",
-            className: y.activeIndicator,
+            className: h.activeIndicator,
             variants: {
               hidden: {
-                pathLength: d ? 10 / 100 : 90 / 100
+                pathLength: f ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: d ? 90 / 100 : 10 / 100
+                pathLength: f ? 90 / 100 : 10 / 100
               }
             },
             transition: {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: m(),
+                duration: p(),
                 bounce: 0
               }
             }
           }
         )
       },
-      d + ""
+      f + ""
     )
   ] });
 }, ne = ({
@@ -958,36 +958,36 @@ const Be = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, n] = R(!0), [a, i] = R(!1), [c, d] = R({ x: 0, y: 0 });
+  }, [o, n] = R(!0), [a, i] = R(!1), [s, f] = R({ x: 0, y: 0 });
   $(() => {
     a && (n(!0), n(!1));
   }, [a]), $(() => {
-    const s = t == null ? void 0 : t.current;
-    if (s)
-      return s.addEventListener("mousedown", o), s.addEventListener("mouseup", h), s.addEventListener("mouseleave", m), () => {
-        s.removeEventListener("mousedown", o), s.removeEventListener("mouseup", h), s.removeEventListener("mouseleave", m);
+    const c = t == null ? void 0 : t.current;
+    if (c)
+      return c.addEventListener("mousedown", l), c.addEventListener("mouseup", m), c.addEventListener("mouseleave", p), () => {
+        c.removeEventListener("mousedown", l), c.removeEventListener("mouseup", m), c.removeEventListener("mouseleave", p);
       };
   }, [t]);
-  const o = (s) => {
-    const y = t == null ? void 0 : t.current, v = y.getBoundingClientRect();
-    i(!0), d({
-      x: (s.clientX - v.left) / y.clientWidth * 100,
-      y: (s.clientY - v.top) / y.clientHeight * 100
+  const l = (c) => {
+    const h = t == null ? void 0 : t.current, v = h.getBoundingClientRect();
+    i(!0), f({
+      x: (c.clientX - v.left) / h.clientWidth * 100,
+      y: (c.clientY - v.top) / h.clientHeight * 100
     });
-  }, m = (s) => {
+  }, p = (c) => {
     i(!1);
-  }, h = (s) => {
+  }, m = (c) => {
     i(!1);
   };
-  return /* @__PURE__ */ u(A, { mode: "wait", children: (a || !a && !l) && /* @__PURE__ */ u(
+  return /* @__PURE__ */ u(A, { mode: "wait", children: (a || !a && !o) && /* @__PURE__ */ u(
     U.div,
     {
       style: {
         position: "absolute",
         width: "100%",
         height: "100%",
-        top: c.y + "%",
-        left: c.x + "%",
+        top: s.y + "%",
+        left: s.x + "%",
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
@@ -1002,7 +1002,7 @@ const Be = (e) => {
 }, Je = _(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: r }) => ({
-    customScroll: f(
+    customScroll: d(
       "flex h-full w-full",
       t && [
         "[&::-webkit-scrollbar-track]:rounded-full",
@@ -1022,7 +1022,7 @@ const Be = (e) => {
         "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"
     })
@@ -1031,59 +1031,59 @@ const Be = (e) => {
   children: e,
   orientation: t = "vertical",
   scrollSize: r,
-  onScroll: l,
+  onScroll: o,
   className: n,
   draggable: a = !1,
   throttleDuration: i = 75
 }) => {
   var W, F;
-  const c = j(null), d = j(null), [o, m] = R({
+  const s = j(null), f = j(null), [l, p] = R({
     width: null,
     height: null
   });
   $(() => {
-    if (!c.current) return;
+    if (!s.current) return;
     const S = new ResizeObserver((X) => {
       for (const H of X)
-        H.target === c.current && m({
+        H.target === s.current && p({
           width: H.contentRect.width,
           height: H.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return S.observe(c.current), () => {
+    return S.observe(s.current), () => {
       S.disconnect();
     };
-  }, [c]);
-  const h = j(null), s = j(null), y = () => {
-    const S = d.current;
+  }, [s]);
+  const m = j(null), c = j(null), h = () => {
+    const S = f.current;
     return S ? {
       width: r ?? S.scrollWidth,
       height: r ?? S.scrollHeight
     } : null;
   }, v = () => {
-    const S = c.current;
+    const S = s.current;
     return S ? {
       width: S.clientWidth,
       height: S.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: L, scrollXProgress: N } = Ie({
-    container: c
+  }, { scrollYProgress: b, scrollXProgress: L } = Ie({
+    container: s
   }), I = j(null);
   I.current || (I.current = Ee(
     i,
     (S, X) => {
-      !s.current || !h.current || l && (t === "horizontal" && X === "x" && l({
+      !c.current || !m.current || o && (t === "horizontal" && X === "x" && o({
         scrollProgress: S,
-        scroll: S * h.current.width,
-        scrollTotal: h.current.width,
-        scrollVisible: s.current.width
-      }), t === "vertical" && X === "y" && l({
+        scroll: S * m.current.width,
+        scrollTotal: m.current.width,
+        scrollVisible: c.current.width
+      }), t === "vertical" && X === "y" && o({
         scrollProgress: S,
-        scroll: S * h.current.height,
-        scrollTotal: h.current.height,
-        scrollVisible: s.current.height
+        scroll: S * m.current.height,
+        scrollTotal: m.current.height,
+        scrollVisible: c.current.height
       }));
     }
   ));
@@ -1091,38 +1091,38 @@ const Be = (e) => {
     I.current && I.current(S, X);
   };
   $(() => {
-    o.width && w(N.get(), "x"), o.height && w(L.get(), "y");
-  }, [o]), se(N, "change", (S) => {
+    l.width && w(L.get(), "x"), l.height && w(b.get(), "y");
+  }, [l]), se(L, "change", (S) => {
     w(S, "x");
-  }), se(L, "change", (S) => {
+  }), se(b, "change", (S) => {
     w(S, "y");
   });
-  const [B, b] = R(!1);
+  const [B, N] = R(!1);
   pe(() => {
-    B || !s.current || !h.current || !l || (l({
+    B || !c.current || !m.current || !o || (o({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? h.current.height : h.current.width,
-      scrollVisible: t == "vertical" ? s.current.height : s.current.width
-    }), b(!0));
-  }, [s, h, l]), h.current = y(), s.current = v();
+      scrollTotal: t == "vertical" ? m.current.height : m.current.width,
+      scrollVisible: t == "vertical" ? c.current.height : c.current.width
+    }), N(!0));
+  }, [c, m, o]), m.current = h(), c.current = v();
   const [E, C] = R(!1), V = Je({
     isDragging: E,
     children: e,
     className: n,
-    onScroll: l,
+    onScroll: o,
     orientation: t,
     scrollSize: r,
     draggable: a,
     throttleDuration: i
-  }), [P, k] = R(0), [p, M] = R(0), O = (S) => {
+  }), [P, k] = R(0), [y, M] = R(0), O = (S) => {
     if (!a) return;
-    const X = c.current;
+    const X = s.current;
     if (!X || P == null) return;
     const J = (S.pageX - X.offsetLeft - P) * 1.5;
-    X.scrollLeft = p - J;
+    X.scrollLeft = y - J;
   }, K = (S) => {
-    const X = c.current;
+    const X = s.current;
     X && (C(!0), k(S.pageX - X.offsetLeft), M(X.scrollLeft));
   }, Z = (S) => {
     E && (S.preventDefault(), O(S));
@@ -1139,7 +1139,7 @@ const Be = (e) => {
     "div",
     {
       className: V.customScroll,
-      ref: c,
+      ref: s,
       onMouseDown: K,
       onMouseMove: Z,
       onMouseUp: q,
@@ -1154,28 +1154,28 @@ const Be = (e) => {
         /* @__PURE__ */ u(
           "div",
           {
-            ref: d,
-            style: t === "vertical" ? { height: ((W = s == null ? void 0 : s.current) == null ? void 0 : W.height) ?? "100%" } : { width: ((F = s == null ? void 0 : s.current) == null ? void 0 : F.width) ?? "100%" },
+            ref: f,
+            style: t === "vertical" ? { height: ((W = c == null ? void 0 : c.current) == null ? void 0 : W.height) ?? "100%" } : { width: ((F = c == null ? void 0 : c.current) == null ? void 0 : F.width) ?? "100%" },
             className: V.track,
             children: e
           }
         ),
-        s.current && h.current && /* @__PURE__ */ D(te, { children: [
-          t === "vertical" && h.current.height > s.current.height && /* @__PURE__ */ u(
+        c.current && m.current && /* @__PURE__ */ D(te, { children: [
+          t === "vertical" && m.current.height > c.current.height && /* @__PURE__ */ u(
             U.div,
             {
               className: "flex-none",
               style: {
-                height: h.current.height - s.current.height
+                height: m.current.height - c.current.height
               }
             }
           ),
-          t === "horizontal" && h.current.width > s.current.width && /* @__PURE__ */ u(
+          t === "horizontal" && m.current.width > c.current.width && /* @__PURE__ */ u(
             U.div,
             {
               className: "flex-none",
               style: {
-                width: h.current.width - s.current.width
+                width: m.current.width - c.current.width
               }
             }
           )
@@ -1187,42 +1187,42 @@ const Be = (e) => {
   children: e,
   transition: t = ".5s",
   orientation: r = "vertical",
-  throttleDuration: l = 25,
+  throttleDuration: o = 25,
   ...n
 }) => {
-  const [a, i] = R(null), c = he((a == null ? void 0 : a.scrollProgress) ?? 0), d = oe(
-    c,
+  const [a, i] = R(null), s = he((a == null ? void 0 : a.scrollProgress) ?? 0), f = oe(
+    s,
     [0, 1],
     [0, 1 - ((a == null ? void 0 : a.scrollVisible) ?? 0) / ((a == null ? void 0 : a.scrollTotal) ?? 0)]
-  ), o = oe(
-    d,
-    (s) => `${-s * 100}%`
-  ), m = (s) => {
-    c.set(s.scrollProgress), s.scrollTotal > 0 && i(s);
-  }, h = j(null);
-  return se(o, "change", (s) => {
-    const y = performance.now();
-    if (h.current !== null) {
-      const v = y - h.current;
+  ), l = oe(
+    f,
+    (c) => `${-c * 100}%`
+  ), p = (c) => {
+    s.set(c.scrollProgress), c.scrollTotal > 0 && i(c);
+  }, m = j(null);
+  return se(l, "change", (c) => {
+    const h = performance.now();
+    if (m.current !== null) {
+      const v = h - m.current;
       console.log(`Delta temps : ${v} ms`);
     }
-    h.current = y, console.log(s);
+    m.current = h, console.log(c);
   }), /* @__PURE__ */ u(
     ge,
     {
-      onScroll: m,
-      throttleDuration: l,
+      onScroll: p,
+      throttleDuration: o,
       ...n,
       children: /* @__PURE__ */ u(
         U.div,
         {
-          className: f("transition-transform  ease-out", {
+          className: d("transition-transform  ease-out", {
             "w-fit h-full": r === "horizontal",
             "h-fit w-full": r === "vertical"
           }),
           style: {
             transitionDuration: t,
-            ...r == "vertical" ? { y: o } : { x: o }
+            ...r == "vertical" ? { y: l } : { x: l }
           },
           children: e
         }
@@ -1233,16 +1233,16 @@ const Be = (e) => {
   targetRef: e,
   children: t
 }) => {
-  const [r, l] = R(null), n = j(null), a = () => {
+  const [r, o] = R(null), n = j(null), a = () => {
     const i = e.current;
     if (!i) return;
-    const c = i.getBoundingClientRect();
-    l({
+    const s = i.getBoundingClientRect();
+    o({
       position: "fixed",
-      top: c.top,
-      left: c.left,
-      width: c.width,
-      height: c.height,
+      top: s.top,
+      left: s.left,
+      width: s.width,
+      height: s.height,
       pointerEvents: "none",
       // si le wrapper ne doit pas capter les events
       zIndex: 999
@@ -1253,8 +1253,8 @@ const Be = (e) => {
     const i = e.current;
     if (i)
       return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), n.current = new ResizeObserver(a), n.current.observe(i), () => {
-        var c;
-        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a), (c = n.current) == null || c.disconnect();
+        var s;
+        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a), (s = n.current) == null || s.disconnect();
       };
   }, [e]), r ? ye(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
 };
@@ -1267,57 +1267,57 @@ const It = ({
   // Délai par défaut de 300ms
   onLoad: r
 }) => {
-  const [l, n] = R(null), a = j(null), i = j(e.sourceColor), c = j(!0);
+  const [o, n] = R(null), a = j(null), i = j(e.sourceColor), s = j(!0);
   $(() => {
-    if (c.current) {
-      c.current = !1, i.current = e.sourceColor, d(e.sourceColor);
+    if (s.current) {
+      s.current = !1, i.current = e.sourceColor, f(e.sourceColor);
       return;
     }
     if (e.sourceColor !== i.current)
       return a.current && clearTimeout(a.current), a.current = setTimeout(async () => {
-        i.current = e.sourceColor, await d(e.sourceColor), a.current = null;
+        i.current = e.sourceColor, await f(e.sourceColor), a.current = null;
       }, t), () => {
         a.current && (clearTimeout(a.current), a.current = null);
       };
   }, [e.sourceColor, t]);
-  const d = async (o) => {
-    if (!Ae(o))
+  const f = async (l) => {
+    if (!Ae(l))
       throw new Error("Invalid hex color");
     try {
-      const m = await ke({
+      const p = await ke({
         ...e,
-        sourceColor: o
+        sourceColor: l
       });
-      r == null || r(m);
-      const h = m.plugins.getPlugin(Se).getInstance().outputCss;
-      h && n(h);
-    } catch (m) {
+      r == null || r(p);
+      const m = p.plugins.getPlugin(Se).getInstance().outputCss;
+      m && n(m);
+    } catch (p) {
       throw new Error(
-        m instanceof Error ? m.message : "Theme loading failed"
+        p instanceof Error ? p.message : "Theme loading failed"
       );
     }
   };
   return $(() => () => {
     a.current && clearTimeout(a.current);
-  }, []), l ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: l } }) : null;
+  }, []), o ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: o } }) : null;
 }, ze = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: r,
-  href: l,
+  href: o,
   label: n,
   disableTextMargins: a,
   className: i,
-  iconPosition: c = "left",
-  loading: d = !1,
-  shape: o = "rounded",
-  onClick: m,
-  onToggle: h,
-  activated: s,
-  ref: y,
+  iconPosition: s = "left",
+  loading: f = !1,
+  shape: l = "rounded",
+  onClick: p,
+  onToggle: m,
+  activated: c,
+  ref: h,
   size: v = "medium",
-  allowShapeTransformation: L = !0,
-  transition: N,
+  allowShapeTransformation: b = !0,
+  transition: L,
   children: I,
   ...w
 }) => {
@@ -1325,66 +1325,66 @@ const It = ({
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = l ? "a" : "button", b = j(null), E = y || b, [C, V] = Y.useState(s);
+  const B = o ? "a" : "button", N = j(null), E = h || N, [C, V] = Y.useState(c);
   $(() => {
-    V(s);
-  }, [s]), N = { duration: 0.3, ...N };
+    V(c);
+  }, [c]), L = { duration: 0.3, ...L };
   let P;
-  h ? h && (P = (M) => {
+  m ? m && (P = (M) => {
     t && M.preventDefault();
     const O = !C;
-    V(O), h(O);
+    V(O), m(O);
   }) : P = (M) => {
-    t && M.preventDefault(), m && m(M);
+    t && M.preventDefault(), p && p(M);
   };
   const k = $e({
-    allowShapeTransformation: L,
+    allowShapeTransformation: b,
     size: v,
     disableTextMargins: a,
-    shape: o,
-    href: l,
+    shape: l,
+    href: o,
     disabled: t,
     icon: r,
-    iconPosition: c,
-    loading: d,
+    iconPosition: s,
+    loading: f,
     variant: e,
-    transition: N,
+    transition: L,
     className: i,
     isActive: C ?? !1,
-    onToggle: h,
+    onToggle: m,
     activated: C,
     label: n,
     children: n
-  }), p = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(te, {});
+  }), y = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(te, {});
   return /* @__PURE__ */ D(
     B,
     {
       ref: E,
-      href: l,
+      href: o,
       className: k.button,
       ...w,
       onClick: P,
       disabled: t,
-      "aria-pressed": h ? C : void 0,
-      style: { transition: N.duration + "s" },
+      "aria-pressed": m ? C : void 0,
+      style: { transition: L.duration + "s" },
       children: [
         /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: N.duration + "s" },
+            style: { transition: L.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" || "",
+                colorName: e === "filled" && m && "on-surface-variant" || e === "filled" && !m && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
                 triggerRef: E
               }
             )
           }
         ),
-        c === "left" && p,
-        d && /* @__PURE__ */ u(
+        s === "left" && y,
+        f && /* @__PURE__ */ u(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
@@ -1393,7 +1393,7 @@ const It = ({
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
-                  activeIndicator: f(
+                  activeIndicator: d(
                     {
                       "!stroke-primary": e === "elevated" && !t,
                       "!stroke-on-surface/[38%]": e === "elevated" && t
@@ -1422,7 +1422,7 @@ const It = ({
           }
         ),
         /* @__PURE__ */ u("span", { className: k.label, children: n }),
-        c === "right" && p
+        s === "right" && y
       ]
     }
   );
@@ -1430,42 +1430,42 @@ const It = ({
   variant: e = "outlined",
   className: t,
   children: r,
-  isInteractive: l = !1,
+  isInteractive: o = !1,
   ref: n,
   ...a
 }) => {
-  const i = Pe({ className: t, isInteractive: l, variant: e, children: r }), c = j(null), d = n || c;
-  return /* @__PURE__ */ D("div", { ...a, ref: d, className: i.card, children: [
-    /* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: d }) }),
+  const i = Pe({ className: t, isInteractive: o, variant: e, children: r }), s = j(null), f = n || s;
+  return /* @__PURE__ */ D("div", { ...a, ref: f, className: i.card, children: [
+    /* @__PURE__ */ u("div", { className: i.stateLayer, children: o && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: f }) }),
     r
   ] });
 }, Te = (e, t, r = [0, 1]) => {
-  const [l, n] = t, [a, i] = r, d = (Math.max(l, Math.min(e, n)) - l) / (n - l);
-  return a + d * (i - a);
+  const [o, n] = t, [a, i] = r, f = (Math.max(o, Math.min(e, n)) - o) / (n - o);
+  return a + f * (i - a);
 }, et = ({
   className: e,
   children: t,
   width: r = 1,
-  index: l = 0,
+  index: o = 0,
   ref: n,
   ...a
 }) => {
-  const i = j(null), c = n || i, d = We({
+  const i = j(null), s = n || i, f = We({
     className: e,
-    index: l,
+    index: o,
     width: r,
     children: t
   });
   return /* @__PURE__ */ u(
     U.div,
     {
-      ref: c,
+      ref: s,
       animate: { width: r + "px" },
       transition: {
         duration: 0.5,
         ease: "linear"
       },
-      className: d.carouselItem,
+      className: f.carouselItem,
       ...a,
       children: t
     }
@@ -1474,31 +1474,31 @@ const It = ({
   variant: e = "hero",
   className: t,
   children: r,
-  ref: l,
+  ref: o,
   marginPourcent: n = 0,
   inputRange: a = [0.21, 0.65],
   outputRange: i = [42, 300],
-  gap: c = 8,
-  onChange: d,
-  scrollSensitivity: o = 1.25,
-  ...m
+  gap: s = 8,
+  onChange: f,
+  scrollSensitivity: l = 1.25,
+  ...p
 }) => {
   var q, z;
-  const h = j(null), s = l || h, y = De({
+  const m = j(null), c = o || m, h = De({
     className: t,
     children: r,
     variant: e,
     inputRange: a,
     outputRange: i,
     marginPourcent: n,
-    onChange: d,
-    gap: c,
-    scrollSensitivity: o
+    onChange: f,
+    gap: s,
+    scrollSensitivity: l
   }), v = Y.Children.toArray(r).filter(
     (g) => Y.isValidElement(g) && g.type === et
-  ), L = j(null), [N, I] = R([]), [w, B] = R(null), b = () => {
+  ), b = j(null), [L, I] = R([]), [w, B] = R(null), N = () => {
     var X;
-    if (!L.current || !s.current || !w) return [];
+    if (!b.current || !c.current || !w) return [];
     const { scrollVisible: g, scrollProgress: x } = w;
     function W(H, J) {
       return H.map(
@@ -1506,12 +1506,12 @@ const It = ({
       );
     }
     let F = v.map((H, J) => {
-      if (!E[J].current || !L.current) return 0;
+      if (!E[J].current || !b.current) return 0;
       let re = J / (v.length - 1);
       return re > 1 && (re = 1), re < 0 && (re = 0), re;
     });
     F = W(F, x);
-    let S = ((((X = s.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + c)) / (i[1] + c);
+    let S = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + s)) / (i[1] + s);
     return F.map((H, J) => ({ value: Math.abs(H), originalIndex: J })).sort((H, J) => H.value - J.value).forEach((H, J) => {
       J === 0 && V(H.originalIndex);
       let T = Te(S, [0, 1], [0, i[1]]);
@@ -1519,42 +1519,42 @@ const It = ({
     }), F;
   }, E = j([]).current, [C, V] = R(0);
   $(() => {
-    d && d(C);
+    f && f(C);
   }, [C]), E.length !== v.length && v.forEach((g, x) => {
     E[x] || (E[x] = Y.createRef());
   });
   const P = v.map((g, x) => Y.cloneElement(
     g,
     {
-      width: N[x],
+      width: L[x],
       ref: E[x],
       key: x,
       index: x
     }
-  )), k = he((w == null ? void 0 : w.scrollProgress) ?? 0), p = oe(
+  )), k = he((w == null ? void 0 : w.scrollProgress) ?? 0), y = oe(
     k,
     [0, 1],
     [
       0,
-      1 - (((q = s.current) == null ? void 0 : q.clientWidth) ?? 0) / (((z = L == null ? void 0 : L.current) == null ? void 0 : z.clientWidth) ?? 0)
+      1 - (((q = c.current) == null ? void 0 : q.clientWidth) ?? 0) / (((z = b == null ? void 0 : b.current) == null ? void 0 : z.clientWidth) ?? 0)
     ]
   ), M = oe(
-    p,
+    y,
     (g) => `${-g * 100}%`
   ), O = (g) => {
     g.scrollTotal > 0 && B(g);
   };
   $(() => {
-    const g = b();
+    const g = N();
     I(g);
   }, [w]);
   const [K, Z] = R(0);
   return pe(() => {
     let g = i[1];
     w && g > w.scrollVisible && (g = w.scrollVisible);
-    const x = (g + c) * P.length / o;
+    const x = (g + s) * P.length / l;
     Z(x);
-  }, [s, E, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: s, ...m, children: /* @__PURE__ */ u(
+  }, [c, E, w]), /* @__PURE__ */ u("div", { className: h.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
     ge,
     {
       draggable: !0,
@@ -1564,12 +1564,12 @@ const It = ({
       children: /* @__PURE__ */ u(
         U.div,
         {
-          className: y.track,
-          ref: L,
+          className: h.track,
+          ref: b,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
-            gap: `${c}px`,
+            gap: `${s}px`,
             x: M
           },
           children: P
@@ -1582,8 +1582,8 @@ const It = ({
   className: t,
   ...r
 }) => {
-  const l = Ve({ orientation: e, className: t });
-  return /* @__PURE__ */ u("hr", { className: l.divider, ...r });
+  const o = Ve({ orientation: e, className: t });
+  return /* @__PURE__ */ u("hr", { className: o.divider, ...r });
 }, G = [];
 for (let e = 0; e < 256; ++e)
   G.push((e + 256).toString(16).slice(1));
@@ -1606,82 +1606,82 @@ function ce(e, t, r) {
   if (de.randomUUID && !e)
     return de.randomUUID();
   e = e || {};
-  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? lt();
-  if (l.length < 16)
+  const o = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? lt();
+  if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, rt(l);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, rt(o);
 }
 const we = ({
   variant: e = "plain",
   buttons: t,
   className: r,
-  children: l,
+  children: o,
   title: n,
   text: a,
   position: i,
-  targetRef: c,
-  ref: d,
-  trigger: o = ["hover", "focus"],
-  ...m
+  targetRef: s,
+  ref: f,
+  trigger: l = ["hover", "focus"],
+  ...p
 }) => {
-  if (!l && !c)
+  if (!o && !s)
     throw new Error("ToolTip must have a child or a targetRef");
-  Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
-  const h = j(null), s = c || h, [y, v] = R(null), [L] = R(ce()), [N, I] = R(!1), w = j(null);
+  Array.isArray(l) || (l = [l]), t && !Array.isArray(t) && (t = [t]);
+  const m = j(null), c = s || m, [h, v] = R(null), [b] = R(ce()), [L, I] = R(!1), w = j(null);
   $(() => {
-    const p = (M) => {
+    const y = (M) => {
       v(M.detail);
     };
-    return document.addEventListener("tooltip-update", p), () => {
+    return document.addEventListener("tooltip-update", y), () => {
       document.removeEventListener(
         "tooltip-update",
-        p
+        y
       );
     };
   }, []), $(() => {
-    w.current && clearTimeout(w.current), y ? I(y === L) : w.current = setTimeout(() => {
+    w.current && clearTimeout(w.current), h ? I(h === b) : w.current = setTimeout(() => {
       I(!1);
     }, 1200);
-  }, [y, L]);
+  }, [h, b]);
   const B = () => {
-    if (o.includes("hover")) {
-      const p = new CustomEvent("tooltip-update", { detail: L });
-      document.dispatchEvent(p);
+    if (l.includes("hover")) {
+      const y = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(y);
     }
-  }, b = () => {
-    if (o.includes("hover")) {
-      const p = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(p);
+  }, N = () => {
+    if (l.includes("hover")) {
+      const y = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(y);
     }
   }, E = () => {
-    if (o.includes("click")) {
-      const p = new CustomEvent("tooltip-update", {
-        detail: N ? null : L
+    if (l.includes("click")) {
+      const y = new CustomEvent("tooltip-update", {
+        detail: L ? null : b
       });
-      document.dispatchEvent(p);
+      document.dispatchEvent(y);
     }
   }, C = () => {
-    if (o.includes("focus")) {
-      const p = new CustomEvent("tooltip-update", { detail: L });
-      document.dispatchEvent(p);
+    if (l.includes("focus")) {
+      const y = new CustomEvent("tooltip-update", { detail: b });
+      document.dispatchEvent(y);
     }
   }, V = () => {
-    if (o.includes("focus")) {
-      const p = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(p);
+    if (l.includes("focus")) {
+      const y = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(y);
     }
   };
   $(() => {
-    if (s != null && s.current) {
-      const p = s.current;
-      return p.addEventListener("mouseenter", B), p.addEventListener("mouseleave", b), p.addEventListener("click", E), p.addEventListener("focus", C), p.addEventListener("blur", V), () => {
-        p.removeEventListener("mouseenter", B), p.removeEventListener("mouseleave", b), p.removeEventListener("click", E), p.removeEventListener("focus", C), p.removeEventListener("blur", V);
+    if (c != null && c.current) {
+      const y = c.current;
+      return y.addEventListener("mouseenter", B), y.addEventListener("mouseleave", N), y.addEventListener("click", E), y.addEventListener("focus", C), y.addEventListener("blur", V), () => {
+        y.removeEventListener("mouseenter", B), y.removeEventListener("mouseleave", N), y.removeEventListener("click", E), y.removeEventListener("focus", C), y.removeEventListener("blur", V);
       };
     }
-  }, [s, o, L, N]);
-  const P = !c && ee(l) ? le(l, { ref: h }) : l;
-  if (!i && typeof window < "u" && s != null && s.current && !i) {
-    const p = s.current.getBoundingClientRect(), M = window.innerWidth, O = window.innerHeight, K = p.left / M, Z = p.top / O;
+  }, [c, l, b, L]);
+  const P = !s && ee(o) ? le(o, { ref: m }) : o;
+  if (!i && typeof window < "u" && c != null && c.current && !i) {
+    const y = c.current.getBoundingClientRect(), M = window.innerWidth, O = window.innerHeight, K = y.left / M, Z = y.top / O;
     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 k = Ye({
@@ -1691,23 +1691,23 @@ const we = ({
     title: n,
     text: a,
     position: i,
-    trigger: o,
-    targetRef: c,
-    children: l
+    trigger: l,
+    targetRef: s,
+    children: o
   });
   return /* @__PURE__ */ D(te, { children: [
     P,
-    /* @__PURE__ */ u(A, { children: N && /* @__PURE__ */ u(Qe, { targetRef: s, children: /* @__PURE__ */ u(
+    /* @__PURE__ */ u(A, { children: L && /* @__PURE__ */ u(Qe, { targetRef: c, children: /* @__PURE__ */ u(
       U.div,
       {
-        initial: { opacity: y ? 1 : 0 },
+        initial: { opacity: h ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: y ? 0 : 0.3 },
-        exit: { opacity: y ? 1 : 0 },
+        transition: { duration: h ? 0 : 0.3 },
+        exit: { opacity: h ? 1 : 0 },
         className: k.toolTip,
-        ...m,
+        ...p,
         onMouseEnter: B,
-        onMouseLeave: b,
+        onMouseLeave: N,
         children: /* @__PURE__ */ D(
           U.div,
           {
@@ -1721,12 +1721,12 @@ const we = ({
             children: [
               n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
               /* @__PURE__ */ u("div", { className: k.supportingText, children: a }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((p, M) => /* @__PURE__ */ u(
+              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((y, M) => /* @__PURE__ */ u(
                 ze,
                 {
                   size: "small",
                   variant: "text",
-                  ...p
+                  ...y
                 },
                 M
               )) })
@@ -1740,42 +1740,42 @@ const we = ({
   className: e,
   label: t,
   variant: r = "primary",
-  size: l = "medium",
+  size: o = "medium",
   href: n,
   type: a,
   icon: i,
-  isExtended: c = !1,
-  ref: d,
-  transition: o,
-  children: m,
-  ...h
+  isExtended: s = !1,
+  ref: f,
+  transition: l,
+  children: p,
+  ...m
 }) => {
-  if (m && (t = m), !t)
+  if (p && (t = p), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const s = n ? "a" : "button", y = je({
+  const c = n ? "a" : "button", h = je({
     href: n,
     icon: i,
-    isExtended: c,
+    isExtended: s,
     label: t,
-    size: l,
+    size: o,
     variant: r,
     className: e,
-    transition: o,
+    transition: l,
     children: t
   });
-  o = { duration: 0.3, ...o };
-  const v = j(null), L = d || v, N = {
+  l = { duration: 0.3, ...l };
+  const v = j(null), b = f || v, L = {
     visible: {
       width: "auto",
       marginLeft: 12,
       opacity: 1,
       transition: {
-        ...o,
+        ...l,
         opacity: {
-          duration: o.duration / 2,
-          delay: o.duration - o.duration / 2
+          duration: l.duration / 2,
+          delay: l.duration - l.duration / 2
         }
       }
     },
@@ -1784,52 +1784,52 @@ const we = ({
       marginLeft: 0,
       opacity: 0,
       transition: {
-        ...o,
+        ...l,
         marginLeft: {
-          duration: o.duration / 2,
-          delay: o.duration - o.duration / 2
+          duration: l.duration / 2,
+          delay: l.duration - l.duration / 2
         }
       }
     }
   };
   return /* @__PURE__ */ D(
-    s,
+    c,
     {
-      ...h,
-      ref: L,
+      ...m,
+      ref: b,
       href: n,
-      "aria-label": c ? void 0 : t,
-      className: y.fab,
+      "aria-label": s ? void 0 : t,
+      className: h.fab,
       children: [
         /* @__PURE__ */ u(
           we,
           {
-            trigger: c ? null : void 0,
+            trigger: s ? null : void 0,
             text: t,
-            targetRef: L
+            targetRef: b
           }
         ),
-        /* @__PURE__ */ u("span", { className: y.stateLayer, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ u("span", { className: h.stateLayer, children: /* @__PURE__ */ u(
           ne,
           {
-            colorName: f({
+            colorName: d({
               primary: r == "surface",
               "on-primary-container": r == "primary",
               "on-secondary-container": r == "secondary",
               "on-tertiary-container": r == "tertiary"
             }),
-            triggerRef: L
+            triggerRef: b
           }
         ) }),
-        /* @__PURE__ */ u(Q, { icon: i, className: y.icon }),
-        /* @__PURE__ */ u(A, { children: c && /* @__PURE__ */ u(
+        /* @__PURE__ */ u(Q, { icon: i, className: h.icon }),
+        /* @__PURE__ */ u(A, { children: s && /* @__PURE__ */ u(
           U.span,
           {
-            variants: N,
+            variants: L,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
-            className: y.label,
+            className: h.label,
             children: t
           }
         ) })
@@ -1840,20 +1840,20 @@ const we = ({
   variant: e = "standard",
   href: t,
   disabled: r = !1,
-  type: l = "button",
+  type: o = "button",
   title: n,
   label: a,
   onToggle: i,
-  activated: c = !1,
-  onClick: d,
-  icon: o,
-  size: m = "medium",
-  iconSelected: h,
-  className: s,
-  ref: y,
+  activated: s = !1,
+  onClick: f,
+  icon: l,
+  size: p = "medium",
+  iconSelected: m,
+  className: c,
+  ref: h,
   width: v = "default",
-  shape: L = "rounded",
-  allowShapeTransformation: N = !0,
+  shape: b = "rounded",
+  allowShapeTransformation: L = !0,
   transition: I,
   children: w,
   ...B
@@ -1863,34 +1863,34 @@ const we = ({
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   n || (n = a);
-  const [b, E] = Y.useState(c);
+  const [N, E] = Y.useState(s);
   let C;
   i ? i && (C = (M) => {
-    r && M.preventDefault(), E(!b), i(!!b);
-  }, o = b && h || o) : C = (M) => {
-    r && M.preventDefault(), d && d(M);
+    r && M.preventDefault(), E(!N), i(!!N);
+  }, l = N && m || l) : C = (M) => {
+    r && M.preventDefault(), f && f(M);
   }, $(() => {
-    E(c);
-  }, [c]);
+    E(s);
+  }, [s]);
   const V = t ? "a" : "button", P = Ue({
     transition: I,
-    shape: L,
-    allowShapeTransformation: N,
+    shape: b,
+    allowShapeTransformation: L,
     width: v,
     href: t,
-    activated: b,
+    activated: N,
     label: a,
-    iconSelected: h,
-    isActive: b,
+    iconSelected: m,
+    isActive: N,
     onToggle: i,
     disabled: r,
-    icon: o,
+    icon: l,
     variant: e,
-    className: s,
-    size: m,
+    className: c,
+    size: p,
     children: a,
     ...B
-  }), k = j(null), p = y || k;
+  }), k = j(null), y = h || k;
   return I = { duration: 0.3, ...I }, /* @__PURE__ */ D(
     V,
     {
@@ -1902,12 +1902,12 @@ const we = ({
       ...B,
       title: void 0,
       onClick: C,
-      ref: p,
+      ref: y,
       children: [
         /* @__PURE__ */ u(
           we,
           {
-            targetRef: p,
+            targetRef: y,
             trigger: r ? null : void 0,
             text: n
           }
@@ -1921,30 +1921,30 @@ const we = ({
             children: !r && /* @__PURE__ */ u(
               ne,
               {
-                colorName: f(
+                colorName: d(
                   e === "standard" && {
-                    "on-surface-variant": !b,
-                    primary: b
+                    "on-surface-variant": !N,
+                    primary: N
                   },
                   e === "filled" && {
-                    primary: !b && !!i,
-                    "inverse-on-surface": b || !i
+                    primary: !N && !!i,
+                    "inverse-on-surface": N || !i
                   },
                   e === "tonal" && {
-                    "on-surface-variant": !b && !!i,
-                    "on-secondary-container": b || !i
+                    "on-surface-variant": !N && !!i,
+                    "on-secondary-container": N || !i
                   },
                   e === "outlined" && {
-                    "on-surface-variant": !b,
-                    "on-primary": b
+                    "on-surface-variant": !N,
+                    "on-primary": N
                   }
                 ),
-                triggerRef: p
+                triggerRef: y
               }
             )
           }
         ),
-        o && /* @__PURE__ */ u(Q, { icon: o, className: P.icon })
+        l && /* @__PURE__ */ u(Q, { icon: l, className: P.icon })
       ]
     }
   );
@@ -1952,11 +1952,11 @@ const we = ({
   className: e,
   valueFormatter: t,
   step: r = 10,
-  name: l,
+  name: o,
   value: n = 0,
   min: a = 0,
   max: i = 100,
-  marks: c = [
+  marks: s = [
     {
       value: 0,
       label: "0"
@@ -1966,35 +1966,35 @@ const we = ({
       label: "100"
     }
   ],
-  ref: d,
-  onChange: o,
-  ...m
+  ref: f,
+  onChange: l,
+  ...p
 }) => {
-  const h = (g) => {
-    const x = y(), W = s();
+  const m = (g) => {
+    const x = h(), W = c();
     return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / (W - x) * 100;
-  }, s = (g = !1) => g ? i : i == 1 / 0 ? c[(c == null ? void 0 : c.length) - 1].value : i, y = (g = !1) => g ? a : a == -1 / 0 ? c[0].value : a, v = (g) => {
-    const x = y(!1);
-    return (s(!1) - x) * g / 100 + x;
-  }, [L, N] = R(!1), I = j(null), w = d || I, [B, b] = R(n), [E, C] = R(h(n)), [V, P] = R(!1), k = (g) => {
-    P(!0), N(!0), O(g);
-  }, p = () => {
-    P(!1), N(!1);
+  }, c = (g = !1) => g ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, h = (g = !1) => g ? a : a == -1 / 0 ? s[0].value : a, v = (g) => {
+    const x = h(!1);
+    return (c(!1) - x) * g / 100 + x;
+  }, [b, L] = R(!1), I = j(null), w = f || I, [B, N] = R(n), [E, C] = R(m(n)), [V, P] = R(!1), k = (g) => {
+    P(!0), L(!0), O(g);
+  }, y = () => {
+    P(!1), L(!1);
   };
-  $(() => (V ? (window.addEventListener("mouseup", p), window.addEventListener("mousemove", O), window.addEventListener("touchend", p), window.addEventListener("touchmove", O)) : (window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", p), window.removeEventListener("touchmove", O)), () => {
-    window.removeEventListener("mouseup", p), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", p), window.removeEventListener("touchmove", O);
+  $(() => (V ? (window.addEventListener("mouseup", y), window.addEventListener("mousemove", O), window.addEventListener("touchend", y), window.addEventListener("touchmove", O)) : (window.removeEventListener("mouseup", y), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", y), window.removeEventListener("touchmove", O)), () => {
+    window.removeEventListener("mouseup", y), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", y), window.removeEventListener("touchmove", O);
   }), [V]);
   const M = He({
     className: e,
-    isChanging: L,
-    marks: c,
+    isChanging: b,
+    marks: s,
     max: i,
     min: a,
-    name: l,
+    name: o,
     step: r,
     value: B,
     valueFormatter: t,
-    onChange: o
+    onChange: l
   }), O = (g) => {
     const x = w == null ? void 0 : w.current;
     if (x) {
@@ -2007,30 +2007,30 @@ const we = ({
   }) => {
     if (g) {
       if (g >= 100) {
-        b(s(!0)), C(100);
+        N(c(!0)), C(100);
         return;
       }
       if (g <= 0) {
-        b(y(!0)), C(0);
+        N(h(!0)), C(0);
         return;
       }
-      x = v(g), x == y() && (x = y(!0)), x == s() && (x = s(!0));
+      x = v(g), x == h() && (x = h(!0)), x == c() && (x = c(!0));
     } else if (x != null) {
-      if (x >= s()) {
-        b(s(!0)), C(100);
+      if (x >= c()) {
+        N(c(!0)), C(100);
         return;
       }
-      if (x <= y()) {
-        b(y(!0)), C(0);
+      if (x <= h()) {
+        N(h(!0)), C(0);
         return;
       }
-      g = h(x);
+      g = m(x);
     } else
       return;
-    r != null ? x = Math.round((x - y()) / r) * r + y() : c && (x = c.reduce((W, F, S) => {
-      let X = F.value === 1 / 0 ? s() : F.value === -1 / 0 ? y() : F.value, H = W.value === 1 / 0 ? s() : W.value === -1 / 0 ? y() : W.value;
+    r != null ? x = Math.round((x - h()) / r) * r + h() : s && (x = s.reduce((W, F, S) => {
+      let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? h() : F.value, H = W.value === 1 / 0 ? c() : W.value === -1 / 0 ? h() : W.value;
       return X = Math.abs(X - x), H = Math.abs(H - x), X < H ? F : W;
-    }).value), x >= s() && (x = s(!0)), x <= y() && (x = y(!0)), g = h(x), b(x), C(g), o && o(x);
+    }).value), x >= c() && (x = c(!0)), x <= h() && (x = h(!0)), g = m(x), N(x), C(g), l && l(x);
   }, [Z, q] = R(0);
   return $(() => {
     const g = () => {
@@ -2048,16 +2048,16 @@ const we = ({
           case "ArrowRight":
             if (r)
               K({ value: B + r });
-            else if (c) {
-              const x = c.find((W) => W.value > B);
+            else if (s) {
+              const x = s.find((W) => W.value > B);
               x && K({ value: x.value });
             }
             break;
           case "ArrowLeft":
             if (r)
               K({ value: B - r });
-            else if (c) {
-              const x = c.slice(0).reverse().find((W, F, S) => B === 1 / 0 ? F === 1 : W.value < B);
+            else if (s) {
+              const x = s.slice(0).reverse().find((W, F, S) => B === 1 / 0 ? F === 1 : W.value < B);
               x && K({ value: x.value });
             }
             break;
@@ -2066,8 +2066,8 @@ const we = ({
         }
       },
       role: "slider",
-      "aria-valuemin": y(!0),
-      "aria-valuemax": s(!0),
+      "aria-valuemin": h(!0),
+      "aria-valuemax": c(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
       className: M.slider,
@@ -2076,9 +2076,9 @@ const we = ({
       ref: w,
       onTouchStart: k,
       onDragStart: (g) => g.preventDefault(),
-      ...m,
+      ...p,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
+        /* @__PURE__ */ u("input", { type: "hidden", name: o, value: B }),
         /* @__PURE__ */ u(
           "div",
           {
@@ -2086,7 +2086,7 @@ const we = ({
             style: { flex: E / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(A, { children: L && /* @__PURE__ */ u(
+        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(A, { children: b && /* @__PURE__ */ u(
           U.div,
           {
             className: M.valueIndicator,
@@ -2117,18 +2117,18 @@ const we = ({
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: c && c.map((g, x) => {
+            children: s && s.map((g, x) => {
               let W = null;
-              const F = (L ? 9 : 10) / Z * 100, S = h(g.value);
+              const F = (b ? 9 : 10) / Z * 100, S = m(g.value);
               return S <= E - F ? W = !0 : S >= E + F && (W = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: f(M.dot, {
+                  className: d(M.dot, {
                     "bg-primary-container": W != null && W,
                     "bg-primary": W != null && !W
                   }),
                   style: {
-                    left: `${h(g.value)}%`
+                    left: `${m(g.value)}%`
                   }
                 },
                 x
@@ -2162,108 +2162,110 @@ const Rt = ({
   variant: e = "standard",
   className: t,
   children: r,
-  title: l,
+  title: o,
   position: n = "right",
   extended: a,
-  onExtendedChange: i,
-  closeIcon: c = ue,
-  transition: d,
-  ...o
+  divider: i,
+  onExtendedChange: s,
+  closeIcon: f = ue,
+  transition: l,
+  ...p
 }) => {
-  d = { duration: 0.3, ...d };
-  const [m, h] = R(a ?? !0), s = Xe({
-    transition: d,
-    title: l,
+  l = { duration: 0.3, ...l };
+  const [m, c] = R(a ?? !0), h = Xe({
+    transition: l,
+    title: o,
     position: n,
-    closeIcon: c,
+    closeIcon: f,
     className: t,
     children: r,
-    onExtendedChange: i,
+    onExtendedChange: s,
+    divider: i,
     isExtended: m,
     extended: m,
     variant: e
   });
   $(() => {
-    i == null || i(m ?? !1);
+    s == null || s(m ?? !1);
   }, [m]), $(() => {
-    a != null && h(a);
+    a != null && c(a);
   }, [a]);
-  const y = {
+  const v = {
     close: {
       width: 0
     },
     open: {
       width: "auto"
     }
-  }, v = () => /* @__PURE__ */ D(te, { children: [
+  }, b = () => /* @__PURE__ */ D(te, { children: [
     /* @__PURE__ */ u(A, { children: e == "modal" && m && /* @__PURE__ */ u(
       U.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: d,
-        onClick: () => h(!1),
-        className: s.overlay
+        transition: l,
+        onClick: () => c(!1),
+        className: h.overlay
       }
     ) }),
     /* @__PURE__ */ u(A, { children: m && /* @__PURE__ */ D(
       "div",
       {
-        ...o,
-        className: s.slideSheet,
-        style: { transition: d.duration + "s" },
+        ...p,
+        className: h.slideSheet,
+        style: { transition: l.duration + "s" },
         children: [
           /* @__PURE__ */ D(
             U.div,
             {
-              variants: y,
+              variants: v,
               initial: a === !1 ? "open" : "close",
               animate: "open",
               exit: "close",
-              className: s.container,
+              className: h.container,
               children: [
-                /* @__PURE__ */ D("div", { className: s.header, children: [
-                  l && /* @__PURE__ */ u("p", { className: s.title, children: l }),
+                /* @__PURE__ */ D("div", { className: h.header, children: [
+                  o && /* @__PURE__ */ u("p", { className: h.title, children: o }),
                   /* @__PURE__ */ u(
                     ie,
                     {
                       size: "small",
                       label: "close",
-                      icon: c,
-                      onClick: () => h(!1),
-                      className: s.closeButton
+                      icon: f,
+                      onClick: () => c(!1),
+                      className: h.closeButton
                     }
                   )
                 ] }),
                 /* @__PURE__ */ u(
                   "div",
                   {
-                    className: s.content,
-                    style: { transition: d.duration + "s" },
+                    className: h.content,
+                    style: { transition: l.duration + "s" },
                     children: r
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ u(tt, { className: s.divider, orientation: "vertical" })
+          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(tt, { className: h.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
-  return e == "modal" ? ye(v(), document.body) : v();
+  return e == "modal" ? ye(b(), document.body) : b();
 }, Ct = ({
   message: e,
   className: t,
   duration: r,
-  closeIcon: l = ue,
+  closeIcon: o = ue,
   onClose: n,
   ...a
 }) => {
-  const [i, c] = R(!0), d = Oe({
+  const [i, s] = R(!0), f = Oe({
     className: t,
-    closeIcon: l,
+    closeIcon: o,
     duration: r,
     isVisible: i,
     onClose: n,
@@ -2271,11 +2273,11 @@ const Rt = ({
   });
   $(() => {
     r && setTimeout(() => {
-      o();
+      l();
     }, r);
   }, [r]);
-  const o = () => {
-    c(!1), n == null || n();
+  const l = () => {
+    s(!1), n == null || n();
   };
   return /* @__PURE__ */ u(A, { children: i && /* @__PURE__ */ u(
     U.div,
@@ -2284,16 +2286,16 @@ const Rt = ({
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
-      className: d.snackbar,
+      className: f.snackbar,
       ...a,
-      children: /* @__PURE__ */ D("div", { className: d.container, children: [
-        /* @__PURE__ */ u("p", { className: d.supportingText, children: e }),
+      children: /* @__PURE__ */ D("div", { className: f.container, children: [
+        /* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
         /* @__PURE__ */ u(
           ie,
           {
-            onClick: () => o(),
-            className: d.icon,
-            icon: l,
+            onClick: () => l(),
+            className: f.icon,
+            icon: o,
             label: "close the snackbar"
           }
         )
@@ -2304,62 +2306,62 @@ const Rt = ({
   selected: e = !1,
   className: t,
   activeIcon: r,
-  disabled: l = !1,
+  disabled: o = !1,
   inactiveIcon: n,
   onChange: a,
   onClick: i,
-  onKeyDown: c,
-  ref: d,
-  ...o
+  onKeyDown: s,
+  ref: f,
+  ...l
 }) => {
-  const [m, h] = R(e), s = (w) => {
-    l || (v(), i && i(w));
-  }, y = (w) => {
-    l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), c && c(w));
+  const [p, m] = R(e), c = (w) => {
+    o || (v(), i && i(w));
+  }, h = (w) => {
+    o || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), s && s(w));
   }, v = () => {
-    h(!m), a == null || a(!m);
-  }, L = qe({
+    m(!p), a == null || a(!p);
+  }, b = qe({
     className: t,
-    isSelected: m,
+    isSelected: p,
     activeIcon: r,
     inactiveIcon: n,
-    disabled: l,
-    selected: m,
+    disabled: o,
+    selected: p,
     onChange: a
-  }), N = j(null), I = d || N;
+  }), L = j(null), I = f || L;
   return /* @__PURE__ */ D(
     U.div,
     {
       role: "switch",
-      "aria-checked": m,
-      tabIndex: l ? -1 : 0,
-      onKeyDown: y,
-      onClick: s,
+      "aria-checked": p,
+      tabIndex: o ? -1 : 0,
+      onKeyDown: h,
+      onClick: c,
       ref: I,
-      className: L.switch,
-      ...o,
+      className: b.switch,
+      ...l,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: m ? "1" : "0" }),
+        /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
         /* @__PURE__ */ D(
           U.div,
           {
             layout: !0,
-            style: { translate: m ? "50%" : "-50%" },
+            style: { translate: p ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
               damping: 30
             },
-            className: L.handleContainer,
+            className: b.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: L.handle, children: (m ? r : n) && /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: b.handle, children: (p ? r : n) && /* @__PURE__ */ u(
                 Q,
                 {
-                  className: L.icon,
-                  icon: m ? r : n
+                  className: b.icon,
+                  icon: p ? r : n
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: L.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: b.handleStateLayer })
             ]
           }
         )
@@ -2370,45 +2372,45 @@ const Rt = ({
   className: e,
   onClick: t,
   label: r,
-  variant: l = "primary",
+  variant: o = "primary",
   href: n,
   icon: a,
   selectedTab: i,
-  setSelectedTab: c,
-  tabsId: d,
-  index: o,
-  onTabSelected: m,
-  scrollable: h = !1,
-  selected: s = !1,
-  ref: y,
+  setSelectedTab: s,
+  tabsId: f,
+  index: l,
+  onTabSelected: p,
+  scrollable: m = !1,
+  selected: c = !1,
+  ref: h,
   ...v
 }) => {
-  const L = j(null), N = y || L, [I, w] = R(s);
+  const b = j(null), L = h || b, [I, w] = R(c);
   $(() => {
-    s && i == null ? w(!0) : w(i == o && o != null);
+    c && i == null ? w(!0) : w(i == l && l != null);
   }, [i]), $(() => {
-    i == o && m && m({
-      ref: N,
-      index: o || 0,
+    i == l && p && p({
+      ref: L,
+      index: l || 0,
       label: r,
       icon: a
     });
   }, [i]);
-  const B = n ? "a" : "button", b = (C) => {
-    c && c(o ?? null), t && t(C);
+  const B = n ? "a" : "button", N = (C) => {
+    s && s(l ?? null), t && t(C);
   }, E = _e({
     className: e,
-    onTabSelected: m,
-    scrollable: h,
+    onTabSelected: p,
+    scrollable: m,
     selectedTab: i,
-    index: o,
-    tabsId: d,
+    index: l,
+    tabsId: f,
     selected: I,
-    variant: l,
+    variant: o,
     icon: a,
     label: r,
     isSelected: I,
-    setSelectedTab: c,
+    setSelectedTab: s,
     href: n
   });
   return /* @__PURE__ */ D(
@@ -2417,17 +2419,17 @@ const Rt = ({
       ...v,
       role: "tab",
       "aria-selected": I,
-      ref: N,
+      ref: L,
       href: n,
       className: E.tab,
-      onClick: b,
+      onClick: N,
       ...v,
       children: [
         /* @__PURE__ */ u("span", { className: E.stateLayer, children: /* @__PURE__ */ u(
           ne,
           {
-            colorName: l === "primary" && I ? "primary" : "on-surface",
-            triggerRef: N
+            colorName: o === "primary" && I ? "primary" : "on-surface",
+            triggerRef: L
           }
         ) }),
         /* @__PURE__ */ D("span", { className: E.content, children: [
@@ -2436,7 +2438,7 @@ const Rt = ({
           I && /* @__PURE__ */ u(
             U.span,
             {
-              layoutId: `underline-${d}`,
+              layoutId: `underline-${f}`,
               className: E.underline,
               transition: { duration: 0.3 }
             }
@@ -2449,79 +2451,79 @@ const Rt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: r,
-  className: l,
+  className: o,
   selectedTab: n,
   setSelectedTab: a,
   scrollable: i = !1
 }) => {
-  const [c, d] = R(
+  const [s, f] = R(
     null
   );
-  let o;
-  n == 0 || n != null ? o = n : o = c;
-  const m = a || d, h = Y.Children.toArray(r).filter(
-    (N) => Y.isValidElement(N) && N.type === ct
-  ), s = Y.useRef(null), y = (N) => {
-    if (t == null || t(N), i) {
-      const I = s.current, w = N.ref.current;
+  let l;
+  n == 0 || n != null ? l = n : l = s;
+  const p = a || f, m = Y.Children.toArray(r).filter(
+    (L) => Y.isValidElement(L) && L.type === ct
+  ), c = Y.useRef(null), h = (L) => {
+    if (t == null || t(L), i) {
+      const I = c.current, w = L.ref.current;
       if (I && w) {
         const B = w.offsetLeft + w.offsetWidth / 2 - I.offsetWidth / 2;
         I.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, v = be(() => ce(), []), L = Ke({
+  }, v = be(() => ce(), []), b = Ke({
     children: r,
     onTabSelected: t,
     scrollable: i,
-    selectedTab: o,
-    setSelectedTab: m,
-    className: l,
+    selectedTab: l,
+    setSelectedTab: p,
+    className: o,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: s, role: "tablist", className: L.tabs, children: h.map((N, I) => Y.cloneElement(N, {
+  return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: b.tabs, children: m.map((L, I) => Y.cloneElement(L, {
     key: I,
     index: I,
     variant: e,
-    selectedTab: o,
-    setSelectedTab: m,
+    selectedTab: l,
+    setSelectedTab: p,
     tabsId: v,
-    onTabSelected: y,
+    onTabSelected: h,
     scrollable: i
   })) });
 }, $t = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: r,
-  placeholder: l,
+  placeholder: o,
   suffix: n,
   name: a,
   label: i,
-  className: c,
-  supportingText: d,
-  trailingIcon: o,
-  leadingIcon: m,
-  type: h = "text",
-  textLine: s = "singleLine",
-  autoComplete: y = "on",
+  className: s,
+  supportingText: f,
+  trailingIcon: l,
+  leadingIcon: p,
+  type: m = "text",
+  textLine: c = "singleLine",
+  autoComplete: h = "on",
   onChange: v,
-  value: L,
-  showSupportingText: N = !1,
+  value: b,
+  showSupportingText: L = !1,
   ...I
 }) => {
-  const [w, B] = R(L ?? ""), [b, E] = R(!1), [C, V] = R(!1), [P, k] = R(
-    N
+  const [w, B] = R(b ?? ""), [N, E] = R(!1), [C, V] = R(!1), [P, k] = R(
+    L
   );
   $(() => {
-    B(L ?? "");
-  }, [L]), $(() => {
+    B(b ?? "");
+  }, [b]), $(() => {
     r != null && r.length ? V(!0) : V(!1);
   }, [r]), $(() => {
-    N ? k(N) : d != null && d.length ? k(!0) : k(!1);
-  }, [P, d]), $(() => {
-    b && V(!1);
-  }, [b]);
-  const p = Y.useRef(null), M = () => {
-    p.current && !b && p.current.focus();
+    L ? k(L) : f != null && f.length ? k(!0) : k(!1);
+  }, [P, f]), $(() => {
+    N && V(!1);
+  }, [N]);
+  const y = Y.useRef(null), M = () => {
+    y.current && !N && y.current.focus();
   }, O = () => {
     E(!0);
   }, K = (W) => {
@@ -2531,27 +2533,27 @@ const Rt = ({
     E(!1);
   }, q = Ge({
     showSupportingText: P,
-    isFocused: b,
+    isFocused: N,
     showErrorIcon: C,
     disabled: t,
     name: a,
     label: i,
-    autoComplete: y,
-    className: c,
+    autoComplete: h,
+    className: s,
     onChange: v,
-    placeholder: l,
-    supportingText: d,
-    type: h,
-    leadingIcon: m,
-    trailingIcon: o,
+    placeholder: o,
+    supportingText: f,
+    type: m,
+    leadingIcon: p,
+    trailingIcon: l,
     variant: e,
     errorText: r,
     value: w,
     suffix: n,
-    textLine: s
+    textLine: c
   }), [z] = R(ce());
   let g, x;
-  switch (s) {
+  switch (c) {
     case "multiLine":
       x = Re, g = {};
       break;
@@ -2560,14 +2562,14 @@ const Rt = ({
       break;
     case "singleLine":
     default:
-      x = "input", g = { type: h };
+      x = "input", g = { type: m };
       break;
   }
   return /* @__PURE__ */ D("div", { className: q.textField, ...I, children: [
     /* @__PURE__ */ D("fieldset", { onClick: M, className: q.content, children: [
       /* @__PURE__ */ u("div", { className: q.stateLayer }),
-      m && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: Y.isValidElement(m) ? m : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: m }) }),
-      !(!b && !w.length || e == "filled") && /* @__PURE__ */ u(
+      p && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
+      !(!N && !w.length || e == "filled") && /* @__PURE__ */ u(
         U.legend,
         {
           variants: {
@@ -2575,7 +2577,7 @@ const Rt = ({
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !b && !w.length ? "hidden" : "visible",
+          animate: !N && !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(
@@ -2590,15 +2592,15 @@ const Rt = ({
         }
       ),
       /* @__PURE__ */ D("div", { className: "flex-1 relative", children: [
-        (!b && !w.length || e == "filled") && /* @__PURE__ */ u(
+        (!N && !w.length || e == "filled") && /* @__PURE__ */ u(
           U.label,
           {
             htmlFor: a,
-            className: f(
+            className: d(
               "absolute left-4  transition-all duration-300",
               {
-                "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))
+                "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))
               }
             ),
             transition: { duration: 0.3 },
@@ -2616,17 +2618,17 @@ const Rt = ({
         /* @__PURE__ */ u(
           x,
           {
-            ref: p,
+            ref: y,
             value: w,
             onChange: K,
             className: q.input,
             id: a,
             name: a,
-            placeholder: b ? l ?? void 0 : "",
+            placeholder: N ? o ?? void 0 : "",
             onFocus: O,
             onBlur: Z,
             disabled: t,
-            autoComplete: y,
+            autoComplete: h,
             "aria-invalid": !!(r != null && r.length),
             "aria-label": i,
             ...g
@@ -2635,23 +2637,23 @@ const Rt = ({
       ] }),
       /* @__PURE__ */ u("div", { className: q.activeIndicator }),
       !C && /* @__PURE__ */ D(te, { children: [
-        o && /* @__PURE__ */ u(
+        l && /* @__PURE__ */ u(
           "div",
           {
             onClick: (W) => {
               W.stopPropagation();
             },
             className: q.trailingIcon,
-            children: Y.isValidElement(o) ? o : /* @__PURE__ */ u(Q, { className: "h-5", icon: o })
+            children: Y.isValidElement(l) ? l : /* @__PURE__ */ u(Q, { className: "h-5", icon: l })
           }
         ),
-        !o && n && /* @__PURE__ */ u("span", { className: q.suffix, children: n })
+        !l && n && /* @__PURE__ */ u("span", { className: q.suffix, children: n })
       ] }),
       C && /* @__PURE__ */ u(
         "div",
         {
-          className: f(q.trailingIcon, {
-            " absolute right-0": !o
+          className: d(q.trailingIcon, {
+            " absolute right-0": !l
           }),
           children: /* @__PURE__ */ u(
             Q,
@@ -2663,103 +2665,103 @@ const Rt = ({
         }
       )
     ] }),
-    P && /* @__PURE__ */ u("p", { className: q.supportingText, children: r != null && r.length ? r : d != null && d.length ? d : " " })
+    P && /* @__PURE__ */ u("p", { className: q.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
   ] });
 }, it = _(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: r, variant: l }) => ({
-    navigationRailItem: f(
+  ({ isSelected: e, icon: t, label: r, variant: o }) => ({
+    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"
+        "gap-2  h-[68px]": o == "vertical",
+        "gap-0  h-[66px]": o == "horizontal"
       }
     ),
-    container: f(
+    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",
+        "gap-2 ": o == "horizontal",
+        "gap-0 ": o == "vertical",
         "p-4": !r
       },
       r && [
         "px-4",
         {
-          "py-1 ": l == "vertical",
-          "py-4 ": l == "horizontal"
+          "py-1 ": o == "vertical",
+          "py-4 ": o == "horizontal"
         }
       ]
     ),
-    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 text-nowrap", {
-      "text-label-large ": l == "horizontal",
-      "text-label-medium": l == "vertical"
+    icon: d("size-6 flex"),
+    label: d("w-fit mx-auto text-nowrap", {
+      "text-label-large ": o == "horizontal",
+      "text-label-medium": o == "vertical"
     })
   })
 ), ut = ({ 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 }) }), dt = ({
   className: e,
   onClick: t,
   label: r,
-  variant: l = "vertical",
+  variant: o = "vertical",
   href: n,
   icon: a,
   selectedItem: i,
-  setSelectedItem: c,
-  index: d,
-  onItemSelected: o,
-  selected: m = !1,
-  ref: h,
-  transition: s,
-  isExtended: y,
+  setSelectedItem: s,
+  index: f,
+  onItemSelected: l,
+  selected: p = !1,
+  ref: m,
+  transition: c,
+  isExtended: h,
   iconSelected: v,
-  style: L,
-  extendedOnly: N,
+  style: b,
+  extendedOnly: L,
   children: I,
   ...w
 }) => {
   I && (r = I);
-  const B = j(null), b = h || B, [E, C] = R(m);
+  const B = j(null), N = m || B, [E, C] = R(p);
   $(() => {
-    m && i == null ? C(!0) : C(i == d && d != null);
+    p && i == null ? C(!0) : C(i == f && f != null);
   }, [i]), $(() => {
-    i == d && o && o({
-      ref: b,
-      index: d || 0,
+    i == f && l && l({
+      ref: N,
+      index: f || 0,
       label: r,
       icon: a
     });
   }, [i]);
-  const V = n ? "a" : "button", P = (p) => {
-    c && c(d ?? null), t && t(p);
+  const V = n ? "a" : "button", P = (y) => {
+    s && s(f ?? null), t && t(y);
   }, k = it({
-    isExtended: y,
-    extendedOnly: N,
+    isExtended: h,
+    extendedOnly: L,
     className: e,
-    onItemSelected: o,
+    onItemSelected: l,
     selectedItem: i,
-    index: d,
-    transition: s,
+    index: f,
+    transition: c,
     selected: E,
-    variant: l,
+    variant: o,
     icon: a,
     label: r,
     isSelected: E,
-    setSelectedItem: c,
+    setSelectedItem: s,
     href: n,
     children: r,
     iconSelected: v
   });
-  return s = { duration: 0.3, ...s }, N && !y ? null : (
+  return c = { duration: 0.3, ...c }, L && !h ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     /* @__PURE__ */ D(
@@ -2768,19 +2770,19 @@ const Rt = ({
         ...w,
         role: "tab",
         "aria-selected": E,
-        ref: b,
+        ref: N,
         href: n,
         className: k.navigationRailItem,
         onClick: P,
-        style: { transition: s.duration + "s", ...L },
+        style: { transition: c.duration + "s", ...b },
         children: [
           /* @__PURE__ */ D(
             U.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: o == "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,
+              transition: c,
               className: k.container,
               children: [
                 /* @__PURE__ */ u(U.div, { layout: !0, className: k.stateLayer }),
@@ -2791,30 +2793,30 @@ const Rt = ({
                     className: k.icon
                   }
                 ),
-                /* @__PURE__ */ u(A, { children: l == "horizontal" && (() => {
-                  const p = {
+                /* @__PURE__ */ u(A, { children: o == "horizontal" && (() => {
+                  const y = {
                     width: 0,
                     opacity: 0,
                     transition: {
-                      ...s
+                      ...c
                     }
                   }, M = {
                     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
                       }
                     }
                   };
                   return /* @__PURE__ */ u(
                     U.span,
                     {
-                      initial: p,
+                      initial: y,
                       animate: M,
-                      exit: p,
+                      exit: y,
                       className: k.label,
                       children: r
                     }
@@ -2823,12 +2825,12 @@ const Rt = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(A, { children: l == "vertical" && (() => {
-            const p = {
+          /* @__PURE__ */ u(A, { children: o == "vertical" && (() => {
+            const y = {
               height: 0,
               opacity: 0,
               transition: {
-                ...s,
+                ...c,
                 opacity: {
                   duration: 0
                 }
@@ -2837,10 +2839,10 @@ const Rt = ({
               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
                 }
               }
             };
@@ -2849,9 +2851,9 @@ const Rt = ({
               {
                 initial: M,
                 animate: M,
-                exit: p,
+                exit: y,
                 className: k.label,
-                transition: s,
+                transition: c,
                 children: r
               }
             );
@@ -2863,15 +2865,15 @@ const Rt = ({
 }, ft = _(
   "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
     })
@@ -2880,11 +2882,11 @@ const Rt = ({
   variant: e = "standard",
   onItemSelected: t,
   children: r,
-  className: l,
+  className: o,
   selectedItem: n,
   extended: a,
   alignment: i = "top",
-  menu: c = {
+  menu: s = {
     closed: {
       icon: st,
       label: "Open menu"
@@ -2894,47 +2896,47 @@ const Rt = ({
       label: "Close menu"
     }
   },
-  style: d,
-  onExtendedChange: o,
-  transition: m,
-  setSelectedItem: h
+  style: f,
+  onExtendedChange: l,
+  transition: p,
+  setSelectedItem: m
 }) => {
-  const [s, y] = R(null), [v, L] = R(a);
-  let N;
-  n == 0 || n != null ? N = n : N = s;
-  const I = h || y, w = j(null), B = (k) => {
+  const [c, h] = R(null), [v, b] = R(a);
+  let L;
+  n == 0 || n != null ? L = n : L = c;
+  const I = m || h, w = j(null), B = (k) => {
     t == null || t(k);
   };
-  function b(k) {
-    const p = [];
+  function N(k) {
+    const y = [];
     return Ne.forEach(k, (M) => {
-      ee(M) && M.type === Le ? p.push(...b(M.props.children)) : p.push(M);
-    }), p;
+      ee(M) && M.type === Le ? y.push(...N(M.props.children)) : y.push(M);
+    }), y;
   }
-  const E = b(r), C = E.filter(
+  const E = N(r), C = E.filter(
     (k) => ee(k) && k.type === fe
   ), V = ft({
     children: r,
     onItemSelected: t,
-    selectedItem: N,
+    selectedItem: L,
     setSelectedItem: I,
-    className: l,
+    className: o,
     variant: e,
     extended: v,
     isExtended: v,
     alignment: i,
-    menu: c,
-    transition: m,
-    onExtendedChange: o
+    menu: s,
+    transition: p,
+    onExtendedChange: l
   });
-  m = { duration: 0.3, ...m };
+  p = { duration: 0.3, ...p };
   const P = j(!1);
   return P.current = !1, $(() => {
-    o == null || o(v ?? !1);
+    l == null || l(v ?? !1);
   }, [v]), /* @__PURE__ */ D(
     "div",
     {
-      style: { transition: m.duration + "s", ...d },
+      style: { transition: p.duration + "s", ...f },
       ref: w,
       className: V.navigationRail,
       children: [
@@ -2942,35 +2944,35 @@ const Rt = ({
           /* @__PURE__ */ u(
             ie,
             {
-              onClick: () => L(!v),
-              label: v ? c == null ? void 0 : c.opened.label : c == null ? void 0 : c.closed.label,
+              onClick: () => b(!v),
+              label: v ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
               className: V.menuIcon,
-              icon: v ? c.opened.icon : c == null ? void 0 : c.closed.icon
+              icon: v ? s.opened.icon : s == null ? void 0 : s.closed.icon
             }
           ),
           C.length > 0 && le(C[0], {
-            transition: m,
+            transition: p,
             isExtended: v,
             className: "!shadow-none mx-5 " + C[0].props.className
           })
         ] }),
         /* @__PURE__ */ u("div", { className: V.segments, children: (() => {
           let k = 0;
-          return E.map((p) => ee(p) && p.type === dt ? le(
-            p,
+          return E.map((y) => ee(y) && y.type === dt ? le(
+            y,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
               variant: v ? "horizontal" : "vertical",
-              selectedItem: N,
+              selectedItem: L,
               setSelectedItem: I,
               onItemSelected: B,
-              transition: m,
+              transition: p,
               extendedOnly: P.current,
               isExtended: v
             }
-          ) : ee(p) && p.type === fe ? null : ee(p) && p.type === ut ? (P.current = !0, v ? le(p, {}) : null) : p);
+          ) : ee(y) && y.type === fe ? null : ee(y) && y.type === ut ? (P.current = !0, v ? le(y, {}) : null) : y);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -2992,7 +2994,7 @@ export {
   ut as NavigationRailSection,
   Ze as ProgressIndicator,
   ne as RippleEffect,
-  Rt as SlideSheet,
+  Rt as SideSheet,
   St as Slider,
   Lt as SmoothScroll,
   Ct as Snackbar,
@@ -3007,7 +3009,7 @@ export {
   Pe as cardStyle,
   We as carouselItemStyle,
   De as carouselStyle,
-  f as classNames,
+  d as classNames,
   Ce as classnames,
   Je as customScrollStyle,
   _ as defaultClassNames,
@@ -3017,7 +3019,7 @@ export {
   Ue as iconButtonStyle,
   Te as normalize,
   Fe as progressIndicatorStyle,
-  Xe as slideSheetStyle,
+  Xe as sideSheetStyle,
   He as sliderStyle,
   Oe as snackbarStyle,
   qe as switchStyle,