@udixio/ui-react 1.6.3 → 2.0.0

package/dist/index.js

@@ -1,14 +1,15 @@
-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 Se } from "@udixio/tailwind";
-import Re from "react-textarea-autosize";
-const xe = ve({
+import { jsx as u, jsxs as A, Fragment as T } from "react/jsx-runtime";
+import { clsx as we } from "clsx";
+import { extendTailwindMerge as Ie } from "tailwind-merge";
+import K, { useState as S, useEffect as R, useRef as W, useLayoutEffect as xe, useMemo as ue, isValidElement as te, cloneElement as oe, Children as ke, Fragment as Se } from "react";
+import { motion as F, AnimatePresence as Q, useScroll as $e, useMotionValueEvent as he, motionValue as Ce, useTransform as pe } from "motion/react";
+import { throttle as Me } from "throttle-debounce";
+import { animate as Re } from "motion";
+import { createPortal as be } from "react-dom";
+import { loader as Be, defineConfig as We, FontPlugin as De, Variants as Pe } from "@udixio/theme";
+import { TailwindPlugin as Le } from "@udixio/tailwind";
+import Ae from "react-textarea-autosize";
+const Ne = Ie({
   override: {
     classGroups: {
       "text-color": [
@@ -34,200 +35,200 @@ const xe = ve({
       font: ["font"]
     }
   }
-}), d = (...e) => xe(me(e)), Ce = (...e) => xe(me(e));
-function Me(e) {
+}), h = (...e) => Ne(we(e)), Ve = (...e) => Ne(we(e));
+function Fe(e) {
   return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-const Be = (e) => {
+const He = (e) => {
   const t = {};
   e.classNameList.forEach((o) => {
-    var n;
+    var r;
     if (o)
       if (typeof o == "string")
-        (t[n = e.default] ?? (t[n] = [])).push(o);
+        (t[r = e.default] ?? (t[r] = [])).push(o);
       else {
-        const a = o(e.states);
-        Object.entries(a).map((i) => {
-          const [s, f] = i;
-          (t[s] ?? (t[s] = [])).push(f);
+        const c = o(e.states);
+        Object.entries(c).map((i) => {
+          const [s, d] = i;
+          (t[s] ?? (t[s] = [])).push(d);
         });
       }
   });
-  const r = t;
+  const n = t;
   return Object.entries(t).map((o) => {
-    let [n, a] = o;
-    a = a.reverse(), n == e.default && a.unshift("relative"), a.unshift(Me(n)), r[n] = Ce(...a);
-  }), r;
-}, _ = (e, t) => (r) => Be({
-  classNameList: [r.className, t],
+    let [r, c] = o;
+    c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(Fe(r)), n[r] = Ve(...c);
+  }), n;
+}, O = (e, t) => (n) => He({
+  classNameList: [n.className, t],
   default: e,
-  states: r
-}), $e = _(
+  states: n
+}), Ue = O(
   "button",
   ({
     variant: e,
     disableTextMargins: t,
-    disabled: r,
+    disabled: n,
     iconPosition: o,
-    icon: n,
-    isActive: a,
+    icon: r,
+    isActive: c,
     loading: i,
     shape: s,
-    onToggle: f,
-    size: l,
-    allowShapeTransformation: p
+    onToggle: d,
+    size: a,
+    allowShapeTransformation: y
   }) => ({
-    button: d(
+    button: h(
       " relative cursor-pointer group outline-none inline-block flex  justify-center   items-center  ",
-      l === "xSmall" && "text-label-large px-3 py-1.5 gap-1",
-      l === "small" && "text-label-large px-4 py-2.5 gap-2",
-      l === "medium" && "text-title-medium px-6 py-4 gap-2",
-      l === "large" && "text-headline-small px-12 py-8 gap-3",
-      l === "xLarge" && "text-headline-large px-16 py-12 gap-4",
+      a === "xSmall" && "text-label-large px-3 py-1.5 gap-1",
+      a === "small" && "text-label-large px-4 py-2.5 gap-2",
+      a === "medium" && "text-title-medium px-6 py-4 gap-2",
+      a === "large" && "text-headline-small px-12 py-8 gap-3",
+      a === "xLarge" && "text-headline-large px-16 py-12 gap-4",
       s === "rounded" && {
-        "rounded-[30px]": l === "xSmall" || l == "small",
-        "rounded-[40px]": l === "medium",
-        "rounded-[70px]": l === "large" || l == "xLarge"
+        "rounded-[30px]": a === "xSmall" || a == "small",
+        "rounded-[40px]": a === "medium",
+        "rounded-[70px]": a === "large" || a == "xLarge"
       },
-      (s === "squared" || p && a) && {
-        "rounded-[12px]": l === "xSmall" || l == "small",
-        "rounded-[16px]": l === "medium",
-        "rounded-[28px]": l === "large" || l == "xLarge"
+      (s === "squared" || y && c) && {
+        "rounded-[12px]": a === "xSmall" || a == "small",
+        "rounded-[16px]": a === "medium",
+        "rounded-[28px]": a === "large" || a == "xLarge"
       },
-      p && !r && {
-        "active:rounded-[12px]": l === "xSmall" || l == "small",
-        "active:rounded-[16px]": l === "medium",
-        "active:rounded-[28px]": l === "large" || l == "xLarge"
+      y && !n && {
+        "active:rounded-[12px]": a === "xSmall" || a == "small",
+        "active:rounded-[16px]": a === "medium",
+        "active:rounded-[28px]": a === "large" || a == "xLarge"
       },
       e === "elevated" && {
-        "shadow-1 hover:shadow-2": !r,
-        "bg-surface-container-low text-primary": !r && !a,
-        "bg-primary text-on-primary": !r && a,
-        "text-on-surface/[38%]": r
+        "shadow-1 hover:shadow-2": !n,
+        "bg-surface-container-low text-primary": !n && !c,
+        "bg-primary text-on-primary": !n && c,
+        "text-on-surface/[38%]": n
       },
       e === "filled" && {
-        "hover:shadow-1": !r,
-        "bg-surface-container text-on-surface-variant": !r && !a && f,
-        "bg-primary text-on-primary": !r && (a && f || !f),
-        "text-on-surface/[38%]": r
+        "hover:shadow-1": !n,
+        "bg-surface-container text-on-surface-variant": !n && !c && d,
+        "bg-primary text-on-primary": !n && (c && d || !d),
+        "text-on-surface/[38%]": n
       },
       e === "tonal" && {
-        "hover:shadow-1": !r,
-        "bg-secondary-container text-on-secondary-container": !r && !a,
-        "bg-secondary text-on-secondary": !r && a,
-        "text-on-surface/[0.38]": r
+        "hover:shadow-1": !n,
+        "bg-secondary-container text-on-secondary-container": !n && !c,
+        "bg-secondary text-on-secondary": !n && c,
+        "text-on-surface/[0.38]": n
       },
       e === "outlined" && [
         " border",
         {
-          "border-on-surface/[0.12] text-on-surface/[0.38]": r,
-          "text-primary border-outline focus:border-primary": !r && !a,
-          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r && a
+          "border-on-surface/[0.12] text-on-surface/[0.38]": n,
+          "text-primary border-outline focus:border-primary": !n && !c,
+          "text-inverse-on-surface bg-inverse-surface border-inverse-surface": !n && c
         }
       ],
       e === "text" && [
         "w-fit",
         {
-          "text-primary": !r,
-          "text-on-surface/[0.38]": r
+          "text-primary": !n,
+          "text-on-surface/[0.38]": n
         },
         t && [
-          l === "xSmall" && "-mx-3 ",
-          l === "small" && "-mx-4 ",
-          l === "medium" && "-mx-6 ",
-          l === "large" && "-mx-12",
-          l === "xLarge" && "-mx-16 "
+          a === "xSmall" && "-mx-3 ",
+          a === "small" && "-mx-4 ",
+          a === "medium" && "-mx-6 ",
+          a === "large" && "-mx-12",
+          a === "xLarge" && "-mx-16 "
           // size === 'small' && ' -my-2.5',
           // size === 'medium' && ' -my-4',
           // size === 'large' && '-my-8',
           // size === 'xLarge' && ' -my-12',
         ]
       ],
-      r && "cursor-default"
+      n && "cursor-default"
     ),
-    touchTarget: d(
+    touchTarget: h(
       "absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
     ),
-    stateLayer: d(
+    stateLayer: h(
       "min-h-full min-w-full absolute top-0 left-0 overflow-hidden",
       e === "elevated" && {
-        "bg-on-surface/[0.12]": r,
-        "group-state-primary": !r
+        "bg-on-surface/[0.12]": n,
+        "group-state-primary": !n
       },
       e === "filled" && {
-        "bg-on-surface/[0.12]": r,
-        "group-state-on-primary": !r && !f,
-        "group-state-on-surface-variant": !r && f
+        "bg-on-surface/[0.12]": n,
+        "group-state-on-primary": !n && !d,
+        "group-state-on-surface-variant": !n && d
       },
       s === "rounded" && {
-        "rounded-[30px]": l === "xSmall" || l == "small",
-        "rounded-[40px]": l === "medium",
-        "rounded-[70px]": l === "large" || l == "xLarge"
+        "rounded-[30px]": a === "xSmall" || a == "small",
+        "rounded-[40px]": a === "medium",
+        "rounded-[70px]": a === "large" || a == "xLarge"
       },
-      (s === "squared" || p && a) && {
-        "rounded-[12px]": l === "xSmall" || l == "small",
-        "rounded-[16px]": l === "medium",
-        "rounded-[28px]": l === "large" || l == "xLarge"
+      (s === "squared" || y && c) && {
+        "rounded-[12px]": a === "xSmall" || a == "small",
+        "rounded-[16px]": a === "medium",
+        "rounded-[28px]": a === "large" || a == "xLarge"
       },
-      p && !r && {
-        "group-active:rounded-[12px]": l === "xSmall" || l == "small",
-        "group-active:rounded-[16px]": l === "medium",
-        "group-active:rounded-[28px]": l === "large" || l == "xLarge"
+      y && !n && {
+        "group-active:rounded-[12px]": a === "xSmall" || a == "small",
+        "group-active:rounded-[16px]": a === "medium",
+        "group-active:rounded-[28px]": a === "large" || a == "xLarge"
       },
       e === "tonal" && {
-        "bg-on-surface/[0.12]": r,
-        "group-state-on-secondary-container ": !r
+        "bg-on-surface/[0.12]": n,
+        "group-state-on-secondary-container ": !n
       },
       e === "outlined" && {
-        "group-state-primary  group-state-primary": !r
+        "group-state-primary  group-state-primary": !n
       },
       e === "text" && {
-        "group-state-primary": !r
+        "group-state-primary": !n
       }
     ),
-    label: d({ invisible: i }),
-    icon: d(
+    label: h({ invisible: i }),
+    icon: h(
       { invisible: i },
-      l === "xSmall" && "size-5",
-      l === "small" && "size-5",
-      l === "medium" && "size-6",
-      l === "large" && "size-8",
-      l === "xLarge" && "size-10"
+      a === "xSmall" && "size-5",
+      a === "small" && "size-5",
+      a === "medium" && "size-6",
+      a === "large" && "size-8",
+      a === "xLarge" && "size-10"
     )
   })
-), Pe = _(
+), Xe = O(
   "card",
   ({ variant: e, isInteractive: t }) => ({
-    card: d(
-      "card group/card rounded-xl overflow-hidden z-10",
+    card: h(
+      "group/card rounded-xl overflow-hidden z-10",
       e === "outlined" && "bg-surface border border-outline-variant",
       e === "elevated" && "bg-surface-container-low shadow-1",
       e === "filled" && "bg-surface-container-highest"
     ),
-    stateLayer: d([
+    stateLayer: h([
       "w-full top-0 left-0 h-full absolute -z-10",
       {
         " group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface": t
       }
     ])
   })
-), We = _(
+), Ye = O(
   "carouselItem",
   () => ({
-    carouselItem: d("rounded-[28px] overflow-hidden flex-none")
+    carouselItem: h("rounded-[28px] overflow-hidden flex-none")
   })
-), De = _(
+), je = O(
   "carousel",
   () => ({
-    carousel: d(["w-full h-[400px]"]),
-    track: d(
+    carousel: h(["w-full h-[400px]"]),
+    track: h(
       "grid grid-flow-col h-full transition-transform  ease-out w-fit"
     )
   })
-), Ve = _(
+), Oe = O(
   "divider",
   ({ orientation: e }) => ({
-    divider: d(
+    divider: h(
       "border-outline-variant ",
       {
         "h-fit w-full border-t": e === "horizontal"
@@ -237,95 +238,87 @@ const Be = (e) => {
       }
     )
   })
-), je = _(
+), qe = O(
   "fab",
-  ({ size: e, variant: t, isExtended: r }) => ({
-    fab: d(
+  ({ size: e, variant: t, isExtended: n }) => ({
+    fab: h(
       "flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",
       {
-        "rounded-[12px]": e == "small" && !r,
-        "rounded-[16px]": e == "medium" || r,
-        "rounded-[28px]": e == "large" && !r
+        "rounded-[12px]": e == "small" && !n,
+        "rounded-[16px]": e == "medium" || n,
+        "rounded-[28px]": e == "large" && !n
       },
       {
-        "p-2": e == "small" && !r,
-        "p-4": e == "medium" || r,
-        "p-[30px]": e == "large" && !r
+        "p-2": e == "small" && !n,
+        "p-4": e == "medium" || n,
+        "p-[30px]": e == "large" && !n
       },
       t === "surface" && "bg-surface-container",
       t === "primary" && "bg-primary-container",
       t === "secondary" && "bg-secondary-container",
-      t === "tertiary" && "bg-tertiary-container"
+      t === "tertiary" && "bg-tertiary-container",
+      t === "surface" && "text-primary",
+      t === "primary" && "text-on-primary-container",
+      t === "secondary" && "text-on-secondary-container",
+      t === "tertiary" && "text-on-tertiary-container"
     ),
-    stateLayer: d(
+    stateLayer: h(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
       t === "surface" && "group-hover:hover-state-primary group-focus:focus-state-primary",
       t === "primary" && "group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",
       t === "secondary" && "group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",
       t === "tertiary" && "group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"
     ),
-    icon: d(
-      {
-        "size-6": e == "small" || e == "medium" || r,
-        "size-9": e == "large" && !r
-      },
-      t === "surface" && "text-primary",
-      t === "primary" && "text-on-primary-container",
-      t === "secondary" && "text-on-secondary-container",
-      t === "tertiary" && "text-on-tertiary-container"
-    ),
-    label: d(
-      "text-title-medium text-nowrap",
-      t === "surface" && "text-primary",
-      t === "primary" && "text-on-primary-container",
-      t === "secondary" && "text-on-secondary-container",
-      t === "tertiary" && "text-on-tertiary-container"
-    )
+    icon: h({
+      "size-6": e == "small" || e == "medium" || n,
+      "size-9": e == "large" && !n
+    }),
+    label: h("text-title-medium text-nowrap")
   })
-), Ue = _(
+), _e = O(
   "iconButton",
   ({
     variant: e,
     disabled: t,
-    onToggle: r,
+    onToggle: n,
     isActive: o,
-    size: n,
-    width: a,
+    size: r,
+    width: c,
     shape: i,
     allowShapeTransformation: s
   }) => ({
-    iconButton: d(
+    iconButton: h(
       "rounded-full relative flex transition-all duration-300",
       "group cursor-pointer",
       {
         "cursor-default": t
       },
-      (i === "rounded" || i === "squared" && r && !t && o && s) && {
-        "rounded-[30px]": n === "xSmall" || n == "small",
-        "rounded-[40px]": n === "medium",
-        "rounded-[70px]": n === "large" || n == "xLarge"
+      (i === "rounded" || i === "squared" && n && !t && o && s) && {
+        "rounded-[30px]": r === "xSmall" || r == "small",
+        "rounded-[40px]": r === "medium",
+        "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && o && s) && {
-        "rounded-[12px]": n === "xSmall" || n == "small",
-        "rounded-[16px]": n === "medium",
-        "rounded-[28px]": n === "large" || n == "xLarge"
+      (i === "squared" || i === "rounded" && n && !t && o && s) && {
+        "rounded-[12px]": r === "xSmall" || r == "small",
+        "rounded-[16px]": r === "medium",
+        "rounded-[28px]": r === "large" || r == "xLarge"
       },
       s && !t && {
-        "group-active:rounded-[12px]": n === "xSmall" || n == "small",
-        "group-active:rounded-[16px]": n === "medium",
-        "group-active:rounded-[28px]": n === "large" || n == "xLarge"
+        "group-active:rounded-[12px]": r === "xSmall" || r == "small",
+        "group-active:rounded-[16px]": r === "medium",
+        "group-active:rounded-[28px]": r === "large" || r == "xLarge"
       },
       e === "filled" && [
         !t && {
-          "bg-surface-container": !o && !!r,
-          "bg-primary": o || !r
+          "bg-surface-container": !o && !!n,
+          "bg-primary": o || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
       e === "tonal" && [
         !t && {
-          "bg-surface-container": !o && !!r,
-          "bg-secondary-container": o || !r
+          "bg-surface-container": !o && !!n,
+          "bg-secondary-container": o || !n
         },
         !!t && "bg-on-surface/[0.12]"
       ],
@@ -340,25 +333,25 @@ const Be = (e) => {
         }
       ]
     ),
-    touchTarget: d(
+    touchTarget: h(
       "absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
     ),
-    stateLayer: d(
+    stateLayer: h(
       "absolute top-0 left-0 h-full w-full overflow-hidden",
-      (i === "rounded" || i === "squared" && r && !t && o && s) && {
-        "rounded-[30px]": n === "xSmall" || n == "small",
-        "rounded-[40px]": n === "medium",
-        "rounded-[70px]": n === "large" || n == "xLarge"
+      (i === "rounded" || i === "squared" && n && !t && o && s) && {
+        "rounded-[30px]": r === "xSmall" || r == "small",
+        "rounded-[40px]": r === "medium",
+        "rounded-[70px]": r === "large" || r == "xLarge"
       },
-      (i === "squared" || i === "rounded" && r && !t && o && s) && {
-        "rounded-[12px]": n === "xSmall" || n == "small",
-        "rounded-[16px]": n === "medium",
-        "rounded-[28px]": n === "large" || n == "xLarge"
+      (i === "squared" || i === "rounded" && n && !t && o && s) && {
+        "rounded-[12px]": r === "xSmall" || r == "small",
+        "rounded-[16px]": r === "medium",
+        "rounded-[28px]": r === "large" || r == "xLarge"
       },
       s && !t && {
-        "group-active:rounded-[12px]": n === "xSmall" || n == "small",
-        "group-active:rounded-[16px]": n === "medium",
-        "group-active:rounded-[28px]": n === "large" || n == "xLarge"
+        "group-active:rounded-[12px]": r === "xSmall" || r == "small",
+        "group-active:rounded-[16px]": r === "medium",
+        "group-active:rounded-[28px]": r === "large" || r == "xLarge"
       },
       !t && [
         e === "standard" && {
@@ -366,12 +359,12 @@ const Be = (e) => {
           "state-primary": o
         },
         e === "filled" && {
-          "state-primary": !o && !!r,
-          "state-inverse-on-surface": o || !r
+          "state-primary": !o && !!n,
+          "state-inverse-on-surface": o || !n
         },
         e === "tonal" && {
-          "state-on-surface-variant": !o && !!r,
-          "state-on-secondary-container": o || !r
+          "state-on-surface-variant": !o && !!n,
+          "state-on-secondary-container": o || !n
         },
         e === "outlined" && {
           "state-on-surface-variant": !o,
@@ -379,26 +372,26 @@ const Be = (e) => {
         }
       ]
     ),
-    icon: d(
+    icon: h(
       "  transition-all duration-300",
-      { "size-5 p-1.5": n === "xSmall" },
-      { "size-6 p-2": n === "small" },
-      { "size-6 p-4": n === "medium" },
-      { "size-8 p-8": n === "large" },
-      { "size-10 p-12": n === "xLarge" },
-      a == "narrow" && [
-        { "px-1": n === "xSmall" },
-        { "px-1": n === "small" },
-        { "px-3": n === "medium" },
-        { "px-4": n === "large" },
-        { "px-8": n === "xLarge" }
+      { "size-5 p-1.5": r === "xSmall" },
+      { "size-6 p-2": r === "small" },
+      { "size-6 p-4": r === "medium" },
+      { "size-8 p-8": r === "large" },
+      { "size-10 p-12": r === "xLarge" },
+      c == "narrow" && [
+        { "px-1": r === "xSmall" },
+        { "px-1": r === "small" },
+        { "px-3": r === "medium" },
+        { "px-4": r === "large" },
+        { "px-8": r === "xLarge" }
       ],
-      a == "wide" && [
-        { "px-2.5": n === "xSmall" },
-        { "px-3.5": n === "small" },
-        { "px-6": n === "medium" },
-        { "px-12": n === "large" },
-        { "px-[72px]": n === "xLarge" }
+      c == "wide" && [
+        { "px-2.5": r === "xSmall" },
+        { "px-3.5": r === "small" },
+        { "px-6": r === "medium" },
+        { "px-12": r === "large" },
+        { "px-[72px]": r === "xLarge" }
       ],
       !t && [
         e === "standard" && {
@@ -406,12 +399,12 @@ const Be = (e) => {
           "text-primary": o
         },
         e === "filled" && {
-          "text-primary": !o && !!r,
-          "text-on-primary": o || !r
+          "text-primary": !o && !!n,
+          "text-on-primary": o || !n
         },
         e === "tonal" && {
-          "text-on-surface-variant": !o && !!r,
-          "text-on-secondary-container": o || !r
+          "text-on-surface-variant": !o && !!n,
+          "text-on-secondary-container": o || !n
         },
         e === "outlined" && {
           "text-on-surface-variant": !o,
@@ -421,17 +414,17 @@ const Be = (e) => {
       !!t && "text-on-surface/[0.38]"
     )
   })
-), Fe = _(
+), Ke = O(
   "progressIndicator",
   ({ variant: e, isVisible: t }) => ({
-    progressIndicator: d(
+    progressIndicator: h(
       (e === "linear-determinate" || e == "linear-indeterminate") && "flex w-full h-1"
     ),
-    track: d("h-full rounded-full bg-primary rounded-l-full", {
+    track: h("h-full rounded-full bg-primary rounded-l-full", {
       "max-h-0": !t,
       "max-h-full": t
     }),
-    activeIndicator: d(
+    activeIndicator: h(
       {
         "max-h-0": !t,
         "max-h-full": t
@@ -445,7 +438,7 @@ const Be = (e) => {
         }
       ]
     ),
-    stop: d(
+    stop: h(
       "absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",
       {
         "max-h-0": !t,
@@ -453,10 +446,10 @@ const Be = (e) => {
       }
     )
   })
-), Xe = _(
+), Ge = O(
   "slideSheet",
   ({ variant: e, position: t }) => ({
-    slideSheet: d(
+    slideSheet: h(
       "bg-surface flex justify-between  max-w-xs z-10",
       {
         "flex-row-reverse": t == "right",
@@ -470,53 +463,53 @@ const Be = (e) => {
         }
       ]
     ),
-    container: d("w-full overflow-hidden", {}),
-    content: d("w-fit "),
-    header: d("p-4 flex items-center gap-2"),
-    title: d("text-on-surface-variant text-title-large"),
-    closeButton: d("ml-auto"),
-    divider: d({ hidden: e == "modal" }),
-    overlay: d(
+    container: h("w-full overflow-hidden", {}),
+    content: h("w-fit "),
+    header: h("p-4 flex items-center gap-2"),
+    title: h("text-on-surface-variant text-title-large"),
+    closeButton: h("ml-auto"),
+    divider: h({ hidden: e == "modal" }),
+    overlay: h(
       "bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
     )
   })
-), He = _(
+), Je = O(
   "slider",
   ({ isChanging: e }) => ({
-    slider: d([
-      "relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer"
+    slider: h([
+      "relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"
     ]),
-    activeTrack: d([
+    activeTrack: h([
       "h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "
     ]),
-    inactiveTrack: d([
+    inactiveTrack: h([
       "h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"
     ]),
-    handle: d([
+    handle: h([
       "transform transition-all duration-100 bg-primary h-full rounded-full ",
       { "w-0.5": e, "w-1": !e }
     ]),
-    valueIndicator: d([
+    valueIndicator: h([
       "absolute select-none bg-inverse-surface text-inverse-on-surface py-3 px-4 text-label-large rounded-full bottom-[calc(100%+4px)] transform left-1/2 -translate-x-1/2"
     ]),
-    dot: d([
+    dot: h([
       "h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
     ])
   })
-), Oe = _(
+), Ze = O(
   "snackbar",
   () => ({
-    snackbar: d(" rounded bg-inverse-surface "),
-    container: d(
+    snackbar: h(" rounded bg-inverse-surface "),
+    container: h(
       "pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"
     ),
-    supportingText: d("text-body-medium text-inverse-on-surface "),
-    icon: d(" ml-auto mr-0 text-inverse-on-surface block dark")
+    supportingText: h("text-body-medium text-inverse-on-surface "),
+    icon: h(" ml-auto mr-0 text-inverse-on-surface block dark")
   })
-), qe = _(
+), Qe = O(
   "switch",
-  ({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
-    switch: d(
+  ({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
+    switch: h(
       "group w-[52px] h-[32px] outline-none rounded-full  border-2 flex items-center",
       { "bg-on-surface/[0.12] border-transparent": t },
       !t && [
@@ -527,15 +520,15 @@ const Be = (e) => {
       // { 'justify-start': !isSelected },
       // { 'justify-end': isSelected },
     ),
-    handleContainer: d(
+    handleContainer: h(
       "flex items-center justify-center absolute",
       { "left-[14px]": !e },
       { "right-[14px]": e }
     ),
-    handle: d(
+    handle: h(
       "transition-all duration-100  z-10 rounded-full  flex items-center justify-center",
-      { "w-[16px] h-[16px]": !e && !r },
-      { "w-[24px] h-[24px]": !(!e && !r) },
+      { "w-[16px] h-[16px]": !e && !n },
+      { "w-[24px] h-[24px]": !(!e && !n) },
       !t && [
         "cursor-pointer group-active:h-[28px] group-active:w-[28px]",
         { "bg-on-primary group-hover:bg-primary-container": e },
@@ -543,11 +536,11 @@ const Be = (e) => {
       ],
       { "bg-surface": t }
     ),
-    handleStateLayer: d(
+    handleStateLayer: h(
       "w-[40px] h-[40px] -z-10 rounded-full absolute",
       { "group-state-primary": !t }
     ),
-    icon: d(
+    icon: h(
       "w-[16px] h-[16px]",
       !t && [
         { "text-on-primary-container": e },
@@ -556,16 +549,16 @@ const Be = (e) => {
       { "text-on-surface/[0.38]": t }
     )
   })
-), _e = _(
+), ze = O(
   "tab",
-  ({ isSelected: e, icon: t, label: r, variant: o }) => ({
-    tab: d(
-      "bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
+  ({ isSelected: e, icon: t, label: n, variant: o }) => ({
+    tab: h(
+      "flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
       { "z-10": e },
-      !!(t && r) && o === "primary" && "h-16",
-      !(t && r && o === "primary") && "h-12"
+      !!(t && n) && o === "primary" && "h-16",
+      !(t && n && o === "primary") && "h-12"
     ),
-    stateLayer: d(
+    stateLayer: h(
       "absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
       o === "primary" && {
         "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface": !e,
@@ -573,21 +566,21 @@ const Be = (e) => {
       },
       o === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
     ),
-    content: d(
+    content: h(
       "flex  gap-0.5 h-full justify-center",
       {
         relative: o == "primary"
       },
       {
-        "": !!(r && !t)
+        "": !!(n && !t)
       },
       o === "primary" && "flex-col items-center",
       o === "secondary" && {
-        "flex-col items-center": !(r && t),
-        "flex-row items-center gap-2": !!(r && t)
+        "flex-col items-center": !(n && t),
+        "flex-row items-center gap-2": !!(n && t)
       }
     ),
-    icon: d(
+    icon: h(
       "h-6 w-6 p-0.5 !box-border",
       o === "primary" && {
         "text-on-surface-variant": !e,
@@ -598,7 +591,7 @@ const Be = (e) => {
         "text-on-surface": e
       }
     ),
-    label: d(
+    label: h(
       "text-title-small  text-nowrap",
       o === "primary" && {
         "text-on-surface-variant": !e,
@@ -609,45 +602,45 @@ const Be = (e) => {
         "text-on-surface": e
       }
     ),
-    underline: d(
+    underline: h(
       "bg-primary  absolute w-full left-0 bottom-0",
       o === "primary" && "h-[3px] rounded-t",
       o === "secondary" && "h-0.5"
     )
   })
-), Ke = _(
+), Te = O(
   "tabs",
   ({ scrollable: e }) => ({
-    tabs: d(
-      "border-b border-surface-container-highest",
+    tabs: h(
+      "border-b border-surface-container-highest bg-surface",
       "flex relative ",
       { "overflow-x-auto": e }
     )
   })
-), Ge = _(
+), et = O(
   "textField",
   ({
     disabled: e,
     leadingIcon: t,
-    trailingIcon: r,
+    trailingIcon: n,
     variant: o,
-    errorText: n,
-    isFocused: a,
+    errorText: r,
+    isFocused: c,
     value: i,
     suffix: s,
-    textLine: f
+    textLine: d
   }) => ({
-    textField: d({
+    textField: h({
       "opacity-[.38]": e
     }),
-    content: d(
+    content: h(
       "group  transition-border duration-200 relative  flex  items-center ",
-      { "h-14": f == "singleLine" },
+      { "h-14": d == "singleLine" },
       {
-        "border-on-surface-variant": !(n != null && n.length) && !a && o == "filled",
-        "border-outline": !(n != null && n.length) && !a && o == "outlined",
-        "border-primary": !(n != null && n.length) && a,
-        "border-error": !!(n != null && n.length)
+        "border-on-surface-variant": !(r != null && r.length) && !c && o == "filled",
+        "border-outline": !(r != null && r.length) && !c && o == "outlined",
+        "border-primary": !(r != null && r.length) && c,
+        "border-error": !!(r != null && r.length)
       },
       { "bg-on-surface/[0.04]": e },
       o == "filled" && [
@@ -657,28 +650,28 @@ const Be = (e) => {
       o == "outlined" && [
         "border rounded box-border",
         {
-          "border-[3px]": a
+          "border-[3px]": c
         }
       ]
     ),
-    stateLayer: d(
+    stateLayer: h(
       "absolute -z-10 w-full h-full top-0 left-0",
       {
         hidden: o == "outlined"
       },
       {
         "group-state-on-surface": !e,
-        "focus-state-on-surface": a
+        "focus-state-on-surface": c
       }
     ),
-    label: d(
+    label: h(
       "inline-flex outline-none  whitespace-nowrap",
-      { "text-on-surface-variant": !e && !(n != null && n.length) },
+      { "text-on-surface-variant": !e && !(r != null && r.length) },
       { "text-on-surface": e },
-      { "text-error": !!(n != null && n.length) },
-      { "text-primary": !(n != null && n.length) && a }
+      { "text-error": !!(r != null && r.length) },
+      { "text-primary": !(r != null && r.length) && c }
     ),
-    input: d(
+    input: h(
       "w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
       {
         " text-on-surface placeholder:text-on-surface-variant": !e,
@@ -690,39 +683,39 @@ const Be = (e) => {
       o == "filled" && " pb-2 pt-6",
       o == "outlined" && "py-4 relative z-10"
     ),
-    activeIndicator: d(
+    activeIndicator: h(
       "absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
       o == "filled" && [
         "h-[2px] transition-all duration-300",
-        { "bg-primary": !(n != null && n.length) },
-        { "bg-error": !!(n != null && n.length) },
-        { "!w-full": a }
+        { "bg-primary": !(r != null && r.length) },
+        { "bg-error": !!(r != null && r.length) },
+        { "!w-full": c }
       ]
     ),
-    supportingText: d(
+    supportingText: h(
       " text-body-small px-4 pt-1",
-      { "text-on-surface-variant": !e && !(n != null && n.length) },
+      { "text-on-surface-variant": !e && !(r != null && r.length) },
       { "text-on-surface": e },
-      { "!w-full": a },
-      { "text-error": !!(n != null && n.length) }
+      { "!w-full": c },
+      { "text-error": !!(r != null && r.length) }
     ),
-    leadingIcon: d([
+    leadingIcon: h([
       "h-12 ml-3 flex items-center justify-center",
-      { "cursor-text": !Y.isValidElement(t) }
+      { "cursor-text": !K.isValidElement(t) }
     ]),
-    trailingIcon: d("h-12 w-12 flex items-center justify-center", {
-      "cursor-text": !Y.isValidElement(r)
+    trailingIcon: h("h-12 w-12 flex items-center justify-center", {
+      "cursor-text": !K.isValidElement(n)
     }),
-    suffix: d(
+    suffix: h(
       "text-on-surface-variant pl-0 pr-4",
       o == "filled" && " pb-2 pt-6",
       o == "outlined" && "py-4 relative z-10"
     )
   })
-), Ye = _(
+), tt = O(
   "toolTip",
   ({ position: e, variant: t }) => ({
-    toolTip: d(
+    toolTip: h(
       " pointer-events-auto w-max z-10  absolute  m-1 w-max-content max-w-[312px]",
       {
         "bottom-full left-1/2 -translate-x-1/2": e == "top",
@@ -735,51 +728,51 @@ const Be = (e) => {
         "top-full left-full": e == "bottom-right"
       }
     ),
-    container: d(
+    container: h(
       "pb-2",
       t == "rich" && "bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",
       t == "plain" && "bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"
     ),
-    actions: d(
+    actions: h(
       "flex gap-10 px-1 mt-2",
       t == "plain" && "hidden"
     ),
-    subHead: d(
+    subHead: h(
       "text-title-small mb-1",
       t == "plain" && "hidden"
     ),
-    supportingText: d("")
+    supportingText: h("")
   })
-), Q = ({ icon: e, colors: t = [], className: r }) => {
+), Z = ({ icon: e, colors: t = [], className: n }) => {
   if (typeof e == "string") {
-    let l = e;
-    return t[0] && (l = l.replace(
+    let a = e;
+    return t[0] && (a = a.replace(
       /<svg([^>]*)>/,
       `<svg$1 fill="${t[0]}" color="${t[0]}">`
-    ), l = l.replace(
+    ), a = a.replace(
       /<path([^>]*?)>/g,
       '<path$1 fill="currentColor">'
     )), /* @__PURE__ */ u(
       "div",
       {
-        className: d(
+        className: h(
           "size-5 box-content inline-flex fill-current",
-          r
+          n
         ),
         style: { color: t[0] || "inherit" },
-        dangerouslySetInnerHTML: { __html: l }
+        dangerouslySetInnerHTML: { __html: a }
       }
     );
   }
   if (e && typeof e == "object" && "src" in e) {
-    const l = e;
+    const a = e;
     return /* @__PURE__ */ u(
       "img",
       {
-        src: l.src,
-        width: l.width,
-        height: l.height,
-        className: d("size-5 box-content", r),
+        src: a.src,
+        width: a.width,
+        height: a.height,
+        className: h("size-5 box-content", n),
         style: {
           filter: t[0] ? "brightness(0) saturate(100%) invert(1)" : void 0
         },
@@ -791,15 +784,15 @@ const Be = (e) => {
   const o = e;
   if (!(o != null && o.prefix))
     throw new Error(`Invalid icon type: ${typeof e}`);
-  const { icon: n } = o, [a, i, , , s] = n || [], f = (l) => {
-    switch (l.length) {
+  const { icon: r } = o, [c, i, , , s] = r || [], d = (a) => {
+    switch (a.length) {
       case 2:
         return {
-          "--fa-primary-color": l[0] || "inherit",
-          "--fa-secondary-color": l[1] || "inherit"
+          "--fa-primary-color": a[0] || "inherit",
+          "--fa-secondary-color": a[1] || "inherit"
         };
       case 1:
-        return { color: l[0] };
+        return { color: a[0] };
       default:
         return {};
     }
@@ -807,74 +800,74 @@ const Be = (e) => {
   return /* @__PURE__ */ u(
     "svg",
     {
-      className: d("size-5 box-content", r),
-      style: { ...f(t) },
+      className: h("size-5 box-content", n),
+      style: { ...d(t) },
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: `0 0 ${a} ${i}`,
+      viewBox: `0 0 ${c} ${i}`,
       role: "img",
       "aria-hidden": "true",
-      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((l, p) => /* @__PURE__ */ u("path", { d: l }, p))
+      children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((a, y) => /* @__PURE__ */ u("path", { d: a }, y))
     }
   );
-}, Ze = ({
+}, nt = ({
   variant: e = "linear-determinate",
   value: t = 0,
-  transitionDuration: r = 1e3,
+  transitionDuration: n = 1e3,
   className: o,
-  ...n
+  ...r
 }) => {
-  const [a, i] = R(t), [s] = R(1.5);
-  $(() => {
+  const [c, i] = S(t), [s] = S(1.5);
+  R(() => {
     t > 100 && (t = 100), t < 0 && (t = 0), i(t);
   }, [t]);
-  const [f, l] = R(!0), p = () => f ? s : s * 0.5;
-  $(() => {
-    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && a !== 100) {
-      const v = setInterval(() => {
-        i(f ? 10 : 90), l(!f);
-      }, p() * 1e3);
-      return () => clearInterval(v);
+  const [d, a] = S(!0), y = () => d ? s : s * 0.5;
+  R(() => {
+    if ((e === "circular-indeterminate" || e === "linear-indeterminate") && c !== 100) {
+      const m = setInterval(() => {
+        i(d ? 10 : 90), a(!d);
+      }, y() * 1e3);
+      return () => clearInterval(m);
     }
-  }, [e, f, a]);
-  const [m, c] = R(!1);
-  $(() => {
-    if (a >= 100) {
-      const v = setTimeout(() => {
-        c(!1);
-      }, r);
+  }, [e, d, c]);
+  const [p, l] = S(!1);
+  R(() => {
+    if (c >= 100) {
+      const m = setTimeout(() => {
+        l(!1);
+      }, n);
       return () => {
-        clearTimeout(v);
+        clearTimeout(m);
       };
     } else
-      c(!0);
-  }, [a, r]);
-  const h = Fe({
+      l(!0);
+  }, [c, n]);
+  const f = Ke({
     className: o,
     variant: e,
     value: t,
-    transitionDuration: r,
-    isVisible: m
+    transitionDuration: n,
+    isVisible: p
   });
-  return /* @__PURE__ */ D(te, { children: [
-    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ D("div", { className: h.progressIndicator, ...n, children: [
+  return /* @__PURE__ */ A(T, { children: [
+    (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ A("div", { className: f.progressIndicator, ...r, children: [
       /* @__PURE__ */ u(
         "div",
         {
           style: {
-            width: `${a}%`,
-            transition: `width ${r}ms ease-in-out ${a == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
+            width: `${c}%`,
+            transition: `width ${n}ms ease-in-out ${c == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
           },
-          className: h.track
+          className: f.track
         }
       ),
       /* @__PURE__ */ u(
         "div",
         {
           style: {
-            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` : ""}`
+            marginLeft: c != 100 ? "6px" : "0px",
+            transition: `width ${n}ms ease-in-out ${c == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n / 1.5}ms` : ""}`
           },
-          className: h.activeIndicator
+          className: f.activeIndicator
         }
       ),
       /* @__PURE__ */ u(
@@ -882,14 +875,14 @@ const Be = (e) => {
         {
           style: {
             width: "4 px",
-            transition: `width ${r}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
+            transition: `width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
           },
-          className: h.stop
+          className: f.stop
         }
       )
     ] }),
     (e === "circular-determinate" || e == "circular-indeterminate") && /* @__PURE__ */ u(
-      U.svg,
+      F.svg,
       {
         width: "48",
         height: "48",
@@ -898,50 +891,50 @@ const Be = (e) => {
         animate: { rotate: 270 },
         transition: {
           repeat: 1 / 0,
-          duration: p(),
+          duration: y(),
           ease: "linear"
         },
-        className: h.progressIndicator,
-        ...n,
+        className: f.progressIndicator,
+        ...r,
         children: /* @__PURE__ */ u(
-          U.circle,
+          F.circle,
           {
             cx: "50%",
             cy: "50%",
-            r: m ? "calc(50% - 2px)" : "50%",
+            r: p ? "calc(50% - 2px)" : "50%",
             style: {
               strokeLinecap: "round"
             },
             initial: "hidden",
             animate: "visible",
-            className: h.activeIndicator,
+            className: f.activeIndicator,
             variants: {
               hidden: {
-                pathLength: f ? 10 / 100 : 90 / 100
+                pathLength: d ? 10 / 100 : 90 / 100
               },
               visible: {
-                pathLength: f ? 90 / 100 : 10 / 100
+                pathLength: d ? 90 / 100 : 10 / 100
               }
             },
             transition: {
               pathLength: {
                 type: "tween",
                 ease: "linear",
-                duration: p(),
+                duration: y(),
                 bounce: 0
               }
             }
           }
         )
       },
-      f + ""
+      d + ""
     )
   ] });
-}, ne = ({
+}, re = ({
   colorName: e = "on-surface",
   triggerRef: t
 }) => {
-  const r = {
+  const n = {
     initial: {
       opacity: 0,
       borderRadius: "50%",
@@ -958,29 +951,29 @@ const Be = (e) => {
         borderRadius: { duration: 0.3, delay: 0.3 }
       }
     }
-  }, [o, n] = R(!0), [a, i] = R(!1), [s, f] = R({ x: 0, y: 0 });
-  $(() => {
-    a && (n(!0), n(!1));
-  }, [a]), $(() => {
-    const c = t == null ? void 0 : t.current;
-    if (c)
-      return c.addEventListener("mousedown", l), c.addEventListener("mouseup", m), c.addEventListener("mouseleave", p), () => {
-        c.removeEventListener("mousedown", l), c.removeEventListener("mouseup", m), c.removeEventListener("mouseleave", p);
+  }, [o, r] = S(!0), [c, i] = S(!1), [s, d] = S({ x: 0, y: 0 });
+  R(() => {
+    c && (r(!0), r(!1));
+  }, [c]), R(() => {
+    const l = t == null ? void 0 : t.current;
+    if (l)
+      return l.addEventListener("mousedown", a), l.addEventListener("mouseup", p), l.addEventListener("mouseleave", y), () => {
+        l.removeEventListener("mousedown", a), l.removeEventListener("mouseup", p), l.removeEventListener("mouseleave", y);
       };
   }, [t]);
-  const l = (c) => {
-    const h = t == null ? void 0 : t.current, v = h.getBoundingClientRect();
-    i(!0), f({
-      x: (c.clientX - v.left) / h.clientWidth * 100,
-      y: (c.clientY - v.top) / h.clientHeight * 100
+  const a = (l) => {
+    const f = t == null ? void 0 : t.current, m = f.getBoundingClientRect();
+    i(!0), d({
+      x: (l.clientX - m.left) / f.clientWidth * 100,
+      y: (l.clientY - m.top) / f.clientHeight * 100
     });
-  }, p = (c) => {
+  }, y = (l) => {
     i(!1);
-  }, m = (c) => {
+  }, p = (l) => {
     i(!1);
   };
-  return /* @__PURE__ */ u(A, { mode: "wait", children: (a || !a && !o) && /* @__PURE__ */ u(
-    U.div,
+  return /* @__PURE__ */ u(Q, { mode: "wait", children: (c || !c && !o) && /* @__PURE__ */ u(
+    F.div,
     {
       style: {
         position: "absolute",
@@ -991,26 +984,26 @@ const Be = (e) => {
         background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
         pointerEvents: "none"
       },
-      variants: r,
+      variants: n,
       initial: "initial",
       animate: "animate",
       exit: { opacity: 0, transition: { duration: 0 } },
-      onAnimationComplete: () => n(!0),
+      onAnimationComplete: () => r(!0),
       className: "transform -translate-x-1/2 -translate-y-1/2"
     }
   ) });
-}, Je = _(
+}, rt = O(
   "customScroll",
-  ({ orientation: e, draggable: t, isDragging: r }) => ({
-    customScroll: d(
+  ({ orientation: e, draggable: t, isDragging: n }) => ({
+    customScroll: h(
       "flex h-full w-full",
       t && [
         "[&::-webkit-scrollbar-track]:rounded-full",
         "[&::-webkit-scrollbar-track]:bg-transparent",
         "[&::-webkit-scrollbar-thumb]:rounded-full",
         {
-          "[&::-webkit-scrollbar-thumb]:bg-outline": r,
-          "[&::-webkit-scrollbar-thumb]:bg-transparent": !r
+          "[&::-webkit-scrollbar-thumb]:bg-outline": n,
+          "[&::-webkit-scrollbar-thumb]:bg-transparent": !n
         },
         { "[&::-webkit-scrollbar]:h-2": e === "horizontal" },
         { "[&::-webkit-scrollbar]:w-2": e === "vertical" }
@@ -1018,135 +1011,135 @@ const Be = (e) => {
       {
         "overflow-y-scroll flex-col": e === "vertical",
         "overflow-x-scroll  flex-row": e === "horizontal",
-        "cursor-grab": t && !r,
-        "cursor-grabbing": t && r
+        "cursor-grab": t && !n,
+        "cursor-grabbing": t && n
       }
     ),
-    track: d("overflow-hidden flex-none sticky", {
+    track: h("overflow-hidden flex-none sticky", {
       "left-0 h-full": e === "horizontal",
       "top-0 w-full": e === "vertical"
     })
   })
-), ge = ({
+), ot = ({
   children: e,
   orientation: t = "vertical",
-  scrollSize: r,
+  scrollSize: n,
   onScroll: o,
-  className: n,
-  draggable: a = !1,
+  className: r,
+  draggable: c = !1,
   throttleDuration: i = 75
 }) => {
-  var W, F;
-  const s = j(null), f = j(null), [l, p] = R({
+  var P, H;
+  const s = W(null), d = W(null), [a, y] = S({
     width: null,
     height: null
   });
-  $(() => {
+  R(() => {
     if (!s.current) return;
-    const S = new ResizeObserver((X) => {
-      for (const H of X)
-        H.target === s.current && p({
-          width: H.contentRect.width,
-          height: H.contentRect.height
+    const $ = new ResizeObserver((U) => {
+      for (const X of U)
+        X.target === s.current && y({
+          width: X.contentRect.width,
+          height: X.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
-    return S.observe(s.current), () => {
-      S.disconnect();
+    return $.observe(s.current), () => {
+      $.disconnect();
     };
   }, [s]);
-  const m = j(null), c = j(null), h = () => {
-    const S = f.current;
-    return S ? {
-      width: r ?? S.scrollWidth,
-      height: r ?? S.scrollHeight
+  const p = W(null), l = W(null), f = () => {
+    const $ = d.current;
+    return $ ? {
+      width: n ?? $.scrollWidth,
+      height: n ?? $.scrollHeight
     } : null;
-  }, v = () => {
-    const S = s.current;
-    return S ? {
-      width: S.clientWidth,
-      height: S.clientHeight
+  }, m = () => {
+    const $ = s.current;
+    return $ ? {
+      width: $.clientWidth,
+      height: $.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: b, scrollXProgress: L } = Ie({
+  }, { scrollYProgress: w, scrollXProgress: g } = $e({
     container: s
-  }), I = j(null);
-  I.current || (I.current = Ee(
+  }), N = W(null);
+  N.current || (N.current = Me(
     i,
-    (S, X) => {
-      !c.current || !m.current || o && (t === "horizontal" && X === "x" && o({
-        scrollProgress: S,
-        scroll: S * m.current.width,
-        scrollTotal: m.current.width,
-        scrollVisible: c.current.width
-      }), t === "vertical" && X === "y" && o({
-        scrollProgress: S,
-        scroll: S * m.current.height,
-        scrollTotal: m.current.height,
-        scrollVisible: c.current.height
+    ($, U) => {
+      !l.current || !p.current || !s.current || o && (t === "horizontal" && U === "x" && o({
+        scrollProgress: $,
+        scroll: $ * (p.current.width - s.current.clientWidth),
+        scrollTotal: p.current.width - s.current.clientWidth,
+        scrollVisible: l.current.width
+      }), t === "vertical" && U === "y" && o({
+        scrollProgress: $,
+        scroll: $ * (p.current.height - s.current.clientHeight),
+        scrollTotal: p.current.height - s.current.clientHeight,
+        scrollVisible: l.current.height
       }));
     }
   ));
-  const w = (S, X) => {
-    I.current && I.current(S, X);
+  const b = ($, U) => {
+    N.current && N.current($, U);
   };
-  $(() => {
-    l.width && w(L.get(), "x"), l.height && w(b.get(), "y");
-  }, [l]), se(L, "change", (S) => {
-    w(S, "x");
-  }), se(b, "change", (S) => {
-    w(S, "y");
+  R(() => {
+    a.width && b(g.get(), "x"), a.height && b(w.get(), "y");
+  }, [a]), he(g, "change", ($) => {
+    b($, "x");
+  }), he(w, "change", ($) => {
+    b($, "y");
   });
-  const [B, N] = R(!1);
-  pe(() => {
-    B || !c.current || !m.current || !o || (o({
+  const [B, E] = S(!1);
+  xe(() => {
+    B || !l.current || !p.current || !o || (o({
       scrollProgress: 0,
       scroll: 0,
-      scrollTotal: t == "vertical" ? m.current.height : m.current.width,
-      scrollVisible: t == "vertical" ? c.current.height : c.current.width
-    }), N(!0));
-  }, [c, m, o]), m.current = h(), c.current = v();
-  const [E, C] = R(!1), V = Je({
-    isDragging: E,
+      scrollTotal: t == "vertical" ? p.current.height : p.current.width,
+      scrollVisible: t == "vertical" ? l.current.height : l.current.width
+    }), E(!0));
+  }, [l, p, o]), p.current = f(), l.current = m();
+  const [I, C] = S(!1), V = rt({
+    isDragging: I,
     children: e,
-    className: n,
+    className: r,
     onScroll: o,
     orientation: t,
-    scrollSize: r,
-    draggable: a,
+    scrollSize: n,
+    draggable: c,
     throttleDuration: i
-  }), [P, k] = R(0), [y, M] = R(0), O = (S) => {
-    if (!a) return;
-    const X = s.current;
-    if (!X || P == null) return;
-    const J = (S.pageX - X.offsetLeft - P) * 1.5;
-    X.scrollLeft = y - J;
-  }, K = (S) => {
-    const X = s.current;
-    X && (C(!0), k(S.pageX - X.offsetLeft), M(X.scrollLeft));
-  }, Z = (S) => {
-    E && (S.preventDefault(), O(S));
-  }, q = () => {
+  }), [D, k] = S(0), [v, M] = S(0), Y = ($) => {
+    if (!c) return;
+    const U = s.current;
+    if (!U || D == null) return;
+    const J = ($.pageX - U.offsetLeft - D) * 1.5;
+    U.scrollLeft = v - J;
+  }, q = ($) => {
+    const U = s.current;
+    U && (C(!0), k($.pageX - U.offsetLeft), M(U.scrollLeft));
+  }, G = ($) => {
+    I && ($.preventDefault(), Y($));
+  }, j = () => {
     C(!1);
   }, z = () => {
     C(!1);
-  }, g = (S) => {
-    S.preventDefault();
-  }, x = j(null);
-  return $(() => () => {
+  }, L = ($) => {
+    $.preventDefault();
+  }, x = W(null);
+  return R(() => () => {
     x.current && clearTimeout(x.current);
-  }, []), /* @__PURE__ */ D(
+  }, []), /* @__PURE__ */ A(
     "div",
     {
       className: V.customScroll,
       ref: s,
-      onMouseDown: K,
-      onMouseMove: Z,
-      onMouseUp: q,
+      onMouseDown: q,
+      onMouseMove: G,
+      onMouseUp: j,
       onMouseLeave: z,
-      onDragStart: g,
-      onScroll: (S) => {
-        E || (k(null), C(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
+      onDragStart: L,
+      onScroll: ($) => {
+        I || (k(null), C(!0), x.current && clearTimeout(x.current), x.current = setTimeout(() => {
           C(!1);
         }, 1e3));
       },
@@ -1154,28 +1147,28 @@ const Be = (e) => {
         /* @__PURE__ */ u(
           "div",
           {
-            ref: f,
-            style: t === "vertical" ? { height: ((W = c == null ? void 0 : c.current) == null ? void 0 : W.height) ?? "100%" } : { width: ((F = c == null ? void 0 : c.current) == null ? void 0 : F.width) ?? "100%" },
+            ref: d,
+            style: t === "vertical" ? { height: ((P = l == null ? void 0 : l.current) == null ? void 0 : P.height) ?? "100%" } : { width: ((H = l == null ? void 0 : l.current) == null ? void 0 : H.width) ?? "100%" },
             className: V.track,
             children: e
           }
         ),
-        c.current && m.current && /* @__PURE__ */ D(te, { children: [
-          t === "vertical" && m.current.height > c.current.height && /* @__PURE__ */ u(
-            U.div,
+        l.current && p.current && /* @__PURE__ */ A(T, { children: [
+          t === "vertical" && p.current.height > l.current.height && /* @__PURE__ */ u(
+            F.div,
             {
               className: "flex-none",
               style: {
-                height: m.current.height - c.current.height
+                height: p.current.height - l.current.height
               }
             }
           ),
-          t === "horizontal" && m.current.width > c.current.width && /* @__PURE__ */ u(
-            U.div,
+          t === "horizontal" && p.current.width > l.current.width && /* @__PURE__ */ u(
+            F.div,
             {
               className: "flex-none",
               style: {
-                width: m.current.width - c.current.width
+                width: p.current.width - l.current.width
               }
             }
           )
@@ -1183,57 +1176,150 @@ const Be = (e) => {
       ]
     }
   );
-}, Lt = ({
-  children: e,
-  transition: t = ".5s",
-  orientation: r = "vertical",
-  throttleDuration: o = 25,
-  ...n
+}, lt = ({
+  onScroll: e,
+  el: t,
+  touch: n = !0
 }) => {
-  const [a, i] = R(null), s = he((a == null ? void 0 : a.scrollProgress) ?? 0), f = oe(
-    s,
-    [0, 1],
-    [0, 1 - ((a == null ? void 0 : a.scrollVisible) ?? 0) / ((a == null ? void 0 : a.scrollTotal) ?? 0)]
-  ), l = oe(
-    f,
-    (c) => `${-c * 100}%`
-  ), p = (c) => {
-    s.set(c.scrollProgress), c.scrollTotal > 0 && i(c);
-  }, m = j(null);
-  return se(l, "change", (c) => {
-    const h = performance.now();
-    if (m.current !== null) {
-      const v = h - m.current;
-      console.log(`Delta temps : ${v} ms`);
+  const o = W(null), r = W(0), c = W(0);
+  R(() => {
+    if (!t) return;
+    r.current = t.scrollTop, c.current = t.scrollLeft;
+    const i = (l) => {
+      e == null || e(l);
+    }, s = (l) => {
+      l.preventDefault(), i({
+        type: "intent",
+        source: "wheel",
+        deltaX: l.deltaX,
+        deltaY: l.deltaY,
+        originalEvent: l
+      });
+    }, d = (l) => {
+      if (!n) return;
+      const f = l.touches[0];
+      f && (o.current = { x: f.clientX, y: f.clientY });
+    }, a = (l) => {
+      if (!n) return;
+      const f = l.touches[0];
+      if (!f || !o.current) return;
+      l.preventDefault();
+      const m = o.current.x - f.clientX, w = o.current.y - f.clientY;
+      o.current = { x: f.clientX, y: f.clientY }, i({
+        type: "intent",
+        source: "touch",
+        deltaX: m,
+        deltaY: w,
+        originalEvent: l
+      });
+    }, y = () => {
+      n && (o.current = null);
+    }, p = (l) => {
+      const m = t.clientHeight * 0.9;
+      let w = 0, g = 0;
+      switch (l.key) {
+        case "ArrowDown":
+          g = 40;
+          break;
+        case "ArrowUp":
+          g = -40;
+          break;
+        case "ArrowRight":
+          w = 40;
+          break;
+        case "ArrowLeft":
+          w = -40;
+          break;
+        case "PageDown":
+          g = m;
+          break;
+        case "PageUp":
+          g = -m;
+          break;
+        case "Home":
+          g = Number.NEGATIVE_INFINITY;
+          break;
+        case "End":
+          g = Number.POSITIVE_INFINITY;
+          break;
+        case " ":
+          g = l.shiftKey ? -m : m;
+          break;
+        default:
+          return;
+      }
+      l.preventDefault(), i({
+        type: "intent",
+        source: "keyboard",
+        deltaX: w,
+        deltaY: g,
+        originalEvent: l
+      });
+    };
+    return t.addEventListener("wheel", s, { passive: !1 }), t.addEventListener("touchstart", d, { passive: !0 }), t.addEventListener("touchmove", a, { passive: !1 }), t.addEventListener("touchend", y, { passive: !0 }), t.addEventListener("keydown", p), () => {
+      t.removeEventListener("wheel", s), t.removeEventListener("touchstart", d), t.removeEventListener("touchmove", a), t.removeEventListener("touchend", y), t.removeEventListener("keydown", p);
+    };
+  }, [e]);
+}, Vt = ({
+  transition: e,
+  orientation: t = "vertical",
+  throttleDuration: n = 25
+}) => {
+  const [o, r] = S(0), [c, i] = S(), s = W(!1), d = W(), a = W(0);
+  R(() => {
+    i(document);
+    const l = document.documentElement.scrollTop;
+    r(l), a.current = l;
+  }, []), R(() => {
+    const l = () => {
+      s.current || r(document.documentElement.scrollTop);
+    };
+    return c == null || c.addEventListener("scroll", l), () => {
+      d.current && clearTimeout(d.current), c == null || c.removeEventListener("scroll", l);
+    };
+  }, [c]);
+  const y = W(), p = W(null);
+  return R(() => {
+    const l = o;
+    if (p.current && (p.current.stop(), p.current = null), !s.current) {
+      y.current = l;
+      return;
     }
-    m.current = h, console.log(c);
-  }), /* @__PURE__ */ u(
-    ge,
+    return p.current = Re(y.current ?? l, l, {
+      duration: (e == null ? void 0 : e.duration) ?? 0.5,
+      ease: "circOut",
+      onUpdate: (f) => {
+        d.current && clearTimeout(d.current), y.current = f;
+        const m = document.documentElement, w = Math.round(f * 1e3) / 1e3, g = a.current;
+        Math.abs(w - g) < 0.1 || (a.current = w, s.current && m.scrollTo({ top: w }));
+      },
+      onComplete: () => {
+        d.current = setTimeout(() => {
+          s.current = !1;
+        }, 300), p.current = null;
+      }
+    }), () => {
+      p.current && (p.current.stop(), p.current = null);
+    };
+  }, [o]), c ? /* @__PURE__ */ u(
+    lt,
     {
-      onScroll: p,
-      throttleDuration: o,
-      ...n,
-      children: /* @__PURE__ */ u(
-        U.div,
-        {
-          className: d("transition-transform  ease-out", {
-            "w-fit h-full": r === "horizontal",
-            "h-fit w-full": r === "vertical"
-          }),
-          style: {
-            transitionDuration: t,
-            ...r == "vertical" ? { y: l } : { x: l }
-          },
-          children: e
+      touch: !1,
+      el: c,
+      onScroll: (l) => {
+        if ("deltaY" in l && l.deltaY !== 0 && c && o !== null) {
+          let f = o + l.deltaY;
+          const m = c.querySelector("html");
+          m && (f = Math.min(f, m.scrollHeight - m.clientHeight)), f = Math.max(f, 0), r(f), s.current = !0;
         }
-      )
+      }
     }
-  );
-}, Qe = ({
+  ) : null;
+}, at = ({
   targetRef: e,
   children: t
 }) => {
-  const [r, o] = R(null), n = j(null), a = () => {
+  const [n, o] = S(null), r = W(null), c = () => {
     const i = e.current;
     if (!i) return;
     const s = i.getBoundingClientRect();
@@ -1249,151 +1335,317 @@ const Be = (e) => {
       // personnalise si besoin
     });
   };
-  return $(() => {
+  return R(() => {
     const i = e.current;
     if (i)
-      return a(), window.addEventListener("scroll", a, !0), window.addEventListener("resize", a), n.current = new ResizeObserver(a), n.current.observe(i), () => {
+      return c(), window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), r.current = new ResizeObserver(c), r.current.observe(i), () => {
         var s;
-        window.removeEventListener("scroll", a, !0), window.removeEventListener("resize", a), (s = n.current) == null || s.disconnect();
+        window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c), (s = r.current) == null || s.disconnect();
       };
-  }, [e]), r ? ye(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
+  }, [e]), n ? be(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
 };
-function Ae(e) {
+function st(e) {
   return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
 }
-const It = ({
+const Ft = ({
   config: e,
   throttleDelay: t = 100,
   // Délai par défaut de 300ms
-  onLoad: r
+  onLoad: n,
+  loadTheme: o = !1
 }) => {
-  const [o, n] = R(null), a = j(null), i = j(e.sourceColor), s = j(!0);
-  $(() => {
-    if (s.current) {
-      s.current = !1, i.current = e.sourceColor, f(e.sourceColor);
-      return;
+  const [r, c] = S(null);
+  R(() => {
+    (async () => {
+      const l = await Be(e, o);
+      c(l);
+    })();
+  }, []);
+  const [i, s] = S(null), d = W(null), a = W(0), y = W(null);
+  R(() => {
+    if (!r) return;
+    const l = {
+      ...e,
+      // Assurer la compatibilité avec l'API qui attend sourceColorHex
+      sourceColor: e.sourceColor
+    }, f = Date.now(), m = f - a.current, w = async (g) => {
+      await p(g);
+    };
+    if (a.current === 0 || m >= t)
+      d.current && (clearTimeout(d.current), d.current = null), y.current = null, a.current = f, w(l);
+    else if (y.current = l, !d.current) {
+      const g = Math.max(0, t - m);
+      d.current = setTimeout(async () => {
+        d.current = null;
+        const N = y.current;
+        y.current = null, N && (a.current = Date.now(), await w(N));
+      }, g);
     }
-    if (e.sourceColor !== i.current)
-      return a.current && clearTimeout(a.current), a.current = setTimeout(async () => {
-        i.current = e.sourceColor, await f(e.sourceColor), a.current = null;
-      }, t), () => {
-        a.current && (clearTimeout(a.current), a.current = null);
-      };
-  }, [e.sourceColor, t]);
-  const f = async (l) => {
-    if (!Ae(l))
+    return () => {
+    };
+  }, [e, t, r]);
+  const p = async (l) => {
+    if (typeof l.sourceColor == "string" && !st(l.sourceColor))
       throw new Error("Invalid hex color");
+    if (!r)
+      return;
+    r.context.update(l), await r.load();
+    const f = r == null ? void 0 : r.plugins.getPlugin(Le).getInstance().outputCss;
+    s(f), n == null || n(r);
+  };
+  return R(() => () => {
+    d.current && (clearTimeout(d.current), d.current = null);
+  }, []), i ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: i } }) : null;
+};
+function ct() {
+  if (typeof window > "u") return !1;
+  try {
+    if (window.CSS && typeof window.CSS.supports == "function")
+      return CSS.supports("animation-timeline: view()") || CSS.supports("animation-timeline: scroll()") || // some older implementations used view-timeline-name
+      CSS.supports("view-timeline-name: --a");
+  } catch {
+  }
+  return !1;
+}
+function it() {
+  return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function ae(e) {
+  if (!(e instanceof HTMLElement)) return !1;
+  const t = e.classList;
+  return Array.from(t).some(
+    (n) => n.startsWith("anim-") && n.includes("scroll")
+  );
+}
+function ye(e) {
+  if (!(e instanceof HTMLElement)) return !1;
+  const t = e.classList;
+  return Array.from(t).some(
+    (o) => o.startsWith("anim-")
+  ) ? !ae(e) : !1;
+}
+function le(e, t) {
+  if (!(typeof window > "u"))
     try {
-      const p = await ke({
-        ...e,
-        sourceColor: l
+      const n = getComputedStyle(e), o = /* @__PURE__ */ new Set();
+      if (Array.from(e.classList).forEach((r) => {
+        if (r.startsWith("anim")) {
+          const c = `--anim-name-${r.replaceAll(/-in|-out|-scroll/g, "").replace(t + "-", "")}`, i = n.getPropertyValue(c).trim();
+          i && o.add(i.replace(t + "-", ""));
+        }
+      }), o.size > 0) {
+        const r = Array.from(o).map((i) => `var(--anim-name-${i})`).join(", "), c = Array.from(o).map((i) => `var(--anim-dependencies-${i})`).join(", ");
+        e.style.animationName = r, e.style.willChange = c;
+      }
+    } catch {
+    }
+}
+function se(e, t) {
+  if (!ae(e)) return;
+  if (e.hasAttribute(`data-${t}-scroll`)) {
+    const i = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), s = i === "x" || i === "inline" ? "inline" : i === "y" || i === "block" ? "block" : "auto";
+    e.classList.contains(`${t}-timeline`) || e.classList.contains(`${t}-timeline-inline`) || e.classList.contains(`${t}-timeline-block`) || e.classList.contains(`${t}-timeline-x`) || e.classList.contains(`${t}-timeline-y`) || (s === "inline" ? e.classList.add(`${t}-timeline-inline`) : s === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
+  }
+  const n = e.getAttribute(`data-${t}-start`);
+  n && e.style.setProperty(`--${t}-range-start`, n);
+  const o = e.getAttribute(`data-${t}-end`);
+  o && e.style.setProperty(`--${t}-range-end`, o);
+  const r = e.hasAttribute(`data-${t}-paused`) || e.classList.contains(`${t}-paused`), c = e.hasAttribute(`data-${t}-run`) || e.classList.contains(`${t}-run`);
+  !r && !c && e.setAttribute(`data-${t}-run`, ""), le(e, t);
+}
+function ce(e = document, t) {
+  return Array.from(
+    e.querySelectorAll(`[class*="${t}-"]`)
+  ).filter((o) => ae(o));
+}
+function ut(e = document, t) {
+  return Array.from(
+    e.querySelectorAll('[class*="anim-"]')
+  ).filter((o) => !ae(o));
+}
+const Ht = ({
+  prefix: e = "anim",
+  children: t,
+  once: n = !0
+}) => {
+  const o = ue(it, []), r = ue(() => ct(), []), c = W(null), i = W(null), s = W(null);
+  return R(() => {
+    if (o) return;
+    const d = /* @__PURE__ */ new WeakSet();
+    s.current = d;
+    const a = new IntersectionObserver(
+      (l) => {
+        for (const f of l) {
+          const m = f.target;
+          if (!ye(m))
+            continue;
+          const g = m.classList.contains(`${e}-out`);
+          if (!g && f.isIntersecting)
+            m.setAttribute(`data-${e}-in-run`, ""), n && a.unobserve(m);
+          else if (g && !f.isIntersecting)
+            m.setAttribute(`data-${e}-out-run`, ""), n && a.unobserve(m);
+          else if (!n) {
+            const b = m.style.animationName;
+            m.style.animationName = "none", m.removeAttribute(`data-${e}-in-run`), m.removeAttribute(`data-${e}-out-run`), m.offsetWidth, m.style.animationName = b;
+          }
+        }
+      },
+      { threshold: [0, 0.2] }
+    );
+    i.current = a;
+    const y = (l) => {
+      const f = ut(l || document);
+      for (const m of f)
+        d.has(m) || (d.add(m), le(m, e), a.observe(m));
+    };
+    y();
+    let p;
+    if (r) {
+      let l = null;
+      (() => {
+        l == null && (l = requestAnimationFrame(() => {
+          l = null;
+          const w = ce(void 0, e);
+          for (const g of w) se(g, e);
+        }));
+      })();
+      const m = new MutationObserver((w) => {
+        for (const g of w)
+          if (g.type === "attributes") {
+            const N = g.target;
+            N instanceof HTMLElement && (se(N, e), ye(N) && (d.has(N) || (d.add(N), a.observe(N))), le(N, e));
+          } else if (g.type === "childList" && g.addedNodes && g.addedNodes.length) {
+            for (const N of Array.from(g.addedNodes))
+              if (N instanceof HTMLElement) {
+                const b = ce(N, e);
+                for (const B of b) se(B, e);
+                y(N);
+              }
+          }
       });
-      r == null || r(p);
-      const m = p.plugins.getPlugin(Se).getInstance().outputCss;
-      m && n(m);
-    } catch (p) {
-      throw new Error(
-        p instanceof Error ? p.message : "Theme loading failed"
-      );
+      m.observe(document.documentElement, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "class",
+          `data-${e}-scroll`,
+          `data-${e}-start`,
+          `data-${e}-end`,
+          `data-${e}-paused`,
+          `data-${e}-run`
+        ]
+      }), c.current = m, p = () => {
+        l != null && cancelAnimationFrame(l), m.disconnect(), c.current = null;
+      };
+    } else {
+      let l;
+      const f = ce(void 0, e);
+      for (const m of f) le(m, e);
+      f.length > 0 && import("./scrollDriven-AP2yWhzi.js").then((m) => {
+        l = m.initScrollViewFallback({ once: n });
+      }), p = () => {
+        typeof l == "function" && l();
+      };
     }
-  };
-  return $(() => () => {
-    a.current && clearTimeout(a.current);
-  }, []), o ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: o } }) : null;
-}, ze = ({
+    return () => {
+      p && p(), i.current && (i.current.disconnect(), i.current = null), s.current = null;
+    };
+  }, [r, o, n]), /* @__PURE__ */ u(T, { children: t });
+}, dt = ({
   variant: e = "filled",
   disabled: t = !1,
-  icon: r,
+  icon: n,
   href: o,
-  label: n,
-  disableTextMargins: a,
+  label: r,
+  disableTextMargins: c,
   className: i,
   iconPosition: s = "left",
-  loading: f = !1,
-  shape: l = "rounded",
-  onClick: p,
-  onToggle: m,
-  activated: c,
-  ref: h,
-  size: v = "medium",
-  allowShapeTransformation: b = !0,
-  transition: L,
-  children: I,
-  ...w
+  loading: d = !1,
+  shape: a = "rounded",
+  onClick: y,
+  onToggle: p,
+  activated: l,
+  ref: f,
+  size: m = "medium",
+  allowShapeTransformation: w = !0,
+  transition: g,
+  children: N,
+  ...b
 }) => {
-  if (I && (n = I), !n)
+  if (N && (r = N), !r)
     throw new Error(
       "Button component requires either a label prop or children content"
     );
-  const B = o ? "a" : "button", N = j(null), E = h || N, [C, V] = Y.useState(c);
-  $(() => {
-    V(c);
-  }, [c]), L = { duration: 0.3, ...L };
-  let P;
-  m ? m && (P = (M) => {
+  const B = o ? "a" : "button", E = W(null), I = f || E, [C, V] = K.useState(l);
+  R(() => {
+    V(l);
+  }, [l]), g = { duration: 0.3, ...g };
+  let D;
+  p ? p && (D = (M) => {
     t && M.preventDefault();
-    const O = !C;
-    V(O), m(O);
-  }) : P = (M) => {
-    t && M.preventDefault(), p && p(M);
+    const Y = !C;
+    V(Y), p(Y);
+  }) : D = (M) => {
+    t && M.preventDefault(), y && y(M);
   };
-  const k = $e({
-    allowShapeTransformation: b,
-    size: v,
-    disableTextMargins: a,
-    shape: l,
+  const k = Ue({
+    allowShapeTransformation: w,
+    size: m,
+    disableTextMargins: c,
+    shape: a,
     href: o,
     disabled: t,
-    icon: r,
+    icon: n,
     iconPosition: s,
-    loading: f,
+    loading: d,
     variant: e,
-    transition: L,
+    transition: g,
     className: i,
     isActive: C ?? !1,
-    onToggle: m,
+    onToggle: p,
     activated: C,
-    label: n,
-    children: n
-  }), y = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(te, {});
-  return /* @__PURE__ */ D(
+    label: r,
+    children: r
+  }), v = n ? /* @__PURE__ */ u(Z, { icon: n, className: k.icon }) : /* @__PURE__ */ u(T, {});
+  return /* @__PURE__ */ A(
     B,
     {
-      ref: E,
+      ref: I,
       href: o,
       className: k.button,
-      ...w,
-      onClick: P,
+      ...b,
+      onClick: D,
       disabled: t,
-      "aria-pressed": m ? C : void 0,
-      style: { transition: L.duration + "s" },
+      "aria-pressed": p ? C : void 0,
+      style: { transition: g.duration + "s" },
       children: [
         /* @__PURE__ */ u("div", { className: k.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
             className: k.stateLayer,
-            style: { transition: L.duration + "s" },
+            style: { transition: g.duration + "s" },
             children: !t && /* @__PURE__ */ u(
-              ne,
+              re,
               {
-                colorName: e === "filled" && m && "on-surface-variant" || e === "filled" && !m && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
-                triggerRef: E
+                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" || "",
+                triggerRef: I
               }
             )
           }
         ),
-        s === "left" && y,
-        f && /* @__PURE__ */ u(
+        s === "left" && v,
+        d && /* @__PURE__ */ u(
           "div",
           {
             className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
             children: /* @__PURE__ */ u(
-              Ze,
+              nt,
               {
                 className: () => ({
                   progressIndicator: "h-6 w-6",
-                  activeIndicator: d(
+                  activeIndicator: h(
                     {
                       "!stroke-primary": e === "elevated" && !t,
                       "!stroke-on-surface/[38%]": e === "elevated" && t
@@ -1421,295 +1673,295 @@ const It = ({
             )
           }
         ),
-        /* @__PURE__ */ u("span", { className: k.label, children: n }),
-        s === "right" && y
+        /* @__PURE__ */ u("span", { className: k.label, children: r }),
+        s === "right" && v
       ]
     }
   );
-}, Et = ({
+}, Ut = ({
   variant: e = "outlined",
   className: t,
-  children: r,
+  children: n,
   isInteractive: o = !1,
-  ref: n,
-  ...a
+  ref: r,
+  ...c
 }) => {
-  const i = Pe({ className: t, isInteractive: o, variant: e, children: r }), s = j(null), f = n || s;
-  return /* @__PURE__ */ D("div", { ...a, ref: f, className: i.card, children: [
-    /* @__PURE__ */ u("div", { className: i.stateLayer, children: o && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: f }) }),
-    r
+  const i = Xe({ className: t, isInteractive: o, variant: e, children: n }), s = W(null), d = r || s;
+  return /* @__PURE__ */ A("div", { ...c, ref: d, className: i.card, children: [
+    /* @__PURE__ */ u("div", { className: i.stateLayer, children: o && /* @__PURE__ */ u(re, { colorName: "on-surface", triggerRef: d }) }),
+    n
   ] });
-}, Te = (e, t, r = [0, 1]) => {
-  const [o, n] = t, [a, i] = r, f = (Math.max(o, Math.min(e, n)) - o) / (n - o);
-  return a + f * (i - a);
-}, et = ({
+}, ft = (e, t, n = [0, 1]) => {
+  const [o, r] = t, [c, i] = n, d = (Math.max(o, Math.min(e, r)) - o) / (r - o);
+  return c + d * (i - c);
+}, mt = ({
   className: e,
   children: t,
-  width: r = 1,
+  width: n = 1,
   index: o = 0,
-  ref: n,
-  ...a
+  ref: r,
+  ...c
 }) => {
-  const i = j(null), s = n || i, f = We({
+  const i = W(null), s = r || i, d = Ye({
     className: e,
     index: o,
-    width: r,
+    width: n,
     children: t
   });
   return /* @__PURE__ */ u(
-    U.div,
+    F.div,
     {
       ref: s,
-      animate: { width: r + "px" },
+      animate: { width: n + "px" },
       transition: {
         duration: 0.5,
         ease: "linear"
       },
-      className: f.carouselItem,
-      ...a,
+      className: d.carouselItem,
+      ...c,
       children: t
     }
   );
-}, kt = ({
+}, Xt = ({
   variant: e = "hero",
   className: t,
-  children: r,
+  children: n,
   ref: o,
-  marginPourcent: n = 0,
-  inputRange: a = [0.21, 0.65],
+  marginPourcent: r = 0,
+  inputRange: c = [0.21, 0.65],
   outputRange: i = [42, 300],
   gap: s = 8,
-  onChange: f,
-  scrollSensitivity: l = 1.25,
-  ...p
+  onChange: d,
+  scrollSensitivity: a = 1.25,
+  ...y
 }) => {
-  var q, z;
-  const m = j(null), c = o || m, h = De({
+  var j, z;
+  const p = W(null), l = o || p, f = je({
     className: t,
-    children: r,
+    children: n,
     variant: e,
-    inputRange: a,
+    inputRange: c,
     outputRange: i,
-    marginPourcent: n,
-    onChange: f,
+    marginPourcent: r,
+    onChange: d,
     gap: s,
-    scrollSensitivity: l
-  }), v = Y.Children.toArray(r).filter(
-    (g) => Y.isValidElement(g) && g.type === et
-  ), b = j(null), [L, I] = R([]), [w, B] = R(null), N = () => {
-    var X;
-    if (!b.current || !c.current || !w) return [];
-    const { scrollVisible: g, scrollProgress: x } = w;
-    function W(H, J) {
-      return H.map(
-        (T) => (T - J) / Math.abs(H[1] - H[0])
+    scrollSensitivity: a
+  }), m = K.Children.toArray(n).filter(
+    (L) => K.isValidElement(L) && L.type === mt
+  ), w = W(null), [g, N] = S([]), [b, B] = S(null), E = () => {
+    var U;
+    if (!w.current || !l.current || !b) return [];
+    const { scrollVisible: L, scrollProgress: x } = b;
+    function P(X, J) {
+      return X.map(
+        (ee) => (ee - J) / Math.abs(X[1] - X[0])
       );
     }
-    let F = v.map((H, J) => {
-      if (!E[J].current || !b.current) return 0;
-      let re = J / (v.length - 1);
-      return re > 1 && (re = 1), re < 0 && (re = 0), re;
+    let H = m.map((X, J) => {
+      if (!I[J].current || !w.current) return 0;
+      let ne = J / (m.length - 1);
+      return ne > 1 && (ne = 1), ne < 0 && (ne = 0), ne;
     });
-    F = W(F, x);
-    let S = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + s)) / (i[1] + s);
-    return F.map((H, J) => ({ value: Math.abs(H), originalIndex: J })).sort((H, J) => H.value - J.value).forEach((H, J) => {
-      J === 0 && V(H.originalIndex);
-      let T = Te(S, [0, 1], [0, i[1]]);
-      T < i[0] && (T = i[0]), S--, F[H.originalIndex] = T;
-    }), F;
-  }, E = j([]).current, [C, V] = R(0);
-  $(() => {
-    f && f(C);
-  }, [C]), E.length !== v.length && v.forEach((g, x) => {
-    E[x] || (E[x] = Y.createRef());
+    H = P(H, x);
+    let $ = ((((U = l.current) == null ? void 0 : U.clientWidth) ?? L) - (i[0] + s)) / (i[1] + s);
+    return H.map((X, J) => ({ value: Math.abs(X), originalIndex: J })).sort((X, J) => X.value - J.value).forEach((X, J) => {
+      J === 0 && V(X.originalIndex);
+      let ee = ft($, [0, 1], [0, i[1]]);
+      ee < i[0] && (ee = i[0]), $--, H[X.originalIndex] = ee;
+    }), H;
+  }, I = W([]).current, [C, V] = S(0);
+  R(() => {
+    d && d(C);
+  }, [C]), I.length !== m.length && m.forEach((L, x) => {
+    I[x] || (I[x] = K.createRef());
   });
-  const P = v.map((g, x) => Y.cloneElement(
-    g,
+  const D = m.map((L, x) => K.cloneElement(
+    L,
     {
-      width: L[x],
-      ref: E[x],
+      width: g[x],
+      ref: I[x],
       key: x,
       index: x
     }
-  )), k = he((w == null ? void 0 : w.scrollProgress) ?? 0), y = oe(
+  )), k = Ce((b == null ? void 0 : b.scrollProgress) ?? 0), v = pe(
     k,
     [0, 1],
     [
       0,
-      1 - (((q = c.current) == null ? void 0 : q.clientWidth) ?? 0) / (((z = b == null ? void 0 : b.current) == null ? void 0 : z.clientWidth) ?? 0)
+      1 - (((j = l.current) == null ? void 0 : j.clientWidth) ?? 0) / (((z = w == null ? void 0 : w.current) == null ? void 0 : z.clientWidth) ?? 0)
     ]
-  ), M = oe(
-    y,
-    (g) => `${-g * 100}%`
-  ), O = (g) => {
-    g.scrollTotal > 0 && B(g);
+  ), M = pe(
+    v,
+    (L) => `${-L * 100}%`
+  ), Y = (L) => {
+    L.scrollTotal > 0 && B(L);
   };
-  $(() => {
-    const g = N();
-    I(g);
-  }, [w]);
-  const [K, Z] = R(0);
-  return pe(() => {
-    let g = i[1];
-    w && g > w.scrollVisible && (g = w.scrollVisible);
-    const x = (g + s) * P.length / l;
-    Z(x);
-  }, [c, E, w]), /* @__PURE__ */ u("div", { className: h.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
-    ge,
+  R(() => {
+    const L = E();
+    N(L);
+  }, [b]);
+  const [q, G] = S(0);
+  return xe(() => {
+    let L = i[1];
+    b && L > b.scrollVisible && (L = b.scrollVisible);
+    const x = (L + s) * D.length / a;
+    G(x);
+  }, [l, I, b]), /* @__PURE__ */ u("div", { className: f.carousel, ref: l, ...y, children: /* @__PURE__ */ u(
+    ot,
     {
       draggable: !0,
       orientation: "horizontal",
-      onScroll: O,
-      scrollSize: K,
+      onScroll: Y,
+      scrollSize: q,
       children: /* @__PURE__ */ u(
-        U.div,
+        F.div,
         {
-          className: h.track,
-          ref: b,
+          className: f.track,
+          ref: w,
           style: {
             transitionDuration: "0.5s",
             transitionTimingFunction: "ease-out",
             gap: `${s}px`,
             x: M
           },
-          children: P
+          children: D
         }
       )
     }
   ) });
-}, tt = ({
+}, ht = ({
   orientation: e = "horizontal",
   className: t,
-  ...r
+  ...n
 }) => {
-  const o = Ve({ orientation: e, className: t });
-  return /* @__PURE__ */ u("hr", { className: o.divider, ...r });
-}, G = [];
+  const o = Oe({ orientation: e, className: t });
+  return /* @__PURE__ */ u("hr", { className: o.divider, ...n });
+}, _ = [];
 for (let e = 0; e < 256; ++e)
-  G.push((e + 256).toString(16).slice(1));
-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();
+  _.push((e + 256).toString(16).slice(1));
+function pt(e, t = 0) {
+  return (_[e[t + 0]] + _[e[t + 1]] + _[e[t + 2]] + _[e[t + 3]] + "-" + _[e[t + 4]] + _[e[t + 5]] + "-" + _[e[t + 6]] + _[e[t + 7]] + "-" + _[e[t + 8]] + _[e[t + 9]] + "-" + _[e[t + 10]] + _[e[t + 11]] + _[e[t + 12]] + _[e[t + 13]] + _[e[t + 14]] + _[e[t + 15]]).toLowerCase();
 }
-let ae;
-const nt = new Uint8Array(16);
-function lt() {
-  if (!ae) {
+let ie;
+const yt = new Uint8Array(16);
+function gt() {
+  if (!ie) {
     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);
+    ie = crypto.getRandomValues.bind(crypto);
   }
-  return ae(nt);
+  return ie(yt);
 }
-const ot = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), de = { randomUUID: ot };
-function ce(e, t, r) {
-  var n;
-  if (de.randomUUID && !e)
-    return de.randomUUID();
+const vt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ge = { randomUUID: vt };
+function de(e, t, n) {
+  var r;
+  if (ge.randomUUID && !e)
+    return ge.randomUUID();
   e = e || {};
-  const o = e.random ?? ((n = e.rng) == null ? void 0 : n.call(e)) ?? lt();
+  const o = e.random ?? ((r = e.rng) == null ? void 0 : r.call(e)) ?? gt();
   if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, rt(o);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, pt(o);
 }
-const we = ({
+const Ee = ({
   variant: e = "plain",
   buttons: t,
-  className: r,
+  className: n,
   children: o,
-  title: n,
-  text: a,
+  title: r,
+  text: c,
   position: i,
   targetRef: s,
-  ref: f,
-  trigger: l = ["hover", "focus"],
-  ...p
+  ref: d,
+  trigger: a = ["hover", "focus"],
+  ...y
 }) => {
   if (!o && !s)
     throw new Error("ToolTip must have a child or a targetRef");
-  Array.isArray(l) || (l = [l]), t && !Array.isArray(t) && (t = [t]);
-  const m = j(null), c = s || m, [h, v] = R(null), [b] = R(ce()), [L, I] = R(!1), w = j(null);
-  $(() => {
-    const y = (M) => {
-      v(M.detail);
+  Array.isArray(a) || (a = [a]), t && !Array.isArray(t) && (t = [t]);
+  const p = W(null), l = s || p, [f, m] = S(null), [w] = S(de()), [g, N] = S(!1), b = W(null);
+  R(() => {
+    const v = (M) => {
+      m(M.detail);
     };
-    return document.addEventListener("tooltip-update", y), () => {
+    return document.addEventListener("tooltip-update", v), () => {
       document.removeEventListener(
         "tooltip-update",
-        y
+        v
       );
     };
-  }, []), $(() => {
-    w.current && clearTimeout(w.current), h ? I(h === b) : w.current = setTimeout(() => {
-      I(!1);
+  }, []), R(() => {
+    b.current && clearTimeout(b.current), f ? N(f === w) : b.current = setTimeout(() => {
+      N(!1);
     }, 1200);
-  }, [h, b]);
+  }, [f, w]);
   const B = () => {
-    if (l.includes("hover")) {
-      const y = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(y);
-    }
-  }, N = () => {
-    if (l.includes("hover")) {
-      const y = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(y);
+    if (a.includes("hover")) {
+      const v = new CustomEvent("tooltip-update", { detail: w });
+      document.dispatchEvent(v);
     }
   }, E = () => {
-    if (l.includes("click")) {
-      const y = new CustomEvent("tooltip-update", {
-        detail: L ? null : b
+    if (a.includes("hover")) {
+      const v = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(v);
+    }
+  }, I = () => {
+    if (a.includes("click")) {
+      const v = new CustomEvent("tooltip-update", {
+        detail: g ? null : w
       });
-      document.dispatchEvent(y);
+      document.dispatchEvent(v);
     }
   }, C = () => {
-    if (l.includes("focus")) {
-      const y = new CustomEvent("tooltip-update", { detail: b });
-      document.dispatchEvent(y);
+    if (a.includes("focus")) {
+      const v = new CustomEvent("tooltip-update", { detail: w });
+      document.dispatchEvent(v);
     }
   }, V = () => {
-    if (l.includes("focus")) {
-      const y = new CustomEvent("tooltip-update", { detail: null });
-      document.dispatchEvent(y);
+    if (a.includes("focus")) {
+      const v = new CustomEvent("tooltip-update", { detail: null });
+      document.dispatchEvent(v);
     }
   };
-  $(() => {
-    if (c != null && c.current) {
-      const y = c.current;
-      return y.addEventListener("mouseenter", B), y.addEventListener("mouseleave", N), y.addEventListener("click", E), y.addEventListener("focus", C), y.addEventListener("blur", V), () => {
-        y.removeEventListener("mouseenter", B), y.removeEventListener("mouseleave", N), y.removeEventListener("click", E), y.removeEventListener("focus", C), y.removeEventListener("blur", V);
+  R(() => {
+    if (l != null && l.current) {
+      const v = l.current;
+      return v.addEventListener("mouseenter", B), v.addEventListener("mouseleave", E), v.addEventListener("click", I), v.addEventListener("focus", C), v.addEventListener("blur", V), () => {
+        v.removeEventListener("mouseenter", B), v.removeEventListener("mouseleave", E), v.removeEventListener("click", I), v.removeEventListener("focus", C), v.removeEventListener("blur", V);
       };
     }
-  }, [c, l, b, L]);
-  const P = !s && ee(o) ? le(o, { ref: m }) : o;
-  if (!i && typeof window < "u" && c != null && c.current && !i) {
-    const y = c.current.getBoundingClientRect(), M = window.innerWidth, O = window.innerHeight, K = y.left / M, Z = y.top / O;
-    e === "plain" ? K < 1 / 3 ? i = "right" : K > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : K < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : K > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : K > 1 / 2 && Z > 1 / 2 ? i = "top-left" : K < 1 / 2 && Z > 1 / 2 && (i = "top-right");
+  }, [l, a, w, g]);
+  const D = !s && te(o) ? oe(o, { ref: p }) : o;
+  if (!i && typeof window < "u" && l != null && l.current && !i) {
+    const v = l.current.getBoundingClientRect(), M = window.innerWidth, Y = window.innerHeight, q = v.left / M, G = v.top / Y;
+    e === "plain" ? q < 1 / 3 ? i = "right" : q > 2 / 3 ? i = "left" : i = G > 0.5 ? "top" : "bottom" : q < 1 / 2 && G < 1 / 2 ? i = "bottom-right" : q > 1 / 2 && G < 1 / 2 ? i = "bottom-left" : q > 1 / 2 && G > 1 / 2 ? i = "top-left" : q < 1 / 2 && G > 1 / 2 && (i = "top-right");
   }
-  const k = Ye({
+  const k = tt({
     variant: e,
     buttons: t,
-    className: r,
-    title: n,
-    text: a,
+    className: n,
+    title: r,
+    text: c,
     position: i,
-    trigger: l,
+    trigger: a,
     targetRef: s,
     children: o
   });
-  return /* @__PURE__ */ D(te, { children: [
-    P,
-    /* @__PURE__ */ u(A, { children: L && /* @__PURE__ */ u(Qe, { targetRef: c, children: /* @__PURE__ */ u(
-      U.div,
+  return /* @__PURE__ */ A(T, { children: [
+    D,
+    /* @__PURE__ */ u(Q, { children: g && /* @__PURE__ */ u(at, { targetRef: l, children: /* @__PURE__ */ u(
+      F.div,
       {
-        initial: { opacity: h ? 1 : 0 },
+        initial: { opacity: f ? 1 : 0 },
         animate: { opacity: 1 },
-        transition: { duration: h ? 0 : 0.3 },
-        exit: { opacity: h ? 1 : 0 },
+        transition: { duration: f ? 0 : 0.3 },
+        exit: { opacity: f ? 1 : 0 },
         className: k.toolTip,
-        ...p,
+        ...y,
         onMouseEnter: B,
-        onMouseLeave: N,
-        children: /* @__PURE__ */ D(
-          U.div,
+        onMouseLeave: E,
+        children: /* @__PURE__ */ A(
+          F.div,
           {
             className: k.container,
             layoutId: "tool-tip",
@@ -1719,14 +1971,14 @@ const we = ({
               damping: 20
             },
             children: [
-              n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
-              /* @__PURE__ */ u("div", { className: k.supportingText, children: a }),
-              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((y, M) => /* @__PURE__ */ u(
-                ze,
+              r && /* @__PURE__ */ u("div", { className: k.subHead, children: r }),
+              /* @__PURE__ */ u("div", { className: k.supportingText, children: c }),
+              t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((v, M) => /* @__PURE__ */ u(
+                dt,
                 {
                   size: "small",
                   variant: "text",
-                  ...y
+                  ...v
                 },
                 M
               )) })
@@ -1736,46 +1988,46 @@ const we = ({
       }
     ) }) })
   ] });
-}, fe = ({
+}, ve = ({
   className: e,
   label: t,
-  variant: r = "primary",
+  variant: n = "primary",
   size: o = "medium",
-  href: n,
-  type: a,
+  href: r,
+  type: c,
   icon: i,
   isExtended: s = !1,
-  ref: f,
-  transition: l,
-  children: p,
-  ...m
+  ref: d,
+  transition: a,
+  children: y,
+  ...p
 }) => {
-  if (p && (t = p), !t)
+  if (y && (t = y), !t)
     throw new Error(
       "FAB component requires either a label prop or children content"
     );
-  const c = n ? "a" : "button", h = je({
-    href: n,
+  const l = r ? "a" : "button", f = qe({
+    href: r,
     icon: i,
     isExtended: s,
     label: t,
     size: o,
-    variant: r,
+    variant: n,
     className: e,
-    transition: l,
+    transition: a,
     children: t
   });
-  l = { duration: 0.3, ...l };
-  const v = j(null), b = f || v, L = {
+  a = { duration: 0.3, ...a };
+  const m = W(null), w = d || m, g = {
     visible: {
       width: "auto",
       marginLeft: 12,
       opacity: 1,
       transition: {
-        ...l,
+        ...a,
         opacity: {
-          duration: l.duration / 2,
-          delay: l.duration - l.duration / 2
+          duration: a.duration / 2,
+          delay: a.duration - a.duration / 2
         }
       }
     },
@@ -1784,177 +2036,177 @@ const we = ({
       marginLeft: 0,
       opacity: 0,
       transition: {
-        ...l,
+        ...a,
         marginLeft: {
-          duration: l.duration / 2,
-          delay: l.duration - l.duration / 2
+          duration: a.duration / 2,
+          delay: a.duration - a.duration / 2
         }
       }
     }
   };
-  return /* @__PURE__ */ D(
-    c,
+  return /* @__PURE__ */ A(
+    l,
     {
-      ...m,
-      ref: b,
-      href: n,
+      ...p,
+      ref: w,
+      href: r,
       "aria-label": s ? void 0 : t,
-      className: h.fab,
+      className: f.fab,
       children: [
         /* @__PURE__ */ u(
-          we,
+          Ee,
           {
             trigger: s ? null : void 0,
             text: t,
-            targetRef: b
+            targetRef: w
           }
         ),
-        /* @__PURE__ */ u("span", { className: h.stateLayer, children: /* @__PURE__ */ u(
-          ne,
+        /* @__PURE__ */ u("span", { className: f.stateLayer, children: /* @__PURE__ */ u(
+          re,
           {
-            colorName: d({
-              primary: r == "surface",
-              "on-primary-container": r == "primary",
-              "on-secondary-container": r == "secondary",
-              "on-tertiary-container": r == "tertiary"
+            colorName: h({
+              primary: n == "surface",
+              "on-primary-container": n == "primary",
+              "on-secondary-container": n == "secondary",
+              "on-tertiary-container": n == "tertiary"
             }),
-            triggerRef: b
+            triggerRef: w
           }
         ) }),
-        /* @__PURE__ */ u(Q, { icon: i, className: h.icon }),
-        /* @__PURE__ */ u(A, { children: s && /* @__PURE__ */ u(
-          U.span,
+        /* @__PURE__ */ u(Z, { icon: i, className: f.icon }),
+        /* @__PURE__ */ u(Q, { children: s && /* @__PURE__ */ u(
+          F.span,
           {
-            variants: L,
+            variants: g,
             initial: "hidden",
             animate: "visible",
             exit: "hidden",
-            className: h.label,
+            className: f.label,
             children: t
           }
         ) })
       ]
     }
   );
-}, ie = ({
+}, fe = ({
   variant: e = "standard",
   href: t,
-  disabled: r = !1,
+  disabled: n = !1,
   type: o = "button",
-  title: n,
-  label: a,
+  title: r,
+  label: c,
   onToggle: i,
   activated: s = !1,
-  onClick: f,
-  icon: l,
-  size: p = "medium",
-  iconSelected: m,
-  className: c,
-  ref: h,
-  width: v = "default",
-  shape: b = "rounded",
-  allowShapeTransformation: L = !0,
-  transition: I,
-  children: w,
+  onClick: d,
+  icon: a,
+  size: y = "medium",
+  iconSelected: p,
+  className: l,
+  ref: f,
+  width: m = "default",
+  shape: w = "rounded",
+  allowShapeTransformation: g = !0,
+  transition: N,
+  children: b,
   ...B
 }) => {
-  if (w && (a = w), !a)
+  if (b && (c = b), !c)
     throw new Error(
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
-  n || (n = a);
-  const [N, E] = Y.useState(s);
+  r || (r = c);
+  const [E, I] = K.useState(s);
   let C;
   i ? i && (C = (M) => {
-    r && M.preventDefault(), E(!N), i(!!N);
-  }, l = N && m || l) : C = (M) => {
-    r && M.preventDefault(), f && f(M);
-  }, $(() => {
-    E(s);
+    n && M.preventDefault(), I(!E), i(!!E);
+  }, a = E && p || a) : C = (M) => {
+    n && M.preventDefault(), d && d(M);
+  }, R(() => {
+    I(s);
   }, [s]);
-  const V = t ? "a" : "button", P = Ue({
-    transition: I,
-    shape: b,
-    allowShapeTransformation: L,
-    width: v,
+  const V = t ? "a" : "button", D = _e({
+    transition: N,
+    shape: w,
+    allowShapeTransformation: g,
+    width: m,
     href: t,
-    activated: N,
-    label: a,
-    iconSelected: m,
-    isActive: N,
+    activated: E,
+    label: c,
+    iconSelected: p,
+    isActive: E,
     onToggle: i,
-    disabled: r,
-    icon: l,
+    disabled: n,
+    icon: a,
     variant: e,
-    className: c,
-    size: p,
-    children: a,
+    className: l,
+    size: y,
+    children: c,
     ...B
-  }), k = j(null), y = h || k;
-  return I = { duration: 0.3, ...I }, /* @__PURE__ */ D(
+  }), k = W(null), v = f || k;
+  return N = { duration: 0.3, ...N }, /* @__PURE__ */ A(
     V,
     {
-      disabled: r,
+      disabled: n,
       href: t,
-      style: { transition: I.duration + "s" },
-      className: P.iconButton,
-      "aria-label": a,
+      style: { transition: N.duration + "s" },
+      className: D.iconButton,
+      "aria-label": c,
       ...B,
       title: void 0,
       onClick: C,
-      ref: y,
+      ref: v,
       children: [
         /* @__PURE__ */ u(
-          we,
+          Ee,
           {
-            targetRef: y,
-            trigger: r ? null : void 0,
-            text: n
+            targetRef: v,
+            trigger: n ? null : void 0,
+            text: r
           }
         ),
-        /* @__PURE__ */ u("div", { className: P.touchTarget }),
+        /* @__PURE__ */ u("div", { className: D.touchTarget }),
         /* @__PURE__ */ u(
           "div",
           {
-            className: P.stateLayer,
-            style: { transition: I.duration + "s" },
-            children: !r && /* @__PURE__ */ u(
-              ne,
+            className: D.stateLayer,
+            style: { transition: N.duration + "s" },
+            children: !n && /* @__PURE__ */ u(
+              re,
               {
-                colorName: d(
+                colorName: h(
                   e === "standard" && {
-                    "on-surface-variant": !N,
-                    primary: N
+                    "on-surface-variant": !E,
+                    primary: E
                   },
                   e === "filled" && {
-                    primary: !N && !!i,
-                    "inverse-on-surface": N || !i
+                    primary: !E && !!i,
+                    "inverse-on-surface": E || !i
                   },
                   e === "tonal" && {
-                    "on-surface-variant": !N && !!i,
-                    "on-secondary-container": N || !i
+                    "on-surface-variant": !E && !!i,
+                    "on-secondary-container": E || !i
                   },
                   e === "outlined" && {
-                    "on-surface-variant": !N,
-                    "on-primary": N
+                    "on-surface-variant": !E,
+                    "on-primary": E
                   }
                 ),
-                triggerRef: y
+                triggerRef: v
               }
             )
           }
         ),
-        l && /* @__PURE__ */ u(Q, { icon: l, className: P.icon })
+        a && /* @__PURE__ */ u(Z, { icon: a, className: D.icon })
       ]
     }
   );
-}, St = ({
+}, Yt = ({
   className: e,
   valueFormatter: t,
-  step: r = 10,
+  step: n = 10,
   name: o,
-  value: n = 0,
-  min: a = 0,
+  value: r = 0,
+  min: c = 0,
   max: i = 100,
   marks: s = [
     {
@@ -1966,99 +2218,99 @@ const we = ({
       label: "100"
     }
   ],
-  ref: f,
-  onChange: l,
-  ...p
+  ref: d,
+  onChange: a,
+  ...y
 }) => {
-  const m = (g) => {
-    const x = h(), W = c();
-    return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / (W - x) * 100;
-  }, c = (g = !1) => g ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, h = (g = !1) => g ? a : a == -1 / 0 ? s[0].value : a, v = (g) => {
-    const x = h(!1);
-    return (c(!1) - x) * g / 100 + x;
-  }, [b, L] = R(!1), I = j(null), w = f || I, [B, N] = R(n), [E, C] = R(m(n)), [V, P] = R(!1), k = (g) => {
-    P(!0), L(!0), O(g);
-  }, y = () => {
-    P(!1), L(!1);
+  const p = (L) => {
+    const x = f(), P = l();
+    return L === 1 / 0 ? 100 : L === -1 / 0 ? 0 : (L - x) / (P - x) * 100;
+  }, l = (L = !1) => L ? i : i == 1 / 0 ? s[(s == null ? void 0 : s.length) - 1].value : i, f = (L = !1) => L ? c : c == -1 / 0 ? s[0].value : c, m = (L) => {
+    const x = f(!1);
+    return (l(!1) - x) * L / 100 + x;
+  }, [w, g] = S(!1), N = W(null), b = d || N, [B, E] = S(r), [I, C] = S(p(r)), [V, D] = S(!1), k = (L) => {
+    D(!0), g(!0), Y(L);
+  }, v = () => {
+    D(!1), g(!1);
   };
-  $(() => (V ? (window.addEventListener("mouseup", y), window.addEventListener("mousemove", O), window.addEventListener("touchend", y), window.addEventListener("touchmove", O)) : (window.removeEventListener("mouseup", y), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", y), window.removeEventListener("touchmove", O)), () => {
-    window.removeEventListener("mouseup", y), window.removeEventListener("mousemove", O), window.removeEventListener("touchend", y), window.removeEventListener("touchmove", O);
+  R(() => (V ? (window.addEventListener("mouseup", v), window.addEventListener("mousemove", Y), window.addEventListener("touchend", v), window.addEventListener("touchmove", Y)) : (window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", Y)), () => {
+    window.removeEventListener("mouseup", v), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", v), window.removeEventListener("touchmove", Y);
   }), [V]);
-  const M = He({
+  const M = Je({
     className: e,
-    isChanging: b,
+    isChanging: w,
     marks: s,
     max: i,
-    min: a,
+    min: c,
     name: o,
-    step: r,
+    step: n,
     value: B,
     valueFormatter: t,
-    onChange: l
-  }), O = (g) => {
-    const x = w == null ? void 0 : w.current;
+    onChange: a
+  }), Y = (L) => {
+    const x = b == null ? void 0 : b.current;
     if (x) {
-      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 });
+      const P = x.getBoundingClientRect().left, $ = ((L.type === "touchmove" || L.type === "touchstart" ? L.touches[0].clientX : L.clientX) - P) / x.offsetWidth * 100;
+      q({ pourcent: $ });
     }
-  }, K = ({
-    pourcent: g,
+  }, q = ({
+    pourcent: L,
     value: x
   }) => {
-    if (g) {
-      if (g >= 100) {
-        N(c(!0)), C(100);
+    if (L) {
+      if (L >= 100) {
+        E(l(!0)), C(100);
         return;
       }
-      if (g <= 0) {
-        N(h(!0)), C(0);
+      if (L <= 0) {
+        E(f(!0)), C(0);
         return;
       }
-      x = v(g), x == h() && (x = h(!0)), x == c() && (x = c(!0));
+      x = m(L), x == f() && (x = f(!0)), x == l() && (x = l(!0));
     } else if (x != null) {
-      if (x >= c()) {
-        N(c(!0)), C(100);
+      if (x >= l()) {
+        E(l(!0)), C(100);
         return;
       }
-      if (x <= h()) {
-        N(h(!0)), C(0);
+      if (x <= f()) {
+        E(f(!0)), C(0);
         return;
       }
-      g = m(x);
+      L = p(x);
     } else
       return;
-    r != null ? x = Math.round((x - h()) / r) * r + h() : s && (x = s.reduce((W, F, S) => {
-      let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? h() : F.value, H = W.value === 1 / 0 ? c() : W.value === -1 / 0 ? h() : W.value;
-      return X = Math.abs(X - x), H = Math.abs(H - x), X < H ? F : W;
-    }).value), x >= c() && (x = c(!0)), x <= h() && (x = h(!0)), g = m(x), N(x), C(g), l && l(x);
-  }, [Z, q] = R(0);
-  return $(() => {
-    const g = () => {
-      w.current && q(w.current.offsetWidth);
+    n != null ? x = Math.round((x - f()) / n) * n + f() : s && (x = s.reduce((P, H, $) => {
+      let U = H.value === 1 / 0 ? l() : H.value === -1 / 0 ? f() : H.value, X = P.value === 1 / 0 ? l() : P.value === -1 / 0 ? f() : P.value;
+      return U = Math.abs(U - x), X = Math.abs(X - x), U < X ? H : P;
+    }).value), x >= l() && (x = l(!0)), x <= f() && (x = f(!0)), L = p(x), E(x), C(L), a && a(x);
+  }, [G, j] = S(0);
+  return R(() => {
+    const L = () => {
+      b.current && j(b.current.offsetWidth);
     };
-    return g(), window.addEventListener("resize", g), () => {
-      window.removeEventListener("resize", g);
+    return L(), window.addEventListener("resize", L), () => {
+      window.removeEventListener("resize", L);
     };
-  }, []), /* @__PURE__ */ D(
+  }, []), /* @__PURE__ */ A(
     "div",
     {
       tabIndex: 0,
-      onKeyDown: (g) => {
-        switch (g.key) {
+      onKeyDown: (L) => {
+        switch (L.key) {
           case "ArrowRight":
-            if (r)
-              K({ value: B + r });
+            if (n)
+              q({ value: B + n });
             else if (s) {
-              const x = s.find((W) => W.value > B);
-              x && K({ value: x.value });
+              const x = s.find((P) => P.value > B);
+              x && q({ value: x.value });
             }
             break;
           case "ArrowLeft":
-            if (r)
-              K({ value: B - r });
+            if (n)
+              q({ value: B - n });
             else if (s) {
-              const x = s.slice(0).reverse().find((W, F, S) => B === 1 / 0 ? F === 1 : W.value < B);
-              x && K({ value: x.value });
+              const x = s.slice(0).reverse().find((P, H, $) => B === 1 / 0 ? H === 1 : P.value < B);
+              x && q({ value: x.value });
             }
             break;
           default:
@@ -2066,28 +2318,28 @@ const we = ({
         }
       },
       role: "slider",
-      "aria-valuemin": h(!0),
-      "aria-valuemax": c(!0),
+      "aria-valuemin": f(!0),
+      "aria-valuemax": l(!0),
       "aria-valuenow": B,
       "aria-valuetext": B.toString(),
       className: M.slider,
       onMouseDown: k,
-      onClick: O,
-      ref: w,
+      onClick: Y,
+      ref: b,
       onTouchStart: k,
-      onDragStart: (g) => g.preventDefault(),
-      ...p,
+      onDragStart: (L) => L.preventDefault(),
+      ...y,
       children: [
         /* @__PURE__ */ u("input", { type: "hidden", name: o, value: B }),
         /* @__PURE__ */ u(
           "div",
           {
             className: M.activeTrack,
-            style: { flex: E / 100 }
+            style: { flex: I / 100 }
           }
         ),
-        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(A, { children: b && /* @__PURE__ */ u(
-          U.div,
+        /* @__PURE__ */ u("div", { className: M.handle, children: /* @__PURE__ */ u(Q, { children: w && /* @__PURE__ */ u(
+          F.div,
           {
             className: M.valueIndicator,
             initial: "hidden",
@@ -2110,25 +2362,25 @@ const we = ({
           "div",
           {
             className: M.inactiveTrack,
-            style: { flex: 1 - E / 100 }
+            style: { flex: 1 - I / 100 }
           }
         ),
         /* @__PURE__ */ u(
           "div",
           {
             className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
-            children: s && s.map((g, x) => {
-              let W = null;
-              const F = (b ? 9 : 10) / Z * 100, S = m(g.value);
-              return S <= E - F ? W = !0 : S >= E + F && (W = !1), /* @__PURE__ */ u(
+            children: s && s.map((L, x) => {
+              let P = null;
+              const H = (w ? 9 : 10) / G * 100, $ = p(L.value);
+              return $ <= I - H ? P = !0 : $ >= I + H && (P = !1), /* @__PURE__ */ u(
                 "div",
                 {
-                  className: d(M.dot, {
-                    "bg-primary-container": W != null && W,
-                    "bg-primary": W != null && !W
+                  className: h(M.dot, {
+                    "bg-primary-container": P != null && P,
+                    "bg-primary": P != null && !P
                   }),
                   style: {
-                    left: `${m(g.value)}%`
+                    left: `${p(L.value)}%`
                   }
                 },
                 x
@@ -2141,160 +2393,160 @@ const we = ({
   );
 };
 /*!
- * Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com
+ * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2025 Fonticons, Inc.
  */
-var at = {
+var wt = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, ue = {
+}, me = {
   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"]
-}, st = {
+}, xt = {
   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 Rt = ({
+const jt = ({
   variant: e = "standard",
   className: t,
-  children: r,
+  children: n,
   title: o,
-  position: n = "right",
-  extended: a,
+  position: r = "right",
+  extended: c,
   divider: i,
   onExtendedChange: s,
-  closeIcon: f = ue,
-  transition: l,
-  ...p
+  closeIcon: d = me,
+  transition: a,
+  ...y
 }) => {
-  l = { duration: 0.3, ...l };
-  const [m, c] = R(a ?? !0), h = Xe({
-    transition: l,
+  a = { duration: 0.3, ...a };
+  const [p, l] = S(c ?? !0), f = Ge({
+    transition: a,
     title: o,
-    position: n,
-    closeIcon: f,
+    position: r,
+    closeIcon: d,
     className: t,
-    children: r,
+    children: n,
     onExtendedChange: s,
     divider: i,
-    isExtended: m,
-    extended: m,
+    isExtended: p,
+    extended: p,
     variant: e
   });
-  $(() => {
-    s == null || s(m ?? !1);
-  }, [m]), $(() => {
-    a != null && c(a);
-  }, [a]);
-  const v = {
+  R(() => {
+    s == null || s(p ?? !1);
+  }, [p]), R(() => {
+    c != null && l(c);
+  }, [c]);
+  const m = {
     close: {
       width: 0
     },
     open: {
       width: "auto"
     }
-  }, b = () => /* @__PURE__ */ D(te, { children: [
-    /* @__PURE__ */ u(A, { children: e == "modal" && m && /* @__PURE__ */ u(
-      U.div,
+  }, w = () => /* @__PURE__ */ A(T, { children: [
+    /* @__PURE__ */ u(Q, { children: e == "modal" && p && /* @__PURE__ */ u(
+      F.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: l,
-        onClick: () => c(!1),
-        className: h.overlay
+        transition: a,
+        onClick: () => l(!1),
+        className: f.overlay
       }
     ) }),
-    /* @__PURE__ */ u(A, { children: m && /* @__PURE__ */ D(
+    /* @__PURE__ */ u(Q, { children: p && /* @__PURE__ */ A(
       "div",
       {
-        ...p,
-        className: h.slideSheet,
-        style: { transition: l.duration + "s" },
+        ...y,
+        className: f.slideSheet,
+        style: { transition: a.duration + "s" },
         children: [
-          /* @__PURE__ */ D(
-            U.div,
+          /* @__PURE__ */ A(
+            F.div,
             {
-              variants: v,
-              initial: a === !1 ? "open" : "close",
+              variants: m,
+              initial: c === !1 ? "open" : "close",
               animate: "open",
               exit: "close",
-              className: h.container,
+              className: f.container,
               children: [
-                /* @__PURE__ */ D("div", { className: h.header, children: [
-                  o && /* @__PURE__ */ u("p", { className: h.title, children: o }),
+                /* @__PURE__ */ A("div", { className: f.header, children: [
+                  o && /* @__PURE__ */ u("p", { className: f.title, children: o }),
                   /* @__PURE__ */ u(
-                    ie,
+                    fe,
                     {
                       size: "small",
                       label: "close",
-                      icon: f,
-                      onClick: () => c(!1),
-                      className: h.closeButton
+                      icon: d,
+                      onClick: () => l(!1),
+                      className: f.closeButton
                     }
                   )
                 ] }),
                 /* @__PURE__ */ u(
                   "div",
                   {
-                    className: h.content,
-                    style: { transition: l.duration + "s" },
-                    children: r
+                    className: f.content,
+                    style: { transition: a.duration + "s" },
+                    children: n
                   }
                 )
               ]
             }
           ),
-          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(tt, { className: h.divider, orientation: "vertical" })
+          (i == null && e == "standard" ? !0 : i) && /* @__PURE__ */ u(ht, { className: f.divider, orientation: "vertical" })
         ]
       }
     ) })
   ] });
-  return e == "modal" ? ye(b(), document.body) : b();
-}, Ct = ({
+  return e == "modal" ? be(w(), document.body) : w();
+}, Ot = ({
   message: e,
   className: t,
-  duration: r,
-  closeIcon: o = ue,
-  onClose: n,
-  ...a
+  duration: n,
+  closeIcon: o = me,
+  onClose: r,
+  ...c
 }) => {
-  const [i, s] = R(!0), f = Oe({
+  const [i, s] = S(!0), d = Ze({
     className: t,
     closeIcon: o,
-    duration: r,
+    duration: n,
     isVisible: i,
-    onClose: n,
+    onClose: r,
     message: e
   });
-  $(() => {
-    r && setTimeout(() => {
-      l();
-    }, r);
-  }, [r]);
-  const l = () => {
-    s(!1), n == null || n();
+  R(() => {
+    n && setTimeout(() => {
+      a();
+    }, n);
+  }, [n]);
+  const a = () => {
+    s(!1), r == null || r();
   };
-  return /* @__PURE__ */ u(A, { children: i && /* @__PURE__ */ u(
-    U.div,
+  return /* @__PURE__ */ u(Q, { children: i && /* @__PURE__ */ u(
+    F.div,
     {
       initial: { height: 0 },
       animate: { height: "auto" },
       exit: { height: 0 },
       transition: { duration: 0.1 },
-      className: f.snackbar,
-      ...a,
-      children: /* @__PURE__ */ D("div", { className: f.container, children: [
-        /* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
+      className: d.snackbar,
+      ...c,
+      children: /* @__PURE__ */ A("div", { className: d.container, children: [
+        /* @__PURE__ */ u("p", { className: d.supportingText, children: e }),
         /* @__PURE__ */ u(
-          ie,
+          fe,
           {
-            onClick: () => l(),
-            className: f.icon,
+            onClick: () => a(),
+            className: d.icon,
             icon: o,
             label: "close the snackbar"
           }
@@ -2302,144 +2554,144 @@ const Rt = ({
       ] })
     }
   ) });
-}, Mt = ({
+}, qt = ({
   selected: e = !1,
   className: t,
-  activeIcon: r,
+  activeIcon: n,
   disabled: o = !1,
-  inactiveIcon: n,
-  onChange: a,
+  inactiveIcon: r,
+  onChange: c,
   onClick: i,
   onKeyDown: s,
-  ref: f,
-  ...l
+  ref: d,
+  ...a
 }) => {
-  const [p, m] = R(e), c = (w) => {
-    o || (v(), i && i(w));
-  }, h = (w) => {
-    o || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), s && s(w));
-  }, v = () => {
-    m(!p), a == null || a(!p);
-  }, b = qe({
+  const [y, p] = S(e), l = (b) => {
+    o || (m(), i && i(b));
+  }, f = (b) => {
+    o || ((b.key === " " || b.key === "Enter") && (b.preventDefault(), m()), s && s(b));
+  }, m = () => {
+    p(!y), c == null || c(!y);
+  }, w = Qe({
     className: t,
-    isSelected: p,
-    activeIcon: r,
-    inactiveIcon: n,
+    isSelected: y,
+    activeIcon: n,
+    inactiveIcon: r,
     disabled: o,
-    selected: p,
-    onChange: a
-  }), L = j(null), I = f || L;
-  return /* @__PURE__ */ D(
-    U.div,
+    selected: y,
+    onChange: c
+  }), g = W(null), N = d || g;
+  return /* @__PURE__ */ A(
+    F.div,
     {
       role: "switch",
-      "aria-checked": p,
+      "aria-checked": y,
       tabIndex: o ? -1 : 0,
-      onKeyDown: h,
-      onClick: c,
-      ref: I,
-      className: b.switch,
-      ...l,
+      onKeyDown: f,
+      onClick: l,
+      ref: N,
+      className: w.switch,
+      ...a,
       children: [
-        /* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
-        /* @__PURE__ */ D(
-          U.div,
+        /* @__PURE__ */ u("input", { type: "hidden", value: y ? "1" : "0" }),
+        /* @__PURE__ */ A(
+          F.div,
           {
             layout: !0,
-            style: { translate: p ? "50%" : "-50%" },
+            style: { translate: y ? "50%" : "-50%" },
             transition: {
               type: "spring",
               stiffness: 700,
               damping: 30
             },
-            className: b.handleContainer,
+            className: w.handleContainer,
             children: [
-              /* @__PURE__ */ u("div", { className: b.handle, children: (p ? r : n) && /* @__PURE__ */ u(
-                Q,
+              /* @__PURE__ */ u("div", { className: w.handle, children: (y ? n : r) && /* @__PURE__ */ u(
+                Z,
                 {
-                  className: b.icon,
-                  icon: p ? r : n
+                  className: w.icon,
+                  icon: y ? n : r
                 }
               ) }),
-              /* @__PURE__ */ u("div", { className: b.handleStateLayer })
+              /* @__PURE__ */ u("div", { className: w.handleStateLayer })
             ]
           }
         )
       ]
     }
   );
-}, ct = ({
+}, bt = ({
   className: e,
   onClick: t,
-  label: r,
+  label: n,
   variant: o = "primary",
-  href: n,
-  icon: a,
+  href: r,
+  icon: c,
   selectedTab: i,
   setSelectedTab: s,
-  tabsId: f,
-  index: l,
-  onTabSelected: p,
-  scrollable: m = !1,
-  selected: c = !1,
-  ref: h,
-  ...v
+  tabsId: d,
+  index: a,
+  onTabSelected: y,
+  scrollable: p = !1,
+  selected: l = !1,
+  ref: f,
+  ...m
 }) => {
-  const b = j(null), L = h || b, [I, w] = R(c);
-  $(() => {
-    c && i == null ? w(!0) : w(i == l && l != null);
-  }, [i]), $(() => {
-    i == l && p && p({
-      ref: L,
-      index: l || 0,
-      label: r,
-      icon: a
+  const w = W(null), g = f || w, [N, b] = S(l);
+  R(() => {
+    l && i == null ? b(!0) : b(i == a && a != null);
+  }, [i]), R(() => {
+    i == a && y && y({
+      ref: g,
+      index: a || 0,
+      label: n,
+      icon: c
     });
   }, [i]);
-  const B = n ? "a" : "button", N = (C) => {
-    s && s(l ?? null), t && t(C);
-  }, E = _e({
+  const B = r ? "a" : "button", E = (C) => {
+    s && s(a ?? null), t && t(C);
+  }, I = ze({
     className: e,
-    onTabSelected: p,
-    scrollable: m,
+    onTabSelected: y,
+    scrollable: p,
     selectedTab: i,
-    index: l,
-    tabsId: f,
-    selected: I,
+    index: a,
+    tabsId: d,
+    selected: N,
     variant: o,
-    icon: a,
-    label: r,
-    isSelected: I,
+    icon: c,
+    label: n,
+    isSelected: N,
     setSelectedTab: s,
-    href: n
+    href: r
   });
-  return /* @__PURE__ */ D(
+  return /* @__PURE__ */ A(
     B,
     {
-      ...v,
+      ...m,
       role: "tab",
-      "aria-selected": I,
-      ref: L,
-      href: n,
-      className: E.tab,
-      onClick: N,
-      ...v,
+      "aria-selected": N,
+      ref: g,
+      href: r,
+      className: I.tab,
+      onClick: E,
+      ...m,
       children: [
-        /* @__PURE__ */ u("span", { className: E.stateLayer, children: /* @__PURE__ */ u(
-          ne,
+        /* @__PURE__ */ u("span", { className: I.stateLayer, children: /* @__PURE__ */ u(
+          re,
           {
-            colorName: o === "primary" && I ? "primary" : "on-surface",
-            triggerRef: L
+            colorName: o === "primary" && N ? "primary" : "on-surface",
+            triggerRef: g
           }
         ) }),
-        /* @__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(
-            U.span,
+        /* @__PURE__ */ A("span", { className: I.content, children: [
+          c && /* @__PURE__ */ u(Z, { icon: c, className: I.icon }),
+          /* @__PURE__ */ u("span", { className: I.label, children: n }),
+          N && /* @__PURE__ */ u(
+            F.span,
             {
-              layoutId: `underline-${f}`,
-              className: E.underline,
+              layoutId: `underline-${d}`,
+              className: I.underline,
               transition: { duration: 0.3 }
             }
           )
@@ -2447,143 +2699,143 @@ const Rt = ({
       ]
     }
   );
-}, Bt = ({
+}, _t = ({
   variant: e = "primary",
   onTabSelected: t,
-  children: r,
+  children: n,
   className: o,
-  selectedTab: n,
-  setSelectedTab: a,
+  selectedTab: r,
+  setSelectedTab: c,
   scrollable: i = !1
 }) => {
-  const [s, f] = R(
+  const [s, d] = S(
     null
   );
-  let l;
-  n == 0 || n != null ? l = n : l = s;
-  const p = a || f, m = Y.Children.toArray(r).filter(
-    (L) => Y.isValidElement(L) && L.type === ct
-  ), c = Y.useRef(null), h = (L) => {
-    if (t == null || t(L), i) {
-      const I = c.current, w = L.ref.current;
-      if (I && w) {
-        const B = w.offsetLeft + w.offsetWidth / 2 - I.offsetWidth / 2;
-        I.scrollTo({ left: B, behavior: "smooth" });
+  let a;
+  r == 0 || r != null ? a = r : a = s;
+  const y = c || d, p = K.Children.toArray(n).filter(
+    (g) => K.isValidElement(g) && g.type === bt
+  ), l = K.useRef(null), f = (g) => {
+    if (t == null || t(g), i) {
+      const N = l.current, b = g.ref.current;
+      if (N && b) {
+        const B = b.offsetLeft + b.offsetWidth / 2 - N.offsetWidth / 2;
+        N.scrollTo({ left: B, behavior: "smooth" });
       }
     }
-  }, v = be(() => ce(), []), b = Ke({
-    children: r,
+  }, m = ue(() => de(), []), w = Te({
+    children: n,
     onTabSelected: t,
     scrollable: i,
-    selectedTab: l,
-    setSelectedTab: p,
+    selectedTab: a,
+    setSelectedTab: y,
     className: o,
     variant: e
   });
-  return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: b.tabs, children: m.map((L, I) => Y.cloneElement(L, {
-    key: I,
-    index: I,
+  return /* @__PURE__ */ u("div", { ref: l, role: "tablist", className: w.tabs, children: p.map((g, N) => K.cloneElement(g, {
+    key: N,
+    index: N,
     variant: e,
-    selectedTab: l,
-    setSelectedTab: p,
-    tabsId: v,
-    onTabSelected: h,
+    selectedTab: a,
+    setSelectedTab: y,
+    tabsId: m,
+    onTabSelected: f,
     scrollable: i
   })) });
-}, $t = ({
+}, Kt = ({
   variant: e = "filled",
   disabled: t = !1,
-  errorText: r,
+  errorText: n,
   placeholder: o,
-  suffix: n,
-  name: a,
+  suffix: r,
+  name: c,
   label: i,
   className: s,
-  supportingText: f,
-  trailingIcon: l,
-  leadingIcon: p,
-  type: m = "text",
-  textLine: c = "singleLine",
-  autoComplete: h = "on",
-  onChange: v,
-  value: b,
-  showSupportingText: L = !1,
-  ...I
+  supportingText: d,
+  trailingIcon: a,
+  leadingIcon: y,
+  type: p = "text",
+  textLine: l = "singleLine",
+  autoComplete: f = "on",
+  onChange: m,
+  value: w,
+  showSupportingText: g = !1,
+  ...N
 }) => {
-  const [w, B] = R(b ?? ""), [N, E] = R(!1), [C, V] = R(!1), [P, k] = R(
-    L
+  const [b, B] = S(w ?? ""), [E, I] = S(!1), [C, V] = S(!1), [D, k] = S(
+    g
   );
-  $(() => {
-    B(b ?? "");
-  }, [b]), $(() => {
-    r != null && r.length ? V(!0) : V(!1);
-  }, [r]), $(() => {
-    L ? k(L) : f != null && f.length ? k(!0) : k(!1);
-  }, [P, f]), $(() => {
-    N && V(!1);
-  }, [N]);
-  const y = Y.useRef(null), M = () => {
-    y.current && !N && y.current.focus();
-  }, O = () => {
-    E(!0);
-  }, K = (W) => {
-    const F = W.target.value;
-    B(F), V(!1), typeof v == "function" && v(F);
-  }, Z = () => {
-    E(!1);
-  }, q = Ge({
-    showSupportingText: P,
-    isFocused: N,
+  R(() => {
+    B(w ?? "");
+  }, [w]), R(() => {
+    n != null && n.length ? V(!0) : V(!1);
+  }, [n]), R(() => {
+    g ? k(g) : d != null && d.length ? k(!0) : k(!1);
+  }, [D, d]), R(() => {
+    E && V(!1);
+  }, [E]);
+  const v = K.useRef(null), M = () => {
+    v.current && !E && v.current.focus();
+  }, Y = () => {
+    I(!0);
+  }, q = (P) => {
+    const H = P.target.value;
+    B(H), V(!1), typeof m == "function" && m(H);
+  }, G = () => {
+    I(!1);
+  }, j = et({
+    showSupportingText: D,
+    isFocused: E,
     showErrorIcon: C,
     disabled: t,
-    name: a,
+    name: c,
     label: i,
-    autoComplete: h,
+    autoComplete: f,
     className: s,
-    onChange: v,
+    onChange: m,
     placeholder: o,
-    supportingText: f,
-    type: m,
-    leadingIcon: p,
-    trailingIcon: l,
+    supportingText: d,
+    type: p,
+    leadingIcon: y,
+    trailingIcon: a,
     variant: e,
-    errorText: r,
-    value: w,
-    suffix: n,
-    textLine: c
-  }), [z] = R(ce());
-  let g, x;
-  switch (c) {
+    errorText: n,
+    value: b,
+    suffix: r,
+    textLine: l
+  }), [z] = S(de());
+  let L, x;
+  switch (l) {
     case "multiLine":
-      x = Re, g = {};
+      x = Ae, L = {};
       break;
     case "textAreas":
-      x = "textarea", g = {};
+      x = "textarea", L = {};
       break;
     case "singleLine":
     default:
-      x = "input", g = { type: m };
+      x = "input", L = { type: p };
       break;
   }
-  return /* @__PURE__ */ D("div", { className: q.textField, ...I, children: [
-    /* @__PURE__ */ D("fieldset", { onClick: M, className: q.content, children: [
-      /* @__PURE__ */ u("div", { className: q.stateLayer }),
-      p && /* @__PURE__ */ u("div", { className: q.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
-      !(!N && !w.length || e == "filled") && /* @__PURE__ */ u(
-        U.legend,
+  return /* @__PURE__ */ A("div", { className: j.textField, ...N, children: [
+    /* @__PURE__ */ A("fieldset", { onClick: M, className: j.content, children: [
+      /* @__PURE__ */ u("div", { className: j.stateLayer }),
+      y && /* @__PURE__ */ u("div", { className: j.leadingIcon, children: K.isValidElement(y) ? y : /* @__PURE__ */ u(Z, { className: "w-5 h-5", icon: y }) }),
+      !(!E && !b.length || e == "filled") && /* @__PURE__ */ u(
+        F.legend,
         {
           variants: {
             hidden: { width: 0, padding: 0 },
             visible: { width: "auto", padding: "0 8px" }
           },
           initial: "hidden",
-          animate: !N && !w.length ? "hidden" : "visible",
+          animate: !E && !b.length ? "hidden" : "visible",
           className: "max-w-full ml-2 px-2 text-body-small h-0",
           transition: { duration: 0.2 },
           children: /* @__PURE__ */ u("span", { className: "transform inline-flex -translate-y-1/2", children: /* @__PURE__ */ u(
-            U.span,
+            F.span,
             {
-              className: q.label,
+              className: j.label,
               transition: { duration: 0.3 },
               layoutId: z,
               children: i
@@ -2591,23 +2843,23 @@ const Rt = ({
           ) })
         }
       ),
-      /* @__PURE__ */ D("div", { className: "flex-1 relative", children: [
-        (!N && !w.length || e == "filled") && /* @__PURE__ */ u(
-          U.label,
+      /* @__PURE__ */ A("div", { className: "flex-1 relative", children: [
+        (!E && !b.length || e == "filled") && /* @__PURE__ */ u(
+          F.label,
           {
-            htmlFor: a,
-            className: d(
+            htmlFor: c,
+            className: h(
               "absolute left-4  transition-all duration-300",
               {
-                "text-body-small top-2": e == "filled" && !(!N && !w.length),
-                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!N && !w.length))
+                "text-body-small top-2": e == "filled" && !(!E && !b.length),
+                "text-body-large top-1/2 transform -translate-y-1/2": !(e == "filled" && !(!E && !b.length))
               }
             ),
             transition: { duration: 0.3 },
             children: /* @__PURE__ */ u(
-              U.span,
+              F.span,
               {
-                className: q.label,
+                className: j.label,
                 transition: { duration: 0.3 },
                 layoutId: e == "outlined" ? z : void 0,
                 children: i
@@ -2618,59 +2870,59 @@ const Rt = ({
         /* @__PURE__ */ u(
           x,
           {
-            ref: y,
-            value: w,
-            onChange: K,
-            className: q.input,
-            id: a,
-            name: a,
-            placeholder: N ? o ?? void 0 : "",
-            onFocus: O,
-            onBlur: Z,
+            ref: v,
+            value: b,
+            onChange: q,
+            className: j.input,
+            id: c,
+            name: c,
+            placeholder: E ? o ?? void 0 : "",
+            onFocus: Y,
+            onBlur: G,
             disabled: t,
-            autoComplete: h,
-            "aria-invalid": !!(r != null && r.length),
+            autoComplete: f,
+            "aria-invalid": !!(n != null && n.length),
             "aria-label": i,
-            ...g
+            ...L
           }
         )
       ] }),
-      /* @__PURE__ */ u("div", { className: q.activeIndicator }),
-      !C && /* @__PURE__ */ D(te, { children: [
-        l && /* @__PURE__ */ u(
+      /* @__PURE__ */ u("div", { className: j.activeIndicator }),
+      !C && /* @__PURE__ */ A(T, { children: [
+        a && /* @__PURE__ */ u(
           "div",
           {
-            onClick: (W) => {
-              W.stopPropagation();
+            onClick: (P) => {
+              P.stopPropagation();
             },
-            className: q.trailingIcon,
-            children: Y.isValidElement(l) ? l : /* @__PURE__ */ u(Q, { className: "h-5", icon: l })
+            className: j.trailingIcon,
+            children: K.isValidElement(a) ? a : /* @__PURE__ */ u(Z, { className: "h-5", icon: a })
           }
         ),
-        !l && n && /* @__PURE__ */ u("span", { className: q.suffix, children: n })
+        !a && r && /* @__PURE__ */ u("span", { className: j.suffix, children: r })
       ] }),
       C && /* @__PURE__ */ u(
         "div",
         {
-          className: d(q.trailingIcon, {
-            " absolute right-0": !l
+          className: h(j.trailingIcon, {
+            " absolute right-0": !a
           }),
           children: /* @__PURE__ */ u(
-            Q,
+            Z,
             {
               className: "h-5 text-error",
-              icon: at
+              icon: wt
             }
           )
         }
       )
     ] }),
-    P && /* @__PURE__ */ u("p", { className: q.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
+    D && /* @__PURE__ */ u("p", { className: j.supportingText, children: n != null && n.length ? n : d != null && d.length ? d : " " })
   ] });
-}, it = _(
+}, Lt = O(
   "navigationRailItem",
-  ({ isSelected: e, icon: t, label: r, variant: o }) => ({
-    navigationRailItem: d(
+  ({ isSelected: e, icon: t, label: n, variant: o }) => ({
+    navigationRailItem: h(
       " group flex flex-col  pt-1 pb-1.5 cursor-pointer",
       {
         "text-on-surface-variant": !e,
@@ -2679,15 +2931,15 @@ const Rt = ({
         "gap-0  h-[66px]": o == "horizontal"
       }
     ),
-    container: d(
+    container: h(
       " w-fit flex justify-center  relative rounded-full items-center mx-5",
       {
         "bg-secondary-container overflow-hidden": e,
         "gap-2 ": o == "horizontal",
         "gap-0 ": o == "vertical",
-        "p-4": !r
+        "p-4": !n
       },
-      r && [
+      n && [
         "px-4",
         {
           "py-1 ": o == "vertical",
@@ -2695,142 +2947,142 @@ const Rt = ({
         }
       ]
     ),
-    stateLayer: d(
+    stateLayer: h(
       "  absolute w-full rounded-full h-full left-0 top-0  ",
       {
         "group-state-on-surface": !e,
         "group-state-on-secondary-container": e
       }
     ),
-    icon: d("size-6 flex"),
-    label: d("w-fit mx-auto text-nowrap", {
+    icon: h("size-6 flex"),
+    label: h("w-fit mx-auto text-nowrap", {
       "text-label-large ": o == "horizontal",
       "text-label-medium": o == "vertical"
     })
   })
-), ut = ({ label: e }) => /* @__PURE__ */ u("div", { className: " h-9 flex items-center mx-9 mt-3", children: /* @__PURE__ */ u("p", { className: "text-label-large text-on-surface-variant", children: e }) }), dt = ({
+), Nt = ({ 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 }) }), Et = ({
   className: e,
   onClick: t,
-  label: r,
+  label: n,
   variant: o = "vertical",
-  href: n,
-  icon: a,
+  href: r,
+  icon: c,
   selectedItem: i,
   setSelectedItem: s,
-  index: f,
-  onItemSelected: l,
-  selected: p = !1,
-  ref: m,
-  transition: c,
-  isExtended: h,
-  iconSelected: v,
-  style: b,
-  extendedOnly: L,
-  children: I,
-  ...w
+  index: d,
+  onItemSelected: a,
+  selected: y = !1,
+  ref: p,
+  transition: l,
+  isExtended: f,
+  iconSelected: m,
+  style: w,
+  extendedOnly: g,
+  children: N,
+  ...b
 }) => {
-  I && (r = I);
-  const B = j(null), N = m || B, [E, C] = R(p);
-  $(() => {
-    p && i == null ? C(!0) : C(i == f && f != null);
-  }, [i]), $(() => {
-    i == f && l && l({
-      ref: N,
-      index: f || 0,
-      label: r,
-      icon: a
+  N && (n = N);
+  const B = W(null), E = p || B, [I, C] = S(y);
+  R(() => {
+    y && i == null ? C(!0) : C(i == d && d != null);
+  }, [i]), R(() => {
+    i == d && a && a({
+      ref: E,
+      index: d || 0,
+      label: n,
+      icon: c
     });
   }, [i]);
-  const V = n ? "a" : "button", P = (y) => {
-    s && s(f ?? null), t && t(y);
-  }, k = it({
-    isExtended: h,
-    extendedOnly: L,
+  const V = r ? "a" : "button", D = (v) => {
+    s && s(d ?? null), t && t(v);
+  }, k = Lt({
+    isExtended: f,
+    extendedOnly: g,
     className: e,
-    onItemSelected: l,
+    onItemSelected: a,
     selectedItem: i,
-    index: f,
-    transition: c,
-    selected: E,
+    index: d,
+    transition: l,
+    selected: I,
     variant: o,
-    icon: a,
-    label: r,
-    isSelected: E,
+    icon: c,
+    label: n,
+    isSelected: I,
     setSelectedItem: s,
-    href: n,
-    children: r,
-    iconSelected: v
+    href: r,
+    children: n,
+    iconSelected: m
   });
-  return c = { duration: 0.3, ...c }, L && !h ? null : (
+  return l = { duration: 0.3, ...l }, g && !f ? null : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
-    /* @__PURE__ */ D(
+    /* @__PURE__ */ A(
       V,
       {
-        ...w,
+        ...b,
         role: "tab",
-        "aria-selected": E,
-        ref: N,
-        href: n,
+        "aria-selected": I,
+        ref: E,
+        href: r,
         className: k.navigationRailItem,
-        onClick: P,
-        style: { transition: c.duration + "s", ...b },
+        onClick: D,
+        style: { transition: l.duration + "s", ...w },
         children: [
-          /* @__PURE__ */ D(
-            U.div,
+          /* @__PURE__ */ A(
+            F.div,
             {
               style: {
-                transition: o == "horizontal" ? c.duration + `s, gap ${c.duration / 2}s ${c.duration - c.duration / 2}s` : c.duration + `s, gap ${c.duration / 3}s ${c.duration - c.duration / 3}s`
+                transition: o == "horizontal" ? l.duration + `s, gap ${l.duration / 2}s ${l.duration - l.duration / 2}s` : l.duration + `s, gap ${l.duration / 3}s ${l.duration - l.duration / 3}s`
               },
-              transition: c,
+              transition: l,
               className: k.container,
               children: [
-                /* @__PURE__ */ u(U.div, { layout: !0, className: k.stateLayer }),
-                a && /* @__PURE__ */ u(
-                  Q,
+                /* @__PURE__ */ u(F.div, { layout: !0, className: k.stateLayer }),
+                c && /* @__PURE__ */ u(
+                  Z,
                   {
-                    icon: E ? v : a,
+                    icon: I ? m : c,
                     className: k.icon
                   }
                 ),
-                /* @__PURE__ */ u(A, { children: o == "horizontal" && (() => {
-                  const y = {
+                /* @__PURE__ */ u(Q, { children: o == "horizontal" && (() => {
+                  const v = {
                     width: 0,
                     opacity: 0,
                     transition: {
-                      ...c
+                      ...l
                     }
                   }, M = {
                     width: "auto",
                     opacity: 1,
                     transition: {
-                      ...c,
+                      ...l,
                       opacity: {
-                        duration: c.duration / 2,
-                        delay: c.duration - c.duration / 2
+                        duration: l.duration / 2,
+                        delay: l.duration - l.duration / 2
                       }
                     }
                   };
                   return /* @__PURE__ */ u(
-                    U.span,
+                    F.span,
                     {
-                      initial: y,
+                      initial: v,
                       animate: M,
-                      exit: y,
+                      exit: v,
                       className: k.label,
-                      children: r
+                      children: n
                     }
                   );
                 })() })
               ]
             }
           ),
-          /* @__PURE__ */ u(A, { children: o == "vertical" && (() => {
-            const y = {
+          /* @__PURE__ */ u(Q, { children: o == "vertical" && (() => {
+            const v = {
               height: 0,
               opacity: 0,
               transition: {
-                ...c,
+                ...l,
                 opacity: {
                   duration: 0
                 }
@@ -2839,22 +3091,22 @@ const Rt = ({
               height: "auto",
               opacity: 1,
               transition: {
-                ...c,
+                ...l,
                 opacity: {
-                  duration: c.duration / 3,
-                  delay: c.duration - c.duration / 3
+                  duration: l.duration / 3,
+                  delay: l.duration - l.duration / 3
                 }
               }
             };
             return /* @__PURE__ */ u(
-              U.span,
+              F.span,
               {
                 initial: M,
                 animate: M,
-                exit: y,
+                exit: v,
                 className: k.label,
-                transition: c,
-                children: r
+                transition: l,
+                children: n
               }
             );
           })() })
@@ -2862,169 +3114,178 @@ const Rt = ({
       }
     )
   );
-}, ft = _(
+}, It = O(
   "navigationRail",
   ({ isExtended: e, alignment: t }) => ({
-    navigationRail: d("flex flex-col  left-0 h-full top-0 pt-11", {
+    navigationRail: h("flex flex-col  left-0 h-full top-0 pt-11", {
       "w-fit max-w-24": !e,
       "w-fit min-w-[220px] max-w-[360px]": e,
       "justify-between": t == "middle",
       "justify-start": t == "top"
     }),
-    header: d("flex flex-col gap-1 items-start"),
+    header: h("flex flex-col gap-1 items-start"),
     menuIcon: "mx-5",
-    segments: d(" flex flex-col  overflow-auto min-w-full mt-10", {
+    segments: h(" flex flex-col  overflow-auto min-w-full mt-10", {
       "w-full": !e,
       "w-fit  items-start": e
     })
   })
-), Pt = ({
+), Gt = ({
   variant: e = "standard",
   onItemSelected: t,
-  children: r,
+  children: n,
   className: o,
-  selectedItem: n,
-  extended: a,
+  selectedItem: r,
+  extended: c,
   alignment: i = "top",
   menu: s = {
     closed: {
-      icon: st,
+      icon: xt,
       label: "Open menu"
     },
     opened: {
-      icon: ue,
+      icon: me,
       label: "Close menu"
     }
   },
-  style: f,
-  onExtendedChange: l,
-  transition: p,
-  setSelectedItem: m
+  style: d,
+  onExtendedChange: a,
+  transition: y,
+  setSelectedItem: p
 }) => {
-  const [c, h] = R(null), [v, b] = R(a);
-  let L;
-  n == 0 || n != null ? L = n : L = c;
-  const I = m || h, w = j(null), B = (k) => {
+  const [l, f] = S(null), [m, w] = S(c);
+  let g;
+  r == 0 || r != null ? g = r : g = l;
+  const N = p || f, b = W(null), B = (k) => {
     t == null || t(k);
   };
-  function N(k) {
-    const y = [];
-    return Ne.forEach(k, (M) => {
-      ee(M) && M.type === Le ? y.push(...N(M.props.children)) : y.push(M);
-    }), y;
+  function E(k) {
+    const v = [];
+    return ke.forEach(k, (M) => {
+      te(M) && M.type === Se ? v.push(...E(M.props.children)) : v.push(M);
+    }), v;
   }
-  const E = N(r), C = E.filter(
-    (k) => ee(k) && k.type === fe
-  ), V = ft({
-    children: r,
+  const I = E(n), C = I.filter(
+    (k) => te(k) && k.type === ve
+  ), V = It({
+    children: n,
     onItemSelected: t,
-    selectedItem: L,
-    setSelectedItem: I,
+    selectedItem: g,
+    setSelectedItem: N,
     className: o,
     variant: e,
-    extended: v,
-    isExtended: v,
+    extended: m,
+    isExtended: m,
     alignment: i,
     menu: s,
-    transition: p,
-    onExtendedChange: l
+    transition: y,
+    onExtendedChange: a
   });
-  p = { duration: 0.3, ...p };
-  const P = j(!1);
-  return P.current = !1, $(() => {
-    l == null || l(v ?? !1);
-  }, [v]), /* @__PURE__ */ D(
+  y = { duration: 0.3, ...y };
+  const D = W(!1);
+  return D.current = !1, R(() => {
+    a == null || a(m ?? !1);
+  }, [m]), /* @__PURE__ */ A(
     "div",
     {
-      style: { transition: p.duration + "s", ...f },
-      ref: w,
+      style: { transition: y.duration + "s", ...d },
+      ref: b,
       className: V.navigationRail,
       children: [
-        /* @__PURE__ */ D("div", { className: V.header, children: [
+        /* @__PURE__ */ A("div", { className: V.header, children: [
           /* @__PURE__ */ u(
-            ie,
+            fe,
             {
-              onClick: () => b(!v),
-              label: v ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
+              onClick: () => w(!m),
+              label: m ? s == null ? void 0 : s.opened.label : s == null ? void 0 : s.closed.label,
               className: V.menuIcon,
-              icon: v ? s.opened.icon : s == null ? void 0 : s.closed.icon
+              icon: m ? s.opened.icon : s == null ? void 0 : s.closed.icon
             }
           ),
-          C.length > 0 && le(C[0], {
-            transition: p,
-            isExtended: v,
+          C.length > 0 && oe(C[0], {
+            transition: y,
+            isExtended: m,
             className: "!shadow-none mx-5 " + C[0].props.className
           })
         ] }),
         /* @__PURE__ */ u("div", { className: V.segments, children: (() => {
           let k = 0;
-          return E.map((y) => ee(y) && y.type === dt ? le(
-            y,
+          return I.map((v) => te(v) && v.type === Et ? oe(
+            v,
             {
               key: k,
               index: k++,
               // Utilise et incrémente le compteur dédié
-              variant: v ? "horizontal" : "vertical",
-              selectedItem: L,
-              setSelectedItem: I,
+              variant: m ? "horizontal" : "vertical",
+              selectedItem: g,
+              setSelectedItem: N,
               onItemSelected: B,
-              transition: p,
-              extendedOnly: P.current,
-              isExtended: v
+              transition: y,
+              extendedOnly: D.current,
+              isExtended: m
             }
-          ) : ee(y) && y.type === fe ? null : ee(y) && y.type === ut ? (P.current = !0, v ? le(y, {}) : null) : y);
+          ) : te(v) && v.type === ve ? null : te(v) && v.type === Nt ? (D.current = !0, m ? oe(v, {}) : null) : v);
         })() }),
         /* @__PURE__ */ u("div", { className: "flex-1 max-h-[160px]" })
       ]
     }
   );
 };
+function Jt(e) {
+  return We({
+    variant: Pe.Fidelity,
+    ...e,
+    plugins: [new De(e), new Le(e)]
+  });
+}
 export {
-  ze as Button,
-  Et as Card,
-  kt as Carousel,
-  et as CarouselItem,
-  ge as CustomScroll,
-  tt as Divider,
-  fe as Fab,
-  Q as Icon,
-  ie as IconButton,
-  Pt as NavigationRail,
-  dt as NavigationRailItem,
-  ut as NavigationRailSection,
-  Ze as ProgressIndicator,
-  ne as RippleEffect,
-  Rt as SideSheet,
-  St as Slider,
-  Lt as SmoothScroll,
-  Ct as Snackbar,
-  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,
-  d as classNames,
-  Ce as classnames,
-  Je as customScrollStyle,
-  _ as defaultClassNames,
-  Ve as dividerStyle,
-  je as fabStyle,
-  Be as getClassNames,
-  Ue as iconButtonStyle,
-  Te as normalize,
-  Fe as progressIndicatorStyle,
-  Xe as sideSheetStyle,
-  He as sliderStyle,
-  Oe as snackbarStyle,
-  qe as switchStyle,
-  _e as tabStyle,
-  Ke as tabsStyle,
-  Ge as textFieldStyle,
-  Ye as toolStyle
+  Ht as AnimateOnScroll,
+  dt as Button,
+  Ut as Card,
+  Xt as Carousel,
+  mt as CarouselItem,
+  ot as CustomScroll,
+  ht as Divider,
+  ve as Fab,
+  Z as Icon,
+  fe as IconButton,
+  Gt as NavigationRail,
+  Et as NavigationRailItem,
+  Nt as NavigationRailSection,
+  nt as ProgressIndicator,
+  re as RippleEffect,
+  jt as SideSheet,
+  Yt as Slider,
+  Vt as SmoothScroll,
+  Ot as Snackbar,
+  qt as Switch,
+  at as SyncedFixedWrapper,
+  bt as Tab,
+  _t as Tabs,
+  Kt as TextField,
+  Ft as ThemeProvider,
+  Ee as ToolTip,
+  Ue as buttonStyle,
+  Xe as cardStyle,
+  Ye as carouselItemStyle,
+  je as carouselStyle,
+  h as classNames,
+  Ve as classnames,
+  rt as customScrollStyle,
+  O as defaultClassNames,
+  Jt as defineConfig,
+  Oe as dividerStyle,
+  qe as fabStyle,
+  He as getClassNames,
+  _e as iconButtonStyle,
+  ft as normalize,
+  Ke as progressIndicatorStyle,
+  Ge as sideSheetStyle,
+  Je as sliderStyle,
+  Ze as snackbarStyle,
+  Qe as switchStyle,
+  ze as tabStyle,
+  Te as tabsStyle,
+  et as textFieldStyle,
+  tt as toolStyle
 };