fiboui 2.6.0 → 2.6.1

package/dist/{client-C9ZVisXx.js → client-De3cGjVE.js}

@@ -2,21 +2,21 @@
 var kt = Object.defineProperty;
 var _t = (t, o, e) => o in t ? kt(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e;
 var c = (t, o, e) => _t(t, typeof o != "symbol" ? o + "" : o, e);
-import l, { useCallback as ro, useSyncExternalStore as uo, useRef as U, createContext as yo, useContext as Fo, useEffect as Z, useState as G, memo as Fe, cloneElement as St, useMemo as Ct, useLayoutEffect as oe, Component as zt, Suspense as Et } from "react";
+import l, { useCallback as ro, useSyncExternalStore as uo, useRef as U, createContext as yo, useContext as Ro, useEffect as Z, useState as G, memo as Re, cloneElement as St, useMemo as Ct, useLayoutEffect as oe, Component as zt, Suspense as Et } from "react";
 import { jsx as W, Fragment as re, jsxs as Po } from "react/jsx-runtime";
-class Re {
+class Ne {
   constructor() {
     c(this, "activeEffect", null);
   }
 }
-const Be = new Re(), Vo = [Be];
+const Be = new Ne(), Vo = [Be];
 function Ae() {
-  return new Re();
+  return new Ne();
 }
 function Le() {
   return Vo[Vo.length - 1] ?? Be;
 }
-function Do() {
+function Xo() {
   return Le().activeEffect;
 }
 function Pe(t, o) {
@@ -27,7 +27,7 @@ function Pe(t, o) {
     Vo.pop();
   }
 }
-function No(t) {
+function $o(t) {
   const o = Le(), e = o.activeEffect;
   return o.activeEffect = t, e;
 }
@@ -38,11 +38,11 @@ class Me {
     this.fn = o, this.run();
   }
   run() {
-    const o = No(this);
+    const o = $o(this);
     try {
       this.cleanup(), this.fn();
     } finally {
-      No(o);
+      $o(o);
     }
   }
   track(o) {
@@ -65,11 +65,11 @@ class Tt {
     this._onInvalidate = o;
   }
   execute(o) {
-    const e = No(this);
+    const e = $o(this);
     try {
       return this.cleanup(), o();
     } finally {
-      No(e);
+      $o(e);
     }
   }
   track(o) {
@@ -93,7 +93,7 @@ class To {
     this._value = o;
   }
   get value() {
-    const o = Do();
+    const o = Xo();
     return o && o.track(this), this._value;
   }
   set value(o) {
@@ -125,7 +125,7 @@ class To {
 function Ln(t) {
   return new To(t);
 }
-class $t {
+class It {
   constructor(o) {
     c(this, "listeners", /* @__PURE__ */ new Set());
     c(this, "effects", /* @__PURE__ */ new Set());
@@ -138,13 +138,13 @@ class $t {
     });
   }
   get value() {
-    const o = Do();
+    const o = Xo();
     if (o && o.track(this), this._dirty) {
-      const e = No(this.internalEffect);
+      const e = $o(this.internalEffect);
       try {
         this.internalEffect.cleanup(), this._value = this.fn(), this._dirty = !1;
       } finally {
-        No(e);
+        $o(e);
       }
     }
     return this._value;
@@ -173,16 +173,16 @@ class $t {
   }
 }
 function Pn(t) {
-  return new $t(t);
+  return new It(t);
 }
-class Nt {
+class $t {
   constructor(o) {
     c(this, "listeners", /* @__PURE__ */ new Set());
     c(this, "effects", /* @__PURE__ */ new Set());
     this._value = o;
   }
   get() {
-    const o = Do();
+    const o = Xo();
     return o && o.track(this), this._value;
   }
   set(o) {
@@ -202,16 +202,16 @@ class Nt {
   }
 }
 function Mn(t) {
-  return new Nt(t);
+  return new $t(t);
 }
-class It {
+class Ft {
   constructor(o) {
     c(this, "listeners", /* @__PURE__ */ new Set());
     c(this, "effects", /* @__PURE__ */ new Set());
     this.state = o;
   }
   getState() {
-    const o = Do();
+    const o = Xo();
     return o && o.track(this), this.state;
   }
   setState(o) {
@@ -232,12 +232,12 @@ class It {
   }
 }
 function On(t) {
-  return new It(t);
+  return new Ft(t);
 }
-const Oe = "FIBO:", Ft = "", We = /\uE000FIBO:(\d+)\uE001/g, jo = [];
-function Rt(t) {
+const Oe = "FIBO:", Rt = "", We = /\uE000FIBO:(\d+)\uE001/g, jo = [];
+function Nt(t) {
   const o = jo.length;
-  return jo.push(t), `${Oe}${o}${Ft}`;
+  return jo.push(t), `${Oe}${o}${Rt}`;
 }
 function Bt(t) {
   return t.includes(Oe);
@@ -264,7 +264,7 @@ class Pt {
     this.signal = o;
   }
   toString() {
-    return Rt(this.signal);
+    return Nt(this.signal);
   }
   valueOf() {
     return this.toString();
@@ -296,9 +296,9 @@ function jn(t) {
 }
 const Ot = Ae(), He = yo(Ot);
 function Ve() {
-  return Fo(He);
+  return Ro(He);
 }
-function Xn({ children: t, scope: o }) {
+function Dn({ children: t, scope: o }) {
   const e = U(o ?? Ae()).current;
   return /* @__PURE__ */ W(He.Provider, { value: e, children: t });
 }
@@ -324,8 +324,8 @@ function Wt({ children: t }) {
   return /* @__PURE__ */ W(re, { children: f });
 }
 const Ht = yo(/* @__PURE__ */ new Map()), je = yo(null);
-function Dn(t) {
-  const o = Fo(je);
+function Xn(t) {
+  const o = Ro(je);
   if (!o)
     throw new Error("useBuilderState must be used under a builder that called .state()");
   return [o.get(t), (e) => o.set(t, e)];
@@ -356,7 +356,7 @@ function jt({ observables: t, children: o }) {
   }, [t]), r = ro(() => e.current, []);
   return uo(i, r, r), /* @__PURE__ */ W(re, { children: typeof o == "function" ? o() : o });
 }
-function Xt({ signals: t, children: o }) {
+function Dt({ signals: t, children: o }) {
   const e = U(0), i = ro((n) => {
     const s = Array.from(t).map(
       (f) => f.subscribe(() => {
@@ -367,15 +367,15 @@ function Xt({ signals: t, children: o }) {
   }, [t]), r = ro(() => e.current, []);
   return uo(i, r, r), /* @__PURE__ */ W(re, { children: typeof o == "function" ? o() : o });
 }
-const Xe = yo(/* @__PURE__ */ new Map());
+const De = yo(/* @__PURE__ */ new Map());
 function Yn(t) {
-  const o = Fo(Xe);
+  const o = Ro(De);
   return o == null ? void 0 : o.get(t);
 }
-function Dt({ providers: t = /* @__PURE__ */ new Map(), children: o }) {
-  return /* @__PURE__ */ W(Xe.Provider, { value: t, children: o });
+function Xt({ providers: t = /* @__PURE__ */ new Map(), children: o }) {
+  return /* @__PURE__ */ W(De.Provider, { value: t, children: o });
 }
-function De({
+function Xe({
   compute: t,
   as: o = "span",
   className: e,
@@ -392,7 +392,7 @@ function De({
   }), [t, n]), l.createElement(o, { ref: s, className: e, style: i, ...r }, f);
 }
 function Gn(t, o) {
-  return l.createElement(De, {
+  return l.createElement(Xe, {
     compute: () => String(t.value),
     as: o
   });
@@ -426,7 +426,7 @@ function Un(t, o, e) {
   return i < 768 && o.mobile ? r = { ...r, ...o.mobile } : i >= 768 && i < 1024 && o.tablet ? r = { ...r, ...o.tablet } : i >= 1024 && o.desktop && (r = { ...r, ...o.desktop }), r;
 }
 function Kn(t, o) {
-  const e = Fe(t, o);
+  const e = Re(t, o);
   return (i) => l.createElement(e, i);
 }
 const Kt = {
@@ -540,8 +540,8 @@ function Ye(t = {}) {
   b[b.length - 1] !== 1 && b.push(1);
   const d = Math.max(1, Math.floor((b.length - 1) / 24)), x = [];
   for (let p = 0; p < b.length; p += d) {
-    const T = p / (b.length - 1), N = Math.round(b[p] * 1e4) / 1e4;
-    x.push(p === 0 ? `${N}` : `${N} ${Math.round(T * 1e4) / 100}%`);
+    const T = p / (b.length - 1), $ = Math.round(b[p] * 1e4) / 1e4;
+    x.push(p === 0 ? `${$}` : `${$} ${Math.round(T * 1e4) / 100}%`);
   }
   const m = `linear(${x.join(", ")})`;
   return ue.set(r, m), m;
@@ -911,12 +911,12 @@ function ni(t) {
   const o = t.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
   if (!o)
     return t;
-  const [, e, i, r] = o, n = parseFloat(e), s = parseFloat(i), f = parseFloat(r), a = s * Math.cos(f * Math.PI / 180), u = s * Math.sin(f * Math.PI / 180), b = n + 0.3963377774 * a + 0.2158037573 * u, h = n - 0.1055613458 * a - 0.0638541728 * u, d = n - 0.0894841775 * a - 1.291485548 * u, x = b * b * b, m = h * h * h, p = d * d * d, T = 4.0767416621 * x - 3.3077115913 * m + 0.2309699292 * p, N = -1.2684380046 * x + 2.6097574011 * m - 0.3413193965 * p, M = -0.0041960863 * x - 0.7034186147 * m + 1.707614701 * p, I = (v) => v >= 31308e-7 ? 1.055 * v ** (1 / 2.4) - 0.055 : 12.92 * v, R = Math.max(0, Math.min(1, I(T))), X = Math.max(0, Math.min(1, I(N))), $ = Math.max(0, Math.min(1, I(M))), A = (v) => {
+  const [, e, i, r] = o, n = parseFloat(e), s = parseFloat(i), f = parseFloat(r), a = s * Math.cos(f * Math.PI / 180), u = s * Math.sin(f * Math.PI / 180), b = n + 0.3963377774 * a + 0.2158037573 * u, h = n - 0.1055613458 * a - 0.0638541728 * u, d = n - 0.0894841775 * a - 1.291485548 * u, x = b * b * b, m = h * h * h, p = d * d * d, T = 4.0767416621 * x - 3.3077115913 * m + 0.2309699292 * p, $ = -1.2684380046 * x + 2.6097574011 * m - 0.3413193965 * p, M = -0.0041960863 * x - 0.7034186147 * m + 1.707614701 * p, F = (v) => v >= 31308e-7 ? 1.055 * v ** (1 / 2.4) - 0.055 : 12.92 * v, N = Math.max(0, Math.min(1, F(T))), D = Math.max(0, Math.min(1, F($))), I = Math.max(0, Math.min(1, F(M))), A = (v) => {
     var P;
     const z = (P = Math.round(v * 255).toString(16)) == null ? void 0 : P.toUpperCase();
     return z.length === 1 ? `0${z}` : z;
   };
-  return `#${A(R)}${A(X)}${A($)}`;
+  return `#${A(N)}${A(D)}${A(I)}`;
 }
 function si(t) {
   const o = {}, e = {}, i = t.split(`
@@ -3425,7 +3425,7 @@ class no {
     return this.parentBuilder;
   }
 }
-function $i({
+function Ii({
   preset: t = "fadeUp",
   once: o = !0,
   rootMargin: e = "0px 0px -8% 0px",
@@ -3486,13 +3486,13 @@ function fs(t) {
 function as() {
   return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "view()");
 }
-function Ni() {
+function $i() {
   return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "scroll()");
 }
-function Ii({ children: t }) {
+function Fi({ children: t }) {
   const o = U(null);
   return Z(() => {
-    if (fo(), Ni()) return;
+    if (fo(), $i()) return;
     const e = () => {
       var n, s;
       return ((n = o.current) == null ? void 0 : n.querySelector(".fibo-scroll-progress")) ?? ((s = o.current) == null ? void 0 : s.firstElementChild);
@@ -3511,7 +3511,7 @@ function Ii({ children: t }) {
     t
   );
 }
-function Fi({
+function Ri({
   signal: t,
   builder: o,
   loading: e,
@@ -3528,7 +3528,7 @@ function Fi({
   ), n = r == null ? void 0 : r.error;
   return n && i ? i(n) : ((r == null ? void 0 : r.isLoading) || (r == null ? void 0 : r.loading)) === !0 && e ? e() : o ? o(r) : null;
 }
-const Ri = Fe(Fi), Bi = {
+const Ni = Re(Ri), Bi = {
   name: "material",
   colors: {
     primary: "#6750A4",
@@ -4060,11 +4060,36 @@ class ao {
     const e = typeof o == "number" ? `${o}px` : o, i = E.register("margin-top", e), r = E.register("margin-bottom", e);
     return this._classNames.push(i, r), this;
   }
+  /** Inline layout wins over a host that hardcodes flex on the element (Form, Scaffold). */
+  layoutStyle(o) {
+    return this._style = { ...this._style, ...o }, this;
+  }
   flexDirection(o) {
-    return this._classNames.push(`flex-${o}`), this;
+    return this.layoutStyle({ flexDirection: o });
   }
   alignItems(o) {
-    return this._classNames.push(`items-${o}`), this;
+    const e = {
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      stretch: "stretch",
+      baseline: "baseline"
+    };
+    return this.layoutStyle({ alignItems: e[o] });
+  }
+  alignSelf(o) {
+    const e = {
+      auto: "auto",
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      stretch: "stretch",
+      baseline: "baseline"
+    };
+    return this.layoutStyle({ alignSelf: e[o] });
+  }
+  flexWrap(o) {
+    return this.layoutStyle({ flexWrap: o });
   }
   /**
    * Main-axis distribution. Accepts Tailwind shortcuts (`between`) and CSS/Flutter
@@ -4072,73 +4097,78 @@ class ao {
    */
   justifyContent(o) {
     const e = {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      between: "justify-between",
-      around: "justify-around",
-      evenly: "justify-evenly",
-      "space-between": "justify-between",
-      "space-around": "justify-around",
-      "space-evenly": "justify-evenly",
-      spaceBetween: "justify-between",
-      spaceAround: "justify-around",
-      spaceEvenly: "justify-evenly"
+      start: "flex-start",
+      center: "center",
+      end: "flex-end",
+      between: "space-between",
+      around: "space-around",
+      evenly: "space-evenly",
+      "space-between": "space-between",
+      "space-around": "space-around",
+      "space-evenly": "space-evenly",
+      spaceBetween: "space-between",
+      spaceAround: "space-around",
+      spaceEvenly: "space-evenly"
     };
-    return this._classNames.push(e[o] ?? `justify-${o}`), this;
+    return this.layoutStyle({ justifyContent: e[o] ?? o });
   }
   flex(o) {
-    if (this._classNames.push("flex"), o !== void 0)
-      if (typeof o == "number") {
-        const e = E.register("flex", String(o));
-        this._classNames.push(e);
-      } else typeof o == "string" && this._classNames.push(`flex-${o}`);
-    return this;
+    const i = o === void 0 ? void 0 : typeof o == "number" ? String(o) : {
+      1: "1 1 0%",
+      auto: "1 1 auto",
+      initial: "0 1 auto",
+      none: "none"
+    }[o] ?? o;
+    return this.layoutStyle({ display: "flex", ...i !== void 0 ? { flex: i } : {} });
   }
   grid() {
-    return this._classNames.push("grid"), this;
+    return this.layoutStyle({ display: "grid" });
   }
   inlineFlex() {
-    return this._classNames.push("inline-flex"), this;
+    return this.layoutStyle({ display: "inline-flex" });
   }
   inlineGrid() {
-    return this._classNames.push("inline-grid"), this;
+    return this.layoutStyle({ display: "inline-grid" });
   }
   block() {
-    return this._classNames.push("block"), this;
+    return this.layoutStyle({ display: "block" });
   }
   inlineBlock() {
-    return this._classNames.push("inline-block"), this;
+    return this.layoutStyle({ display: "inline-block" });
   }
   hidden() {
-    return this._classNames.push("hidden"), this;
+    return this.layoutStyle({ display: "none" });
   }
   center() {
-    return this._classNames.push("flex", "items-center", "justify-center"), this;
+    return this.layoutStyle({
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    });
   }
   centerX() {
-    return this._classNames.push("flex", "justify-center"), this;
+    return this.layoutStyle({ display: "flex", justifyContent: "center" });
   }
   centerY() {
-    return this._classNames.push("flex", "items-center"), this;
+    return this.layoutStyle({ display: "flex", alignItems: "center" });
   }
   spaceBetween() {
-    return this._classNames.push("justify-between"), this;
+    return this.layoutStyle({ justifyContent: "space-between" });
   }
   spaceAround() {
-    return this._classNames.push("justify-around"), this;
+    return this.layoutStyle({ justifyContent: "space-around" });
   }
   spaceEvenly() {
-    return this._classNames.push("justify-evenly"), this;
+    return this.layoutStyle({ justifyContent: "space-evenly" });
   }
   fill() {
-    return this._classNames.push("w-full", "h-full"), this;
+    return this.layoutStyle({ width: "100%", height: "100%" });
   }
   fillWidth() {
-    return this._classNames.push("w-full"), this;
+    return this.layoutStyle({ width: "100%" });
   }
   fillHeight() {
-    return this._classNames.push("h-full"), this;
+    return this.layoutStyle({ height: "100%" });
   }
   square(o) {
     const e = typeof o == "number" ? `${o}px` : o, i = E.register("width", e), r = E.register("height", e);
@@ -4409,16 +4439,10 @@ class ao {
     return this;
   }
   gap(o) {
-    if (typeof o == "number") {
-      const e = E.register("gap", `${o}px`);
-      this._classNames.push(e);
-    } else if (typeof o == "string" && o.startsWith("gap-"))
-      this._classNames.push(o);
-    else {
-      const e = E.register("gap", o);
-      this._classNames.push(e);
-    }
-    return this;
+    if (typeof o == "string" && o.startsWith("gap-"))
+      return this._classNames.push(o), this;
+    const e = typeof o == "number" ? `${o}px` : o;
+    return this.layoutStyle({ gap: e });
   }
   clean() {
     return this._classNames.push(
@@ -4924,14 +4948,14 @@ const ji = /* @__PURE__ */ new Set([
   "_debugTask",
   "_debugInfo"
 ]);
-function Xi(t) {
+function Di(t) {
   var e;
   const o = (e = t._props) == null ? void 0 : e.key;
   if (!(o == null || o === ""))
     return o;
 }
-function Di(t) {
-  const o = t._isObserver, e = t._signals, i = t._observers, r = t._state, n = t._providers, s = Xi(t), f = () => {
+function Xi(t) {
+  const o = t._isObserver, e = t._signals, i = t._observers, r = t._state, n = t._providers, s = Di(t), f = () => {
     let d = t.build();
     const x = t._animatedProps, m = t._animationConfig;
     x && x.size > 0 && (d = l.createElement(di, {
@@ -4942,10 +4966,10 @@ function Di(t) {
     }));
     const p = t._reveal;
     if (p) {
-      const N = t._style || {}, M = {};
-      for (const I of ["--fibo-dur", "--fibo-ease", "--fibo-delay", "--fibo-stagger", "--fibo-from"])
-        N[I] != null && (M[I] = N[I]);
-      d = l.createElement($i, {
+      const $ = t._style || {}, M = {};
+      for (const F of ["--fibo-dur", "--fibo-ease", "--fibo-delay", "--fibo-stagger", "--fibo-from"])
+        $[F] != null && (M[F] = $[F]);
+      d = l.createElement(Ii, {
         key: s,
         preset: p.preset,
         once: p.once,
@@ -4956,7 +4980,7 @@ function Di(t) {
         children: d
       });
     }
-    t._scrollProgress && (d = l.createElement(Ii, { key: s, children: d })), t._usesCssMotion && (d = l.createElement(
+    t._scrollProgress && (d = l.createElement(Fi, { key: s, children: d })), t._usesCssMotion && (d = l.createElement(
       l.Fragment,
       { key: s },
       l.createElement(ei),
@@ -4969,7 +4993,7 @@ function Di(t) {
     children: f
   }) : null, b = () => u ?? f();
   let h = b();
-  return a && e && e.size > 0 ? h = l.createElement(Xt, {
+  return a && e && e.size > 0 ? h = l.createElement(Dt, {
     key: s,
     signals: e,
     children: b
@@ -4981,7 +5005,7 @@ function Di(t) {
     key: s,
     stateMap: r,
     children: h
-  })), a && n && n.size > 0 && (h = l.createElement(Dt, {
+  })), a && n && n.size > 0 && (h = l.createElement(Xt, {
     key: s,
     providers: n,
     children: h
@@ -5006,7 +5030,7 @@ function st(t, o, e) {
 }
 function co(t) {
   return (...o) => {
-    const e = new t(...o), i = t.name.replace(/Builder$/, "") || "Fibo", r = () => Di(e);
+    const e = new t(...o), i = t.name.replace(/Builder$/, "") || "Fibo", r = () => Xi(e);
     return st(e, r, i), new Proxy(e, {
       get(n, s, f) {
         var a, u;
@@ -5065,7 +5089,7 @@ class Yi {
     return this._builder = o, this;
   }
   build() {
-    return l.createElement(Ri, {
+    return l.createElement(Ni, {
       signal: this._signal,
       builder: this._builder,
       loading: this._loading,
@@ -5221,7 +5245,7 @@ function hs({
   return /* @__PURE__ */ W(at.Provider, { value: h, children: /* @__PURE__ */ W("div", { className: d, "data-fibo-theme": u.name, style: x, children: o }) });
 }
 function ds() {
-  const t = Fo(at);
+  const t = Ro(at);
   if (!t)
     throw new Error("useFiboTheme must be used within a FiboThemeProvider");
   return t;
@@ -5375,7 +5399,7 @@ class fr extends ao {
     };
     if (typeof this._text == "function") {
       const r = this._text;
-      return l.createElement(De, {
+      return l.createElement(Xe, {
         compute: r,
         as: e[this._type],
         className: `fibo-text fibo-text-${this._type} min-w-0 ${this.getClassName()}`,
@@ -5395,13 +5419,13 @@ class fr extends ao {
 }
 const ar = co(fr), fe = yo(null);
 function Go() {
-  const t = Fo(fe);
+  const t = Ro(fe);
   if (!t)
     throw new Error("useRouter must be used within a Router");
   return t;
 }
 function ps() {
-  return Fo(fe);
+  return Ro(fe);
 }
 function xs() {
   const { navigate: t } = Go();
@@ -5510,7 +5534,7 @@ const ws = co(lr), ur = l.memo((t) => {
     containerHeight: s = 500,
     className: f,
     style: a
-  } = t, [u, b] = G(0), h = U(null), d = U(/* @__PURE__ */ new Map()), x = U(/* @__PURE__ */ new Map()), m = o.length, p = e !== void 0, T = (S) => p ? e : x.current.get(S) ?? i, N = (S) => {
+  } = t, [u, b] = G(0), h = U(null), d = U(/* @__PURE__ */ new Map()), x = U(/* @__PURE__ */ new Map()), m = o.length, p = e !== void 0, T = (S) => p ? e : x.current.get(S) ?? i, $ = (S) => {
     if (p)
       return S * e;
     let C = 0;
@@ -5524,39 +5548,39 @@ const ws = co(lr), ur = l.memo((t) => {
     for (let C = 0; C < m; C++)
       S += T(C);
     return S;
-  }, R = Math.max(0, ((S) => {
+  }, N = Math.max(0, ((S) => {
     if (p)
       return Math.floor(S / e);
     let C = 0, V = m - 1;
     for (; C < V; ) {
       const y = Math.floor((C + V) / 2);
-      N(y) < S ? C = y + 1 : V = y;
+      $(y) < S ? C = y + 1 : V = y;
     }
     return Math.max(0, C - 1);
   })(u) - n);
-  let X;
+  let D;
   if (p) {
     const S = Math.ceil(s / e);
-    X = Math.min(m, R + S + n * 2);
+    D = Math.min(m, N + S + n * 2);
   } else {
-    let S = N(R), C = R;
+    let S = $(N), C = N;
     for (; S < u + s + n * i && C < m; )
       S += T(C), C++;
-    X = Math.min(m, C);
+    D = Math.min(m, C);
   }
-  const $ = o.slice(R, X), A = N(R), v = M(), [z, P] = G(0);
+  const I = o.slice(N, D), A = $(N), v = M(), [z, P] = G(0);
   oe(() => {
     if (!r || p) return;
     let S = !1;
-    $.forEach((C, V) => {
-      const y = R + V, F = d.current.get(y);
-      if (F) {
-        const g = F.getBoundingClientRect().height;
+    I.forEach((C, V) => {
+      const y = N + V, R = d.current.get(y);
+      if (R) {
+        const g = R.getBoundingClientRect().height;
         g > 0 && x.current.get(y) !== g && (x.current.set(y, g), S = !0);
       }
     }), S && P((C) => C + 1);
-  }, [$, R, r, p, z]);
-  const D = (S) => {
+  }, [I, N, r, p, z]);
+  const X = (S) => {
     b(S.currentTarget.scrollTop);
   };
   return l.createElement(
@@ -5570,7 +5594,7 @@ const ws = co(lr), ur = l.memo((t) => {
         position: "relative",
         ...a
       },
-      onScroll: D
+      onScroll: X
     },
     l.createElement("div", {
       style: {
@@ -5591,8 +5615,8 @@ const ws = co(lr), ur = l.memo((t) => {
           width: "100%"
         }
       },
-      $.map((S, C) => {
-        const V = R + C;
+      I.map((S, C) => {
+        const V = N + C;
         return l.createElement(
           "div",
           {
@@ -5673,7 +5697,7 @@ class dr extends ao {
     return l.createElement(hr, n);
   }
 }
-const $o = co(dr), pr = (t, o) => {
+const Io = co(dr), pr = (t, o) => {
   const e = new Array(t.length + o.length);
   for (let i = 0; i < t.length; i++)
     e[i] = t[i];
@@ -5687,7 +5711,7 @@ const $o = co(dr), pr = (t, o) => {
   nextPart: t,
   validators: o,
   classGroupId: e
-}), Xo = "-", ke = [], mr = "arbitrary..", gr = (t) => {
+}), Do = "-", ke = [], mr = "arbitrary..", gr = (t) => {
   const o = wr(t), {
     conflictingClassGroups: e,
     conflictingClassGroupModifiers: i
@@ -5696,7 +5720,7 @@ const $o = co(dr), pr = (t, o) => {
     getClassGroupId: (s) => {
       if (s.startsWith("[") && s.endsWith("]"))
         return vr(s);
-      const f = s.split(Xo), a = f[0] === "" && f.length > 1 ? 1 : 0;
+      const f = s.split(Do), a = f[0] === "" && f.length > 1 ? 1 : 0;
       return ut(f, a, o);
     },
     getConflictingClassGroupIds: (s, f) => {
@@ -5718,7 +5742,7 @@ const $o = co(dr), pr = (t, o) => {
   const s = e.validators;
   if (s === null)
     return;
-  const f = o === 0 ? t.join(Xo) : t.slice(o).join(Xo), a = s.length;
+  const f = o === 0 ? t.join(Do) : t.slice(o).join(Do), a = s.length;
   for (let u = 0; u < a; u++) {
     const b = s[u];
     if (b.validator(f))
@@ -5773,7 +5797,7 @@ const $o = co(dr), pr = (t, o) => {
   }
 }, bt = (t, o) => {
   let e = t;
-  const i = o.split(Xo), r = i.length;
+  const i = o.split(Do), r = i.length;
   for (let n = 0; n < r; n++) {
     const s = i[n];
     let f = e.nextPart.get(s);
@@ -5810,7 +5834,7 @@ const $o = co(dr), pr = (t, o) => {
   baseClassName: e,
   maybePostfixModifierPosition: i,
   isExternal: r
-}), $r = (t) => {
+}), Ir = (t) => {
   const {
     prefix: o,
     experimentalParseClassName: e
@@ -5857,7 +5881,7 @@ const $o = co(dr), pr = (t, o) => {
     });
   }
   return i;
-}, Nr = (t) => {
+}, $r = (t) => {
   const o = /* @__PURE__ */ new Map();
   return t.orderSensitiveModifiers.forEach((e, i) => {
     o.set(e, 1e6 + i);
@@ -5870,18 +5894,18 @@ const $o = co(dr), pr = (t, o) => {
     }
     return r.length > 0 && (r.sort(), i.push(...r)), i;
   };
-}, Ir = (t) => ({
+}, Fr = (t) => ({
   cache: Er(t.cacheSize),
-  parseClassName: $r(t),
-  sortModifiers: Nr(t),
+  parseClassName: Ir(t),
+  sortModifiers: $r(t),
   ...gr(t)
-}), Fr = /\s+/, Rr = (t, o) => {
+}), Rr = /\s+/, Nr = (t, o) => {
   const {
     parseClassName: e,
     getClassGroupId: i,
     getConflictingClassGroupIds: r,
     sortModifiers: n
-  } = o, s = [], f = t.trim().split(Fr);
+  } = o, s = [], f = t.trim().split(Rr);
   let a = "";
   for (let u = f.length - 1; u >= 0; u -= 1) {
     const b = f[u], {
@@ -5895,26 +5919,26 @@ const $o = co(dr), pr = (t, o) => {
       a = b + (a.length > 0 ? " " + a : a);
       continue;
     }
-    let T = !!p, N = i(T ? m.substring(0, p) : m);
-    if (!N) {
+    let T = !!p, $ = i(T ? m.substring(0, p) : m);
+    if (!$) {
       if (!T) {
         a = b + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (N = i(m), !N) {
+      if ($ = i(m), !$) {
         a = b + (a.length > 0 ? " " + a : a);
         continue;
       }
       T = !1;
     }
-    const M = d.length === 0 ? "" : d.length === 1 ? d[0] : n(d).join(":"), I = x ? M + te : M, R = I + N;
-    if (s.indexOf(R) > -1)
+    const M = d.length === 0 ? "" : d.length === 1 ? d[0] : n(d).join(":"), F = x ? M + te : M, N = F + $;
+    if (s.indexOf(N) > -1)
       continue;
-    s.push(R);
-    const X = r(N, T);
-    for (let $ = 0; $ < X.length; ++$) {
-      const A = X[$];
-      s.push(I + A);
+    s.push(N);
+    const D = r($, T);
+    for (let I = 0; I < D.length; ++I) {
+      const A = D[I];
+      s.push(F + A);
     }
     a = b + (a.length > 0 ? " " + a : a);
   }
@@ -5935,31 +5959,31 @@ const $o = co(dr), pr = (t, o) => {
   let e, i, r, n;
   const s = (a) => {
     const u = o.reduce((b, h) => h(b), t());
-    return e = Ir(u), i = e.cache.get, r = e.cache.set, n = f, f(a);
+    return e = Fr(u), i = e.cache.get, r = e.cache.set, n = f, f(a);
   }, f = (a) => {
     const u = i(a);
     if (u)
       return u;
-    const b = Rr(a, e);
+    const b = Nr(a, e);
     return r(a, b), b;
   };
   return n = s, (...a) => n(Br(...a));
 }, Lr = [], oo = (t) => {
   const o = (e) => e[t] || Lr;
   return o.isThemeGetter = !0, o;
-}, dt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pr = /^\d+\/\d+$/, Mr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Or = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Wr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Hr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Vr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Eo = (t) => Pr.test(t), B = (t) => !!t && !Number.isNaN(Number(t)), xo = (t) => !!t && Number.isInteger(Number(t)), qo = (t) => t.endsWith("%") && B(t.slice(0, -1)), ho = (t) => Mr.test(t), jr = () => !0, Xr = (t) => (
+}, dt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, pt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pr = /^\d+\/\d+$/, Mr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Or = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Wr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Hr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Vr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Eo = (t) => Pr.test(t), B = (t) => !!t && !Number.isNaN(Number(t)), xo = (t) => !!t && Number.isInteger(Number(t)), qo = (t) => t.endsWith("%") && B(t.slice(0, -1)), ho = (t) => Mr.test(t), jr = () => !0, Dr = (t) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Or.test(t) && !Wr.test(t)
-), xt = () => !1, Dr = (t) => Hr.test(t), Yr = (t) => Vr.test(t), Gr = (t) => !k(t) && !_(t), Ur = (t) => Ro(t, vt, xt), k = (t) => dt.test(t), vo = (t) => Ro(t, wt, Xr), Zo = (t) => Ro(t, Qr, B), Ce = (t) => Ro(t, mt, xt), Kr = (t) => Ro(t, gt, Yr), Wo = (t) => Ro(t, yt, Dr), _ = (t) => pt.test(t), Lo = (t) => Bo(t, wt), qr = (t) => Bo(t, on), ze = (t) => Bo(t, mt), Zr = (t) => Bo(t, vt), Jr = (t) => Bo(t, gt), Ho = (t) => Bo(t, yt, !0), Ro = (t, o, e) => {
+), xt = () => !1, Xr = (t) => Hr.test(t), Yr = (t) => Vr.test(t), Gr = (t) => !k(t) && !_(t), Ur = (t) => No(t, vt, xt), k = (t) => dt.test(t), vo = (t) => No(t, wt, Dr), Zo = (t) => No(t, Qr, B), Ce = (t) => No(t, mt, xt), Kr = (t) => No(t, gt, Yr), Wo = (t) => No(t, yt, Xr), _ = (t) => pt.test(t), Lo = (t) => Bo(t, wt), qr = (t) => Bo(t, on), ze = (t) => Bo(t, mt), Zr = (t) => Bo(t, vt), Jr = (t) => Bo(t, gt), Ho = (t) => Bo(t, yt, !0), No = (t, o, e) => {
   const i = dt.exec(t);
   return i ? i[1] ? o(i[1]) : e(i[2]) : !1;
 }, Bo = (t, o, e = !1) => {
   const i = pt.exec(t);
   return i ? i[1] ? o(i[1]) : e : !1;
 }, mt = (t) => t === "position" || t === "percentage", gt = (t) => t === "image" || t === "url", vt = (t) => t === "length" || t === "size" || t === "bg-size", wt = (t) => t === "length", Qr = (t) => t === "number", on = (t) => t === "family-name", yt = (t) => t === "shadow", en = () => {
-  const t = oo("color"), o = oo("font"), e = oo("text"), i = oo("font-weight"), r = oo("tracking"), n = oo("leading"), s = oo("breakpoint"), f = oo("container"), a = oo("spacing"), u = oo("radius"), b = oo("shadow"), h = oo("inset-shadow"), d = oo("text-shadow"), x = oo("drop-shadow"), m = oo("blur"), p = oo("perspective"), T = oo("aspect"), N = oo("ease"), M = oo("animate"), I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [
+  const t = oo("color"), o = oo("font"), e = oo("text"), i = oo("font-weight"), r = oo("tracking"), n = oo("leading"), s = oo("breakpoint"), f = oo("container"), a = oo("spacing"), u = oo("radius"), b = oo("shadow"), h = oo("inset-shadow"), d = oo("text-shadow"), x = oo("drop-shadow"), m = oo("blur"), p = oo("perspective"), T = oo("aspect"), $ = oo("ease"), M = oo("animate"), F = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
     "center",
     "top",
     "bottom",
@@ -5977,9 +6001,9 @@ const $o = co(dr), pr = (t, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], X = () => [...R(), _, k], $ = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], v = () => [_, k, a], z = () => [Eo, "full", "auto", ...v()], P = () => [xo, "none", "subgrid", _, k], D = () => ["auto", {
+  ], D = () => [...N(), _, k], I = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], v = () => [_, k, a], z = () => [Eo, "full", "auto", ...v()], P = () => [xo, "none", "subgrid", _, k], X = () => ["auto", {
     span: ["full", xo, _, k]
-  }, xo, _, k], S = () => [xo, "auto", _, k], C = () => ["auto", "min", "max", "fr", _, k], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...v()], H = () => [Eo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...v()], g = () => [t, _, k], K = () => [...R(), ze, Ce, {
+  }, xo, _, k], S = () => [xo, "auto", _, k], C = () => ["auto", "min", "max", "fr", _, k], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...v()], H = () => [Eo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...v()], g = () => [t, _, k], K = () => [...N(), ze, Ce, {
     position: [_, k]
   }], w = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -6053,14 +6077,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": I()
+        "break-after": F()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": I()
+        "break-before": F()
       }],
       /**
        * Break Inside
@@ -6124,28 +6148,28 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: X()
+        object: D()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: $()
+        overflow: I()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": $()
+        "overflow-x": I()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": $()
+        "overflow-y": I()
       }],
       /**
        * Overscroll Behavior
@@ -6312,7 +6336,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: D()
+        col: X()
       }],
       /**
        * Grid Column Start
@@ -6340,7 +6364,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: D()
+        row: X()
       }],
       /**
        * Grid Row Start
@@ -6534,63 +6558,63 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: F()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: F()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: F()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: F()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: F()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: F()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: F()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: F()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: F()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -7593,7 +7617,7 @@ const $o = co(dr), pr = (t, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": R()
+        "mask-radial-at": N()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [B]
@@ -7902,7 +7926,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", N, _, k]
+        ease: ["linear", "initial", $, _, k]
       }],
       /**
        * Transition Delay
@@ -7940,7 +7964,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": X()
+        "perspective-origin": D()
       }],
       /**
        * Rotate
@@ -8036,7 +8060,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: X()
+        origin: D()
       }],
       /**
        * Transform Style
@@ -8428,7 +8452,7 @@ const $o = co(dr), pr = (t, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Io = /* @__PURE__ */ Ar(en), tn = (t, o) => {
+}, Fo = /* @__PURE__ */ Ar(en), tn = (t, o) => {
   let e = 0;
   const i = t.replace(/\D/g, "").split("");
   let r = "";
@@ -8447,23 +8471,23 @@ const $o = co(dr), pr = (t, o) => {
     value: m,
     controlled: p,
     rules: T,
-    onChange: N,
+    onChange: $,
     onCommit: M,
-    leadingIcon: I,
-    trailingIcon: R,
-    ...X
-  } = t, $ = m instanceof To, A = typeof m == "string" ? m : $ ? m.value : "", [v, z] = G(A);
+    leadingIcon: F,
+    trailingIcon: N,
+    ...D
+  } = t, I = m instanceof To, A = typeof m == "string" ? m : I ? m.value : "", [v, z] = G(A);
   Z(() => {
     if (p) {
-      if ($)
+      if (I)
         return m.subscribe(z);
       z(typeof m == "string" ? m : "");
     }
-  }, [p, m, $]), Z(() => p || !$ ? void 0 : m.subscribe((K) => {
+  }, [p, m, I]), Z(() => p || !I ? void 0 : m.subscribe((K) => {
     if (s.current) return;
     const w = n.current;
     w && w.value !== K && (w.value = K);
-  }), [m, $, p]), l.useEffect(() => {
+  }), [m, I, p]), l.useEffect(() => {
     const g = n.current;
     if (!g) return;
     T && (g.__fiboRules = T);
@@ -8472,22 +8496,22 @@ const $o = co(dr), pr = (t, o) => {
       w && (w.textContent = O ?? "", w.style.display = O ? "" : "none");
     });
   }, [T]);
-  const P = x === "password", D = P && i ? "text" : x, S = (g) => d ? tn(g, d) : g, H = {
+  const P = x === "password", X = P && i ? "text" : x, S = (g) => d ? tn(g, d) : g, H = {
     key: "input",
     ref: n,
     id: e,
     className: "fibo-textfield-input w-full h-full bg-transparent outline-none py-2.5 text-sm",
-    style: { paddingLeft: I ? "2.75rem" : "1rem", paddingRight: R || P ? "2.75rem" : "1rem" },
-    type: D,
+    style: { paddingLeft: F ? "2.75rem" : "1rem", paddingRight: N || P ? "2.75rem" : "1rem" },
+    type: X,
     onChange: (g) => {
       let K = S(g.target.value);
-      d && g.target.value !== K && (g.target.value = K), p && z(K), $ && (s.current = !0, m.value = K, s.current = !1), N == null || N(K);
+      d && g.target.value !== K && (g.target.value = K), p && z(K), I && (s.current = !0, m.value = K, s.current = !1), $ == null || $(K);
     },
     onBlur: (g) => {
       var K;
-      M == null || M(S(g.target.value)), (K = X.onBlur) == null || K.call(X, g);
+      M == null || M(S(g.target.value)), (K = D.onBlur) == null || K.call(D, g);
     },
-    ...X
+    ...D
   };
   return p ? H.value = v : H.defaultValue = A, l.createElement(
     "div",
@@ -8496,13 +8520,13 @@ const $o = co(dr), pr = (t, o) => {
       "div",
       { className: u || "relative w-full h-14 flex items-center" },
       [
-        I && l.createElement(
+        F && l.createElement(
           "div",
           {
             key: "leading-icon",
             className: "absolute left-3 top-1/2 transform -translate-y-1/2 flex items-center justify-center pointer-events-none z-10"
           },
-          I
+          F
         ),
         l.createElement("input", H),
         b && l.createElement(
@@ -8511,11 +8535,11 @@ const $o = co(dr), pr = (t, o) => {
             key: "label",
             htmlFor: e,
             className: "fibo-textfield-label",
-            style: { left: I ? "2.75rem" : "1rem" }
+            style: { left: F ? "2.75rem" : "1rem" }
           },
           b
         ),
-        (R || P) && l.createElement(
+        (N || P) && l.createElement(
           "div",
           {
             key: "trailing-icon",
@@ -8562,7 +8586,7 @@ const $o = co(dr), pr = (t, o) => {
               }),
               l.createElement("circle", { cx: 12, cy: 12, r: 3 })
             )
-          ) : R
+          ) : N
         )
       ]
     ),
@@ -8656,7 +8680,7 @@ class nn extends ao {
     let e = "relative w-full h-14 flex items-center";
     this._variant === "outlined" ? e += " border border-[var(--fibo-outline)] rounded-[4px] bg-transparent" : e += " bg-[var(--fibo-surface-variant)] rounded-t-[4px] border-b border-[var(--fibo-outline)]";
     const r = {
-      containerClass: Io(
+      containerClass: Fo(
         "fibo-textfield-container w-full flex flex-col",
         ...this._classNames
       ),
@@ -8696,7 +8720,7 @@ const ks = co(nn), sn = l.memo((t) => {
     className: h,
     style: d,
     id: x
-  } = t, m = U(null), p = U(null), T = o, [N, M] = G(T), I = e ? !!o : N, R = I || s;
+  } = t, m = U(null), p = U(null), T = o, [$, M] = G(T), F = e ? !!o : $, N = F || s;
   Z(() => {
     m.current && (m.current.indeterminate = !!s);
   }, [s]), Z(() => {
@@ -8707,26 +8731,26 @@ const ks = co(nn), sn = l.memo((t) => {
       requestAnimationFrame(z);
     };
     v.addEventListener("fibo-sync", z);
-    const D = v.closest("form");
-    return D == null || D.addEventListener("reset", P), () => {
-      v.removeEventListener("fibo-sync", z), D == null || D.removeEventListener("reset", P);
+    const X = v.closest("form");
+    return X == null || X.addEventListener("reset", P), () => {
+      v.removeEventListener("fibo-sync", z), X == null || X.removeEventListener("reset", P);
     };
   }, [e]), Z(() => {
     const v = m.current, z = p.current;
     if (!v) return;
     u && (v.__fiboRules = u);
     const P = z == null ? void 0 : z.querySelector(".fibo-field-error");
-    z && (z.__fiboShowError = (D) => {
-      P && (P.textContent = D ?? "", P.style.display = D ? "" : "none");
+    z && (z.__fiboShowError = (X) => {
+      P && (P.textContent = X ?? "", P.style.display = X ? "" : "none");
     });
   }, [u]);
-  const X = (v) => {
+  const D = (v) => {
     if (n) return;
     const z = v.target.checked;
     e || M(z), i == null || i(z);
   };
-  let $ = null;
-  s ? $ = l.createElement("div", { className: "w-[10px] h-[2px] bg-white rounded-[1px]" }) : I && ($ = l.createElement(
+  let I = null;
+  s ? I = l.createElement("div", { className: "w-[10px] h-[2px] bg-white rounded-[1px]" }) : F && (I = l.createElement(
     "svg",
     {
       width: "12",
@@ -8752,13 +8776,13 @@ const ks = co(nn), sn = l.memo((t) => {
     value: a,
     disabled: n,
     className: "sr-only",
-    onChange: X
+    onChange: D
   };
   return e ? A.checked = !!o : A.defaultChecked = T, l.createElement(
     "div",
     {
       ref: p,
-      className: Io("fibo-checkbox-container", h)
+      className: Fo("fibo-checkbox-container", h)
     },
     l.createElement(
       "label",
@@ -8768,15 +8792,15 @@ const ks = co(nn), sn = l.memo((t) => {
       l.createElement(
         "div",
         {
-          className: Io(
+          className: Fo(
             "fibo-checkbox-box w-5 h-5 rounded-[6px] border-2 flex items-center justify-center transition-all duration-200",
             n ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-            R ? "border-transparent bg-[var(--fibo-primary,#3B82F6)]" : "border-gray-300 bg-transparent"
+            N ? "border-transparent bg-[var(--fibo-primary,#3B82F6)]" : "border-gray-300 bg-transparent"
           ),
           style: d,
           "aria-hidden": !0
         },
-        $
+        I
       ),
       r && l.createElement("span", { className: "text-sm text-gray-700 select-none" }, r),
       l.createElement("input", A)
@@ -8873,48 +8897,48 @@ const cn = l.memo((t) => {
     value: m,
     options: p = [],
     placeholder: T,
-    onChange: N,
+    onChange: $,
     disabled: M,
-    multiple: I,
-    name: R,
-    controlled: X = !1,
-    rules: $
+    multiple: F,
+    name: N,
+    controlled: D = !1,
+    rules: I
   } = t, [A, v] = G(
-    () => m ?? (I ? [] : "")
-  ), z = X ? m ?? (I ? [] : "") : A;
+    () => m ?? (F ? [] : "")
+  ), z = D ? m ?? (F ? [] : "") : A;
   Z(() => {
-    const y = (F) => {
-      a.current && !a.current.contains(F.target) && n(!1);
+    const y = (R) => {
+      a.current && !a.current.contains(R.target) && n(!1);
     };
     return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
   }, []), Z(() => {
     const y = u.current;
     if (!y) return;
-    $ && (y.__fiboRules = $);
-    const F = y.closest(".fibo-textfield-container"), H = F == null ? void 0 : F.querySelector(".fibo-field-error");
-    F && (F.__fiboShowError = (g) => {
+    I && (y.__fiboRules = I);
+    const R = y.closest(".fibo-textfield-container"), H = R == null ? void 0 : R.querySelector(".fibo-field-error");
+    R && (R.__fiboShowError = (g) => {
       H && (H.textContent = g ?? "", H.style.display = g ? "" : "none");
     });
-  }, [$]);
-  const P = (y) => I ? Array.isArray(z) && z.includes(y) : z === y;
-  let D = "";
-  if (I)
-    Array.isArray(z) && z.length > 0 && (D = p.filter((y) => z.includes(y.value)).map((y) => y.label).join(", "));
+  }, [I]);
+  const P = (y) => F ? Array.isArray(z) && z.includes(y) : z === y;
+  let X = "";
+  if (F)
+    Array.isArray(z) && z.length > 0 && (X = p.filter((y) => z.includes(y.value)).map((y) => y.label).join(", "));
   else {
-    const y = p.find((F) => F.value === z);
-    D = y ? y.label : "";
+    const y = p.find((R) => R.value === z);
+    X = y ? y.label : "";
   }
   const S = (y) => {
     if (M) return;
-    let F;
-    if (I) {
+    let R;
+    if (F) {
       const H = Array.isArray(z) ? [...z] : [], g = H.indexOf(y);
-      g > -1 ? H.splice(g, 1) : H.push(y), F = H;
+      g > -1 ? H.splice(g, 1) : H.push(y), R = H;
     } else
-      F = y, n(!1);
-    X || v(F), N == null || N(F);
+      R = y, n(!1);
+    D || v(R), $ == null || $(R);
   }, C = (y) => {
-    p.length !== 0 && f((F) => (F + y + p.length) % p.length);
+    p.length !== 0 && f((R) => (R + y + p.length) % p.length);
   }, V = (y) => {
     if (!M)
       switch (y.key) {
@@ -8947,11 +8971,11 @@ const cn = l.memo((t) => {
       style: h
     },
     l.createElement("div", { className: "relative w-full h-full" }, [
-      R ? l.createElement("input", {
+      N ? l.createElement("input", {
         key: "hidden",
         ref: u,
         type: "hidden",
-        name: R,
+        name: N,
         value: an(z)
       }) : null,
       l.createElement("button", {
@@ -8964,11 +8988,11 @@ const cn = l.memo((t) => {
         "aria-controls": i,
         "aria-activedescendant": r && p[s] ? `${i}-opt-${p[s].value}` : void 0,
         disabled: M,
-        className: `fibo-textfield-input text-left w-full flex items-center justify-between ${D ? "" : "text-gray-400"}`,
+        className: `fibo-textfield-input text-left w-full flex items-center justify-between ${X ? "" : "text-gray-400"}`,
         onClick: () => !M && n(!r),
         onKeyDown: V
       }, [
-        l.createElement("span", { key: "text", className: "truncate" }, D || T || " "),
+        l.createElement("span", { key: "text", className: "truncate" }, X || T || " "),
         l.createElement("svg", {
           key: "icon",
           className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
@@ -8991,10 +9015,10 @@ const cn = l.memo((t) => {
         key: "dropdown",
         id: i,
         role: "listbox",
-        "aria-multiselectable": I || void 0,
+        "aria-multiselectable": F || void 0,
         className: "absolute z-50 w-full mt-1 bg-[var(--fibo-surface)] border border-[var(--fibo-outline)] rounded-md shadow-lg max-h-60 overflow-auto focus:outline-none"
-      }, p.map((y, F) => {
-        const H = P(y.value), g = F === s;
+      }, p.map((y, R) => {
+        const H = P(y.value), g = R === s;
         return l.createElement("div", {
           key: y.value,
           id: `${i}-opt-${y.value}`,
@@ -9002,7 +9026,7 @@ const cn = l.memo((t) => {
           "aria-selected": H,
           className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] flex items-center justify-between ${H || g ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
           onClick: () => S(y.value),
-          onMouseEnter: () => f(F)
+          onMouseEnter: () => f(R)
         }, [
           l.createElement("span", { key: "label" }, y.label),
           H && l.createElement("svg", {
@@ -9082,7 +9106,7 @@ class ln extends ao {
   }
   build() {
     const i = {
-      containerClass: Io("fibo-textfield-container relative", ...this._classNames),
+      containerClass: Fo("fibo-textfield-container relative", ...this._classNames),
       containerStyle: this.getStyle(),
       label: this._label,
       error: this._error,
@@ -9111,25 +9135,25 @@ const bn = l.memo((t) => {
     label: m,
     error: p,
     value: T,
-    options: N = [],
+    options: $ = [],
     placeholder: M,
-    onChange: I,
-    onAdd: R,
-    disabled: X,
-    multiple: $,
+    onChange: F,
+    onAdd: N,
+    disabled: D,
+    multiple: I,
     name: A,
     controlled: v = !1,
     rules: z
-  } = t, [P, D] = G(
-    () => T ?? ($ ? [] : "")
-  ), S = v ? T ?? ($ ? [] : "") : P;
+  } = t, [P, X] = G(
+    () => T ?? (I ? [] : "")
+  ), S = v ? T ?? (I ? [] : "") : P;
   Z(() => {
-    if (!$) {
-      const w = N.find((O) => O.value === S);
+    if (!I) {
+      const w = $.find((O) => O.value === S);
       w && !r && s !== w.label && f(w.label);
     }
-  }, [S, N, r, $]);
-  const C = N.filter(
+  }, [S, $, r, I]);
+  const C = $.filter(
     (w) => w.label.toLowerCase().includes(s.toLowerCase())
   );
   Z(() => {
@@ -9137,15 +9161,15 @@ const bn = l.memo((t) => {
   }, [s, r]), Z(() => {
     const w = (O) => {
       if (b.current && !b.current.contains(O.target))
-        if (n(!1), $)
+        if (n(!1), I)
           f("");
         else {
-          const q = N.find((Y) => Y.value === S);
+          const q = $.find((Y) => Y.value === S);
           f(q ? q.label : "");
         }
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, [S, N, $]), Z(() => {
+  }, [S, $, I]), Z(() => {
     const w = h.current;
     if (!w) return;
     z && (w.__fiboRules = z);
@@ -9155,22 +9179,22 @@ const bn = l.memo((t) => {
     });
   }, [z]);
   const V = (w) => {
-    v || D(w), I == null || I(w);
+    v || X(w), F == null || F(w);
   }, y = (w) => {
-    if ($) {
+    if (I) {
       const O = Array.isArray(S) ? [...S] : [];
       O.includes(w.value) || (O.push(w.value), V(O)), f("");
     } else
       f(w.label), V(w.value), n(!1);
-  }, F = (w) => {
-    if ($ && Array.isArray(S)) {
+  }, R = (w) => {
+    if (I && Array.isArray(S)) {
       const O = S.filter((q) => q !== w);
       V(O);
     }
   }, H = () => {
-    R == null || R(s), $ ? f("") : n(!1);
-  }, g = (w) => $ ? Array.isArray(S) && S.includes(w) : S === w, K = (w) => {
-    if (!X)
+    N == null || N(s), I ? f("") : n(!1);
+  }, g = (w) => I ? Array.isArray(S) && S.includes(w) : S === w, K = (w) => {
+    if (!D)
       switch (w.key) {
         case "ArrowDown":
           w.preventDefault(), r ? C.length && u((O) => (O + 1) % C.length) : n(!0);
@@ -9179,7 +9203,7 @@ const bn = l.memo((t) => {
           w.preventDefault(), r ? C.length && u((O) => (O - 1 + C.length) % C.length) : n(!0);
           break;
         case "Enter":
-          w.preventDefault(), C[a] ? y(C[a]) : s && R && H();
+          w.preventDefault(), C[a] ? y(C[a]) : s && N && H();
           break;
         case "Escape":
           w.preventDefault(), n(!1);
@@ -9206,8 +9230,8 @@ const bn = l.memo((t) => {
         className: `fibo-textfield-input flex flex-wrap items-center gap-1 ${r ? "ring-2 ring-[var(--fibo-primary-container)] border-[var(--fibo-primary)]" : ""}`,
         style: { minHeight: "42px", padding: "4px 8px" }
       }, [
-        $ && Array.isArray(S) && S.map((w) => {
-          const O = N.find((Y) => Y.value === w), q = O ? O.label : w;
+        I && Array.isArray(S) && S.map((w) => {
+          const O = $.find((Y) => Y.value === w), q = O ? O.label : w;
           return l.createElement("span", {
             key: w,
             className: "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] text-xs font-medium px-2 py-1 rounded-md flex items-center"
@@ -9218,7 +9242,7 @@ const bn = l.memo((t) => {
               className: "ml-1 hover:text-[var(--fibo-primary)] focus:outline-none",
               "aria-label": `Remove ${q}`,
               onClick: (Y) => {
-                Y.stopPropagation(), F(w);
+                Y.stopPropagation(), R(w);
               }
             }, "×")
           ]);
@@ -9233,8 +9257,8 @@ const bn = l.memo((t) => {
           "aria-activedescendant": r && C[a] ? `${i}-opt-${C[a].value}` : void 0,
           className: "bg-transparent outline-none flex-1 min-w-[60px] text-sm h-8",
           value: s,
-          placeholder: $ && Array.isArray(S) && S.length > 0 ? "" : M || " ",
-          disabled: X,
+          placeholder: I && Array.isArray(S) && S.length > 0 ? "" : M || " ",
+          disabled: D,
           onChange: (w) => {
             f(w.target.value), r || n(!0);
           },
@@ -9255,7 +9279,7 @@ const bn = l.memo((t) => {
         key: "dropdown",
         id: i,
         role: "listbox",
-        "aria-multiselectable": $ || void 0,
+        "aria-multiselectable": I || void 0,
         className: "absolute z-50 w-full mt-1 bg-[var(--fibo-surface)] border border-[var(--fibo-outline)] rounded-md shadow-lg max-h-60 overflow-auto focus:outline-none left-0"
       }, [
         ...C.length > 0 ? C.map((w, O) => {
@@ -9270,7 +9294,7 @@ const bn = l.memo((t) => {
             onMouseEnter: () => u(O)
           }, w.label);
         }) : [l.createElement("div", { key: "empty", className: "px-4 py-2 text-sm text-gray-500" }, "No results found.")],
-        s && !C.some((w) => w.label.toLowerCase() === s.toLowerCase()) && R ? l.createElement("div", {
+        s && !C.some((w) => w.label.toLowerCase() === s.toLowerCase()) && N ? l.createElement("div", {
           key: "add-new",
           role: "option",
           "aria-selected": !1,
@@ -9353,7 +9377,7 @@ class hn extends ao {
   }
   build() {
     const i = {
-      containerClass: Io("fibo-textfield-container relative", ...this._classNames),
+      containerClass: Fo("fibo-textfield-container relative", ...this._classNames),
       containerStyle: this.getStyle(),
       label: this._label,
       error: this._error,
@@ -9489,7 +9513,7 @@ function Ee(t, o) {
 function Te(t, o, e) {
   return lo(e ? e(t, o) : t);
 }
-const gn = 100, $e = 60, Ne = 5;
+const gn = 100, Ie = 60, $e = 5;
 function Qo(t) {
   return t.split(";").map((o) => o.trim()).filter(Boolean).map((o) => /\s!important\s*$/i.test(o) ? o : `${o} !important`).join("; ");
 }
@@ -9511,15 +9535,15 @@ const vn = l.memo((t) => {
     customItemActive: m,
     customItemFocus: p,
     itemStyle: T
-  } = t, M = l.useId().replace(/:/g, ""), I = `fibo-list-${M}`, R = `fibo-list-custom-styles-${M}`, [X, $] = G(0), [A, v] = G(0), z = U(null), P = U(/* @__PURE__ */ new Map()), D = U(/* @__PURE__ */ new Map()), S = U(null), C = d === "horizontal", V = o.length, y = V > gn, F = (L) => D.current.get(L) ?? $e, H = (L) => {
+  } = t, M = l.useId().replace(/:/g, ""), F = `fibo-list-${M}`, N = `fibo-list-custom-styles-${M}`, [D, I] = G(0), [A, v] = G(0), z = U(null), P = U(/* @__PURE__ */ new Map()), X = U(/* @__PURE__ */ new Map()), S = U(null), C = d === "horizontal", V = o.length, y = V > gn, R = (L) => X.current.get(L) ?? Ie, H = (L) => {
     let j = 0;
     for (let eo = 0; eo < L; eo++)
-      j += F(eo);
+      j += R(eo);
     return j;
   }, g = () => {
     let L = 0;
     for (let j = 0; j < V; j++)
-      L += F(j);
+      L += R(j);
     return L;
   }, K = (L) => {
     let j = 0, eo = V - 1;
@@ -9531,10 +9555,10 @@ const vn = l.memo((t) => {
   };
   let w = 0, O = V, q = 0, Y = 0;
   if (y) {
-    w = Math.max(0, K(X) - Ne);
+    w = Math.max(0, K(D) - $e);
     let L = H(w), j = w;
-    for (; L < X + b + Ne * $e && j < V; )
-      L += F(j), j++;
+    for (; L < D + b + $e * Ie && j < V; )
+      L += R(j), j++;
     O = Math.min(V, j), q = H(w), Y = g();
   }
   const to = o.slice(w, O);
@@ -9545,7 +9569,7 @@ const vn = l.memo((t) => {
       const so = w + eo, Co = P.current.get(so);
       if (Co) {
         const ce = Co.getBoundingClientRect(), Uo = C ? ce.width : ce.height;
-        Uo > 0 && D.current.get(so) !== Uo && (D.current.set(so, Uo), L = !0);
+        Uo > 0 && X.current.get(so) !== Uo && (X.current.set(so, Uo), L = !0);
       }
     }), L && v((j) => j + 1);
   }, [to, w, y, C, A]), oe(() => {
@@ -9559,22 +9583,22 @@ const vn = l.memo((t) => {
     return S.current && L.observe(S.current), () => L.disconnect();
   }, [n, o.length, f, s]);
   const ko = (L) => {
-    y && $(C ? L.currentTarget.scrollLeft : L.currentTarget.scrollTop);
+    y && I(C ? L.currentTarget.scrollLeft : L.currentTarget.scrollTop);
   };
   Z(() => {
     if (typeof document > "u" || !x && !m && !p) return;
-    let L = document.getElementById(R);
-    L || (L = document.createElement("style"), L.id = R, document.head.appendChild(L));
+    let L = document.getElementById(N);
+    L || (L = document.createElement("style"), L.id = N, document.head.appendChild(L));
     let j = "";
-    const eo = `.${I}`;
+    const eo = `.${F}`;
     return x && (j += `${eo} .fibo-list-item-custom-hover:hover { ${Qo(x)} }
 `), m && (j += `${eo} .fibo-list-item-custom-active:active { ${Qo(m)} }
 `), p && (j += `${eo} .fibo-list-item-custom-focus:focus-within { ${Qo(p)} }
 `), L.textContent = j, () => {
-      const so = document.getElementById(R);
+      const so = document.getElementById(N);
       so && so.remove();
     };
-  }, [x, m, p, I, R]);
+  }, [x, m, p, F, N]);
   const Ao = {
     default: { gap: "0px" },
     card: { gap: "12px" },
@@ -9619,7 +9643,7 @@ const vn = l.memo((t) => {
     "div",
     {
       ref: z,
-      className: `fibo-list fibo-list-virtualized ${I} ${a || ""}`,
+      className: `fibo-list fibo-list-virtualized ${F} ${a || ""}`,
       style: {
         height: C ? void 0 : `${b}px`,
         width: C ? `${b}px` : void 0,
@@ -9658,7 +9682,7 @@ const vn = l.memo((t) => {
       to.map((L, j) => {
         const eo = w + j, so = Te(L, eo, e);
         return l.cloneElement(
-          $o().style(go[i]).classNames(So[i]).children(so).build(),
+          Io().style(go[i]).classNames(So[i]).children(so).build(),
           {
             key: Ee(L, eo),
             ref: (Co) => {
@@ -9672,14 +9696,14 @@ const vn = l.memo((t) => {
       ref: S,
       className: "py-4 flex justify-center w-full"
     }, n ? l.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : l.createElement("div", { style: { height: "20px" } }))
-  ) : $o().className(a).classNames(["fibo-list", I, "flex", d === "horizontal" ? "flex-row" : "flex-col", "w-full"]).style({
+  ) : Io().className(a).classNames(["fibo-list", F, "flex", d === "horizontal" ? "flex-row" : "flex-col", "w-full"]).style({
     ...Ao[i],
     ...u
   }).children(
     l.createElement(l.Fragment, {}, [
       ...o.map(
         (L, j) => l.cloneElement(
-          $o().style(go[i]).classNames(So[i]).children(Te(L, j, e)).build(),
+          Io().style(go[i]).classNames(So[i]).children(Te(L, j, e)).build(),
           { key: Ee(L, j) }
         )
       ),
@@ -9891,7 +9915,7 @@ const zs = co(wn), yn = () => l.createElement(
   return l.createElement(
     "div",
     {
-      className: Io("fibo-list-tile flex flex-row items-center w-full", u),
+      className: Fo("fibo-list-tile flex flex-row items-center w-full", u),
       style: {
         padding: x,
         borderBottom: s ? `1px solid ${f || "#3b3b3b"}` : "none",
@@ -10028,7 +10052,7 @@ const Cn = l.memo(({ builder: t }) => {
   const o = l.useId(), e = `${o}-content`, i = t._expanded !== void 0, [r, n] = G(t._defaultExpanded), s = i ? t._expanded : r, f = () => {
     i || n(!s), t._onToggle && t._onToggle(!s);
   };
-  return $o().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(t.getClassName()).style(t.getStyle()).children([
+  return Io().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(t.getClassName()).style(t.getStyle()).children([
     l.createElement("button", {
       key: "header",
       type: "button",
@@ -10060,7 +10084,7 @@ const Cn = l.memo(({ builder: t }) => {
         className: "text-gray-400"
       }, l.createElement("polyline", { points: "6 9 12 15 18 9" })))
     ]),
-    $o().props({
+    Io().props({
       id: e,
       role: "region",
       "aria-labelledby": o,
@@ -10069,7 +10093,7 @@ const Cn = l.memo(({ builder: t }) => {
       maxHeight: s ? "500px" : "0px",
       opacity: s ? 1 : 0
     }).children(
-      $o().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(t._content).build()
+      Io().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(t._content).build()
     ).build()
   ]).build();
 }), Ts = co(Sn);
@@ -10386,16 +10410,16 @@ const Tn = ({ error: t, onReset: o }) => {
     }
   );
 };
-function Ie(t, o) {
+function Fe(t, o) {
   return o && t.startsWith(o) ? t.slice(o.length) || "/" : t || "/";
 }
-function $n(t) {
+function In(t) {
   return t ? t.startsWith("?") ? t.slice(1) : t : "";
 }
-function Nn(t) {
+function $n(t) {
   return t ? t.startsWith("#") ? t : `#${t}` : "";
 }
-const In = yo(null), $s = ({
+const Fn = yo(null), Is = ({
   routes: t,
   fallback: o,
   loading: e,
@@ -10406,10 +10430,10 @@ const In = yo(null), $s = ({
   errorBoundary: f,
   onError: a
 }) => {
-  const [u, b] = G(() => Ie(r, i)), [h, d] = G(() => new URLSearchParams($n(n))), [x, m] = G(() => Nn(s)), { route: p, params: T } = ie(t, u), N = l.useRef(p);
-  N.current = p;
+  const [u, b] = G(() => Fe(r, i)), [h, d] = G(() => new URLSearchParams(In(n))), [x, m] = G(() => $n(s)), { route: p, params: T } = ie(t, u), $ = l.useRef(p);
+  $.current = p;
   const M = ro(async (A, v = {}) => {
-    const z = N.current, { route: P } = ie(t, A);
+    const z = $.current, { route: P } = ie(t, A);
     if (z != null && z.beforeLeave && P) {
       const S = await z.beforeLeave(P, z);
       if (S === !1)
@@ -10423,33 +10447,33 @@ const In = yo(null), $s = ({
         return;
       typeof S == "string" && (A = S);
     }
-    const D = i + A;
-    typeof window < "u" && (v.replace ? window.history.replaceState(v.state || {}, "", D) : window.history.pushState(v.state || {}, "", D), d(new URLSearchParams(window.location.search))), b(A);
-  }, [i, t]), I = ro(() => {
+    const X = i + A;
+    typeof window < "u" && (v.replace ? window.history.replaceState(v.state || {}, "", X) : window.history.pushState(v.state || {}, "", X), d(new URLSearchParams(window.location.search))), b(A);
+  }, [i, t]), F = ro(() => {
     typeof window < "u" && window.history.back();
-  }, []), R = ro((A) => {
+  }, []), N = ro((A) => {
     M(A, { replace: !0 });
   }, [M]);
   Z(() => {
     if (typeof window > "u") return;
     const A = () => {
-      b(Ie(window.location.pathname, i)), d(new URLSearchParams(window.location.search)), m(window.location.hash || "");
+      b(Fe(window.location.pathname, i)), d(new URLSearchParams(window.location.search)), m(window.location.hash || "");
     };
     return A(), window.addEventListener("popstate", A), () => window.removeEventListener("popstate", A);
   }, [i]);
-  const X = {
+  const D = {
     currentPath: u,
     basename: i,
     navigate: M,
-    goBack: I,
-    replace: R,
+    goBack: F,
+    replace: N,
     params: T,
     query: h,
     hash: x
-  }, $ = () => {
+  }, I = () => {
     if (!p)
       return o ? /* @__PURE__ */ W(o, {}) : /* @__PURE__ */ W("div", { children: "404 - Page Not Found" });
-    const A = p.component, v = /* @__PURE__ */ W(In.Provider, { value: p, children: /* @__PURE__ */ W(A, {}) });
+    const A = p.component, v = /* @__PURE__ */ W(Fn.Provider, { value: p, children: /* @__PURE__ */ W(A, {}) });
     return /* @__PURE__ */ W(
       En,
       {
@@ -10459,16 +10483,16 @@ const In = yo(null), $s = ({
       }
     );
   };
-  return /* @__PURE__ */ W(fe.Provider, { value: X, children: e ? /* @__PURE__ */ W(Et, { fallback: e, children: $() }) : $() });
+  return /* @__PURE__ */ W(fe.Provider, { value: D, children: e ? /* @__PURE__ */ W(Et, { fallback: e, children: I() }) : I() });
 };
 export {
   ar as $,
   as as A,
-  Ni as B,
-  $t as C,
+  $i as B,
+  It as C,
   Ye as D,
   Kt as E,
-  De as F,
+  Xe as F,
   wo as G,
   xi as H,
   Je as I,
@@ -10477,10 +10501,10 @@ export {
   vi as L,
   be as M,
   wi as N,
-  Nt as O,
-  Dt as P,
+  $t as O,
+  Xt as P,
   ei as Q,
-  Xn as R,
+  Dn as R,
   To as S,
   ns as T,
   ts as U,
@@ -10495,11 +10519,11 @@ export {
   _s as a1,
   Ss as a2,
   Cs as a3,
-  $o as a4,
+  Io as a4,
   zs as a5,
   Es as a6,
   Ts as a7,
-  $s as a8,
+  Is as a8,
   Go as a9,
   le as aA,
   Wn as aB,
@@ -10535,13 +10559,13 @@ export {
   lo as av,
   Vt as aw,
   Yt as ax,
-  Io as ay,
+  Fo as ay,
   Gt as az,
   Ae as b,
   Pn as c,
   Vn as d,
   jn as e,
-  Dn as f,
+  Xn as f,
   Le as g,
   Wt as h,
   Yn as i,
@@ -10558,8 +10582,8 @@ export {
   es as t,
   Hn as u,
   er as v,
-  $i as w,
-  Ii as x,
+  Ii as w,
+  Fi as x,
   ss as y,
   fs as z
 };