@udixio/ui-react 1.5.0 → 1.6.0

package/dist/index.js

@@ -1,14 +1,14 @@
-import { jsx as u, jsxs as U, Fragment as re } from "react/jsx-runtime";
-import { clsx as de } from "clsx";
-import { extendTailwindMerge as we } from "tailwind-merge";
-import Y, { useState as R, useEffect as P, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Le } from "react";
-import { motion as j, AnimatePresence as z, useScroll as Ne, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
-import { throttle as Ie } from "throttle-debounce";
-import { createPortal as Ee } from "react-dom";
+import { jsx as u, jsxs as D, Fragment as te } from "react/jsx-runtime";
+import { clsx as me } from "clsx";
+import { extendTailwindMerge as ve } from "tailwind-merge";
+import Y, { useState as R, useEffect as $, useRef as j, useLayoutEffect as pe, isValidElement as ee, cloneElement as le, useMemo as be, Children as Ne, Fragment as Le } from "react";
+import { motion as U, AnimatePresence as A, useScroll as Ie, useMotionValueEvent as se, motionValue as he, useTransform as oe } from "motion/react";
+import { throttle as Ee } from "throttle-debounce";
+import { createPortal as ye } from "react-dom";
 import { loader as ke } from "@udixio/theme";
-import { TailwindPlugin as Ce } from "@udixio/tailwind";
+import { TailwindPlugin as Se } from "@udixio/tailwind";
 import Re from "react-textarea-autosize";
-const pe = we({
+const xe = ve({
   override: {
     classGroups: {
       "text-color": [
@@ -34,8 +34,8 @@ const pe = we({
       font: ["font"]
     }
   }
-}), f = (...e) => pe(de(e)), Me = (...e) => pe(de(e));
-function Se(e) {
+}), f = (...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) => {
@@ -46,23 +46,23 @@ const Be = (e) => {
       if (typeof l == "string")
         (t[n = e.default] ?? (t[n] = [])).push(l);
       else {
-        const c = l(e.states);
-        Object.entries(c).map((i) => {
-          const [a, d] = i;
-          (t[a] ?? (t[a] = [])).push(d);
+        const a = l(e.states);
+        Object.entries(a).map((i) => {
+          const [c, d] = i;
+          (t[c] ?? (t[c] = [])).push(d);
         });
       }
   });
   const r = t;
   return Object.entries(t).map((l) => {
-    let [n, c] = l;
-    c = c.reverse(), n == e.default && c.unshift("relative"), c.unshift(Se(n)), r[n] = Me(...c);
+    let [n, a] = l;
+    a = a.reverse(), n == e.default && a.unshift("relative"), a.unshift(Me(n)), r[n] = Ce(...a);
   }), r;
-}, K = (e, t) => (r) => Be({
+}, _ = (e, t) => (r) => Be({
   classNameList: [r.className, t],
   default: e,
   states: r
-}), Pe = K(
+}), $e = _(
   "button",
   ({
     variant: e,
@@ -70,12 +70,12 @@ const Be = (e) => {
     disabled: r,
     iconPosition: l,
     icon: n,
-    isActive: c,
+    isActive: a,
     loading: i,
-    shape: a,
+    shape: c,
     onToggle: d,
     size: o,
-    allowShapeTransformation: h
+    allowShapeTransformation: m
   }) => ({
     button: f(
       " relative cursor-pointer group outline-none inline-block flex  justify-center   items-center  ",
@@ -84,45 +84,45 @@ const Be = (e) => {
       o === "medium" && "text-title-medium px-6 py-4 gap-2",
       o === "large" && "text-headline-small px-12 py-8 gap-3",
       o === "xLarge" && "text-headline-large px-16 py-12 gap-4",
-      a === "rounded" && {
+      c === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (a === "squared" || h && c) && {
+      (c === "squared" || m && a) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
       },
-      h && !r && {
+      m && !r && {
         "active:rounded-[12px]": o === "xSmall" || o == "small",
         "active:rounded-[16px]": o === "medium",
         "active:rounded-[28px]": o === "large" || o == "xLarge"
       },
       e === "elevated" && {
         "shadow-1 hover:shadow-2": !r,
-        "bg-surface-container-low text-primary": !r && !c,
-        "bg-primary text-on-primary": !r && c,
+        "bg-surface-container-low text-primary": !r && !a,
+        "bg-primary text-on-primary": !r && a,
         "text-on-surface/[38%]": r
       },
       e === "filled" && {
         "hover:shadow-1": !r,
-        "bg-surface-container text-on-surface-variant": !r && !c && d,
-        "bg-primary text-on-primary": !r && (c && d || !d),
+        "bg-surface-container text-on-surface-variant": !r && !a && d,
+        "bg-primary text-on-primary": !r && (a && d || !d),
         "text-on-surface/[38%]": r
       },
       e === "tonal" && {
         "hover:shadow-1": !r,
-        "bg-secondary-container text-on-secondary-container": !r && !c,
-        "bg-secondary text-on-secondary": !r && c,
+        "bg-secondary-container text-on-secondary-container": !r && !a,
+        "bg-secondary text-on-secondary": !r && a,
         "text-on-surface/[0.38]": r
       },
       e === "outlined" && [
         " border",
         {
           "border-on-surface/[0.12] text-on-surface/[0.38]": r,
-          "text-primary border-outline focus:border-primary": !r && !c,
-          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r && c
+          "text-primary border-outline focus:border-primary": !r && !a,
+          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r && a
         }
       ],
       e === "text" && [
@@ -159,17 +159,17 @@ const Be = (e) => {
         "group-state-on-primary": !r && !d,
         "group-state-on-surface-variant": !r && d
       },
-      a === "rounded" && {
+      c === "rounded" && {
         "rounded-[30px]": o === "xSmall" || o == "small",
         "rounded-[40px]": o === "medium",
         "rounded-[70px]": o === "large" || o == "xLarge"
       },
-      (a === "squared" || h && c) && {
+      (c === "squared" || m && a) && {
         "rounded-[12px]": o === "xSmall" || o == "small",
         "rounded-[16px]": o === "medium",
         "rounded-[28px]": o === "large" || o == "xLarge"
       },
-      h && !r && {
+      m && !r && {
         "group-active:rounded-[12px]": o === "xSmall" || o == "small",
         "group-active:rounded-[16px]": o === "medium",
         "group-active:rounded-[28px]": o === "large" || o == "xLarge"
@@ -195,7 +195,7 @@ const Be = (e) => {
       o === "xLarge" && "size-10"
     )
   })
-), $e = K(
+), Pe = _(
   "card",
   ({ variant: e, isInteractive: t }) => ({
     card: f(
@@ -211,12 +211,12 @@ const Be = (e) => {
       }
     ])
   })
-), We = K(
+), We = _(
   "carouselItem",
   () => ({
     carouselItem: f("rounded-[28px] overflow-hidden flex-none")
   })
-), De = K(
+), De = _(
   "carousel",
   () => ({
     carousel: f(["w-full h-[400px]"]),
@@ -224,7 +224,7 @@ const Be = (e) => {
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), Ve = K(
+), Ve = _(
   "divider",
   ({ orientation: e }) => ({
     divider: f(
@@ -237,7 +237,7 @@ const Be = (e) => {
       }
     )
   })
-), Ue = K(
+), je = _(
   "fab",
   ({ size: e, variant: t, isExtended: r }) => ({
     fab: f(
@@ -282,7 +282,7 @@ const Be = (e) => {
       t === "tertiary" && "text-on-tertiary-container"
     )
   })
-), je = K(
+), Ue = _(
   "iconButton",
   ({
     variant: e,
@@ -290,9 +290,9 @@ const Be = (e) => {
     onToggle: r,
     isActive: l,
     size: n,
-    width: c,
+    width: a,
     shape: i,
-    allowShapeTransformation: a
+    allowShapeTransformation: c
   }) => ({
     iconButton: f(
       "rounded-full relative flex transition-all duration-300",
@@ -300,17 +300,17 @@ const Be = (e) => {
       {
         "cursor-default": t
       },
-      (i === "rounded" || i === "squared" && r && !t && l && a) && {
+      (i === "rounded" || i === "squared" && r && !t && l && c) && {
         "rounded-[30px]": n === "xSmall" || n == "small",
         "rounded-[40px]": n === "medium",
         "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && l && a) && {
+      (i === "squared" || i === "rounded" && r && !t && l && c) && {
         "rounded-[12px]": n === "xSmall" || n == "small",
         "rounded-[16px]": n === "medium",
         "rounded-[28px]": n === "large" || n == "xLarge"
       },
-      a && !t && {
+      c && !t && {
         "group-active:rounded-[12px]": n === "xSmall" || n == "small",
         "group-active:rounded-[16px]": n === "medium",
         "group-active:rounded-[28px]": n === "large" || n == "xLarge"
@@ -345,17 +345,17 @@ const Be = (e) => {
     ),
     stateLayer: f(
       "absolute top-0 left-0 h-full w-full overflow-hidden",
-      (i === "rounded" || i === "squared" && r && !t && l && a) && {
+      (i === "rounded" || i === "squared" && r && !t && l && c) && {
         "rounded-[30px]": n === "xSmall" || n == "small",
         "rounded-[40px]": n === "medium",
         "rounded-[70px]": n === "large" || n == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && l && a) && {
+      (i === "squared" || i === "rounded" && r && !t && l && c) && {
         "rounded-[12px]": n === "xSmall" || n == "small",
         "rounded-[16px]": n === "medium",
         "rounded-[28px]": n === "large" || n == "xLarge"
       },
-      a && !t && {
+      c && !t && {
         "group-active:rounded-[12px]": n === "xSmall" || n == "small",
         "group-active:rounded-[16px]": n === "medium",
         "group-active:rounded-[28px]": n === "large" || n == "xLarge"
@@ -386,14 +386,14 @@ const Be = (e) => {
       { "size-6 p-4": n === "medium" },
       { "size-8 p-8": n === "large" },
       { "size-10 p-12": n === "xLarge" },
-      c == "narrow" && [
+      a == "narrow" && [
         { "px-1": n === "xSmall" },
         { "px-1": n === "small" },
         { "px-3": n === "medium" },
         { "px-4": n === "large" },
         { "px-8": n === "xLarge" }
       ],
-      c == "wide" && [
+      a == "wide" && [
         { "px-2.5": n === "xSmall" },
         { "px-3.5": n === "small" },
         { "px-6": n === "medium" },
@@ -421,7 +421,7 @@ const Be = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Fe = K(
+), Fe = _(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
     progressIndicator: f(
@@ -453,7 +453,34 @@ const Be = (e) => {
       }
     )
   })
-), He = K(
+), Xe = _(
+  "slideSheet",
+  ({ variant: e, position: t }) => ({
+    slideSheet: f(
+      "bg-surface flex justify-between  max-w-xs z-10",
+      {
+        "flex-row-reverse": t == "right",
+        "h-screen": e == "standard"
+      },
+      e == "modal" && [
+        "rounded-2xl fixed top-0 m-[1rem] h-[calc(100dvh-2rem)]",
+        {
+          "right-0": t == "right",
+          "left-0": t == "left"
+        }
+      ]
+    ),
+    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(
+      "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
+    )
+  })
+), He = _(
   "slider",
   ({ isChanging: e }) => ({
     slider: f([
@@ -476,7 +503,7 @@ const Be = (e) => {
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Xe = K(
+), Oe = _(
   "snackbar",
   () => ({
     snackbar: f(" rounded bg-inverse-surface "),
@@ -486,7 +513,7 @@ const Be = (e) => {
     supportingText: f("text-body-medium text-inverse-on-surface "),
     icon: f(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), Oe = K(
+), qe = _(
   "switch",
   ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
     switch: f(
@@ -529,7 +556,7 @@ const Be = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), qe = K(
+), _e = _(
   "tab",
   ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     tab: f(
@@ -588,7 +615,7 @@ const Be = (e) => {
       l === "secondary" && "h-0.5"
     )
   })
-), _e = K(
+), Ke = _(
   "tabs",
   ({ scrollable: e }) => ({
     tabs: f(
@@ -597,7 +624,7 @@ const Be = (e) => {
       { "overflow-x-auto": e }
     )
   })
-), Ke = K(
+), Ge = _(
   "textField",
   ({
     disabled: e,
@@ -605,9 +632,9 @@ const Be = (e) => {
     trailingIcon: r,
     variant: l,
     errorText: n,
-    isFocused: c,
+    isFocused: a,
     value: i,
-    suffix: a,
+    suffix: c,
     textLine: d
   }) => ({
     textField: f({
@@ -617,9 +644,9 @@ const Be = (e) => {
       "group  transition-border duration-200 relative  flex  items-center ",
       { "h-14": d == "singleLine" },
       {
-        "border-on-surface-variant": !(n != null && n.length) && !c && l == "filled",
-        "border-outline": !(n != null && n.length) && !c && l == "outlined",
-        "border-primary": !(n != null && n.length) && c,
+        "border-on-surface-variant": !(n != null && n.length) && !a && l == "filled",
+        "border-outline": !(n != null && n.length) && !a && l == "outlined",
+        "border-primary": !(n != null && n.length) && a,
         "border-error": !!(n != null && n.length)
       },
       { "bg-on-surface/[0.04]": e },
@@ -630,7 +657,7 @@ const Be = (e) => {
       l == "outlined" && [
         "border rounded box-border",
         {
-          "border-[3px]": c
+          "border-[3px]": a
         }
       ]
     ),
@@ -641,7 +668,7 @@ const Be = (e) => {
       },
       {
         "group-state-on-surface": !e,
-        "focus-state-on-surface": c
+        "focus-state-on-surface": a
       }
     ),
     label: f(
@@ -649,7 +676,7 @@ const Be = (e) => {
       { "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) && c }
+      { "text-primary": !(n != null && n.length) && a }
     ),
     input: f(
       "w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
@@ -658,7 +685,7 @@ const Be = (e) => {
         "placeholder:text-on-surface text-on-surface": e
       },
       {
-        "pr-0": !!a
+        "pr-0": !!c
       },
       l == "filled" && " pb-2 pt-6",
       l == "outlined" && "py-4 relative z-10"
@@ -669,14 +696,14 @@ const Be = (e) => {
         "h-[2px] transition-all duration-300",
         { "bg-primary": !(n != null && n.length) },
         { "bg-error": !!(n != null && n.length) },
-        { "!w-full": c }
+        { "!w-full": a }
       ]
     ),
     supportingText: f(
       " text-body-small px-4 pt-1",
       { "text-on-surface-variant": !e && !(n != null && n.length) },
       { "text-on-surface": e },
-      { "!w-full": c },
+      { "!w-full": a },
       { "text-error": !!(n != null && n.length) }
     ),
     leadingIcon: f([
@@ -692,7 +719,7 @@ const Be = (e) => {
       l == "outlined" && "py-4 relative z-10"
     )
   })
-), Ge = K(
+), Ye = _(
   "toolTip",
   ({ position: e, variant: t }) => ({
     toolTip: f(
@@ -764,7 +791,7 @@ const Be = (e) => {
   const l = e;
   if (!(l != null && l.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: n } = l, [c, i, , , a] = n || [], d = (o) => {
+  const { icon: n } = l, [a, i, , , c] = n || [], d = (o) => {
     switch (o.length) {
       case 2:
         return {
@@ -783,35 +810,35 @@ const Be = (e) => {
       className: f("size-5 box-content", r),
       style: { ...d(t) },
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${c} ${i}`,
+      viewBox: `0 0 ${a} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof a == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: a }) : a.map((o, h) => /* @__PURE__ */ u("path", { d: o }, h))
+      children: typeof c == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: c }) : c.map((o, m) => /* @__PURE__ */ u("path", { d: o }, m))
     }
   );
-}, Ye = ({
+}, Ze = ({
   variant: e = "linear-determinate",
   value: t = 0,
   transitionDuration: r = 1e3,
   className: l,
   ...n
 }) => {
-  const [c, i] = R(t), [a] = R(1.5);
-  P(() => {
+  const [a, i] = R(t), [c] = R(1.5);
+  $(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [d, o] = R(!0), h = () => d ? a : a * 0.5;
-  P(() => {
-    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && c !== 100) {
+  const [d, o] = R(!0), m = () => d ? c : c * 0.5;
+  $(() => {
+    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && a !== 100) {
       const v = setInterval(() => {
         i(d ? 10 : 90), o(!d);
-      }, h() * 1e3);
+      }, m() * 1e3);
       return () => clearInterval(v);
     }
-  }, [e, d, c]);
-  const [p, s] = R(!1);
-  P(() => {
-    if (c >= 100) {
+  }, [e, d, a]);
+  const [h, s] = R(!1);
+  $(() => {
+    if (a >= 100) {
       const v = setTimeout(() => {
         s(!1);
       }, r);
@@ -820,22 +847,22 @@ const Be = (e) => {
       };
     } else
       s(!0);
-  }, [c, r]);
+  }, [a, r]);
   const y = Fe({
     className: l,
     variant: e,
     value: t,
     transitionDuration: r,
-    isVisible: p
+    isVisible: h
   });
-  return /* @__PURE__ */ U(re, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className: y.progressIndicator, ...n, children: [
+  return /* @__PURE__ */ D(te, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ D("div", { className: y.progressIndicator, ...n, children: [
       /* @__PURE__ */ u(
         "div",
         {
           style: {
-            width: `${c}%`,
-            transition: `width ${r}ms ease-in-out ${c == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
+            width: `${a}%`,
+            transition: `width ${r}ms ease-in-out ${a == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
           className: y.track
         }
@@ -844,8 +871,8 @@ const Be = (e) => {
         "div",
         {
           style: {
-            marginLeft: c != 100 ? "6px" : "0px",
-            transition: `width ${r}ms ease-in-out ${c == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r / 1.5}ms` : ""}`
+            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
         }
@@ -862,7 +889,7 @@ const Be = (e) => {
       )
     ] }),
     (e === "circular-determinate" || e == "circular-indeterminate") && /* @__PURE__ */ u(
-      j.svg,
+      U.svg,
       {
         width: "48",
         height: "48",
@@ -871,17 +898,17 @@ const Be = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: h(),
+          duration: m(),
           ease: "linear"
         },
         className: y.progressIndicator,
         ...n,
         children: /* @__PURE__ */ u(
-          j.circle,
+          U.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: p ? "calc(50% - 2px)" : "50%",
+            r: h ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
@@ -900,7 +927,7 @@ const Be = (e) => {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: h(),
+                duration: m(),
                 bounce: 0
               }
             }
@@ -931,14 +958,14 @@ const Be = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [l, n] = R(!0), [c, i] = R(!1), [a, d] = R({ x: 0, y: 0 });
-  P(() => {
-    c && (n(!0), n(!1));
-  }, [c]), P(() => {
+  }, [l, n] = R(!0), [a, i] = R(!1), [c, d] = 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", p), s.addEventListener("mouseleave", h), () => {
-        s.removeEventListener("mousedown", o), s.removeEventListener("mouseup", p), s.removeEventListener("mouseleave", h);
+      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);
       };
   }, [t]);
   const o = (s) => {
@@ -947,20 +974,20 @@ const Be = (e) => {
       x: (s.clientX - v.left) / y.clientWidth * 100,
       y: (s.clientY - v.top) / y.clientHeight * 100
     });
-  }, h = (s) => {
+  }, m = (s) => {
     i(!1);
-  }, p = (s) => {
+  }, h = (s) => {
     i(!1);
   };
-  return /* @__PURE__ */ u(z, { mode: "wait", children: (c || !c && !l) && /* @__PURE__ */ u(
-    j.div,
+  return /* @__PURE__ */ u(A, { mode: "wait", children: (a || !a && !l) && /* @__PURE__ */ u(
+    U.div,
     {
       style: {
         position: "absolute",
         width: "100%",
         height: "100%",
-        top: a.y + "%",
-        left: a.x + "%",
+        top: c.y + "%",
+        left: c.x + "%",
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
@@ -972,7 +999,7 @@ const Be = (e) => {
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, Ze = K(
+}, Je = _(
   "customScroll",
   ({ orientation: e, draggable: t, isDragging: r }) => ({
     customScroll: f(
@@ -1000,127 +1027,127 @@ const Be = (e) => {
       "top-0 w-full": e === "vertical"
     })
   })
-), he = ({
+), ge = ({
   children: e,
   orientation: t = "vertical",
   scrollSize: r,
   onScroll: l,
   className: n,
-  draggable: c = !1,
+  draggable: a = !1,
   throttleDuration: i = 75
 }) => {
   var W, F;
-  const a = V(null), d = V(null), [o, h] = R({
+  const c = j(null), d = j(null), [o, m] = R({
     width: null,
     height: null
   });
-  P(() => {
-    if (!a.current) return;
-    const C = new ResizeObserver((H) => {
-      for (const X of H)
-        X.target === a.current && h({
-          width: X.contentRect.width,
-          height: X.contentRect.height
+  $(() => {
+    if (!c.current) return;
+    const S = new ResizeObserver((X) => {
+      for (const H of X)
+        H.target === c.current && m({
+          width: H.contentRect.width,
+          height: H.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return C.observe(a.current), () => {
-      C.disconnect();
+    return S.observe(c.current), () => {
+      S.disconnect();
     };
-  }, [a]);
-  const p = V(null), s = V(null), y = () => {
-    const C = d.current;
-    return C ? {
-      width: r ?? C.scrollWidth,
-      height: r ?? C.scrollHeight
+  }, [c]);
+  const h = j(null), s = j(null), y = () => {
+    const S = d.current;
+    return S ? {
+      width: r ?? S.scrollWidth,
+      height: r ?? S.scrollHeight
     } : null;
   }, v = () => {
-    const C = a.current;
-    return C ? {
-      width: C.clientWidth,
-      height: C.clientHeight
+    const S = c.current;
+    return S ? {
+      width: S.clientWidth,
+      height: S.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: N, scrollXProgress: L } = Ne({
-    container: a
-  }), I = V(null);
-  I.current || (I.current = Ie(
+  }, { scrollYProgress: L, scrollXProgress: N } = Ie({
+    container: c
+  }), I = j(null);
+  I.current || (I.current = Ee(
     i,
-    (C, H) => {
-      !s.current || !p.current || l && (t === "horizontal" && H === "x" && l({
-        scrollProgress: C,
-        scroll: C * p.current.width,
-        scrollTotal: p.current.width,
+    (S, X) => {
+      !s.current || !h.current || l && (t === "horizontal" && X === "x" && l({
+        scrollProgress: S,
+        scroll: S * h.current.width,
+        scrollTotal: h.current.width,
         scrollVisible: s.current.width
-      }), t === "vertical" && H === "y" && l({
-        scrollProgress: C,
-        scroll: C * p.current.height,
-        scrollTotal: p.current.height,
+      }), t === "vertical" && X === "y" && l({
+        scrollProgress: S,
+        scroll: S * h.current.height,
+        scrollTotal: h.current.height,
         scrollVisible: s.current.height
       }));
     }
   ));
-  const w = (C, H) => {
-    I.current && I.current(C, H);
+  const w = (S, X) => {
+    I.current && I.current(S, X);
   };
-  P(() => {
-    o.width && w(L.get(), "x"), o.height && w(N.get(), "y");
-  }, [o]), se(L, "change", (C) => {
-    w(C, "x");
-  }), se(N, "change", (C) => {
-    w(C, "y");
+  $(() => {
+    o.width && w(N.get(), "x"), o.height && w(L.get(), "y");
+  }, [o]), se(N, "change", (S) => {
+    w(S, "x");
+  }), se(L, "change", (S) => {
+    w(S, "y");
   });
   const [B, b] = R(!1);
-  fe(() => {
-    B || !s.current || !p.current || !l || (l({
+  pe(() => {
+    B || !s.current || !h.current || !l || (l({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? p.current.height : p.current.width,
+      scrollTotal: t == "vertical" ? h.current.height : h.current.width,
       scrollVisible: t == "vertical" ? s.current.height : s.current.width
     }), b(!0));
-  }, [s, p, l]), p.current = y(), s.current = v();
-  const [E, M] = R(!1), D = Ze({
+  }, [s, h, l]), h.current = y(), s.current = v();
+  const [E, C] = R(!1), V = Je({
     isDragging: E,
     children: e,
     className: n,
     onScroll: l,
     orientation: t,
     scrollSize: r,
-    draggable: c,
+    draggable: a,
     throttleDuration: i
-  }), [$, k] = R(0), [m, S] = R(0), O = (C) => {
-    if (!c) return;
-    const H = a.current;
-    if (!H || $ == null) return;
-    const J = (C.pageX - H.offsetLeft - $) * 1.5;
-    H.scrollLeft = m - J;
-  }, _ = (C) => {
-    const H = a.current;
-    H && (M(!0), k(C.pageX - H.offsetLeft), S(H.scrollLeft));
-  }, Z = (C) => {
-    E && (C.preventDefault(), O(C));
+  }), [P, k] = R(0), [p, M] = R(0), O = (S) => {
+    if (!a) return;
+    const X = c.current;
+    if (!X || P == null) return;
+    const J = (S.pageX - X.offsetLeft - P) * 1.5;
+    X.scrollLeft = p - J;
+  }, K = (S) => {
+    const X = c.current;
+    X && (C(!0), k(S.pageX - X.offsetLeft), M(X.scrollLeft));
+  }, Z = (S) => {
+    E && (S.preventDefault(), O(S));
   }, q = () => {
-    M(!1);
-  }, A = () => {
-    M(!1);
-  }, g = (C) => {
-    C.preventDefault();
-  }, x = V(null);
-  return P(() => () => {
+    C(!1);
+  }, z = () => {
+    C(!1);
+  }, g = (S) => {
+    S.preventDefault();
+  }, x = j(null);
+  return $(() => () => {
     x.current && clearTimeout(x.current);
-  }, []), /* @__PURE__ */ U(
+  }, []), /* @__PURE__ */ D(
     "div",
     {
-      className: D.customScroll,
-      ref: a,
-      onMouseDown: _,
+      className: V.customScroll,
+      ref: c,
+      onMouseDown: K,
       onMouseMove: Z,
       onMouseUp: q,
-      onMouseLeave: A,
+      onMouseLeave: z,
       onDragStart: g,
-      onScroll: (C) => {
-        E || (k(null), M(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
-          M(!1);
+      onScroll: (S) => {
+        E || (k(null), C(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+          C(!1);
         }, 1e3));
       },
       children: [
@@ -1129,26 +1156,26 @@ const Be = (e) => {
           {
             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%" },
-            className: D.track,
+            className: V.track,
             children: e
           }
         ),
-        s.current && p.current && /* @__PURE__ */ U(re, { children: [
-          t === "vertical" && p.current.height > s.current.height && /* @__PURE__ */ u(
-            j.div,
+        s.current && h.current && /* @__PURE__ */ D(te, { children: [
+          t === "vertical" && h.current.height > s.current.height && /* @__PURE__ */ u(
+            U.div,
             {
               className: "flex-none",
               style: {
-                height: p.current.height - s.current.height
+                height: h.current.height - s.current.height
               }
             }
           ),
-          t === "horizontal" && p.current.width > s.current.width && /* @__PURE__ */ u(
-            j.div,
+          t === "horizontal" && h.current.width > s.current.width && /* @__PURE__ */ u(
+            U.div,
             {
               className: "flex-none",
               style: {
-                width: p.current.width - s.current.width
+                width: h.current.width - s.current.width
               }
             }
           )
@@ -1156,38 +1183,38 @@ const Be = (e) => {
       ]
     }
   );
-}, bt = ({
+}, Lt = ({
   children: e,
   transition: t = ".5s",
   orientation: r = "vertical",
   throttleDuration: l = 25,
   ...n
 }) => {
-  const [c, i] = R(null), a = me((c == null ? void 0 : c.scrollProgress) ?? 0), d = oe(
-    a,
+  const [a, i] = R(null), c = he((a == null ? void 0 : a.scrollProgress) ?? 0), d = oe(
+    c,
     [0, 1],
-    [0, 1 - ((c == null ? void 0 : c.scrollVisible) ?? 0) / ((c == null ? void 0 : c.scrollTotal) ?? 0)]
+    [0, 1 - ((a == null ? void 0 : a.scrollVisible) ?? 0) / ((a == null ? void 0 : a.scrollTotal) ?? 0)]
   ), o = oe(
     d,
     (s) => `${-s * 100}%`
-  ), h = (s) => {
-    a.set(s.scrollProgress), s.scrollTotal > 0 && i(s);
-  }, p = V(null);
+  ), m = (s) => {
+    c.set(s.scrollProgress), s.scrollTotal > 0 && i(s);
+  }, h = j(null);
   return se(o, "change", (s) => {
     const y = performance.now();
-    if (p.current !== null) {
-      const v = y - p.current;
+    if (h.current !== null) {
+      const v = y - h.current;
       console.log(`Delta temps : ${v} ms`);
     }
-    p.current = y, console.log(s);
+    h.current = y, console.log(s);
   }), /* @__PURE__ */ u(
-    he,
+    ge,
     {
-      onScroll: h,
+      onScroll: m,
       throttleDuration: l,
       ...n,
       children: /* @__PURE__ */ u(
-        j.div,
+        U.div,
         {
           className: f("transition-transform  ease-out", {
             "w-fit h-full": r === "horizontal",
@@ -1202,94 +1229,95 @@ const Be = (e) => {
       )
     }
   );
-}, Je = ({
+}, Qe = ({
   targetRef: e,
   children: t
 }) => {
-  const [r, l] = R(null), n = V(null), c = () => {
+  const [r, l] = R(null), n = j(null), a = () => {
     const i = e.current;
     if (!i) return;
-    const a = i.getBoundingClientRect();
+    const c = i.getBoundingClientRect();
     l({
       position: "fixed",
-      top: a.top,
-      left: a.left,
-      width: a.width,
-      height: a.height,
+      top: c.top,
+      left: c.left,
+      width: c.width,
+      height: c.height,
       pointerEvents: "none",
       // si le wrapper ne doit pas capter les events
       zIndex: 999
       // personnalise si besoin
     });
   };
-  return P(() => {
+  return $(() => {
     const i = e.current;
     if (i)
-      return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), n.current = new ResizeObserver(c), n.current.observe(i), () => {
-        var a;
-        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (a = n.current) == null || a.disconnect();
+      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();
       };
-  }, [e]), r ? Ee(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
+  }, [e]), r ? ye(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
 };
-function Qe(e) {
+function Ae(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
-const Lt = ({
+const It = ({
   config: e,
-  throttleDelay: t = 100
+  throttleDelay: t = 100,
   // Délai par défaut de 300ms
+  onLoad: r
 }) => {
-  const [r, l] = R(null), [n, c] = R(null), i = V(null), a = V(e.sourceColor), d = V(!0);
-  P(() => {
-    if (d.current) {
-      d.current = !1, a.current = e.sourceColor, o(e.sourceColor);
+  const [l, n] = R(null), a = j(null), i = j(e.sourceColor), c = j(!0);
+  $(() => {
+    if (c.current) {
+      c.current = !1, i.current = e.sourceColor, d(e.sourceColor);
       return;
     }
-    if (e.sourceColor !== a.current)
-      return i.current && clearTimeout(i.current), i.current = setTimeout(() => {
-        a.current = e.sourceColor, o(e.sourceColor), i.current = null;
+    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;
       }, t), () => {
-        i.current && (clearTimeout(i.current), i.current = null);
+        a.current && (clearTimeout(a.current), a.current = null);
       };
   }, [e.sourceColor, t]);
-  const o = async (h) => {
-    if (!Qe(h)) {
-      l("Invalid hex color");
-      return;
-    }
-    l(null);
+  const d = async (o) => {
+    if (!Ae(o))
+      throw new Error("Invalid hex color");
     try {
-      const p = await ke(e);
-      p.themes.update({
-        sourceColorHex: h
-      }), await p.load();
-      const s = p.plugins.getPlugin(Ce).getInstance().outputCss;
-      s && c(s);
-    } catch (p) {
-      l(p instanceof Error ? p.message : "Theme loading failed");
+      const m = await ke({
+        ...e,
+        sourceColor: o
+      });
+      r == null || r(m);
+      const h = m.plugins.getPlugin(Se).getInstance().outputCss;
+      h && n(h);
+    } catch (m) {
+      throw new Error(
+        m instanceof Error ? m.message : "Theme loading failed"
+      );
     }
   };
-  return P(() => () => {
-    i.current && clearTimeout(i.current);
-  }, []), r ? null : n ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: n } }) : (console.error("ThemeProvider null"), null);
-}, Ae = ({
+  return $(() => () => {
+    a.current && clearTimeout(a.current);
+  }, []), l ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: l } }) : null;
+}, ze = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: r,
   href: l,
   label: n,
-  disableTextMargins: c,
+  disableTextMargins: a,
   className: i,
-  iconPosition: a = "left",
+  iconPosition: c = "left",
   loading: d = !1,
   shape: o = "rounded",
-  onClick: h,
-  onToggle: p,
+  onClick: m,
+  onToggle: h,
   activated: s,
   ref: y,
   size: v = "medium",
-  allowShapeTransformation: N = !0,
-  transition: L,
+  allowShapeTransformation: L = !0,
+  transition: N,
   children: I,
   ...w
 }) => {
@@ -1297,71 +1325,71 @@ const Lt = ({
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = l ? "a" : "button", b = V(null), E = y || b, [M, D] = Y.useState(s);
-  P(() => {
-    D(s);
-  }, [s]), L = { duration: 0.3, ...L };
-  let $;
-  p ? p && ($ = (S) => {
-    t && S.preventDefault();
-    const O = !M;
-    D(O), p(O);
-  }) : $ = (S) => {
-    t && S.preventDefault(), h && h(S);
+  const B = l ? "a" : "button", b = j(null), E = y || b, [C, V] = Y.useState(s);
+  $(() => {
+    V(s);
+  }, [s]), N = { duration: 0.3, ...N };
+  let P;
+  h ? h && (P = (M) => {
+    t && M.preventDefault();
+    const O = !C;
+    V(O), h(O);
+  }) : P = (M) => {
+    t && M.preventDefault(), m && m(M);
   };
-  const k = Pe({
-    allowShapeTransformation: N,
+  const k = $e({
+    allowShapeTransformation: L,
     size: v,
-    disableTextMargins: c,
+    disableTextMargins: a,
     shape: o,
     href: l,
     disabled: t,
     icon: r,
-    iconPosition: a,
+    iconPosition: c,
     loading: d,
     variant: e,
-    transition: L,
+    transition: N,
     className: i,
-    isActive: M ?? !1,
-    onToggle: p,
-    activated: M,
+    isActive: C ?? !1,
+    onToggle: h,
+    activated: C,
     label: n,
     children: n
-  }), m = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(re, {});
-  return /* @__PURE__ */ U(
+  }), p = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(te, {});
+  return /* @__PURE__ */ D(
     B,
     {
       ref: E,
       href: l,
       className: k.button,
       ...w,
-      onClick: $,
+      onClick: P,
       disabled: t,
-      "aria-pressed": p ? M : void 0,
-      style: { transition: L.duration + "s" },
+      "aria-pressed": h ? C : void 0,
+      style: { transition: N.duration + "s" },
       children: [
         /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: L.duration + "s" },
+            style: { transition: N.duration + "s" },
             children: !t && /* @__PURE__ */ u(
               ne,
               {
-                colorName: e === "filled" && p && "on-surface-variant" || e === "filled" && !p && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
+                colorName: e === "filled" && h && "on-surface-variant" || e === "filled" && !h && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
                 triggerRef: E
               }
             )
           }
         ),
-        a === "left" && m,
+        c === "left" && p,
         d && /* @__PURE__ */ u(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
             children: /* @__PURE__ */ u(
-              Ye,
+              Ze,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
@@ -1394,162 +1422,162 @@ const Lt = ({
           }
         ),
         /* @__PURE__ */ u("span", { className: k.label, children: n }),
-        a === "right" && m
+        c === "right" && p
       ]
     }
   );
-}, Nt = ({
+}, Et = ({
   variant: e = "outlined",
   className: t,
   children: r,
   isInteractive: l = !1,
   ref: n,
-  ...c
+  ...a
 }) => {
-  const i = $e({ className: t, isInteractive: l, variant: e, children: r }), a = V(null), d = n || a;
-  return /* @__PURE__ */ U("div", { ...c, ref: d, className: i.card, children: [
+  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 }) }),
     r
   ] });
-}, ze = (e, t, r = [0, 1]) => {
-  const [l, n] = t, [c, i] = r, d = (Math.max(l, Math.min(e, n)) - l) / (n - l);
-  return c + d * (i - c);
-}, Te = ({
+}, 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);
+}, et = ({
   className: e,
   children: t,
   width: r = 1,
   index: l = 0,
   ref: n,
-  ...c
+  ...a
 }) => {
-  const i = V(null), a = n || i, d = We({
+  const i = j(null), c = n || i, d = We({
     className: e,
     index: l,
     width: r,
     children: t
   });
   return /* @__PURE__ */ u(
-    j.div,
+    U.div,
     {
-      ref: a,
+      ref: c,
       animate: { width: r + "px" },
       transition: {
         duration: 0.5,
         ease: "linear"
       },
       className: d.carouselItem,
-      ...c,
+      ...a,
       children: t
     }
   );
-}, It = ({
+}, kt = ({
   variant: e = "hero",
   className: t,
   children: r,
   ref: l,
   marginPourcent: n = 0,
-  inputRange: c = [0.21, 0.65],
+  inputRange: a = [0.21, 0.65],
   outputRange: i = [42, 300],
-  gap: a = 8,
+  gap: c = 8,
   onChange: d,
   scrollSensitivity: o = 1.25,
-  ...h
+  ...m
 }) => {
-  var q, A;
-  const p = V(null), s = l || p, y = De({
+  var q, z;
+  const h = j(null), s = l || h, y = De({
     className: t,
     children: r,
     variant: e,
-    inputRange: c,
+    inputRange: a,
     outputRange: i,
     marginPourcent: n,
     onChange: d,
-    gap: a,
+    gap: c,
     scrollSensitivity: o
   }), v = Y.Children.toArray(r).filter(
-    (g) => Y.isValidElement(g) && g.type === Te
-  ), N = V(null), [L, I] = R([]), [w, B] = R(null), b = () => {
-    var H;
-    if (!N.current || !s.current || !w) return [];
+    (g) => Y.isValidElement(g) && g.type === et
+  ), L = j(null), [N, I] = R([]), [w, B] = R(null), b = () => {
+    var X;
+    if (!L.current || !s.current || !w) return [];
     const { scrollVisible: g, scrollProgress: x } = w;
-    function W(X, J) {
-      return X.map(
-        (T) => (T - J) / Math.abs(X[1] - X[0])
+    function W(H, J) {
+      return H.map(
+        (T) => (T - J) / Math.abs(H[1] - H[0])
       );
     }
-    let F = v.map((X, J) => {
-      if (!E[J].current || !N.current) return 0;
-      let te = J / (v.length - 1);
-      return te > 1 && (te = 1), te < 0 && (te = 0), te;
+    let F = v.map((H, J) => {
+      if (!E[J].current || !L.current) return 0;
+      let re = J / (v.length - 1);
+      return re > 1 && (re = 1), re < 0 && (re = 0), re;
     });
     F = W(F, x);
-    let C = ((((H = s.current) == null ? void 0 : H.clientWidth) ?? g) - (i[0] + a)) / (i[1] + a);
-    return F.map((X, J) => ({ value: Math.abs(X), originalIndex: J })).sort((X, J) => X.value - J.value).forEach((X, J) => {
-      J === 0 && D(X.originalIndex);
-      let T = ze(C, [0, 1], [0, i[1]]);
-      T < i[0] && (T = i[0]), C--, F[X.originalIndex] = T;
+    let S = ((((X = s.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + c)) / (i[1] + c);
+    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]]);
+      T < i[0] && (T = i[0]), S--, F[H.originalIndex] = T;
     }), F;
-  }, E = V([]).current, [M, D] = R(0);
-  P(() => {
-    d && d(M);
-  }, [M]), E.length !== v.length && v.forEach((g, x) => {
+  }, E = j([]).current, [C, V] = R(0);
+  $(() => {
+    d && d(C);
+  }, [C]), E.length !== v.length && v.forEach((g, x) => {
     E[x] || (E[x] = Y.createRef());
   });
-  const $ = v.map((g, x) => Y.cloneElement(
+  const P = v.map((g, x) => Y.cloneElement(
     g,
     {
-      width: L[x],
+      width: N[x],
       ref: E[x],
       key: x,
       index: x
     }
-  )), k = me((w == null ? void 0 : w.scrollProgress) ?? 0), m = oe(
+  )), k = he((w == null ? void 0 : w.scrollProgress) ?? 0), p = oe(
     k,
     [0, 1],
     [
       0,
-      1 - (((q = s.current) == null ? void 0 : q.clientWidth) ?? 0) / (((A = N == null ? void 0 : N.current) == null ? void 0 : A.clientWidth) ?? 0)
+      1 - (((q = s.current) == null ? void 0 : q.clientWidth) ?? 0) / (((z = L == null ? void 0 : L.current) == null ? void 0 : z.clientWidth) ?? 0)
     ]
-  ), S = oe(
-    m,
+  ), M = oe(
+    p,
     (g) => `${-g * 100}%`
   ), O = (g) => {
     g.scrollTotal > 0 && B(g);
   };
-  P(() => {
+  $(() => {
     const g = b();
     I(g);
   }, [w]);
-  const [_, Z] = R(0);
-  return fe(() => {
+  const [K, Z] = R(0);
+  return pe(() => {
     let g = i[1];
     w && g > w.scrollVisible && (g = w.scrollVisible);
-    const x = (g + a) * $.length / o;
+    const x = (g + c) * P.length / o;
     Z(x);
-  }, [s, E, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: s, ...h, children: /* @__PURE__ */ u(
-    he,
+  }, [s, E, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: s, ...m, children: /* @__PURE__ */ u(
+    ge,
     {
       draggable: !0,
       orientation: "horizontal",
       onScroll: O,
-      scrollSize: _,
+      scrollSize: K,
       children: /* @__PURE__ */ u(
-        j.div,
+        U.div,
         {
           className: y.track,
-          ref: N,
+          ref: L,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
-            gap: `${a}px`,
-            x: S
+            gap: `${c}px`,
+            x: M
           },
-          children: $
+          children: P
         }
       )
     }
   ) });
-}, Et = ({
+}, tt = ({
   orientation: e = "horizontal",
   className: t,
   ...r
@@ -1559,129 +1587,129 @@ const Lt = ({
 }, G = [];
 for (let e = 0; e < 256; ++e)
   G.push((e + 256).toString(16).slice(1));
-function et(e, t = 0) {
+function rt(e, t = 0) {
   return (G[e[t + 0]] + G[e[t + 1]] + G[e[t + 2]] + G[e[t + 3]] + "-" + G[e[t + 4]] + G[e[t + 5]] + "-" + G[e[t + 6]] + G[e[t + 7]] + "-" + G[e[t + 8]] + G[e[t + 9]] + "-" + G[e[t + 10]] + G[e[t + 11]] + G[e[t + 12]] + G[e[t + 13]] + G[e[t + 14]] + G[e[t + 15]]).toLowerCase();
 }
 let ae;
-const tt = new Uint8Array(16);
-function rt() {
+const nt = new Uint8Array(16);
+function lt() {
   if (!ae) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     ae = crypto.getRandomValues.bind(crypto);
   }
-  return ae(tt);
+  return ae(nt);
 }
-const nt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ie = { randomUUID: nt };
+const ot = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), de = { randomUUID: ot };
 function ce(e, t, r) {
   var n;
-  if (ie.randomUUID && !e)
-    return ie.randomUUID();
+  if (de.randomUUID && !e)
+    return de.randomUUID();
   e = e || {};
-  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? rt();
+  const l = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? lt();
   if (l.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, et(l);
+  return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, rt(l);
 }
-const ye = ({
+const we = ({
   variant: e = "plain",
   buttons: t,
   className: r,
   children: l,
   title: n,
-  text: c,
+  text: a,
   position: i,
-  targetRef: a,
+  targetRef: c,
   ref: d,
   trigger: o = ["hover", "focus"],
-  ...h
+  ...m
 }) => {
-  if (!l && !a)
+  if (!l && !c)
     throw new Error("ToolTip must have a child or a targetRef");
   Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
-  const p = V(null), s = a || p, [y, v] = R(null), [N] = R(ce()), [L, I] = R(!1), w = V(null);
-  P(() => {
-    const m = (S) => {
-      v(S.detail);
+  const h = j(null), s = c || h, [y, v] = R(null), [L] = R(ce()), [N, I] = R(!1), w = j(null);
+  $(() => {
+    const p = (M) => {
+      v(M.detail);
     };
-    return document.addEventListener("tooltip-update", m), () => {
+    return document.addEventListener("tooltip-update", p), () => {
       document.removeEventListener(
         "tooltip-update",
-        m
+        p
       );
     };
-  }, []), P(() => {
-    w.current && clearTimeout(w.current), y ? I(y === N) : w.current = setTimeout(() => {
+  }, []), $(() => {
+    w.current && clearTimeout(w.current), y ? I(y === L) : w.current = setTimeout(() => {
       I(!1);
     }, 1200);
-  }, [y, N]);
+  }, [y, L]);
   const B = () => {
     if (o.includes("hover")) {
-      const m = new CustomEvent("tooltip-update", { detail: N });
-      document.dispatchEvent(m);
+      const p = new CustomEvent("tooltip-update", { detail: L });
+      document.dispatchEvent(p);
     }
   }, b = () => {
     if (o.includes("hover")) {
-      const m = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(m);
+      const p = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(p);
     }
   }, E = () => {
     if (o.includes("click")) {
-      const m = new CustomEvent("tooltip-update", {
-        detail: L ? null : N
+      const p = new CustomEvent("tooltip-update", {
+        detail: N ? null : L
       });
-      document.dispatchEvent(m);
+      document.dispatchEvent(p);
     }
-  }, M = () => {
+  }, C = () => {
     if (o.includes("focus")) {
-      const m = new CustomEvent("tooltip-update", { detail: N });
-      document.dispatchEvent(m);
+      const p = new CustomEvent("tooltip-update", { detail: L });
+      document.dispatchEvent(p);
     }
-  }, D = () => {
+  }, V = () => {
     if (o.includes("focus")) {
-      const m = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(m);
+      const p = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(p);
     }
   };
-  P(() => {
+  $(() => {
     if (s != null && s.current) {
-      const m = s.current;
-      return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", b), m.addEventListener("click", E), m.addEventListener("focus", M), m.addEventListener("blur", D), () => {
-        m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", b), m.removeEventListener("click", E), m.removeEventListener("focus", M), m.removeEventListener("blur", D);
+      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);
       };
     }
-  }, [s, o, N, L]);
-  const $ = !a && ee(l) ? le(l, { ref: p }) : l;
+  }, [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 m = s.current.getBoundingClientRect(), S = window.innerWidth, O = window.innerHeight, _ = m.left / S, Z = m.top / O;
-    e === "plain" ? _ < 1 / 3 ? i = "right" : _ > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : _ < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : _ > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : _ > 1 / 2 && Z > 1 / 2 ? i = "top-left" : _ < 1 / 2 && Z > 1 / 2 && (i = "top-right");
+    const p = s.current.getBoundingClientRect(), M = window.innerWidth, O = window.innerHeight, K = p.left / M, Z = p.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 = Ge({
+  const k = Ye({
     variant: e,
     buttons: t,
     className: r,
     title: n,
-    text: c,
+    text: a,
     position: i,
     trigger: o,
-    targetRef: a,
+    targetRef: c,
     children: l
   });
-  return /* @__PURE__ */ U(re, { children: [
-    $,
-    /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(Je, { targetRef: s, children: /* @__PURE__ */ u(
-      j.div,
+  return /* @__PURE__ */ D(te, { children: [
+    P,
+    /* @__PURE__ */ u(A, { children: N && /* @__PURE__ */ u(Qe, { targetRef: s, children: /* @__PURE__ */ u(
+      U.div,
       {
         initial: { opacity: y ? 1 : 0 },
         animate: { opacity: 1 },
         transition: { duration: y ? 0 : 0.3 },
         exit: { opacity: y ? 1 : 0 },
         className: k.toolTip,
-        ...h,
+        ...m,
         onMouseEnter: B,
         onMouseLeave: b,
-        children: /* @__PURE__ */ U(
-          j.div,
+        children: /* @__PURE__ */ D(
+          U.div,
           {
             className: k.container,
             layoutId: "tool-tip",
@@ -1692,15 +1720,15 @@ const ye = ({
             },
             children: [
               n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
-              /* @__PURE__ */ u("div", { className: k.supportingText, children: c }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m, S) => /* @__PURE__ */ u(
-                Ae,
+              /* @__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(
+                ze,
                 {
                   size: "small",
                   variant: "text",
-                  ...m
+                  ...p
                 },
-                S
+                M
               )) })
             ]
           }
@@ -1708,28 +1736,28 @@ const ye = ({
       }
     ) }) })
   ] });
-}, ue = ({
+}, fe = ({
   className: e,
   label: t,
   variant: r = "primary",
   size: l = "medium",
   href: n,
-  type: c,
+  type: a,
   icon: i,
-  isExtended: a = !1,
+  isExtended: c = !1,
   ref: d,
   transition: o,
-  children: h,
-  ...p
+  children: m,
+  ...h
 }) => {
-  if (h && (t = h), !t)
+  if (m && (t = m), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const s = n ? "a" : "button", y = Ue({
+  const s = n ? "a" : "button", y = je({
     href: n,
     icon: i,
-    isExtended: a,
+    isExtended: c,
     label: t,
     size: l,
     variant: r,
@@ -1738,7 +1766,7 @@ const ye = ({
     children: t
   });
   o = { duration: 0.3, ...o };
-  const v = V(null), N = d || v, L = {
+  const v = j(null), L = d || v, N = {
     visible: {
       width: "auto",
       marginLeft: 12,
@@ -1764,21 +1792,21 @@ const ye = ({
       }
     }
   };
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ D(
     s,
     {
-      ...p,
-      ref: N,
+      ...h,
+      ref: L,
       href: n,
-      "aria-label": a ? void 0 : t,
+      "aria-label": c ? void 0 : t,
       className: y.fab,
       children: [
         /* @__PURE__ */ u(
-          ye,
+          we,
           {
-            trigger: a ? null : void 0,
+            trigger: c ? null : void 0,
             text: t,
-            targetRef: N
+            targetRef: L
           }
         ),
         /* @__PURE__ */ u("span", { className: y.stateLayer, children: /* @__PURE__ */ u(
@@ -1790,14 +1818,14 @@ const ye = ({
               "on-secondary-container": r == "secondary",
               "on-tertiary-container": r == "tertiary"
             }),
-            triggerRef: N
+            triggerRef: L
           }
         ) }),
         /* @__PURE__ */ u(Q, { icon: i, className: y.icon }),
-        /* @__PURE__ */ u(z, { children: a && /* @__PURE__ */ u(
-          j.span,
+        /* @__PURE__ */ u(A, { children: c && /* @__PURE__ */ u(
+          U.span,
           {
-            variants: L,
+            variants: N,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -1808,87 +1836,87 @@ const ye = ({
       ]
     }
   );
-}, xe = ({
+}, ie = ({
   variant: e = "standard",
   href: t,
   disabled: r = !1,
   type: l = "button",
   title: n,
-  label: c,
+  label: a,
   onToggle: i,
-  activated: a = !1,
+  activated: c = !1,
   onClick: d,
   icon: o,
-  size: h = "medium",
-  iconSelected: p,
+  size: m = "medium",
+  iconSelected: h,
   className: s,
   ref: y,
   width: v = "default",
-  shape: N = "rounded",
-  allowShapeTransformation: L = !0,
+  shape: L = "rounded",
+  allowShapeTransformation: N = !0,
   transition: I,
   children: w,
   ...B
 }) => {
-  if (w && (c = w), !c)
+  if (w && (a = w), !a)
     throw new Error(
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
-  n || (n = c);
-  const [b, E] = Y.useState(a);
-  let M;
-  i ? i && (M = (S) => {
-    r && S.preventDefault(), E(!b), i(!!b);
-  }, o = b && p || o) : M = (S) => {
-    r && S.preventDefault(), d && d(S);
-  }, P(() => {
-    E(a);
-  }, [a]);
-  const D = t ? "a" : "button", $ = je({
+  n || (n = a);
+  const [b, E] = Y.useState(c);
+  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);
+  }, $(() => {
+    E(c);
+  }, [c]);
+  const V = t ? "a" : "button", P = Ue({
     transition: I,
-    shape: N,
-    allowShapeTransformation: L,
+    shape: L,
+    allowShapeTransformation: N,
     width: v,
     href: t,
     activated: b,
-    label: c,
-    iconSelected: p,
+    label: a,
+    iconSelected: h,
     isActive: b,
     onToggle: i,
     disabled: r,
     icon: o,
     variant: e,
     className: s,
-    size: h,
-    children: c,
+    size: m,
+    children: a,
     ...B
-  }), k = V(null), m = y || k;
-  return I = { duration: 0.3, ...I }, /* @__PURE__ */ U(
-    D,
+  }), k = j(null), p = y || k;
+  return I = { duration: 0.3, ...I }, /* @__PURE__ */ D(
+    V,
     {
       disabled: r,
       href: t,
       style: { transition: I.duration + "s" },
-      className: $.iconButton,
-      "aria-label": c,
+      className: P.iconButton,
+      "aria-label": a,
       ...B,
       title: void 0,
-      onClick: M,
-      ref: m,
+      onClick: C,
+      ref: p,
       children: [
         /* @__PURE__ */ u(
-          ye,
+          we,
           {
-            targetRef: m,
+            targetRef: p,
             trigger: r ? null : void 0,
             text: n
           }
         ),
-        /* @__PURE__ */ u("div", { className: $.touchTarget }),
+        /* @__PURE__ */ u("div", { className: P.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: $.stateLayer,
+            className: P.stateLayer,
             style: { transition: I.duration + "s" },
             children: !r && /* @__PURE__ */ u(
               ne,
@@ -1911,24 +1939,24 @@ const ye = ({
                     "on-primary": b
                   }
                 ),
-                triggerRef: m
+                triggerRef: p
               }
             )
           }
         ),
-        o && /* @__PURE__ */ u(Q, { icon: o, className: $.icon })
+        o && /* @__PURE__ */ u(Q, { icon: o, className: P.icon })
       ]
     }
   );
-}, kt = ({
+}, St = ({
   className: e,
   valueFormatter: t,
   step: r = 10,
   name: l,
   value: n = 0,
-  min: c = 0,
+  min: a = 0,
   max: i = 100,
-  marks: a = [
+  marks: c = [
     {
       value: 0,
       label: "0"
@@ -1940,28 +1968,28 @@ const ye = ({
   ],
   ref: d,
   onChange: o,
-  ...h
+  ...m
 }) => {
-  const p = (g) => {
+  const h = (g) => {
     const x = y(), W = s();
     return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / (W - x) * 100;
-  }, s = (g = !1) => g ? i : i == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : i, y = (g = !1) => g ? c : c == -1 / 0 ? a[0].value : c, v = (g) => {
+  }, 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;
-  }, [N, L] = R(!1), I = V(null), w = d || I, [B, b] = R(n), [E, M] = R(p(n)), [D, $] = R(!1), k = (g) => {
-    $(!0), L(!0), O(g);
-  }, m = () => {
-    $(!1), L(!1);
+  }, [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);
   };
-  P(() => (D ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", O), window.addEventListener("touchend", m), window.addEventListener("touchmove", O)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", O)), () => {
-    window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", O);
-  }), [D]);
-  const S = He({
+  $(() => (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]);
+  const M = He({
     className: e,
-    isChanging: N,
-    marks: a,
+    isChanging: L,
+    marks: c,
     max: i,
-    min: c,
+    min: a,
     name: l,
     step: r,
     value: B,
@@ -1970,48 +1998,48 @@ const ye = ({
   }), O = (g) => {
     const x = w == null ? void 0 : w.current;
     if (x) {
-      const W = x.getBoundingClientRect().left, C = ((g.type === "touchmove" || g.type === "touchstart" ? g.touches[0].clientX : g.clientX) - W) / x.offsetWidth * 100;
-      _({ pourcent: C });
+      const W = x.getBoundingClientRect().left, S = ((g.type === "touchmove" || g.type === "touchstart" ? g.touches[0].clientX : g.clientX) - W) / x.offsetWidth * 100;
+      K({ pourcent: S });
     }
-  }, _ = ({
+  }, K = ({
     pourcent: g,
     value: x
   }) => {
     if (g) {
       if (g >= 100) {
-        b(s(!0)), M(100);
+        b(s(!0)), C(100);
         return;
       }
       if (g <= 0) {
-        b(y(!0)), M(0);
+        b(y(!0)), C(0);
         return;
       }
       x = v(g), x == y() && (x = y(!0)), x == s() && (x = s(!0));
     } else if (x != null) {
       if (x >= s()) {
-        b(s(!0)), M(100);
+        b(s(!0)), C(100);
         return;
       }
       if (x <= y()) {
-        b(y(!0)), M(0);
+        b(y(!0)), C(0);
         return;
       }
-      g = p(x);
+      g = h(x);
     } else
       return;
-    r != null ? x = Math.round((x - y()) / r) * r + y() : a && (x = a.reduce((W, F, C) => {
-      let H = F.value === 1 / 0 ? s() : F.value === -1 / 0 ? y() : F.value, X = W.value === 1 / 0 ? s() : W.value === -1 / 0 ? y() : W.value;
-      return H = Math.abs(H - x), X = Math.abs(X - x), H < X ? F : W;
-    }).value), x >= s() && (x = s(!0)), x <= y() && (x = y(!0)), g = p(x), b(x), M(g), o && o(x);
+    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;
+      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);
   }, [Z, q] = R(0);
-  return P(() => {
+  return $(() => {
     const g = () => {
       w.current && q(w.current.offsetWidth);
     };
     return g(), window.addEventListener("resize", g), () => {
       window.removeEventListener("resize", g);
     };
-  }, []), /* @__PURE__ */ U(
+  }, []), /* @__PURE__ */ D(
     "div",
     {
       tabIndex: 0,
@@ -2019,18 +2047,18 @@ const ye = ({
         switch (g.key) {
           case "ArrowRight":
             if (r)
-              _({ value: B + r });
-            else if (a) {
-              const x = a.find((W) => W.value > B);
-              x && _({ value: x.value });
+              K({ value: B + r });
+            else if (c) {
+              const x = c.find((W) => W.value > B);
+              x && K({ value: x.value });
             }
             break;
           case "ArrowLeft":
             if (r)
-              _({ value: B - r });
-            else if (a) {
-              const x = a.slice(0).reverse().find((W, F, C) => B === 1 / 0 ? F === 1 : W.value < B);
-              x && _({ value: x.value });
+              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);
+              x && K({ value: x.value });
             }
             break;
           default:
@@ -2042,26 +2070,26 @@ const ye = ({
       "aria-valuemax": s(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
-      className: S.slider,
+      className: M.slider,
       onMouseDown: k,
       onClick: O,
       ref: w,
       onTouchStart: k,
       onDragStart: (g) => g.preventDefault(),
-      ...h,
+      ...m,
       children: [
         /* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: S.activeTrack,
+            className: M.activeTrack,
             style: { flex: E / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: S.handle, children: /* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(
-          j.div,
+        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(A, { children: L && /* @__PURE__ */ u(
+          U.div,
           {
-            className: S.valueIndicator,
+            className: M.valueIndicator,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
@@ -2081,7 +2109,7 @@ const ye = ({
         /* @__PURE__ */ u(
           "div",
           {
-            className: S.inactiveTrack,
+            className: M.inactiveTrack,
             style: { flex: 1 - E / 100 }
           }
         ),
@@ -2089,18 +2117,18 @@ const ye = ({
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: a && a.map((g, x) => {
+            children: c && c.map((g, x) => {
               let W = null;
-              const F = (N ? 9 : 10) / Z * 100, C = p(g.value);
-              return C <= E - F ? W = !0 : C >= E + F && (W = !1), /* @__PURE__ */ u(
+              const F = (L ? 9 : 10) / Z * 100, S = h(g.value);
+              return S <= E - F ? W = !0 : S >= E + F && (W = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: f(S.dot, {
+                  className: f(M.dot, {
                     "bg-primary-container": W != null && W,
                     "bg-primary": W != null && !W
                   }),
                   style: {
-                    left: `${p(g.value)}%`
+                    left: `${h(g.value)}%`
                   }
                 },
                 x
@@ -2117,28 +2145,123 @@ const ye = ({
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var lt = {
+var at = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-376c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM229.3 352a26.7 26.7 0 1 1 53.3 0 26.7 26.7 0 1 1 -53.3 0z"]
-}, ge = {
+}, ue = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, ot = {
+}, st = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
 };
-const Ct = ({
+const Rt = ({
+  variant: e = "standard",
+  className: t,
+  children: r,
+  title: l,
+  position: n = "right",
+  extended: a,
+  onExtendedChange: i,
+  closeIcon: c = ue,
+  transition: d,
+  ...o
+}) => {
+  d = { duration: 0.3, ...d };
+  const [m, h] = R(a ?? !0), s = Xe({
+    transition: d,
+    title: l,
+    position: n,
+    closeIcon: c,
+    className: t,
+    children: r,
+    onExtendedChange: i,
+    isExtended: m,
+    extended: m,
+    variant: e
+  });
+  $(() => {
+    i == null || i(m ?? !1);
+  }, [m]), $(() => {
+    a != null && h(a);
+  }, [a]);
+  const y = {
+    close: {
+      width: 0
+    },
+    open: {
+      width: "auto"
+    }
+  }, v = () => /* @__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
+      }
+    ) }),
+    /* @__PURE__ */ u(A, { children: m && /* @__PURE__ */ D(
+      "div",
+      {
+        ...o,
+        className: s.slideSheet,
+        style: { transition: d.duration + "s" },
+        children: [
+          /* @__PURE__ */ D(
+            U.div,
+            {
+              variants: y,
+              initial: a === !1 ? "open" : "close",
+              animate: "open",
+              exit: "close",
+              className: s.container,
+              children: [
+                /* @__PURE__ */ D("div", { className: s.header, children: [
+                  l && /* @__PURE__ */ u("p", { className: s.title, children: l }),
+                  /* @__PURE__ */ u(
+                    ie,
+                    {
+                      size: "small",
+                      label: "close",
+                      icon: c,
+                      onClick: () => h(!1),
+                      className: s.closeButton
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: s.content,
+                    style: { transition: d.duration + "s" },
+                    children: r
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ u(tt, { className: s.divider, orientation: "vertical" })
+        ]
+      }
+    ) })
+  ] });
+  return e == "modal" ? ye(v(), document.body) : v();
+}, Ct = ({
   message: e,
   className: t,
   duration: r,
-  closeIcon: l = ge,
+  closeIcon: l = ue,
   onClose: n,
-  ...c
+  ...a
 }) => {
-  const [i, a] = R(!0), d = Xe({
+  const [i, c] = R(!0), d = Oe({
     className: t,
     closeIcon: l,
     duration: r,
@@ -2146,27 +2269,27 @@ const Ct = ({
     onClose: n,
     message: e
   });
-  P(() => {
+  $(() => {
     r && setTimeout(() => {
       o();
     }, r);
   }, [r]);
   const o = () => {
-    a(!1), n == null || n();
+    c(!1), n == null || n();
   };
-  return /* @__PURE__ */ u(z, { children: i && /* @__PURE__ */ u(
-    j.div,
+  return /* @__PURE__ */ u(A, { children: i && /* @__PURE__ */ u(
+    U.div,
     {
       initial: { height: 0 },
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
       className: d.snackbar,
-      ...c,
-      children: /* @__PURE__ */ U("div", { className: d.container, children: [
+      ...a,
+      children: /* @__PURE__ */ D("div", { className: d.container, children: [
         /* @__PURE__ */ u("p", { className: d.supportingText, children: e }),
         /* @__PURE__ */ u(
-          xe,
+          ie,
           {
             onClick: () => o(),
             className: d.icon,
@@ -2177,124 +2300,124 @@ const Ct = ({
       ] })
     }
   ) });
-}, Rt = ({
+}, Mt = ({
   selected: e = !1,
   className: t,
   activeIcon: r,
   disabled: l = !1,
   inactiveIcon: n,
-  onChange: c,
+  onChange: a,
   onClick: i,
-  onKeyDown: a,
+  onKeyDown: c,
   ref: d,
   ...o
 }) => {
-  const [h, p] = R(e), s = (w) => {
+  const [m, h] = R(e), s = (w) => {
     l || (v(), i && i(w));
   }, y = (w) => {
-    l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), a && a(w));
+    l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), c && c(w));
   }, v = () => {
-    p(!h), c == null || c(!h);
-  }, N = Oe({
+    h(!m), a == null || a(!m);
+  }, L = qe({
     className: t,
-    isSelected: h,
+    isSelected: m,
     activeIcon: r,
     inactiveIcon: n,
     disabled: l,
-    selected: h,
-    onChange: c
-  }), L = V(null), I = d || L;
-  return /* @__PURE__ */ U(
-    j.div,
+    selected: m,
+    onChange: a
+  }), N = j(null), I = d || N;
+  return /* @__PURE__ */ D(
+    U.div,
     {
       role: "switch",
-      "aria-checked": h,
+      "aria-checked": m,
       tabIndex: l ? -1 : 0,
       onKeyDown: y,
       onClick: s,
       ref: I,
-      className: N.switch,
+      className: L.switch,
       ...o,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: h ? "1" : "0" }),
-        /* @__PURE__ */ U(
-          j.div,
+        /* @__PURE__ */ u("input", { type: "hidden", value: m ? "1" : "0" }),
+        /* @__PURE__ */ D(
+          U.div,
           {
             layout: !0,
-            style: { translate: h ? "50%" : "-50%" },
+            style: { translate: m ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
               damping: 30
             },
-            className: N.handleContainer,
+            className: L.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: N.handle, children: (h ? r : n) && /* @__PURE__ */ u(
+              /* @__PURE__ */ u("div", { className: L.handle, children: (m ? r : n) && /* @__PURE__ */ u(
                 Q,
                 {
-                  className: N.icon,
-                  icon: h ? r : n
+                  className: L.icon,
+                  icon: m ? r : n
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: N.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: L.handleStateLayer })
             ]
           }
         )
       ]
     }
   );
-}, at = ({
+}, ct = ({
   className: e,
   onClick: t,
   label: r,
   variant: l = "primary",
   href: n,
-  icon: c,
+  icon: a,
   selectedTab: i,
-  setSelectedTab: a,
+  setSelectedTab: c,
   tabsId: d,
   index: o,
-  onTabSelected: h,
-  scrollable: p = !1,
+  onTabSelected: m,
+  scrollable: h = !1,
   selected: s = !1,
   ref: y,
   ...v
 }) => {
-  const N = V(null), L = y || N, [I, w] = R(s);
-  P(() => {
+  const L = j(null), N = y || L, [I, w] = R(s);
+  $(() => {
     s && i == null ? w(!0) : w(i == o && o != null);
-  }, [i]), P(() => {
-    i == o && h && h({
-      ref: L,
+  }, [i]), $(() => {
+    i == o && m && m({
+      ref: N,
       index: o || 0,
       label: r,
-      icon: c
+      icon: a
     });
   }, [i]);
-  const B = n ? "a" : "button", b = (M) => {
-    a && a(o ?? null), t && t(M);
-  }, E = qe({
+  const B = n ? "a" : "button", b = (C) => {
+    c && c(o ?? null), t && t(C);
+  }, E = _e({
     className: e,
-    onTabSelected: h,
-    scrollable: p,
+    onTabSelected: m,
+    scrollable: h,
     selectedTab: i,
     index: o,
     tabsId: d,
     selected: I,
     variant: l,
-    icon: c,
+    icon: a,
     label: r,
     isSelected: I,
-    setSelectedTab: a,
+    setSelectedTab: c,
     href: n
   });
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ D(
     B,
     {
       ...v,
       role: "tab",
       "aria-selected": I,
-      ref: L,
+      ref: N,
       href: n,
       className: E.tab,
       onClick: b,
@@ -2304,14 +2427,14 @@ const Ct = ({
           ne,
           {
             colorName: l === "primary" && I ? "primary" : "on-surface",
-            triggerRef: L
+            triggerRef: N
           }
         ) }),
-        /* @__PURE__ */ U("span", { className: E.content, children: [
-          c && /* @__PURE__ */ u(Q, { icon: c, className: E.icon }),
+        /* @__PURE__ */ D("span", { className: E.content, children: [
+          a && /* @__PURE__ */ u(Q, { icon: a, className: E.icon }),
           /* @__PURE__ */ u("span", { className: E.label, children: r }),
           I && /* @__PURE__ */ u(
-            j.span,
+            U.span,
             {
               layoutId: `underline-${d}`,
               className: E.underline,
@@ -2322,111 +2445,111 @@ const Ct = ({
       ]
     }
   );
-}, Mt = ({
+}, Bt = ({
   variant: e = "primary",
   onTabSelected: t,
   children: r,
   className: l,
   selectedTab: n,
-  setSelectedTab: c,
+  setSelectedTab: a,
   scrollable: i = !1
 }) => {
-  const [a, d] = R(
+  const [c, d] = R(
     null
   );
   let o;
-  n == 0 || n != null ? o = n : o = a;
-  const h = c || d, p = Y.Children.toArray(r).filter(
-    (L) => Y.isValidElement(L) && L.type === at
-  ), s = Y.useRef(null), y = (L) => {
-    if (t == null || t(L), i) {
-      const I = s.current, w = L.ref.current;
+  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;
       if (I && w) {
         const B = w.offsetLeft + w.offsetWidth / 2 - I.offsetWidth / 2;
         I.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, v = ve(() => ce(), []), N = _e({
+  }, v = be(() => ce(), []), L = Ke({
     children: r,
     onTabSelected: t,
     scrollable: i,
     selectedTab: o,
-    setSelectedTab: h,
+    setSelectedTab: m,
     className: l,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: s, role: "tablist", className: N.tabs, children: p.map((L, I) => Y.cloneElement(L, {
+  return /* @__PURE__ */ u("div", { ref: s, role: "tablist", className: L.tabs, children: h.map((N, I) => Y.cloneElement(N, {
     key: I,
     index: I,
     variant: e,
     selectedTab: o,
-    setSelectedTab: h,
+    setSelectedTab: m,
     tabsId: v,
     onTabSelected: y,
     scrollable: i
   })) });
-}, St = ({
+}, $t = ({
   variant: e = "filled",
   disabled: t = !1,
   errorText: r,
   placeholder: l,
   suffix: n,
-  name: c,
+  name: a,
   label: i,
-  className: a,
+  className: c,
   supportingText: d,
   trailingIcon: o,
-  leadingIcon: h,
-  type: p = "text",
+  leadingIcon: m,
+  type: h = "text",
   textLine: s = "singleLine",
   autoComplete: y = "on",
   onChange: v,
-  value: N,
-  showSupportingText: L = !1,
+  value: L,
+  showSupportingText: N = !1,
   ...I
 }) => {
-  const [w, B] = R(N ?? ""), [b, E] = R(!1), [M, D] = R(!1), [$, k] = R(
-    L
+  const [w, B] = R(L ?? ""), [b, E] = R(!1), [C, V] = R(!1), [P, k] = R(
+    N
   );
-  P(() => {
-    B(N ?? "");
-  }, [N]), P(() => {
-    r != null && r.length ? D(!0) : D(!1);
-  }, [r]), P(() => {
-    L ? k(L) : d != null && d.length ? k(!0) : k(!1);
-  }, [$, d]), P(() => {
-    b && D(!1);
+  $(() => {
+    B(L ?? "");
+  }, [L]), $(() => {
+    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 m = Y.useRef(null), S = () => {
-    m.current && !b && m.current.focus();
+  const p = Y.useRef(null), M = () => {
+    p.current && !b && p.current.focus();
   }, O = () => {
     E(!0);
-  }, _ = (W) => {
+  }, K = (W) => {
     const F = W.target.value;
-    B(F), D(!1), typeof v == "function" && v(F);
+    B(F), V(!1), typeof v == "function" && v(F);
   }, Z = () => {
     E(!1);
-  }, q = Ke({
-    showSupportingText: $,
+  }, q = Ge({
+    showSupportingText: P,
     isFocused: b,
-    showErrorIcon: M,
+    showErrorIcon: C,
     disabled: t,
-    name: c,
+    name: a,
     label: i,
     autoComplete: y,
-    className: a,
+    className: c,
     onChange: v,
     placeholder: l,
     supportingText: d,
-    type: p,
-    leadingIcon: h,
+    type: h,
+    leadingIcon: m,
     trailingIcon: o,
     variant: e,
     errorText: r,
     value: w,
     suffix: n,
     textLine: s
-  }), [A] = R(ce());
+  }), [z] = R(ce());
   let g, x;
   switch (s) {
     case "multiLine":
@@ -2437,15 +2560,15 @@ const Ct = ({
       break;
     case "singleLine":
     default:
-      x = "input", g = { type: p };
+      x = "input", g = { type: h };
       break;
   }
-  return /* @__PURE__ */ U("div", { className: q.textField, ...I, children: [
-    /* @__PURE__ */ U("fieldset", { onClick: S, className: q.content, children: [
+  return /* @__PURE__ */ D("div", { className: q.textField, ...I, children: [
+    /* @__PURE__ */ D("fieldset", { onClick: M, className: q.content, children: [
       /* @__PURE__ */ u("div", { className: q.stateLayer }),
-      h && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: Y.isValidElement(h) ? h : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: h }) }),
+      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(
-        j.legend,
+        U.legend,
         {
           variants: {
             hidden: { width: 0, padding: 0 },
@@ -2456,21 +2579,21 @@ const Ct = ({
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
-            j.span,
+            U.span,
             {
               className: q.label,
               transition: { duration: 0.3 },
-              layoutId: A,
+              layoutId: z,
               children: i
             }
           ) })
         }
       ),
-      /* @__PURE__ */ U("div", { className: "flex-1 relative", children: [
+      /* @__PURE__ */ D("div", { className: "flex-1 relative", children: [
         (!b && !w.length || e == "filled") && /* @__PURE__ */ u(
-          j.label,
+          U.label,
           {
-            htmlFor: c,
+            htmlFor: a,
             className: f(
               "absolute left-4  transition-all duration-300",
               {
@@ -2480,11 +2603,11 @@ const Ct = ({
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ u(
-              j.span,
+              U.span,
               {
                 className: q.label,
                 transition: { duration: 0.3 },
-                layoutId: e == "outlined" ? A : void 0,
+                layoutId: e == "outlined" ? z : void 0,
                 children: i
               }
             )
@@ -2493,12 +2616,12 @@ const Ct = ({
         /* @__PURE__ */ u(
           x,
           {
-            ref: m,
+            ref: p,
             value: w,
-            onChange: _,
+            onChange: K,
             className: q.input,
-            id: c,
-            name: c,
+            id: a,
+            name: a,
             placeholder: b ? l ?? void 0 : "",
             onFocus: O,
             onBlur: Z,
@@ -2511,7 +2634,7 @@ const Ct = ({
         )
       ] }),
       /* @__PURE__ */ u("div", { className: q.activeIndicator }),
-      !M && /* @__PURE__ */ U(re, { children: [
+      !C && /* @__PURE__ */ D(te, { children: [
         o && /* @__PURE__ */ u(
           "div",
           {
@@ -2524,7 +2647,7 @@ const Ct = ({
         ),
         !o && n && /* @__PURE__ */ u("span", { className: q.suffix, children: n })
       ] }),
-      M && /* @__PURE__ */ u(
+      C && /* @__PURE__ */ u(
         "div",
         {
           className: f(q.trailingIcon, {
@@ -2534,15 +2657,15 @@ const Ct = ({
             Q,
             {
               className: "h-5 text-error",
-              icon: lt
+              icon: at
             }
           )
         }
       )
     ] }),
-    $ && /* @__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 : d != null && d.length ? d : " " })
   ] });
-}, st = K(
+}, it = _(
   "navigationRailItem",
   ({ isSelected: e, icon: t, label: r, variant: l }) => ({
     navigationRailItem: f(
@@ -2583,44 +2706,44 @@ const Ct = ({
       "text-label-medium": l == "vertical"
     })
   })
-), ct = ({ 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 }) }), it = ({
+), 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",
   href: n,
-  icon: c,
+  icon: a,
   selectedItem: i,
-  setSelectedItem: a,
+  setSelectedItem: c,
   index: d,
   onItemSelected: o,
-  selected: h = !1,
-  ref: p,
+  selected: m = !1,
+  ref: h,
   transition: s,
   isExtended: y,
   iconSelected: v,
-  style: N,
-  extendedOnly: L,
+  style: L,
+  extendedOnly: N,
   children: I,
   ...w
 }) => {
   I && (r = I);
-  const B = V(null), b = p || B, [E, M] = R(h);
-  P(() => {
-    h && i == null ? M(!0) : M(i == d && d != null);
-  }, [i]), P(() => {
+  const B = j(null), b = h || B, [E, C] = R(m);
+  $(() => {
+    m && i == null ? C(!0) : C(i == d && d != null);
+  }, [i]), $(() => {
     i == d && o && o({
       ref: b,
       index: d || 0,
       label: r,
-      icon: c
+      icon: a
     });
   }, [i]);
-  const D = n ? "a" : "button", $ = (m) => {
-    a && a(d ?? null), t && t(m);
-  }, k = st({
+  const V = n ? "a" : "button", P = (p) => {
+    c && c(d ?? null), t && t(p);
+  }, k = it({
     isExtended: y,
-    extendedOnly: L,
+    extendedOnly: N,
     className: e,
     onItemSelected: o,
     selectedItem: i,
@@ -2628,19 +2751,19 @@ const Ct = ({
     transition: s,
     selected: E,
     variant: l,
-    icon: c,
+    icon: a,
     label: r,
     isSelected: E,
-    setSelectedItem: a,
+    setSelectedItem: c,
     href: n,
     children: r,
     iconSelected: v
   });
-  return s = { duration: 0.3, ...s }, L && !y ? null : (
+  return s = { duration: 0.3, ...s }, N && !y ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ U(
-      D,
+    /* @__PURE__ */ D(
+      V,
       {
         ...w,
         role: "tab",
@@ -2648,11 +2771,11 @@ const Ct = ({
         ref: b,
         href: n,
         className: k.navigationRailItem,
-        onClick: $,
-        style: { transition: s.duration + "s", ...N },
+        onClick: P,
+        style: { transition: s.duration + "s", ...L },
         children: [
-          /* @__PURE__ */ U(
-            j.div,
+          /* @__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`
@@ -2660,22 +2783,22 @@ const Ct = ({
               transition: s,
               className: k.container,
               children: [
-                /* @__PURE__ */ u(j.div, { layout: !0, className: k.stateLayer }),
-                c && /* @__PURE__ */ u(
+                /* @__PURE__ */ u(U.div, { layout: !0, className: k.stateLayer }),
+                a && /* @__PURE__ */ u(
                   Q,
                   {
-                    icon: E ? v : c,
+                    icon: E ? v : a,
                     className: k.icon
                   }
                 ),
-                /* @__PURE__ */ u(z, { children: l == "horizontal" && (() => {
-                  const m = {
+                /* @__PURE__ */ u(A, { children: l == "horizontal" && (() => {
+                  const p = {
                     width: 0,
                     opacity: 0,
                     transition: {
                       ...s
                     }
-                  }, S = {
+                  }, M = {
                     width: "auto",
                     opacity: 1,
                     transition: {
@@ -2687,11 +2810,11 @@ const Ct = ({
                     }
                   };
                   return /* @__PURE__ */ u(
-                    j.span,
+                    U.span,
                     {
-                      initial: m,
-                      animate: S,
-                      exit: m,
+                      initial: p,
+                      animate: M,
+                      exit: p,
                       className: k.label,
                       children: r
                     }
@@ -2700,8 +2823,8 @@ const Ct = ({
               ]
             }
           ),
-          /* @__PURE__ */ u(z, { children: l == "vertical" && (() => {
-            const m = {
+          /* @__PURE__ */ u(A, { children: l == "vertical" && (() => {
+            const p = {
               height: 0,
               opacity: 0,
               transition: {
@@ -2710,7 +2833,7 @@ const Ct = ({
                   duration: 0
                 }
               }
-            }, S = {
+            }, M = {
               height: "auto",
               opacity: 1,
               transition: {
@@ -2722,11 +2845,11 @@ const Ct = ({
               }
             };
             return /* @__PURE__ */ u(
-              j.span,
+              U.span,
               {
-                initial: S,
-                animate: S,
-                exit: m,
+                initial: M,
+                animate: M,
+                exit: p,
                 className: k.label,
                 transition: s,
                 children: r
@@ -2737,7 +2860,7 @@ const Ct = ({
       }
     )
   );
-}, ut = K(
+}, ft = _(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
     navigationRail: f("flex flex-col  left-0 h-full top-0 pt-11", {
@@ -2753,101 +2876,101 @@ const Ct = ({
       "w-fit  items-start": e
     })
   })
-), Bt = ({
+), Pt = ({
   variant: e = "standard",
   onItemSelected: t,
   children: r,
   className: l,
   selectedItem: n,
-  extended: c,
+  extended: a,
   alignment: i = "top",
-  menu: a = {
+  menu: c = {
     closed: {
-      icon: ot,
+      icon: st,
       label: "Open menu"
     },
     opened: {
-      icon: ge,
+      icon: ue,
       label: "Close menu"
     }
   },
   style: d,
   onExtendedChange: o,
-  transition: h,
-  setSelectedItem: p
+  transition: m,
+  setSelectedItem: h
 }) => {
-  const [s, y] = R(null), [v, N] = R(c);
-  let L;
-  n == 0 || n != null ? L = n : L = s;
-  const I = p || y, w = V(null), B = (k) => {
+  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) => {
     t == null || t(k);
   };
   function b(k) {
-    const m = [];
-    return be.forEach(k, (S) => {
-      ee(S) && S.type === Le ? m.push(...b(S.props.children)) : m.push(S);
-    }), m;
+    const p = [];
+    return Ne.forEach(k, (M) => {
+      ee(M) && M.type === Le ? p.push(...b(M.props.children)) : p.push(M);
+    }), p;
   }
-  const E = b(r), M = E.filter(
-    (k) => ee(k) && k.type === ue
-  ), D = ut({
+  const E = b(r), C = E.filter(
+    (k) => ee(k) && k.type === fe
+  ), V = ft({
     children: r,
     onItemSelected: t,
-    selectedItem: L,
+    selectedItem: N,
     setSelectedItem: I,
     className: l,
     variant: e,
     extended: v,
     isExtended: v,
     alignment: i,
-    menu: a,
-    transition: h,
+    menu: c,
+    transition: m,
     onExtendedChange: o
   });
-  h = { duration: 0.3, ...h };
-  const $ = V(!1);
-  return $.current = !1, P(() => {
+  m = { duration: 0.3, ...m };
+  const P = j(!1);
+  return P.current = !1, $(() => {
     o == null || o(v ?? !1);
-  }, [v]), /* @__PURE__ */ U(
+  }, [v]), /* @__PURE__ */ D(
     "div",
     {
-      style: { transition: h.duration + "s", ...d },
+      style: { transition: m.duration + "s", ...d },
       ref: w,
-      className: D.navigationRail,
+      className: V.navigationRail,
       children: [
-        /* @__PURE__ */ U("div", { className: D.header, children: [
+        /* @__PURE__ */ D("div", { className: V.header, children: [
           /* @__PURE__ */ u(
-            xe,
+            ie,
             {
-              onClick: () => N(!v),
-              label: v ? a == null ? void 0 : a.opened.label : a == null ? void 0 : a.closed.label,
-              className: D.menuIcon,
-              icon: v ? a.opened.icon : a == null ? void 0 : a.closed.icon
+              onClick: () => L(!v),
+              label: v ? c == null ? void 0 : c.opened.label : c == null ? void 0 : c.closed.label,
+              className: V.menuIcon,
+              icon: v ? c.opened.icon : c == null ? void 0 : c.closed.icon
             }
           ),
-          M.length > 0 && le(M[0], {
-            transition: h,
+          C.length > 0 && le(C[0], {
+            transition: m,
             isExtended: v,
-            className: "!shadow-none mx-5 " + M[0].props.className
+            className: "!shadow-none mx-5 " + C[0].props.className
           })
         ] }),
-        /* @__PURE__ */ u("div", { className: D.segments, children: (() => {
+        /* @__PURE__ */ u("div", { className: V.segments, children: (() => {
           let k = 0;
-          return E.map((m) => ee(m) && m.type === it ? le(
-            m,
+          return E.map((p) => ee(p) && p.type === dt ? le(
+            p,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
               variant: v ? "horizontal" : "vertical",
-              selectedItem: L,
+              selectedItem: N,
               setSelectedItem: I,
               onItemSelected: B,
-              transition: h,
-              extendedOnly: $.current,
+              transition: m,
+              extendedOnly: P.current,
               isExtended: v
             }
-          ) : ee(m) && m.type === ue ? null : ee(m) && m.type === ct ? ($.current = !0, v ? le(m, {}) : null) : m);
+          ) : ee(p) && p.type === fe ? null : ee(p) && p.type === ut ? (P.current = !0, v ? le(p, {}) : null) : p);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -2855,49 +2978,51 @@ const Ct = ({
   );
 };
 export {
-  Ae as Button,
-  Nt as Card,
-  It as Carousel,
-  Te as CarouselItem,
-  he as CustomScroll,
-  Et as Divider,
-  ue as Fab,
+  ze as Button,
+  Et as Card,
+  kt as Carousel,
+  et as CarouselItem,
+  ge as CustomScroll,
+  tt as Divider,
+  fe as Fab,
   Q as Icon,
-  xe as IconButton,
-  Bt as NavigationRail,
-  it as NavigationRailItem,
-  ct as NavigationRailSection,
-  Ye as ProgressIndicator,
+  ie as IconButton,
+  Pt as NavigationRail,
+  dt as NavigationRailItem,
+  ut as NavigationRailSection,
+  Ze as ProgressIndicator,
   ne as RippleEffect,
-  kt as Slider,
-  bt as SmoothScroll,
+  Rt as SlideSheet,
+  St as Slider,
+  Lt as SmoothScroll,
   Ct as Snackbar,
-  Rt as Switch,
-  Je as SyncedFixedWrapper,
-  at as Tab,
-  Mt as Tabs,
-  St as TextField,
-  Lt as ThemeProvider,
-  ye as ToolTip,
-  Pe as buttonStyle,
-  $e as cardStyle,
+  Mt as Switch,
+  Qe as SyncedFixedWrapper,
+  ct as Tab,
+  Bt as Tabs,
+  $t as TextField,
+  It as ThemeProvider,
+  we as ToolTip,
+  $e as buttonStyle,
+  Pe as cardStyle,
   We as carouselItemStyle,
   De as carouselStyle,
   f as classNames,
-  Me as classnames,
-  Ze as customScrollStyle,
-  K as defaultClassNames,
+  Ce as classnames,
+  Je as customScrollStyle,
+  _ as defaultClassNames,
   Ve as dividerStyle,
-  Ue as fabStyle,
+  je as fabStyle,
   Be as getClassNames,
-  je as iconButtonStyle,
-  ze as normalize,
+  Ue as iconButtonStyle,
+  Te as normalize,
   Fe as progressIndicatorStyle,
+  Xe as slideSheetStyle,
   He as sliderStyle,
-  Xe as snackbarStyle,
-  Oe as switchStyle,
-  qe as tabStyle,
-  _e as tabsStyle,
-  Ke as textFieldStyle,
-  Ge as toolStyle
+  Oe as snackbarStyle,
+  qe as switchStyle,
+  _e as tabStyle,
+  Ke as tabsStyle,
+  Ge as textFieldStyle,
+  Ye as toolStyle
 };