npm - @udixio/ui-react - Versions diffs - 2.9.15 → 2.9.17 - Mend

@udixio/ui-react 2.9.15 → 2.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +28 -0
package/dist/index.cjs +3 -3
package/dist/index.js +461 -458
package/dist/lib/components/FabMenu.d.ts.map +1 -1
package/dist/lib/components/TextField.d.ts +1 -0
package/dist/lib/components/TextField.d.ts.map +1 -1
package/package.json +3 -3
package/src/lib/components/FabMenu.tsx +13 -10
package/src/lib/components/TextField.tsx +11 -11

package/dist/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
 var Wt = Object.defineProperty;
 var At = (e, t, n) => t in e ? Wt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var B = (e, t, n) => At(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsx as d, jsxs as K, Fragment as me } from "react/jsx-runtime";
-import Q, { useState as V, useEffect as _, useMemo as we, useRef as j, useLayoutEffect as $e, useId as Me, useCallback as pe, isValidElement as ke, cloneElement as Re, createContext as Ft, useContext as Ze, Children as Bt, Fragment as Pt } from "react";
-import { AnimatePresence as he, motion as ne, useScroll as Ht, useMotionValueEvent as Ve, animate as Ot } from "motion/react";
+import { jsx as d, jsxs as K, Fragment as ye } from "react/jsx-runtime";
+import Q, { useState as V, useEffect as _, useMemo as be, useRef as j, useLayoutEffect as $e, useId as Ee, useCallback as me, isValidElement as Ie, cloneElement as Re, createContext as Ft, useContext as Ze, Children as Bt, Fragment as Ht } from "react";
+import { AnimatePresence as pe, motion as ne, useScroll as Pt, useMotionValueEvent as Ve, animate as Ot } from "motion/react";
 import { clsx as Qe } from "clsx";
 import { extendTailwindMerge as zt } from "tailwind-merge";
 import { createPortal as et } from "react-dom";
@@ -66,7 +66,7 @@ const qt = ({
     background: `radial-gradient(ellipse at var(--x) var(--y), ${f} var(--r), transparent calc(var(--r) * 2))`,
     pointerEvents: "none"
   };
-  return /* @__PURE__ */ d(he, { mode: "wait", children: (c || !c && !s) && /* @__PURE__ */ d(
+  return /* @__PURE__ */ d(pe, { mode: "wait", children: (c || !c && !s) && /* @__PURE__ */ d(
     ne.div,
     {
       style: p,
@@ -107,7 +107,7 @@ const qt = ({
 function jt(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 Pe = (e) => {
+const He = (e) => {
   const t = {};
   e.classNameList.forEach((s) => {
     var r;
@@ -127,12 +127,12 @@ const Pe = (e) => {
     let [r, c] = s;
     c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(jt(r)), n[r] = Ut(...c);
   }), n;
-}, oe = (e, t) => (n) => Pe({
+}, oe = (e, t) => (n) => He({
   classNameList: [n.className, t],
   default: e,
   states: n
-}), re = (e, t) => (n) => we(
-  () => Pe({
+}), re = (e, t) => (n) => be(
+  () => He({
     classNameList: [n.className, t],
     default: e,
     states: n
@@ -140,8 +140,8 @@ const Pe = (e) => {
   [n]
 );
 function Sr(e, t, n) {
-  return we(
-    () => Pe({
+  return be(
+    () => He({
       classNameList: [n == null ? void 0 : n.className, t],
       default: e,
       states: n
@@ -211,10 +211,10 @@ const Jt = ({
   _(() => {
     if (!o.current) return;
     const k = new ResizeObserver((N) => {
-      for (const W of N)
-        W.target === o.current && f({
-          width: W.contentRect.width,
-          height: W.contentRect.height
+      for (const A of N)
+        A.target === o.current && f({
+          width: A.contentRect.width,
+          height: A.contentRect.height
           // On observe aussi la hauteur maintenant
         });
     });
@@ -235,7 +235,7 @@ const Jt = ({
       height: k.clientHeight
       // Correction ici pour retourner la bonne hauteur
     } : null;
-  }, { scrollYProgress: M, scrollXProgress: b } = Ht({
+  }, { scrollYProgress: M, scrollXProgress: b } = Pt({
     container: o
   }), g = j(null);
   g.current || (g.current = Gt(
@@ -262,29 +262,29 @@ const Jt = ({
   }, [m]), _(() => {
     const k = o.current, N = u.current;
     if (!k || !N || typeof i != "number") return;
-    const W = (H, X, q) => Math.min(q, Math.max(X, H));
+    const A = (P, X, q) => Math.min(q, Math.max(X, P));
     if (t === "horizontal") {
-      const H = Math.max(0, (n ?? N.scrollWidth) - k.clientWidth);
-      k.scrollLeft = W(i * H, 0, H);
+      const P = Math.max(0, (n ?? N.scrollWidth) - k.clientWidth);
+      k.scrollLeft = A(i * P, 0, P);
     } else {
-      const H = Math.max(0, (n ?? N.scrollHeight) - k.clientHeight);
-      k.scrollTop = W(i * H, 0, H);
+      const P = Math.max(0, (n ?? N.scrollHeight) - k.clientHeight);
+      k.scrollTop = A(i * P, 0, P);
     }
   }, [i, t, n]), Ve(b, "change", (k) => {
     O(k, "x");
   }), Ve(M, "change", (k) => {
     O(k, "y");
   });
-  const [A, v] = V(!1);
+  const [R, v] = V(!1);
   $e(() => {
-    A || !h.current || !p.current || !s || (s({
+    R || !h.current || !p.current || !s || (s({
       scrollProgress: 0,
       scroll: 0,
       scrollTotal: t == "vertical" ? p.current.height : p.current.width,
       scrollVisible: t == "vertical" ? h.current.height : h.current.width
     }), v(!0));
   }, [h, p, s]), p.current = x(), h.current = w();
-  const [S, R] = V(!1), I = Kt({
+  const [S, $] = V(!1), I = Kt({
     isDragging: S,
     children: e,
     className: r,
@@ -297,17 +297,17 @@ const Jt = ({
     if (!c) return;
     const N = o.current;
     if (!N || F == null) return;
-    const H = (k.pageX - N.offsetLeft - F) * 1.5;
-    N.scrollLeft = Y - H;
-  }, P = (k) => {
+    const P = (k.pageX - N.offsetLeft - F) * 1.5;
+    N.scrollLeft = Y - P;
+  }, H = (k) => {
     const N = o.current;
-    N && (R(!0), E(k.pageX - N.offsetLeft), z(N.scrollLeft));
+    N && ($(!0), E(k.pageX - N.offsetLeft), z(N.scrollLeft));
   }, C = (k) => {
     S && (k.preventDefault(), te(k));
   }, D = () => {
-    R(!1);
+    $(!1);
   }, T = () => {
-    R(!1);
+    $(!1);
   }, J = (k) => {
     k.preventDefault();
   }, Z = j(null);
@@ -316,38 +316,38 @@ const Jt = ({
   }, []), _(() => {
     const k = o.current;
     if (!k) return;
-    const N = (W) => {
-      var ee, $, U, ie;
-      const H = W.detail, X = o.current;
-      if (!X || !H) return;
-      const q = H.orientation ?? t;
-      if (typeof H.progress == "number")
+    const N = (A) => {
+      var ee, W, U, ie;
+      const P = A.detail, X = o.current;
+      if (!X || !P) return;
+      const q = P.orientation ?? t;
+      if (typeof P.progress == "number")
         if (q === "horizontal") {
           const de = Math.max(
             0,
             (((ee = p.current) == null ? void 0 : ee.width) ?? 0) - X.clientWidth
           );
-          X.scrollLeft = Math.min(de, Math.max(0, H.progress * de));
+          X.scrollLeft = Math.min(de, Math.max(0, P.progress * de));
         } else {
           const de = Math.max(
             0,
-            ((($ = p.current) == null ? void 0 : $.height) ?? 0) - X.clientHeight
+            (((W = p.current) == null ? void 0 : W.height) ?? 0) - X.clientHeight
           );
-          X.scrollTop = Math.min(de, Math.max(0, H.progress * de));
+          X.scrollTop = Math.min(de, Math.max(0, P.progress * de));
         }
-      else if (typeof H.scroll == "number")
+      else if (typeof P.scroll == "number")
         if (q === "horizontal") {
           const de = Math.max(
             0,
             (((U = p.current) == null ? void 0 : U.width) ?? 0) - X.clientWidth
           );
-          X.scrollLeft = Math.min(de, Math.max(0, H.scroll));
+          X.scrollLeft = Math.min(de, Math.max(0, P.scroll));
         } else {
           const de = Math.max(
             0,
             (((ie = p.current) == null ? void 0 : ie.height) ?? 0) - X.clientHeight
           );
-          X.scrollTop = Math.min(de, Math.max(0, H.scroll));
+          X.scrollTop = Math.min(de, Math.max(0, P.scroll));
         }
     };
     return k.addEventListener("udx:customScroll:set", N), () => {
@@ -358,14 +358,14 @@ const Jt = ({
     {
       className: I.customScroll,
       ref: o,
-      onMouseDown: P,
+      onMouseDown: H,
       onMouseMove: C,
       onMouseUp: D,
       onMouseLeave: T,
       onDragStart: J,
       onScroll: (k) => {
-        S || (E(null), R(!0), Z.current && clearTimeout(Z.current), Z.current = setTimeout(() => {
-          R(!1);
+        S || (E(null), $(!0), Z.current && clearTimeout(Z.current), Z.current = setTimeout(() => {
+          $(!1);
         }, 1e3));
       },
       children: [
@@ -378,7 +378,7 @@ const Jt = ({
             children: e
           }
         ),
-        h.current && p.current && /* @__PURE__ */ K(me, { children: [
+        h.current && p.current && /* @__PURE__ */ K(ye, { children: [
           t === "vertical" && p.current.height > h.current.height && /* @__PURE__ */ d(
             ne.div,
             {
@@ -545,7 +545,7 @@ var sn = class {
   destroy() {
     this.events = {};
   }
-}, Ye = 100 / 6, xe = { passive: !1 }, on = class {
+}, Ye = 100 / 6, Se = { passive: !1 }, on = class {
   constructor(e, t = { wheelMultiplier: 1, touchMultiplier: 1 }) {
     B(this, "touchStart", {
       x: 0,
@@ -607,15 +607,15 @@ var sn = class {
         height: window.innerHeight
       };
     });
-    this.element = e, this.options = t, window.addEventListener("resize", this.onWindowResize, !1), this.onWindowResize(), this.element.addEventListener("wheel", this.onWheel, xe), this.element.addEventListener(
+    this.element = e, this.options = t, window.addEventListener("resize", this.onWindowResize, !1), this.onWindowResize(), this.element.addEventListener("wheel", this.onWheel, Se), this.element.addEventListener(
       "touchstart",
       this.onTouchStart,
-      xe
+      Se
     ), this.element.addEventListener(
       "touchmove",
       this.onTouchMove,
-      xe
-    ), this.element.addEventListener("touchend", this.onTouchEnd, xe);
+      Se
+    ), this.element.addEventListener("touchend", this.onTouchEnd, Se);
   }
   /**
    * Add an event listener for the given event and callback
@@ -628,18 +628,18 @@ var sn = class {
   }
   /** Remove all event listeners and clean up */
   destroy() {
-    this.emitter.destroy(), window.removeEventListener("resize", this.onWindowResize, !1), this.element.removeEventListener("wheel", this.onWheel, xe), this.element.removeEventListener(
+    this.emitter.destroy(), window.removeEventListener("resize", this.onWindowResize, !1), this.element.removeEventListener("wheel", this.onWheel, Se), this.element.removeEventListener(
       "touchstart",
       this.onTouchStart,
-      xe
+      Se
     ), this.element.removeEventListener(
       "touchmove",
       this.onTouchMove,
-      xe
+      Se
     ), this.element.removeEventListener(
       "touchend",
       this.onTouchEnd,
-      xe
+      Se
     );
   }
 }, _e = (e) => Math.min(1, 1.001 - Math.pow(2, -10 * e)), ln = class {
@@ -668,12 +668,12 @@ var sn = class {
     overscroll: b = !0,
     autoRaf: g = !1,
     anchors: O = !1,
-    autoToggle: A = !1,
+    autoToggle: R = !1,
     // https://caniuse.com/?search=transition-behavior
     allowNestedScroll: v = !1,
     // @ts-ignore: this will be deprecated in the future
     __experimental__naiveDimensions: S = !1,
-    naiveDimensions: R = S,
+    naiveDimensions: $ = S,
     stopInertiaOnNavigate: I = !1
   } = {}) {
     B(this, "_isScrolling", !1);
@@ -870,9 +870,9 @@ var sn = class {
       overscroll: b,
       autoRaf: g,
       anchors: O,
-      autoToggle: A,
+      autoToggle: R,
       allowNestedScroll: v,
-      naiveDimensions: R,
+      naiveDimensions: $,
       stopInertiaOnNavigate: I
     }, this.dimensions = new sn(e, t, { autoResize: x }), this.updateClassName(), this.targetScroll = this.animatedScroll = this.actualScroll, this.options.wrapper.addEventListener("scroll", this.onNativeScroll, !1), this.options.wrapper.addEventListener("scrollend", this.onScrollEnd, {
       capture: !0
@@ -1066,9 +1066,9 @@ var sn = class {
     const p = this.options.gestureOrientation;
     if (s - (r.time ?? 0) > 2e3) {
       r.time = Date.now();
-      const A = window.getComputedStyle(e);
-      r.computedStyle = A;
-      const v = A.overflowX, S = A.overflowY;
+      const R = window.getComputedStyle(e);
+      r.computedStyle = R;
+      const v = R.overflowX, S = R.overflowY;
       if (c = ["auto", "overlay", "scroll"].includes(v), a = ["auto", "overlay", "scroll"].includes(S), r.hasOverflowX = c, r.hasOverflowY = a, !c && !a || p === "vertical" && !a || p === "horizontal" && !c) return !1;
       o = e.scrollWidth, u = e.scrollHeight, m = e.clientWidth, f = e.clientHeight, i = o > m, l = u > f, r.isScrollableX = i, r.isScrollableY = l, r.scrollWidth = o, r.scrollHeight = u, r.clientWidth = m, r.clientHeight = f;
     } else
@@ -1081,8 +1081,8 @@ var sn = class {
     else if (p === "vertical")
       h = "y";
     else {
-      const A = t !== 0, v = n !== 0;
-      A && c && i && (h = "x"), v && a && l && (h = "y");
+      const R = t !== 0, v = n !== 0;
+      R && c && i && (h = "x"), v && a && l && (h = "y");
     }
     if (!h) return !1;
     let x, w, M, b, g;
@@ -1207,8 +1207,8 @@ const Nr = ({
       var m;
       i.current !== null && cancelAnimationFrame(i.current), (m = a.current) == null || m.destroy(), a.current = null;
     };
-  }, [e, t, n, s, r]), c ? /* @__PURE__ */ d(me, { children: c }) : null;
-}, Se = ({
+  }, [e, t, n, s, r]), c ? /* @__PURE__ */ d(ye, { children: c }) : null;
+}, Ne = ({
   style: e,
   colorName: t,
   stateClassName: n = "state-ripple-group",
@@ -1350,7 +1350,7 @@ function fn() {
 function hn() {
   return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function He(e) {
+function Pe(e) {
   if (!(e instanceof HTMLElement)) return !1;
   const t = e.classList;
   return Array.from(t).some(
@@ -1363,7 +1363,7 @@ function Xe(e) {
   return Array.from(t).some((n) => n.startsWith("anim-"));
 }
 function We(e, t) {
-  if (!He(e)) return;
+  if (!Pe(e)) return;
   if (e.hasAttribute(`data-${t}-scroll`)) {
     const a = (e.getAttribute(`data-${t}-scroll`) || "").trim().toLowerCase(), i = a === "x" || a === "inline" ? "inline" : a === "y" || a === "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`) || (i === "inline" ? e.classList.add(`${t}-timeline-inline`) : i === "block" ? e.classList.add(`${t}-timeline-block`) : e.classList.add(`${t}-scroll`));
@@ -1380,7 +1380,7 @@ function Ae(e = document, t) {
     e.querySelectorAll(
       `[class*="${t}-"][class*="-scroll"]`
     )
-  ).filter((s) => He(s));
+  ).filter((s) => Pe(s));
 }
 function pn(e = document, t) {
   const n = Array.from(
@@ -1404,7 +1404,7 @@ function pn(e = document, t) {
     const c = r.classList;
     return c.contains(`${t}-in`) || c.contains(`${t}-out`) || Array.from(c).some(
       (l) => l.startsWith(`${t}-`) && !l.includes("scroll") && !s.has(l)
-    ) ? !0 : !He(r);
+    ) ? !0 : !Pe(r);
   });
 }
 function mn(e, t) {
@@ -1512,7 +1512,7 @@ const kr = ot, Ir = ot, it = ({
   children: n,
   style: s
 }) => {
-  const c = `--anchor-${Me().replace(/:/g, "")}`, [a, i] = V(!1);
+  const c = `--anchor-${Ee().replace(/:/g, "")}`, [a, i] = V(!1);
   if ($e(() => {
     typeof CSS < "u" && CSS.supports("anchor-name", "--a") && i(!0);
   }, []), $e(() => {
@@ -2039,7 +2039,7 @@ const kr = ot, Ir = ot, it = ({
     ],
     !!t && "text-on-surface/[0.38]"
   )
-}), Pr = oe(
+}), Hr = oe(
   "iconButton",
   vt
 ), Mn = re(
@@ -2074,7 +2074,7 @@ const kr = ot, Ir = ot, it = ({
       "max-h-full": t
     }
   )
-}), Hr = oe(
+}), Pr = oe(
   "progressIndicator",
   gt
 ), En = re(
@@ -2383,7 +2383,7 @@ const kr = ot, Ir = ot, it = ({
 }), Ur = oe(
   "textField",
   Mt
-), Pn = re(
+), Hn = re(
   "textField",
   Mt
 ), Et = ({
@@ -2417,10 +2417,10 @@ const kr = ot, Ir = ot, it = ({
 }), jr = oe(
   "toolTip",
   Et
-), Hn = re(
+), Pn = re(
   "toolTip",
   Et
-), fe = ({
+), he = ({
   icon: e,
   colors: t = [],
   className: n,
@@ -2531,7 +2531,7 @@ const kr = ot, Ir = ot, it = ({
     transitionDuration: n,
     isVisible: m
   });
-  return /* @__PURE__ */ K(me, { children: [
+  return /* @__PURE__ */ K(ye, { children: [
     (e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ K("div", { className: p.progressIndicator, ...r, children: [
       /* @__PURE__ */ d(
         "div",
@@ -2621,7 +2621,7 @@ function zn(e) {
   };
   return e && e in t ? t[e] : e || "filled";
 }
-const Ne = ({
+const Le = ({
   variant: e = "filled",
   disabled: t = !1,
   icon: n,
@@ -2647,11 +2647,11 @@ const Ne = ({
       "Button component requires either a label prop or children content"
     );
   e = zn(e);
-  const g = s ? "a" : "button", O = j(null), A = p || O, [v, S] = Q.useState(f);
+  const g = s ? "a" : "button", O = j(null), R = p || O, [v, S] = Q.useState(f);
   _(() => {
     S(f);
   }, [f]), w = { duration: 0.3, ...w };
-  const R = (E) => {
+  const $ = (E) => {
     t && E.preventDefault(), m ? (S(!v), m(!v)) : u && u(E);
   }, I = vn({
     allowShapeTransformation: x,
@@ -2671,22 +2671,22 @@ const Ne = ({
     activated: v,
     label: r,
     children: r
-  }), F = n ? /* @__PURE__ */ d(fe, { icon: n, className: I.icon }) : /* @__PURE__ */ d(me, {});
+  }), F = n ? /* @__PURE__ */ d(he, { icon: n, className: I.icon }) : /* @__PURE__ */ d(ye, {});
   return /* @__PURE__ */ K(
     g,
     {
-      ref: A,
+      ref: R,
       href: s,
       className: I.button,
       ...b,
-      onClick: R,
+      onClick: $,
       disabled: t,
       "aria-pressed": m ? v : void 0,
       style: { transition: w.duration + "s" },
       children: [
         /* @__PURE__ */ d("div", { className: I.touchTarget }),
         /* @__PURE__ */ d(
-          Se,
+          Ne,
           {
             style: { transition: w.duration + "s" },
             className: I.stateLayer,
@@ -2771,7 +2771,7 @@ const Ne = ({
   }), i = j(null);
   return /* @__PURE__ */ K("div", { ...c, ref: r || i, className: a.card, children: [
     s && /* @__PURE__ */ d(
-      Se,
+      Ne,
       {
         className: a.stateLayer,
         colorName: "on-surface",
@@ -2780,7 +2780,7 @@ const Ne = ({
     ),
     n
   ] });
-}, Le = (e, t, n = [0, 1]) => {
+}, ke = (e, t, n = [0, 1]) => {
   const [s, r] = t, [c, a] = n, l = (Math.max(s, Math.min(e, r)) - s) / (r - s);
   return c + l * (a - c);
 }, Tn = ({
@@ -2847,36 +2847,36 @@ const Ne = ({
     onMetricsChange: o
   }), b = Q.Children.toArray(n).filter(
     (N) => Q.isValidElement(N) && N.type === Tn
-  ), g = j(null), [O, A] = V(
+  ), g = j(null), [O, R] = V(
     {}
-  ), [v, S] = V(null), R = j(0), I = j(null), F = () => {
-    var be, ce;
+  ), [v, S] = V(null), $ = j(0), I = j(null), F = () => {
+    var xe, ce;
     if (!g.current || !h.current || (v == null ? void 0 : v.scrollProgress) === void 0)
       return [];
-    const N = (v == null ? void 0 : v.scrollVisible) ?? ((be = h.current) == null ? void 0 : be.clientWidth) ?? 0;
-    function W(G, ae) {
-      return G.map((le, ge) => {
-        const Ee = (le - ae) / Math.abs(G[1] - G[0]);
+    const N = (v == null ? void 0 : v.scrollVisible) ?? ((xe = h.current) == null ? void 0 : xe.clientWidth) ?? 0;
+    function A(G, ae) {
+      return G.map((le, we) => {
+        const Ce = (le - ae) / Math.abs(G[1] - G[0]);
         return {
           itemScrollXCenter: le,
-          relativeIndex: Ee,
-          index: ge,
+          relativeIndex: Ce,
+          index: we,
           width: 0
         };
       });
     }
-    const H = b.map((G, ae) => {
+    const P = b.map((G, ae) => {
       if (!E[ae].current || !g.current) return 0;
-      const ge = ae / (b.length - 1);
-      return Le(ge, [0, 1], [0, 1]);
-    }), X = W(
-      H,
+      const we = ae / (b.length - 1);
+      return ke(we, [0, 1], [0, 1]);
+    }), X = A(
+      P,
       (v == null ? void 0 : v.scrollProgress) ?? 0
     ).sort((G, ae) => G.index - ae.index);
     let q = (((ce = h.current) == null ? void 0 : ce.clientWidth) ?? N) + i + a[0] + i;
     const ee = X.sort((G, ae) => Math.abs(G.relativeIndex) - Math.abs(ae.relativeIndex)).map((G, ae) => {
       if (!(q <= 0)) {
-        if (ae == 0 && z(G.index), G.width = Le(
+        if (ae == 0 && z(G.index), G.width = ke(
           q - i,
           [a[0], a[1]],
           [a[0], a[1]]
@@ -2889,25 +2889,25 @@ const Ne = ({
         }
         return G;
       }
-    }).filter(Boolean), $ = ee.reverse(), U = [...ee].sort(
+    }).filter(Boolean), W = ee.reverse(), U = [...ee].sort(
       (G, ae) => Math.abs(G.index) - Math.abs(ae.index)
     );
-    $.forEach((G, ae) => {
-      const le = $[ae + 1];
+    W.forEach((G, ae) => {
+      const le = W[ae + 1];
       if (!le) return;
-      const ge = 1 - (Math.abs(G.relativeIndex) - Math.abs(le == null ? void 0 : le.relativeIndex)), Ee = Le(
-        ge,
+      const we = 1 - (Math.abs(G.relativeIndex) - Math.abs(le == null ? void 0 : le.relativeIndex)), Ce = ke(
+        we,
         [0, 2],
         [G.width + q, le.width]
       );
-      q += G.width, G.width = Ee, q -= G.width;
+      q += G.width, G.width = Ce, q -= G.width;
     });
-    const ie = ee.length / 2, de = Le(
+    const ie = ee.length / 2, de = ke(
       Math.abs(U[0].relativeIndex),
       [U[0].index == 0 ? 0 : ie - 1, ie],
       [0, 1]
-    ), ye = Le(de, [0, 1], [0, 1]) * -(a[0] + i);
-    return w(ye), Object.fromEntries(
+    ), ve = ke(de, [0, 1], [0, 1]) * -(a[0] + i);
+    return w(ve), Object.fromEntries(
       ee.map((G) => [G.index, G.width])
     );
   }, E = j([]).current, [Y, z] = V(0);
@@ -2916,55 +2916,55 @@ const Ne = ({
   }, [Y]), _(() => {
     typeof u == "number" && b.length > 0 && u !== Y && C(u);
   }, [u, b.length]), _(() => {
-    P(Y);
-  }, [Y]), E.length !== b.length && b.forEach((N, W) => {
-    E[W] || (E[W] = Q.createRef());
+    H(Y);
+  }, [Y]), E.length !== b.length && b.forEach((N, A) => {
+    E[A] || (E[A] = Q.createRef());
   });
-  const [te, P] = V(0), C = (N, W = {}) => {
+  const [te, H] = V(0), C = (N, A = {}) => {
     if (!b.length) return 0;
-    const H = E[N];
-    if (!H || !H.current || !g.current) return 0;
-    const X = Le(
+    const P = E[N];
+    if (!P || !P.current || !g.current) return 0;
+    const X = ke(
       N / Math.max(1, b.length - 1),
       [0, 1],
       [0, 1]
     );
-    return P(N), g.current.dispatchEvent(
+    return H(N), g.current.dispatchEvent(
       new CustomEvent("udx:customScroll:set", {
         bubbles: !0,
         detail: {
           progress: X,
           orientation: "horizontal",
-          animate: W.animate !== !1
+          animate: A.animate !== !1
         }
       })
     ), X;
-  }, D = b.map((N, W) => {
+  }, D = b.map((N, A) => {
     var ee;
-    const H = (ee = N.props) == null ? void 0 : ee.onClick, X = ($) => {
-      H == null || H($);
-    }, q = () => P(W);
+    const P = (ee = N.props) == null ? void 0 : ee.onClick, X = (W) => {
+      P == null || P(W);
+    }, q = () => H(A);
     return Q.cloneElement(
       N,
       {
-        width: O[W],
+        width: O[A],
         outputRange: a,
-        ref: E[W],
-        key: W,
-        index: W,
+        ref: E[A],
+        key: A,
+        index: A,
         role: "option",
-        "aria-selected": Y === W,
-        tabIndex: Y === W ? 0 : -1,
+        "aria-selected": Y === A,
+        tabIndex: Y === A ? 0 : -1,
         onClick: X,
         onFocus: q
       }
     );
   }), T = (N) => {
-    var W;
+    var A;
     if (N.scrollTotal > 0) {
-      (W = I.current) == null || W.stop();
-      const H = R.current ?? 0, X = N.scrollProgress ?? 0;
-      I.current = Ot(H, X, {
+      (A = I.current) == null || A.stop();
+      const P = $.current ?? 0, X = N.scrollProgress ?? 0;
+      I.current = Ot(P, X, {
         // Spring tuning to add a bit of inertia and smoothness
         type: "spring",
         stiffness: 260,
@@ -2972,14 +2972,14 @@ const Ne = ({
         mass: 0.6,
         restDelta: 5e-4,
         onUpdate: (q) => {
-          R.current = q, S({ ...N, scrollProgress: q });
+          $.current = q, S({ ...N, scrollProgress: q });
         }
       });
     }
   };
   _(() => {
     const N = F();
-    A(N);
+    R(N);
   }, [v]);
   const J = j(o);
   _(() => {
@@ -2990,33 +2990,33 @@ const Ne = ({
     var ae;
     const N = J.current;
     if (!N || !(h != null && h.current)) return;
-    const W = b.length;
-    if (W <= 0) return;
-    const H = ((ae = h.current) == null ? void 0 : ae.clientWidth) ?? 0, X = a[1], q = R.current ?? (v == null ? void 0 : v.scrollProgress) ?? 0, ee = (H + i) / (X + i), $ = Math.max(1, Math.floor(ee)), U = Math.max(1, Math.round($ * (2 / 3))), ie = Math.min(
+    const A = b.length;
+    if (A <= 0) return;
+    const P = ((ae = h.current) == null ? void 0 : ae.clientWidth) ?? 0, X = a[1], q = $.current ?? (v == null ? void 0 : v.scrollProgress) ?? 0, ee = (P + i) / (X + i), W = Math.max(1, Math.floor(ee)), U = Math.max(1, Math.round(W * (2 / 3))), ie = Math.min(
       Math.max(0, Y),
-      Math.max(0, W - 1)
-    ), de = ie > 0, ye = ie < W - 1, be = {
-      total: W,
+      Math.max(0, A - 1)
+    ), de = ie > 0, ve = ie < A - 1, xe = {
+      total: A,
       selectedIndex: ie,
       visibleApprox: ee,
-      visibleFull: $,
+      visibleFull: W,
       stepHalf: U,
       canPrev: de,
-      canNext: ye,
+      canNext: ve,
       scrollProgress: q,
-      viewportWidth: H,
+      viewportWidth: P,
       itemMaxWidth: X,
       gap: i
     }, ce = Z.current;
     let G = !ce;
     if (!G) {
-      for (const le in be)
-        if (be[le] !== ce[le]) {
+      for (const le in xe)
+        if (xe[le] !== ce[le]) {
           G = !0;
           break;
         }
     }
-    G && (Z.current = be, N(be));
+    G && (Z.current = xe, N(xe));
   }, [h, b.length, Y, v, i, a]), _(() => () => {
     var N;
     (N = I.current) == null || N.stop();
@@ -3025,18 +3025,18 @@ const Ne = ({
   $e(() => {
     let N = a[1];
     v && N > v.scrollVisible && (N = v.scrollVisible);
-    const W = (N + i) * D.length / m;
-    L(W);
+    const A = (N + i) * D.length / m;
+    L(A);
   }, [h, E, v]);
   const k = (N) => {
     if (!b.length) return;
-    const W = te ?? Y;
+    const A = te ?? Y;
     switch (N.key) {
       case "ArrowLeft":
-        N.preventDefault(), C(Math.max(0, W - 1));
+        N.preventDefault(), C(Math.max(0, A - 1));
         break;
       case "ArrowRight":
-        N.preventDefault(), C(Math.min(b.length - 1, W + 1));
+        N.preventDefault(), C(Math.min(b.length - 1, A + 1));
         break;
       case "Home":
         N.preventDefault(), C(0);
@@ -3046,21 +3046,21 @@ const Ne = ({
         break;
       case "Enter":
       case " ":
-        N.preventDefault(), C(W);
+        N.preventDefault(), C(A);
         break;
     }
   };
   return _(() => {
     const N = h.current;
     if (!N) return;
-    const W = (H) => {
-      const X = H.detail;
+    const A = (P) => {
+      const X = P.detail;
       X && typeof X.index == "number" && C(X.index);
     };
-    return N.addEventListener("udx:carousel:centerIndex", W), () => {
+    return N.addEventListener("udx:carousel:centerIndex", A), () => {
       N.removeEventListener(
         "udx:carousel:centerIndex",
-        W
+        A
       );
     };
   }, [h, b.length]), /* @__PURE__ */ d(
@@ -3153,13 +3153,13 @@ const Jr = ({
   className: u,
   ...m
 }) => {
-  const f = Me(), p = a || f, h = e !== void 0, [x, w] = V(
+  const f = Ee(), p = a || f, h = e !== void 0, [x, w] = V(
     t ?? !1
   ), M = h ? e : x, [b, g] = V(!1), O = Q.useRef(null);
   _(() => {
     O.current && (O.current.indeterminate = n);
   }, [n]);
-  const A = (S) => {
+  const R = (S) => {
     s || (h || w(S.target.checked), c && c(S));
   }, v = xn({
     isChecked: !!M,
@@ -3176,7 +3176,7 @@ const Jr = ({
       className: y(v.checkbox, u, "group/checkbox"),
       style: o,
       children: /* @__PURE__ */ K(
-        Se,
+        Ne,
         {
           stateClassName: v.stateLayer,
           colorName: M || n ? "primary" : "on-surface",
@@ -3191,7 +3191,7 @@ const Jr = ({
                 value: l,
                 checked: M,
                 disabled: s,
-                onChange: A,
+                onChange: R,
                 onFocus: () => g(!0),
                 onBlur: () => g(!1),
                 className: v.input,
@@ -3199,7 +3199,7 @@ const Jr = ({
               }
             ),
             /* @__PURE__ */ d("div", { className: v.box }),
-            /* @__PURE__ */ d(he, { children: (M || n) && /* @__PURE__ */ d(
+            /* @__PURE__ */ d(pe, { children: (M || n) && /* @__PURE__ */ d(
               ne.div,
               {
                 initial: { opacity: 0, scale: 0.5 },
@@ -3208,7 +3208,7 @@ const Jr = ({
                 transition: { duration: 0.15 },
                 className: v.icon,
                 children: /* @__PURE__ */ d(
-                  fe,
+                  he,
                   {
                     icon: n ? Vn : Ct,
                     className: "size-3.5"
@@ -3247,33 +3247,33 @@ const Jr = ({
     throw new Error(
       "Chip component requires either a label prop or children content"
     );
-  const O = s ? "a" : "button", A = j(null), v = o || A, [S, R] = Q.useState(l), [I, F] = Q.useState(!1), [E, Y] = V(b && m), [z, te] = Q.useState(!1), [P, C] = Q.useState(
+  const O = s ? "a" : "button", R = j(null), v = o || R, [S, $] = Q.useState(l), [I, F] = Q.useState(!1), [E, Y] = V(b && m), [z, te] = Q.useState(!1), [H, C] = Q.useState(
     typeof r == "string" ? r : ""
   ), D = Q.useRef(null);
   _(() => {
-    R(l);
+    $(l);
   }, [l]), _(() => {
     if (b && Y(b), m && I) {
-      const $ = setTimeout(() => {
+      const W = setTimeout(() => {
         g != null && g.draggable && z || Y(!0);
       }, 1e3);
-      return () => clearTimeout($);
+      return () => clearTimeout(W);
     } else I || Y(!1);
-  }, [I, m, z, g, P]), _(() => {
+  }, [I, m, z, g, H]), _(() => {
     if (E) {
       C(typeof r == "string" ? r : "");
-      const $ = q.current || D.current;
-      if ($) {
-        $.focus();
+      const W = q.current || D.current;
+      if (W) {
+        W.focus();
         const U = document.createRange();
-        U.selectNodeContents($), U.collapse(!1);
+        U.selectNodeContents(W), U.collapse(!1);
         const ie = window.getSelection();
         ie == null || ie.removeAllRanges(), ie == null || ie.addRange(U);
       }
     }
   }, [E]), w = { duration: 0.3, ...w };
-  const T = ($) => {
-    t && $.preventDefault(), i ? (R(!S), i(!S)) : a && a($);
+  const T = (W) => {
+    t && W.preventDefault(), i ? ($(!S), i(!S)) : a && a(W);
   }, J = !!i || !!u || !!a || !!s || !!m;
   l && (n = Ct);
   const {
@@ -3282,8 +3282,8 @@ const Jr = ({
     onKeyDown: L,
     onDragStart: k,
     onDragEnd: N,
-    onDoubleClick: W,
-    ...H
+    onDoubleClick: A,
+    ...P
   } = g ?? {}, X = Sn({
     href: s,
     disabled: t,
@@ -3302,12 +3302,12 @@ const Jr = ({
     onEditCommit: p,
     isEditing: E
   }), q = j(null), ee = () => {
-    const $ = (P ?? "").trim();
-    if (!$) {
+    const W = (H ?? "").trim();
+    if (!W) {
       u && u();
       return;
     }
-    p == null || p($);
+    p == null || p(W);
   };
   return /* @__PURE__ */ K(
     O,
@@ -3316,52 +3316,52 @@ const Jr = ({
       ref: v,
       href: s,
       className: X.chip,
-      ...H,
-      onClick: ($) => {
-        E || T($);
+      ...P,
+      onClick: (W) => {
+        E || T(W);
       },
       draggable: !t && !!(g != null && g.draggable),
-      onDragStart: ($) => {
-        !t && (g != null && g.draggable) && te(!0), k == null || k($);
+      onDragStart: (W) => {
+        !t && (g != null && g.draggable) && te(!0), k == null || k(W);
       },
-      onDragEnd: ($) => {
-        g != null && g.draggable && te(!1), N == null || N($);
+      onDragEnd: (W) => {
+        g != null && g.draggable && te(!1), N == null || N(W);
       },
-      onDoubleClick: ($) => {
-        !t && m && !E && (f == null || f(), $.preventDefault(), $.stopPropagation()), W == null || W($);
+      onDoubleClick: (W) => {
+        !t && m && !E && (f == null || f(), W.preventDefault(), W.stopPropagation()), A == null || A(W);
       },
-      onFocus: ($) => {
-        J && F(!0), Z == null || Z($);
+      onFocus: (W) => {
+        J && F(!0), Z == null || Z(W);
       },
-      onBlur: ($) => {
-        F(!1), se == null || se($);
+      onBlur: (W) => {
+        F(!1), se == null || se(W);
       },
-      onKeyDown: ($) => {
-        const U = $.key;
+      onKeyDown: (W) => {
+        const U = W.key;
         if (!t && E) {
-          U === "Enter" ? ($.preventDefault(), ee()) : U === "Escape" ? ($.preventDefault(), h == null || h()) : u && (P == null ? void 0 : P.trim()) === "" && (U === "Backspace" || U === "Delete" || U === "Del") && ($.preventDefault(), $.stopPropagation(), u());
+          U === "Enter" ? (W.preventDefault(), ee()) : U === "Escape" ? (W.preventDefault(), h == null || h()) : u && (H == null ? void 0 : H.trim()) === "" && (U === "Backspace" || U === "Delete" || U === "Del") && (W.preventDefault(), W.stopPropagation(), u());
           return;
         }
         if (!t && I) {
           if (m && !i && (U === "F2" || U === "Enter")) {
-            $.preventDefault(), f == null || f();
+            W.preventDefault(), f == null || f();
             return;
           }
           if (i && (U === "Enter" || U === " " || U === "Spacebar")) {
-            $.preventDefault();
+            W.preventDefault();
             const ie = !S;
-            R(ie), i(ie);
+            $(ie), i(ie);
           }
-          u && (U === "Backspace" || U === "Delete" || U === "Del") && ($.preventDefault(), $.stopPropagation(), u());
+          u && (U === "Backspace" || U === "Delete" || U === "Del") && (W.preventDefault(), W.stopPropagation(), u());
         }
-        L == null || L($);
+        L == null || L(W);
       },
       disabled: t,
       "aria-pressed": i ? S : void 0,
       style: { transition: w.duration + "s" },
       children: [
         J && !t && !E && /* @__PURE__ */ d(
-          Se,
+          Ne,
           {
             style: { transition: w.duration + "s" },
             className: X.stateLayer,
@@ -3372,7 +3372,7 @@ const Jr = ({
             stateClassName: "state-ripple-group-[chip]"
           }
         ),
-        n && /* @__PURE__ */ d(fe, { icon: n, className: X.leadingIcon }),
+        n && /* @__PURE__ */ d(he, { icon: n, className: X.leadingIcon }),
         /* @__PURE__ */ d(
           "span",
           {
@@ -3382,33 +3382,33 @@ const Jr = ({
             className: X.label,
             role: m ? "textbox" : void 0,
             spellCheck: !1,
-            onInput: ($) => {
-              const U = $.currentTarget.innerText;
+            onInput: (W) => {
+              const U = W.currentTarget.innerText;
               C(U), x == null || x(U);
             },
-            onBlur: ($) => {
+            onBlur: (W) => {
               m && E && ee();
             },
-            onKeyDown: ($) => {
-              if (m && E && $.key === "Enter") {
-                $.preventDefault(), $.stopPropagation(), ee();
+            onKeyDown: (W) => {
+              if (m && E && W.key === "Enter") {
+                W.preventDefault(), W.stopPropagation(), ee();
                 return;
               }
-              m && E && $.key === "Escape" && ($.preventDefault(), $.stopPropagation(), h == null || h());
+              m && E && W.key === "Escape" && (W.preventDefault(), W.stopPropagation(), h == null || h());
             },
             children: r
           }
         ),
         u && !E && /* @__PURE__ */ d(
-          fe,
+          he,
           {
             icon: De,
             className: X.trailingIcon,
-            onMouseDown: ($) => {
-              $.preventDefault(), $.stopPropagation();
+            onMouseDown: (W) => {
+              W.preventDefault(), W.stopPropagation();
             },
-            onClick: ($) => {
-              $.stopPropagation(), t || u();
+            onClick: (W) => {
+              W.stopPropagation(), t || u();
             }
           }
         )
@@ -3459,8 +3459,8 @@ const Zr = ({
 }) => {
   const a = r ?? [], i = Q.useRef(null), [l, o] = Q.useState(!1), u = Q.useRef(/* @__PURE__ */ new WeakMap()), m = Q.useCallback((v) => {
     const S = u.current;
-    let R = S.get(v);
-    return R || (R = Rt(), S.set(v, R)), R;
+    let $ = S.get(v);
+    return $ || ($ = Rt(), S.set(v, $)), $;
   }, []);
   Q.useEffect(() => {
     var v, S;
@@ -3473,7 +3473,7 @@ const Zr = ({
     [c, a]
   ), x = Q.useCallback(
     (v) => {
-      h((S) => S.filter((R, I) => I !== v));
+      h((S) => S.filter(($, I) => I !== v));
     },
     [h]
   ), w = Nn({
@@ -3486,9 +3486,9 @@ const Zr = ({
       p.current = !0;
       const S = {
         label: v
-      }, R = m(S), I = [...a, S];
+      }, $ = m(S), I = [...a, S];
       c == null || c(I), requestAnimationFrame(() => {
-        g(R), p.current = !1;
+        g($), p.current = !1;
       });
     },
     [e, c, a, m]
@@ -3497,17 +3497,17 @@ const Zr = ({
     var v;
     if (b) {
       const S = a.findIndex(
-        (R) => m(R) === b
+        ($) => m($) === b
       );
       if (S !== -1) {
-        const R = f.current[S];
-        (v = R == null ? void 0 : R.focus) == null || v.call(R);
-        const I = i.current, F = R.offsetLeft + R.offsetWidth / 2 - I.offsetWidth / 2;
+        const $ = f.current[S];
+        (v = $ == null ? void 0 : $.focus) == null || v.call($);
+        const I = i.current, F = $.offsetLeft + $.offsetWidth / 2 - I.offsetWidth / 2;
         I.scrollTo({ left: F, behavior: "smooth" });
       }
     }
   }, [b, a, m]);
-  const O = j(null), A = (l || a.length === 0) && e === "input";
+  const O = j(null), R = (l || a.length === 0) && e === "input";
   return /* @__PURE__ */ K(
     "div",
     {
@@ -3564,9 +3564,9 @@ const Zr = ({
       },
       children: [
         a.map((v, S) => {
-          const R = m(v), I = e === "input", F = I ? {
+          const $ = m(v), I = e === "input", F = I ? {
             editable: !0,
-            editing: b === R,
+            editing: b === $,
             onEditCommit: (E) => {
               o(!0), h(
                 (Y) => Y.map(
@@ -3604,16 +3604,16 @@ const Zr = ({
                 )
               ),
               onBlur: () => {
-                b === R && g(null);
+                b === $ && g(null);
               },
               onRemove: I ? () => {
                 o(!0), x(S);
               } : void 0
             },
-            R
+            $
           );
         }),
-        l && /* @__PURE__ */ K(me, { children: [
+        l && /* @__PURE__ */ K(ye, { children: [
           /* @__PURE__ */ d(
             Dt,
             {
@@ -3631,7 +3631,7 @@ const Zr = ({
         }
       ` })
         ] }),
-        A && /* @__PURE__ */ d(
+        R && /* @__PURE__ */ d(
           Ge,
           {
             ref: O,
@@ -3644,8 +3644,8 @@ const Zr = ({
               if (v = v.replace(/(&nbsp;)+/g, " ").trim(), console.log("Ghost chip onChange", v, !!v), v)
                 M(v);
               else if (a.length > 0) {
-                const R = f.current[a.length - 1];
-                (S = R == null ? void 0 : R.focus) == null || S.call(R);
+                const $ = f.current[a.length - 1];
+                (S = $ == null ? void 0 : $.focus) == null || S.call($);
               }
             },
             onEditCommit: () => {
@@ -3672,13 +3672,13 @@ function er({
   closeDelay: c = 150,
   id: a
 } = {}) {
-  const i = Me(), l = a ?? `tooltip-${i}`, o = Array.isArray(e) ? e : [e], u = typeof t == "boolean", [m, f] = V(
+  const i = Ee(), l = a ?? `tooltip-${i}`, o = Array.isArray(e) ? e : [e], u = typeof t == "boolean", [m, f] = V(
     n ? "hovered" : "hidden"
-  ), [p, h] = V(!1), x = j(null), w = j(null), M = pe(() => {
+  ), [p, h] = V(!1), x = j(null), w = j(null), M = me(() => {
     x.current && (clearTimeout(x.current), x.current = null), w.current && (clearTimeout(w.current), w.current = null);
   }, []);
   _(() => () => M(), [M]);
-  const b = pe(
+  const b = me(
     (C) => {
       if (u) {
         const D = C !== "hidden";
@@ -3690,7 +3690,7 @@ function er({
       }
     },
     [u, s]
-  ), g = u ? t ? "hovered" : "hidden" : m, O = g !== "hidden", A = (C) => {
+  ), g = u ? t ? "hovered" : "hidden" : m, O = g !== "hidden", R = (C) => {
     switch (C) {
       case "hidden":
         return 0;
@@ -3703,27 +3703,27 @@ function er({
       default:
         return 0;
     }
-  }, v = pe(
+  }, v = me(
     (C) => {
-      M(), !(A(C) <= A(g)) && (x.current = setTimeout(() => {
+      M(), !(R(C) <= R(g)) && (x.current = setTimeout(() => {
         b(C);
       }, r));
     },
     [M, r, g, b]
-  ), S = pe(
+  ), S = me(
     (C) => {
       M(), w.current = setTimeout(() => {
-        (!u && A(m) <= A(C) || u) && b("hidden");
+        (!u && R(m) <= R(C) || u) && b("hidden");
       }, c);
     },
     [M, c, m, u, b]
-  ), R = pe(() => {
+  ), $ = me(() => {
     o.includes("hover") && v("hovered");
-  }, [o, v]), I = pe(() => {
+  }, [o, v]), I = me(() => {
     o.includes("hover") && (g === "focused" || g === "clicked" || p || S("hovered"));
-  }, [o, g, p, S]), F = pe(() => {
+  }, [o, g, p, S]), F = me(() => {
     o.includes("focus") && (M(), b("focused"));
-  }, [o, M, b]), E = pe(() => {
+  }, [o, M, b]), E = me(() => {
     if (o.includes("focus") && g !== "clicked") {
       if (o.includes("hover") && p) {
         b("hovered");
@@ -3731,22 +3731,22 @@ function er({
       }
       S("focused");
     }
-  }, [o, g, p, S, b]), Y = pe(() => {
+  }, [o, g, p, S, b]), Y = me(() => {
     o.includes("click") && (M(), b(g === "clicked" ? "hidden" : "clicked"));
-  }, [o, g, M, b]), z = pe(
+  }, [o, g, M, b]), z = me(
     (C) => {
       C.key === "Escape" && O && (M(), b("hidden"), C.preventDefault());
     },
     [O, M, b]
-  ), te = pe(() => {
+  ), te = me(() => {
     h(!0), M();
-  }, [M]), P = pe(() => {
+  }, [M]), H = me(() => {
     h(!1), o.includes("hover") && g === "hovered" && S("hovered");
   }, [o, g, S]);
   return {
     triggerProps: {
       "aria-describedby": O ? l : void 0,
-      onMouseEnter: R,
+      onMouseEnter: $,
       onMouseLeave: I,
       onFocus: F,
       onBlur: E,
@@ -3758,7 +3758,7 @@ function er({
       role: "tooltip",
       "aria-hidden": !O,
       onMouseEnter: te,
-      onMouseLeave: P
+      onMouseLeave: H
     },
     isOpen: O,
     state: g
@@ -3786,11 +3786,11 @@ const $t = ({
   anchorRef: b,
   ...g
 }) => {
-  const A = i || (e === "rich" ? "bottom-right" : "bottom");
+  const R = i || (e === "rich" ? "bottom-right" : "bottom");
   if (m = { duration: 0.3, ...m }, !s && !l)
     throw new Error("Tooltip must have a child or a targetRef");
   t && !Array.isArray(t) && (t = [t]);
-  const v = j(null), R = b || (l || v), { triggerProps: I, tooltipProps: F, isOpen: E } = er({
+  const v = j(null), $ = b || (l || v), { triggerProps: I, tooltipProps: F, isOpen: E } = er({
     trigger: u,
     isOpen: h,
     defaultOpen: x,
@@ -3798,54 +3798,54 @@ const $t = ({
     openDelay: f,
     closeDelay: p,
     id: M
-  }), Y = !l && ke(s) ? Re(s, {
+  }), Y = !l && Ie(s) ? Re(s, {
     ref: v,
     ...I,
     // Merge event handlers if the child already has them
-    onMouseEnter: (P) => {
+    onMouseEnter: (H) => {
       var C, D;
-      I.onMouseEnter(), (D = (C = s.props) == null ? void 0 : C.onMouseEnter) == null || D.call(C, P);
+      I.onMouseEnter(), (D = (C = s.props) == null ? void 0 : C.onMouseEnter) == null || D.call(C, H);
     },
-    onMouseLeave: (P) => {
+    onMouseLeave: (H) => {
       var C, D;
-      I.onMouseLeave(), (D = (C = s.props) == null ? void 0 : C.onMouseLeave) == null || D.call(C, P);
+      I.onMouseLeave(), (D = (C = s.props) == null ? void 0 : C.onMouseLeave) == null || D.call(C, H);
     },
-    onFocus: (P) => {
+    onFocus: (H) => {
       var C, D;
-      I.onFocus(), (D = (C = s.props) == null ? void 0 : C.onFocus) == null || D.call(C, P);
+      I.onFocus(), (D = (C = s.props) == null ? void 0 : C.onFocus) == null || D.call(C, H);
     },
-    onBlur: (P) => {
+    onBlur: (H) => {
       var C, D;
-      I.onBlur(), (D = (C = s.props) == null ? void 0 : C.onBlur) == null || D.call(C, P);
+      I.onBlur(), (D = (C = s.props) == null ? void 0 : C.onBlur) == null || D.call(C, H);
     },
-    onClick: (P) => {
+    onClick: (H) => {
       var C, D;
-      I.onClick(), (D = (C = s.props) == null ? void 0 : C.onClick) == null || D.call(C, P);
+      I.onClick(), (D = (C = s.props) == null ? void 0 : C.onClick) == null || D.call(C, H);
     },
-    onKeyDown: (P) => {
+    onKeyDown: (H) => {
       var C, D;
-      I.onKeyDown(P), (D = (C = s.props) == null ? void 0 : C.onKeyDown) == null || D.call(C, P);
+      I.onKeyDown(H), (D = (C = s.props) == null ? void 0 : C.onKeyDown) == null || D.call(C, H);
     }
   }) : s;
   _(() => {
     if (!l) return;
-    const P = l.current;
-    if (!P) return;
+    const H = l.current;
+    if (!H) return;
     const C = () => I.onMouseEnter(), D = () => I.onMouseLeave(), T = () => I.onFocus(), J = () => I.onBlur(), Z = () => I.onClick(), se = (L) => I.onKeyDown(L);
-    return P.addEventListener("mouseenter", C), P.addEventListener("mouseleave", D), P.addEventListener("focus", T, !0), P.addEventListener("blur", J, !0), P.addEventListener("click", Z), P.addEventListener("keydown", se), I["aria-describedby"] ? P.setAttribute(
+    return H.addEventListener("mouseenter", C), H.addEventListener("mouseleave", D), H.addEventListener("focus", T, !0), H.addEventListener("blur", J, !0), H.addEventListener("click", Z), H.addEventListener("keydown", se), I["aria-describedby"] ? H.setAttribute(
       "aria-describedby",
       I["aria-describedby"]
-    ) : P.removeAttribute("aria-describedby"), () => {
-      P.removeEventListener("mouseenter", C), P.removeEventListener("mouseleave", D), P.removeEventListener("focus", T, !0), P.removeEventListener("blur", J, !0), P.removeEventListener("click", Z), P.removeEventListener("keydown", se);
+    ) : H.removeAttribute("aria-describedby"), () => {
+      H.removeEventListener("mouseenter", C), H.removeEventListener("mouseleave", D), H.removeEventListener("focus", T, !0), H.removeEventListener("blur", J, !0), H.removeEventListener("click", Z), H.removeEventListener("keydown", se);
     };
   }, [l, I]);
-  const z = Hn({
+  const z = Pn({
     variant: e,
     buttons: t,
     className: n,
     title: r,
     text: c,
-    position: A,
+    position: R,
     trigger: u,
     targetRef: l,
     children: s
@@ -3859,13 +3859,13 @@ const $t = ({
       height: 16
     }
   };
-  return /* @__PURE__ */ K(me, { children: [
+  return /* @__PURE__ */ K(ye, { children: [
     Y,
-    /* @__PURE__ */ d(he, { children: E && /* @__PURE__ */ d(
+    /* @__PURE__ */ d(pe, { children: E && /* @__PURE__ */ d(
       it,
       {
-        anchorRef: R,
-        position: A,
+        anchorRef: $,
+        position: R,
         children: /* @__PURE__ */ d(
           ne.div,
           {
@@ -3877,15 +3877,15 @@ const $t = ({
             className: z.toolTip,
             ...g,
             ...F,
-            children: /* @__PURE__ */ d("div", { className: z.container, children: a ? /* @__PURE__ */ d("div", { className: z.content, children: a }) : /* @__PURE__ */ K(me, { children: [
+            children: /* @__PURE__ */ d("div", { className: z.container, children: a ? /* @__PURE__ */ d("div", { className: z.content, children: a }) : /* @__PURE__ */ K(ye, { children: [
               r && /* @__PURE__ */ d("div", { className: z.subHead, children: r }),
               c && /* @__PURE__ */ d("div", { className: z.supportingText, children: c }),
-              t && /* @__PURE__ */ d("div", { className: z.actions, children: Array.isArray(t) && t.map((P, C) => /* @__PURE__ */ d(
-                Ne,
+              t && /* @__PURE__ */ d("div", { className: z.actions, children: Array.isArray(t) && t.map((H, C) => /* @__PURE__ */ d(
+                Le,
                 {
                   size: "small",
                   variant: "text",
-                  ...P
+                  ...H
                 },
                 C
               )) })
@@ -3969,7 +3969,7 @@ const $t = ({
           }
         ),
         /* @__PURE__ */ d(
-          Se,
+          Ne,
           {
             style: { transition: o.duration + "s" },
             className: p.stateLayer,
@@ -3984,8 +3984,8 @@ const $t = ({
             stateClassName: "state-ripple-group-[fab]"
           }
         ),
-        /* @__PURE__ */ d(fe, { icon: a, className: p.icon }),
-        /* @__PURE__ */ d(he, { children: i && /* @__PURE__ */ d(
+        /* @__PURE__ */ d(he, { icon: a, className: p.icon }),
+        /* @__PURE__ */ d(pe, { children: i && /* @__PURE__ */ d(
           ne.span,
           {
             variants: w,
@@ -3999,7 +3999,7 @@ const $t = ({
       ]
     }
   );
-}, Ie = ({
+}, Me = ({
   variant: e = "standard",
   href: t,
   disabled: n = !1,
@@ -4025,7 +4025,7 @@ const $t = ({
       "IconButton component requires either a label prop or children content to provide an accessible aria-label"
     );
   !s && s !== null && (s = r);
-  const [g, O] = Q.useState(a), A = (F) => {
+  const [g, O] = Q.useState(a), R = (F) => {
     n && F.preventDefault(), c ? (O(!g), c(!g)) : i && i(F);
   };
   _(() => {
@@ -4049,7 +4049,7 @@ const $t = ({
     size: o,
     children: r,
     ...b
-  }), R = j(null), I = f || R;
+  }), $ = j(null), I = f || $;
   return w = { duration: 0.3, ...w }, /* @__PURE__ */ K(
     v,
     {
@@ -4060,7 +4060,7 @@ const $t = ({
       "aria-label": r,
       ...b,
       title: void 0,
-      onClick: A,
+      onClick: R,
       ref: I,
       children: [
         s !== null && /* @__PURE__ */ d(
@@ -4073,7 +4073,7 @@ const $t = ({
         ),
         /* @__PURE__ */ d("div", { className: S.touchTarget }),
         /* @__PURE__ */ d(
-          Se,
+          Ne,
           {
             style: { transition: w.duration + "s" },
             className: S.stateLayer,
@@ -4098,7 +4098,7 @@ const $t = ({
             stateClassName: "state-ripple-group-[icon-button]"
           }
         ),
-        l ? /* @__PURE__ */ d(fe, { icon: l, className: S.icon }) : M
+        l ? /* @__PURE__ */ d(he, { icon: l, className: S.icon }) : M
       ]
     }
   );
@@ -4121,8 +4121,8 @@ const $t = ({
   l = { duration: 0.3, ease: "easeInOut", ...l };
   const h = j(null), x = i || h, w = typeof u == "boolean", [M, b] = V(m), g = w ? u : M, O = (E) => {
     w || b(E), f == null || f(E);
-  }, A = Q.Children.toArray(o).filter(
-    (E) => Q.isValidElement(E) && E.type === Ne
+  }, R = Q.Children.toArray(o).filter(
+    (E) => Q.isValidElement(E) && E.type === Le
   ), v = In({
     href: r,
     icon: c,
@@ -4134,7 +4134,7 @@ const $t = ({
     transition: l,
     children: t,
     open: g
-  }), S = ne.create(Be), R = ne.create(Ie), I = (E) => /* @__PURE__ */ d(
+  }), S = ne.create(Be), $ = ne.create(Me), I = (E) => /* @__PURE__ */ d(
     S,
     {
       icon: c,
@@ -4155,22 +4155,22 @@ const $t = ({
       },
       ...E
     }
-  ), F = Me();
+  ), F = Ee();
   return /* @__PURE__ */ K("div", { className: v.fabMenu, ref: x, ...p, children: [
-    /* @__PURE__ */ d(he, { children: g && /* @__PURE__ */ d("div", { className: v.actions, role: "menu", "aria-hidden": !g, children: (() => {
-      const E = A.length;
-      return A.map((Y, z) => {
+    /* @__PURE__ */ d(pe, { children: g && /* @__PURE__ */ d("div", { className: v.actions, role: "menu", "aria-hidden": !g, children: (() => {
+      const E = R.length;
+      return R.map((Y, z) => {
         Y.props;
-        const te = E - 1 - z, P = ((l == null ? void 0 : l.delay) ?? 0) + te * 0.06, C = {
+        const te = E - 1 - z, H = ((l == null ? void 0 : l.delay) ?? 0) + te * 0.06, C = {
           open: {
             overflow: "visible",
             opacity: 1,
             width: "auto",
             transition: {
               ...l,
-              delay: P,
+              delay: H,
               opacity: {
-                delay: (l == null ? void 0 : l.duration) / 2 + P
+                delay: (l == null ? void 0 : l.duration) / 2 + H
               }
             }
           },
@@ -4180,7 +4180,7 @@ const $t = ({
             width: 0,
             transition: {
               ...l,
-              delay: P,
+              delay: H,
               opacity: {
                 duration: (l == null ? void 0 : l.duration) / 1.5
               }
@@ -4202,12 +4202,15 @@ const $t = ({
                 shape: "rounded",
                 variant: "filled",
                 className: () => ({
-                  button: y("max-w-full overflow-hidden", {
-                    "px-0": !g,
-                    "bg-primary-container text-on-primary-container ": n === "primary",
-                    "bg-secondary-container text-on-secondary-container": n === "secondary",
-                    "bg-tertiary-container text-on-tertiary-container": n === "tertiary"
-                  }),
+                  button: y(
+                    "max-w-full overflow-hidden text-nowrap",
+                    {
+                      "px-0": !g,
+                      "bg-primary-container text-on-primary-container ": n === "primary",
+                      "bg-secondary-container text-on-secondary-container": n === "secondary",
+                      "bg-tertiary-container text-on-tertiary-container": n === "tertiary"
+                    }
+                  ),
                   stateLayer: y({
                     "state-on-primary-container": n === "primary",
                     "state-on-secondary-container": n === "secondary",
@@ -4229,14 +4232,14 @@ const $t = ({
         layout: !0,
         layoutId: "fab-menu" + F
       }),
-      g && /* @__PURE__ */ d(me, { children: /* @__PURE__ */ d(
-        R,
+      g && /* @__PURE__ */ d(ye, { children: /* @__PURE__ */ d(
+        $,
         {
           layout: !0,
           layoutId: "fab-menu" + F,
           variant: "filled",
           className: () => ({
-            iconButton: y("", {
+            iconButton: y({
               "bg-primary text-on-primary": n === "primary",
               "bg-secondary text-on-secondary": n === "secondary",
               "bg-tertiary text-on-tertiary": n === "tertiary"
@@ -4296,14 +4299,14 @@ const $t = ({
   }, f = (D = !1) => D ? a : a == 1 / 0 ? i[(i == null ? void 0 : i.length) - 1].value : a, p = (D = !1) => D ? c : c == -1 / 0 ? i[0].value : c, h = (D) => {
     const T = p(!1);
     return (f(!1) - T) * D / 100 + T;
-  }, [x, w] = V(!1), M = j(null), b = l || M, [g, O] = V(r), [A, v] = V(m(r)), [S, R] = V(!1);
+  }, [x, w] = V(!1), M = j(null), b = l || M, [g, O] = V(r), [R, v] = V(m(r)), [S, $] = V(!1);
   _(() => {
     O(r), v(m(r));
   }, [r]);
   const I = (D) => {
-    R(!0), w(!0), Y(D);
+    $(!0), w(!0), Y(D);
   }, F = () => {
-    R(!1), w(!1);
+    $(!1), w(!1);
   };
   _(() => (S ? (window.addEventListener("mouseup", F), window.addEventListener("mousemove", Y), window.addEventListener("touchend", F), window.addEventListener("touchmove", Y)) : (window.removeEventListener("mouseup", F), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", F), window.removeEventListener("touchmove", Y)), () => {
     window.removeEventListener("mouseup", F), window.removeEventListener("mousemove", Y), window.removeEventListener("touchend", F), window.removeEventListener("touchmove", Y);
@@ -4355,10 +4358,10 @@ const $t = ({
       let L = Z.value === 1 / 0 ? f() : Z.value === -1 / 0 ? p() : Z.value, k = J.value === 1 / 0 ? f() : J.value === -1 / 0 ? p() : J.value;
       return L = Math.abs(L - T), k = Math.abs(k - T), L < k ? Z : J;
     }).value), T >= f() && (T = f(!0)), T <= p() && (T = p(!0)), D = m(T), O(T), v(D), o && o(T);
-  }, [te, P] = V(0);
+  }, [te, H] = V(0);
   return _(() => {
     const D = () => {
-      b.current && P(b.current.offsetWidth);
+      b.current && H(b.current.offsetWidth);
     };
     return D(), window.addEventListener("resize", D), () => {
       window.removeEventListener("resize", D);
@@ -4403,8 +4406,8 @@ const $t = ({
       ...u,
       children: [
         /* @__PURE__ */ d("input", { type: "hidden", name: s, value: g }),
-        /* @__PURE__ */ d("div", { className: E.activeTrack, style: { flex: A / 100 } }),
-        /* @__PURE__ */ d("div", { className: E.handle, children: /* @__PURE__ */ d(he, { children: x && /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: E.activeTrack, style: { flex: R / 100 } }),
+        /* @__PURE__ */ d("div", { className: E.handle, children: /* @__PURE__ */ d(pe, { children: x && /* @__PURE__ */ d(
           ne.div,
           {
             className: E.valueIndicator,
@@ -4428,7 +4431,7 @@ const $t = ({
           "div",
           {
             className: E.inactiveTrack,
-            style: { flex: 1 - A / 100 }
+            style: { flex: 1 - R / 100 }
           }
         ),
         /* @__PURE__ */ d(
@@ -4438,7 +4441,7 @@ const $t = ({
             children: i && i.map((D, T) => {
               let J = null;
               const Z = (x ? 9 : 10) / te * 100, se = m(D.value);
-              return se <= A - Z ? J = !0 : se >= A + Z && (J = !1), /* @__PURE__ */ d(
+              return se <= R - Z ? J = !0 : se >= R + Z && (J = !1), /* @__PURE__ */ d(
                 "div",
                 {
                   className: y(E.dot, {
@@ -4496,8 +4499,8 @@ const $t = ({
     open: {
       width: "auto"
     }
-  }, x = () => /* @__PURE__ */ K(me, { children: [
-    /* @__PURE__ */ d(he, { children: e == "modal" && m && /* @__PURE__ */ d(
+  }, x = () => /* @__PURE__ */ K(ye, { children: [
+    /* @__PURE__ */ d(pe, { children: e == "modal" && m && /* @__PURE__ */ d(
       ne.div,
       {
         initial: { opacity: 0 },
@@ -4508,7 +4511,7 @@ const $t = ({
         className: p.overlay
       }
     ) }),
-    /* @__PURE__ */ d(he, { children: m && /* @__PURE__ */ K(
+    /* @__PURE__ */ d(pe, { children: m && /* @__PURE__ */ K(
       "div",
       {
         ...u,
@@ -4527,7 +4530,7 @@ const $t = ({
                 /* @__PURE__ */ K("div", { className: p.header, children: [
                   s && /* @__PURE__ */ d("p", { className: p.title, children: s }),
                   /* @__PURE__ */ d(
-                    Ie,
+                    Me,
                     {
                       size: "small",
                       label: "close",
@@ -4578,7 +4581,7 @@ const $t = ({
   const o = () => {
     i(!1), r == null || r();
   };
-  return /* @__PURE__ */ d(he, { children: a && /* @__PURE__ */ d(
+  return /* @__PURE__ */ d(pe, { children: a && /* @__PURE__ */ d(
     ne.div,
     {
       initial: { height: 0 },
@@ -4590,7 +4593,7 @@ const $t = ({
       children: /* @__PURE__ */ K("div", { className: l.container, children: [
         /* @__PURE__ */ d("p", { className: l.supportingText, children: e }),
         /* @__PURE__ */ d(
-          Ie,
+          Me,
           {
             onClick: () => o(),
             className: l.icon,
@@ -4658,7 +4661,7 @@ const $t = ({
             className: x.handleContainer,
             children: [
               /* @__PURE__ */ d("div", { className: x.handle, children: (u ? n : r) && /* @__PURE__ */ d(
-                fe,
+                he,
                 {
                   className: x.icon,
                   icon: u ? n : r
@@ -4700,8 +4703,8 @@ const $t = ({
       icon: c
     });
   }, [a]);
-  const A = r ? "a" : "button", v = (R) => {
-    i && i(o ?? null), t && t(R);
+  const R = r ? "a" : "button", v = ($) => {
+    i && i(o ?? null), t && t($);
   }, S = Wn({
     className: e,
     onTabSelected: u,
@@ -4718,7 +4721,7 @@ const $t = ({
     href: r
   });
   return /* @__PURE__ */ K(
-    A,
+    R,
     {
       ...x,
       role: "tab",
@@ -4730,7 +4733,7 @@ const $t = ({
       ...x,
       children: [
         /* @__PURE__ */ d(
-          Se,
+          Ne,
           {
             style: { transition: 0.3 + "s" },
             className: S.stateLayer,
@@ -4739,7 +4742,7 @@ const $t = ({
           }
         ),
         /* @__PURE__ */ K("span", { className: S.content, children: [
-          c && /* @__PURE__ */ d(fe, { icon: c, className: S.icon }),
+          c && /* @__PURE__ */ d(he, { icon: c, className: S.icon }),
           /* @__PURE__ */ d("span", { className: S.label, children: b }),
           g && /* @__PURE__ */ d(
             ne.span,
@@ -4777,7 +4780,7 @@ const $t = ({
         b.scrollTo({ left: O, behavior: "smooth" });
       }
     }
-  }, x = we(
+  }, x = be(
     () => (i == null ? void 0 : i.tabsId) ?? Rt(),
     [i == null ? void 0 : i.tabsId]
   ), w = An({
@@ -4809,7 +4812,7 @@ const $t = ({
     s
   ), a = j(null), i = t !== void 0 ? t : r, l = n ?? c, o = a.current !== null && i !== null ? i > a.current ? 1 : -1 : 0;
   i !== a.current && (a.current = i);
-  const u = Me(), m = we(
+  const u = Ee(), m = be(
     () => ({
       selectedTab: i,
       setSelectedTab: l,
@@ -4844,7 +4847,7 @@ const $t = ({
     children: e,
     className: t
   });
-  return /* @__PURE__ */ d("div", { className: i.tabPanels, children: /* @__PURE__ */ d(he, { initial: !1, custom: r, mode: "popLayout", children: a.map(
+  return /* @__PURE__ */ d("div", { className: i.tabPanels, children: /* @__PURE__ */ d(pe, { initial: !1, custom: r, mode: "popLayout", children: a.map(
     (l, o) => s === o && /* @__PURE__ */ d(
       ne.div,
       {
@@ -4918,27 +4921,27 @@ const $t = ({
     return new Date(k.getFullYear(), k.getMonth(), 1);
   }), [h, x] = V(0), [w, M] = V("day"), b = e !== void 0, [g, O] = V(
     t || null
-  ), A = b ? e || null : g, v = (L, k) => new Date(L, k + 1, 0).getDate(), S = we(() => {
-    const L = f.getFullYear(), k = f.getMonth(), N = v(L, k), H = (new Date(L, k, 1).getDay() - i + 7) % 7, X = [], q = v(L, k - 1);
-    for (let U = H - 1; U >= 0; U--)
+  ), R = b ? e || null : g, v = (L, k) => new Date(L, k + 1, 0).getDate(), S = be(() => {
+    const L = f.getFullYear(), k = f.getMonth(), N = v(L, k), P = (new Date(L, k, 1).getDay() - i + 7) % 7, X = [], q = v(L, k - 1);
+    for (let U = P - 1; U >= 0; U--)
       X.push({
         date: new Date(L, k - 1, q - U),
         isCurrentMonth: !1
       });
     for (let U = 1; U <= N; U++)
       X.push({ date: new Date(L, k, U), isCurrentMonth: !0 });
-    const $ = 42 - X.length;
-    for (let U = 1; U <= $; U++)
+    const W = 42 - X.length;
+    for (let U = 1; U <= W; U++)
       X.push({
         date: new Date(L, k + 1, U),
         isCurrentMonth: !1
       });
     return X;
-  }, [f, i]), R = we(() => {
-    const L = (/* @__PURE__ */ new Date()).getFullYear(), k = L - 100, N = L + 100, W = [];
-    for (let H = k; H <= N; H++)
-      W.push(H);
-    return W;
+  }, [f, i]), $ = be(() => {
+    const L = (/* @__PURE__ */ new Date()).getFullYear(), k = L - 100, N = L + 100, A = [];
+    for (let P = k; P <= N; P++)
+      A.push(P);
+    return A;
   }, []), I = j(null);
   _(() => {
     if (w === "year" && I.current) {
@@ -4948,62 +4951,62 @@ const $t = ({
       L && L.scrollIntoView({ block: "center" });
     }
   }, [w]);
-  const F = we(
+  const F = be(
     () => new Intl.DateTimeFormat(a, { month: "long", year: "numeric" }),
     [a]
-  ), E = we(
+  ), E = be(
     () => new Intl.DateTimeFormat(a, { weekday: "narrow" }),
     [a]
-  ), Y = we(() => {
+  ), Y = be(() => {
     const L = new Date(2023, 0, 1 + i);
     return Array.from({ length: 7 }).map((k, N) => {
-      const W = new Date(L);
-      return W.setDate(L.getDate() + N), E.format(W).charAt(0).toUpperCase();
+      const A = new Date(L);
+      return A.setDate(L.getDate() + N), E.format(A).charAt(0).toUpperCase();
     });
   }, [E, i]), z = () => {
     x(-1), p((L) => new Date(L.getFullYear(), L.getMonth() - 1, 1));
   }, te = () => {
     x(1), p((L) => new Date(L.getFullYear(), L.getMonth() + 1, 1));
-  }, P = (L) => {
+  }, H = (L) => {
     p((k) => new Date(L, k.getMonth(), 1)), M("day");
   }, C = (L, k) => L ? L.getDate() === k.getDate() && L.getMonth() === k.getMonth() && L.getFullYear() === k.getFullYear() : !1, D = (L) => C(/* @__PURE__ */ new Date(), L), T = (L) => {
     let k = L;
     if (u === "single")
       k = L;
     else {
-      const N = A, [W, H] = Array.isArray(N) ? N : [null, null];
-      !W || W && H ? k = [L, null] : L < W ? k = [L, W] : k = [W, L];
+      const N = R, [A, P] = Array.isArray(N) ? N : [null, null];
+      !A || A && P ? k = [L, null] : L < A ? k = [L, A] : k = [A, L];
     }
     b || O(k), n && n(k);
   }, J = (L) => {
     if (u === "single")
       return {
-        isSelected: C(A, L),
+        isSelected: C(R, L),
         isStart: !1,
         isEnd: !1,
         isInRange: !1
       };
-    const k = Array.isArray(A) ? A : [A, null], [N, W] = k, H = C(N, L), X = C(W, L);
+    const k = Array.isArray(R) ? R : [R, null], [N, A] = k, P = C(N, L), X = C(A, L);
     let q = !1;
-    if (N && W) {
+    if (N && A) {
       const ee = new Date(
         N.getFullYear(),
         N.getMonth(),
         N.getDate()
-      ).getTime(), $ = new Date(
-        W.getFullYear(),
-        W.getMonth(),
-        W.getDate()
+      ).getTime(), W = new Date(
+        A.getFullYear(),
+        A.getMonth(),
+        A.getDate()
       ).getTime(), U = new Date(
         L.getFullYear(),
         L.getMonth(),
         L.getDate()
       ).getTime();
-      q = U > ee && U < $;
+      q = U > ee && U < W;
     }
-    return { isSelected: H || X, isStart: H, isEnd: X, isInRange: q };
+    return { isSelected: P || X, isStart: P, isEnd: X, isInRange: q };
   }, Z = sr({
-    hasSelected: !!A
+    hasSelected: !!R
   }), se = {
     enter: (L) => ({
       x: L > 0 ? "100%" : "-100%",
@@ -5027,7 +5030,7 @@ const $t = ({
       children: [
         /* @__PURE__ */ K("div", { className: Z.header, children: [
           /* @__PURE__ */ K(
-            Ne,
+            Le,
             {
               variant: "text",
               disableTextMargins: !0,
@@ -5037,7 +5040,7 @@ const $t = ({
               children: [
                 /* @__PURE__ */ d("span", { className: "mr-2", children: w === "day" ? F.format(f) : f.getFullYear() }),
                 /* @__PURE__ */ d(
-                  fe,
+                  he,
                   {
                     icon: Un,
                     className: y(
@@ -5051,7 +5054,7 @@ const $t = ({
           ),
           w === "day" && /* @__PURE__ */ K("div", { className: "flex items-center", children: [
             /* @__PURE__ */ d(
-              Ie,
+              Me,
               {
                 size: "xSmall",
                 allowShapeTransformation: !1,
@@ -5062,7 +5065,7 @@ const $t = ({
               }
             ),
             /* @__PURE__ */ d(
-              Ie,
+              Me,
               {
                 size: "xSmall",
                 allowShapeTransformation: !1,
@@ -5079,12 +5082,12 @@ const $t = ({
           {
             className: "h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",
             ref: I,
-            children: R.map((L) => /* @__PURE__ */ d(
-              Ne,
+            children: $.map((L) => /* @__PURE__ */ d(
+              Le,
               {
                 size: "small",
                 variant: L === f.getFullYear() ? "filled" : "text",
-                onClick: () => P(L),
+                onClick: () => H(L),
                 "data-selected": L === f.getFullYear(),
                 className: y("w-full", {
                   "text-on-surface": L !== f.getFullYear()
@@ -5095,10 +5098,10 @@ const $t = ({
               L
             ))
           }
-        ) : /* @__PURE__ */ K(me, { children: [
+        ) : /* @__PURE__ */ K(ye, { children: [
           /* @__PURE__ */ d("div", { className: Z.weekDays, children: Y.map((L, k) => /* @__PURE__ */ d("div", { className: Z.weekDay, children: L }, k)) }),
           /* @__PURE__ */ d("div", { className: "overflow-hidden relative min-h-[240px]", children: /* @__PURE__ */ d(
-            he,
+            pe,
             {
               mode: "popLayout",
               initial: !1,
@@ -5116,7 +5119,7 @@ const $t = ({
                   children: S.map((L, k) => {
                     if (!L.isCurrentMonth)
                       return /* @__PURE__ */ d("div", { className: Z.dayCell }, k);
-                    const { isSelected: N, isStart: W, isEnd: H, isInRange: X } = J(L.date), q = D(L.date), ee = s && L.date < s || r && L.date > r || (c == null ? void 0 : c(L.date));
+                    const { isSelected: N, isStart: A, isEnd: P, isInRange: X } = J(L.date), q = D(L.date), ee = s && L.date < s || r && L.date > r || (c == null ? void 0 : c(L.date));
                     return /* @__PURE__ */ d(
                       "div",
                       {
@@ -5124,11 +5127,11 @@ const $t = ({
                           Z.dayCell,
                           // Range background styles applied to the cell wrapper
                           X && "bg-primary/20",
-                          W && (A == null ? void 0 : A[1]) && "bg-gradient-to-r from-transparent to-primary/20",
-                          H && (A == null ? void 0 : A[0]) && "bg-gradient-to-l from-transparent to-primary/20"
+                          A && (R == null ? void 0 : R[1]) && "bg-gradient-to-r from-transparent to-primary/20",
+                          P && (R == null ? void 0 : R[0]) && "bg-gradient-to-l from-transparent to-primary/20"
                         ),
                         children: /* @__PURE__ */ d(
-                          Ne,
+                          Le,
                           {
                             className: () => ({
                               button: y("aspect-square h-[40px] p-0", {
@@ -5187,41 +5190,43 @@ const $t = ({
   id: b,
   style: g,
   ref: O,
-  ...A
+  ...R
 }) => {
-  const v = Me(), S = b || v, R = `${S}-helper`, I = x !== void 0, [F, E] = V(w ?? ""), Y = I ? x : F, [z, te] = V(!1), [P, C] = V(!!(n != null && n.length)), D = j(null), T = O || D, J = j(null), Z = j(null), se = M ?? (!!(n != null && n.length) || !!(l != null && l.length));
+  const v = Ee(), S = b || v, $ = `${S}-helper`, I = x !== void 0, [F, E] = V(w ?? ""), Y = I ? x : F, [z, te] = V(!1), [H, C] = V(!!(n != null && n.length)), D = j(null), T = O || D, J = j(null), Z = j(null), se = M ?? (!!(n != null && n.length) || !!(l != null && l.length));
   _(() => {
     C(!!(n != null && n.length));
   }, [n]);
   const L = () => {
     T.current && !z && T.current.focus();
-  }, k = () => {
-    te(!0), C(!1);
-  }, N = (ve) => {
-    const Ce = ve.target.value;
-    I || E(Ce), C(!1), h && h(ve);
-  }, W = () => {
-    te(!1), n != null && n.length && C(!0);
-  }, H = m === "date", [X, q] = V(!1), [ee, $] = V(null), U = we(() => {
-    const ve = String(Y);
-    if (!ve) return null;
-    const [Ce, ze, Te] = ve.split("-").map(Number);
-    return Ce && ze && Te ? new Date(Ce, ze - 1, Te) : null;
+  }, k = (fe) => {
+    var ge;
+    te(!0), C(!1), (ge = R.onFocus) == null || ge.call(R, fe);
+  }, N = (fe) => {
+    const ge = fe.target.value;
+    I || E(ge), C(!1), h && h(fe);
+  }, A = (fe) => {
+    var ge;
+    te(!1), n != null && n.length && C(!0), (ge = R.onBlur) == null || ge.call(R, fe);
+  }, P = m === "date", [X, q] = V(!1), [ee, W] = V(null), U = be(() => {
+    const fe = String(Y);
+    if (!fe) return null;
+    const [ge, ze, Te] = fe.split("-").map(Number);
+    return ge && ze && Te ? new Date(ge, ze - 1, Te) : null;
   }, [Y]), ie = () => {
-    t || ($(U), q(!0));
+    t || (W(U), q(!0));
   }, de = () => {
-    const ve = ee ? ee.toLocaleDateString("en-CA") : "";
-    I || E(ve), h && h({
+    const fe = ee ? ee.toLocaleDateString("en-CA") : "";
+    I || E(fe), h && h({
       target: {
-        value: ve,
+        value: fe,
         name: c,
         type: m
       }
     }), q(!1);
-  }, ye = H && !o ? Yn : o, be = H ? "[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer" : "", ce = Pn({
+  }, ve = P && !o ? Yn : o, xe = P ? "[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer" : "", ce = Hn({
     showSupportingText: se,
     isFocused: z,
-    showErrorIcon: P,
+    showErrorIcon: H,
     disabled: t,
     name: c,
     label: a,
@@ -5232,13 +5237,13 @@ const $t = ({
     supportingText: l,
     type: m,
     leadingIcon: u,
-    trailingIcon: ye,
+    trailingIcon: ve,
     variant: e,
     errorText: n,
     value: String(Y),
     suffix: r,
     multiline: f
-  }), G = f ? Xt : "input", ae = f ? {} : { type: m }, le = z || typeof Y == "string" && Y.length > 0 || m == "date", ge = le && e === "outlined", Ee = !ge;
+  }), G = f ? Xt : "input", ae = f ? {} : { type: m }, le = z || typeof Y == "string" && Y.length > 0 || m == "date", we = le && e === "outlined", Ce = !we;
   return /* @__PURE__ */ K("div", { ref: J, className: ce.textField, style: g, children: [
     /* @__PURE__ */ K(
       "fieldset",
@@ -5248,7 +5253,7 @@ const $t = ({
         role: "presentation",
         children: [
           /* @__PURE__ */ d("div", { className: ce.stateLayer }),
-          u && /* @__PURE__ */ d("div", { className: ce.leadingIcon, children: Q.isValidElement(u) ? u : /* @__PURE__ */ d(fe, { className: "w-5 h-5", icon: u }) }),
+          u && /* @__PURE__ */ d("div", { className: ce.leadingIcon, children: Q.isValidElement(u) ? u : /* @__PURE__ */ d(he, { className: "w-5 h-5", icon: u }) }),
           /* @__PURE__ */ d(
             ne.legend,
             {
@@ -5257,15 +5262,15 @@ const $t = ({
                 hidden: { width: 0, padding: 0 },
                 visible: { width: "auto", padding: "0 8px" }
               },
-              initial: ge ? "visible" : "hidden",
-              animate: ge ? "visible" : "hidden",
+              initial: we ? "visible" : "hidden",
+              animate: we ? "visible" : "hidden",
               className: "max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",
               transition: { duration: 0.2 },
               children: /* @__PURE__ */ d("span", { className: "transform inline-flex -translate-y-1/2 opacity-0", children: a })
             }
           ),
           /* @__PURE__ */ K("div", { className: "flex-1 relative", children: [
-            Ee && /* @__PURE__ */ d(
+            Ce && /* @__PURE__ */ d(
               ne.label,
               {
                 htmlFor: S,
@@ -5281,7 +5286,7 @@ const $t = ({
                 children: /* @__PURE__ */ d("span", { className: ce.label, children: a })
               }
             ),
-            ge && /* @__PURE__ */ d(
+            we && /* @__PURE__ */ d(
               ne.label,
               {
                 htmlFor: S,
@@ -5297,58 +5302,56 @@ const $t = ({
             /* @__PURE__ */ d(
               G,
               {
+                ...R,
                 ref: T,
                 value: Y,
                 onChange: N,
-                className: y(ce.input, be),
+                className: y(ce.input, xe),
                 id: S,
                 name: c,
                 placeholder: z ? s ?? void 0 : "",
-                onFocus: (ve) => {
-                  k();
-                },
-                onBlur: W,
+                onFocus: k,
+                onBlur: A,
                 disabled: t,
                 autoComplete: p,
                 "aria-invalid": !!(n != null && n.length),
-                "aria-describedby": se ? R : void 0,
-                ...ae,
-                ...A
+                "aria-describedby": se ? $ : void 0,
+                ...ae
               }
             )
           ] }),
           /* @__PURE__ */ d("div", { className: ce.activeIndicator }),
-          !P && /* @__PURE__ */ K(me, { children: [
-            ye && /* @__PURE__ */ d(
+          !H && /* @__PURE__ */ K(ye, { children: [
+            ve && /* @__PURE__ */ d(
               "div",
               {
-                ref: H ? Z : void 0,
-                onClick: (ve) => {
-                  ve.stopPropagation(), H && ie();
+                ref: P ? Z : void 0,
+                onClick: (fe) => {
+                  fe.stopPropagation(), P && ie();
                 },
                 className: y(
                   ce.trailingIcon,
-                  H && "cursor-pointer"
+                  P && "cursor-pointer"
                 ),
-                children: /* @__PURE__ */ d("div", { className: "flex items-center justify-center w-full h-full", children: Q.isValidElement(ye) ? ye : /* @__PURE__ */ d(
-                  fe,
+                children: /* @__PURE__ */ d("div", { className: "flex items-center justify-center w-full h-full", children: Q.isValidElement(ve) ? ve : /* @__PURE__ */ d(
+                  he,
                   {
                     className: "h-5",
-                    icon: ye
+                    icon: ve
                   }
                 ) })
               }
             ),
-            !ye && r && /* @__PURE__ */ d("span", { className: ce.suffix, children: r })
+            !ve && r && /* @__PURE__ */ d("span", { className: ce.suffix, children: r })
           ] }),
-          P && /* @__PURE__ */ d(
+          H && /* @__PURE__ */ d(
             "div",
             {
               className: y(ce.trailingIcon, {
-                " absolute right-0": !ye
+                " absolute right-0": !ve
               }),
               children: /* @__PURE__ */ d(
-                fe,
+                he,
                 {
                   className: "h-5 text-error",
                   icon: Xn
@@ -5359,8 +5362,8 @@ const $t = ({
         ]
       }
     ),
-    se && /* @__PURE__ */ d("p", { className: ce.supportingText, id: R, children: n != null && n.length ? n : l != null && l.length ? l : " " }),
-    H && X && /* @__PURE__ */ K(me, { children: [
+    se && /* @__PURE__ */ d("p", { className: ce.supportingText, id: $, children: n != null && n.length ? n : l != null && l.length ? l : " " }),
+    P && X && /* @__PURE__ */ K(ye, { children: [
       /* @__PURE__ */ d(
         "div",
         {
@@ -5374,12 +5377,12 @@ const $t = ({
           {
             className: "",
             value: ee,
-            onChange: $
+            onChange: W
           }
         ),
         /* @__PURE__ */ K("div", { className: "flex justify-end gap-2 p-4 pt-0", children: [
           /* @__PURE__ */ d(
-            Ne,
+            Le,
             {
               variant: "text",
               size: "small",
@@ -5388,7 +5391,7 @@ const $t = ({
             }
           ),
           /* @__PURE__ */ d(
-            Ne,
+            Le,
             {
               variant: "filled",
               size: "small",
@@ -5457,7 +5460,7 @@ const $t = ({
   ...b
 }) => {
   M && (n = M);
-  const g = j(null), O = m || g, [A, v] = V(u);
+  const g = j(null), O = m || g, [R, v] = V(u);
   _(() => {
     u && a == null ? v(!0) : v(a == l && l != null);
   }, [a]), _(() => {
@@ -5468,7 +5471,7 @@ const $t = ({
       icon: c
     });
   }, [a]);
-  const S = r ? "a" : "button", R = (F) => {
+  const S = r ? "a" : "button", $ = (F) => {
     i && i(l ?? null), t && t(F);
   }, I = lr({
     isExtended: p,
@@ -5478,11 +5481,11 @@ const $t = ({
     selectedItem: a,
     index: l,
     transition: f,
-    selected: A,
+    selected: R,
     variant: s,
     icon: c,
     label: n,
-    isSelected: A,
+    isSelected: R,
     setSelectedItem: i,
     href: r,
     children: n,
@@ -5496,11 +5499,11 @@ const $t = ({
       {
         ...b,
         role: "tab",
-        "aria-selected": A,
+        "aria-selected": R,
         ref: O,
         href: r,
         className: I.navigationRailItem,
-        onClick: R,
+        onClick: $,
         style: { transition: f.duration + "s", ...x },
         children: [
           /* @__PURE__ */ K(
@@ -5513,25 +5516,25 @@ const $t = ({
               className: I.container,
               children: [
                 /* @__PURE__ */ d(
-                  Se,
+                  Ne,
                   {
                     style: { transition: f.duration + "s" },
                     className: I.stateLayer,
                     colorName: y({
-                      "on-surface": !A,
-                      "on-secondary-container": A
+                      "on-surface": !R,
+                      "on-secondary-container": R
                     }),
                     stateClassName: "state-ripple-group-[navigation-rail-item]"
                   }
                 ),
                 c && /* @__PURE__ */ d(
-                  fe,
+                  he,
                   {
-                    icon: A ? h : c,
+                    icon: R ? h : c,
                     className: I.icon
                   }
                 ),
-                /* @__PURE__ */ d(he, { children: s == "horizontal" && (() => {
+                /* @__PURE__ */ d(pe, { children: s == "horizontal" && (() => {
                   const F = {
                     width: 0,
                     opacity: 0,
@@ -5563,7 +5566,7 @@ const $t = ({
               ]
             }
           ),
-          /* @__PURE__ */ d(he, { children: s == "vertical" && (() => {
+          /* @__PURE__ */ d(pe, { children: s == "vertical" && (() => {
             const F = {
               height: 0,
               opacity: 0,
@@ -5651,11 +5654,11 @@ const $t = ({
   function O(I) {
     const F = [];
     return Bt.forEach(I, (E) => {
-      ke(E) && E.type === Pt ? F.push(...O(E.props.children)) : F.push(E);
+      Ie(E) && E.type === Ht ? F.push(...O(E.props.children)) : F.push(E);
     }), F;
   }
-  const A = O(n), v = A.filter(
-    (I) => ke(I) && I.type === Be
+  const R = O(n), v = R.filter(
+    (I) => Ie(I) && I.type === Be
   ), S = dr({
     children: n,
     onItemSelected: t,
@@ -5671,8 +5674,8 @@ const $t = ({
     onExtendedChange: o
   });
   u = { duration: 0.3, ...u };
-  const R = j(!1);
-  return R.current = !1, _(() => {
+  const $ = j(!1);
+  return $.current = !1, _(() => {
     o == null || o(h ?? !1);
   }, [h]), /* @__PURE__ */ K(
     "div",
@@ -5683,7 +5686,7 @@ const $t = ({
       children: [
         /* @__PURE__ */ K("div", { className: S.header, children: [
           /* @__PURE__ */ d(
-            Ie,
+            Me,
             {
               onClick: () => x(!h),
               label: h ? i == null ? void 0 : i.opened.label : i == null ? void 0 : i.closed.label,
@@ -5699,7 +5702,7 @@ const $t = ({
         ] }),
         /* @__PURE__ */ d("div", { className: S.segments, children: (() => {
           let I = 0;
-          return A.map((F) => ke(F) && F.type === cr ? Re(
+          return R.map((F) => Ie(F) && F.type === cr ? Re(
             F,
             {
               key: I,
@@ -5710,10 +5713,10 @@ const $t = ({
               setSelectedItem: M,
               onItemSelected: g,
               transition: u,
-              extendedOnly: R.current,
+              extendedOnly: $.current,
               isExtended: h
             }
-          ) : ke(F) && F.type === Be ? null : ke(F) && F.type === ar ? (R.current = !0, h ? Re(F, {}) : null) : F);
+          ) : Ie(F) && F.type === Be ? null : Ie(F) && F.type === ar ? ($.current = !0, h ? Re(F, {}) : null) : F);
         })() }),
         /* @__PURE__ */ d("div", { className: "flex-1 max-h-[160px]" })
       ]
@@ -5730,7 +5733,7 @@ function cs(e) {
 export {
   it as AnchorPositioner,
   kr as AnimateOnScrollInit,
-  Ne as Button,
+  Le as Button,
   Kr as Card,
   Gr as Carousel,
   Tn as CarouselItem,
@@ -5742,8 +5745,8 @@ export {
   Dt as Divider,
   Be as Fab,
   Qr as FabMenu,
-  fe as Icon,
-  Ie as IconButton,
+  he as Icon,
+  Me as IconButton,
   as as NavigationRail,
   cr as NavigationRailItem,
   ar as NavigationRailSection,
@@ -5753,7 +5756,7 @@ export {
   es as Slider,
   Nr as SmoothScroll,
   ns as Snackbar,
-  Se as State,
+  Ne as State,
   rs as Switch,
   un as SyncedFixedWrapper,
   tr as Tab,
@@ -5782,11 +5785,11 @@ export {
   Ar as dividerStyle,
   Br as fabMenuStyle,
   Fr as fabStyle,
-  Pe as getClassNames,
-  Pr as iconButtonStyle,
+  He as getClassNames,
+  Hr as iconButtonStyle,
   ot as initAnimateOnScroll,
-  Le as normalize,
-  Hr as progressIndicatorStyle,
+  ke as normalize,
+  Pr as progressIndicatorStyle,
   wt as sideSheetConfig,
   Cn as sideSheetStyle,
   bt as sliderConfig,
@@ -5821,7 +5824,7 @@ export {
   Fn as useTabPanelsStyle,
   Wn as useTabStyle,
   An as useTabsStyle,
-  Pn as useTextFieldStyle,
-  Hn as useToolTipStyle,
+  Hn as useTextFieldStyle,
+  Pn as useToolTipStyle,
   er as useTooltipTrigger
 };