fiboui 2.5.0 → 2.6.1

package/dist/{client-C5fy1-Lh.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 q, useState as G, memo as Fe, cloneElement as St, useMemo as Ct, useLayoutEffect as oe, Component as zt, Suspense as Et } from "react";
-import { jsx as O, Fragment as re, jsxs as Po } from "react/jsx-runtime";
-class Re {
+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 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,11 +296,11 @@ 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__ */ O(He.Provider, { value: e, children: t });
+  return /* @__PURE__ */ W(He.Provider, { value: e, children: t });
 }
 function Wt({ children: t }) {
   const o = U(0), e = U(/* @__PURE__ */ new Set()), i = U(null);
@@ -310,7 +310,7 @@ function Wt({ children: t }) {
   const r = ro((a) => (e.current.add(a), () => {
     e.current.delete(a);
   }), []), n = ro(() => o.current, []);
-  uo(r, n, n), q(() => () => {
+  uo(r, n, n), Z(() => () => {
     var a;
     (a = i.current) == null || a.dispose();
   }, []);
@@ -321,11 +321,11 @@ function Wt({ children: t }) {
   } catch {
     f = null;
   }
-  return /* @__PURE__ */ O(re, { children: f });
+  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)];
@@ -343,7 +343,7 @@ function Vt({ stateMap: t = /* @__PURE__ */ new Map(), children: o }) {
       });
     }
   };
-  return /* @__PURE__ */ O(je.Provider, { value: r, children: /* @__PURE__ */ O(Ht.Provider, { value: e, children: o }) });
+  return /* @__PURE__ */ W(je.Provider, { value: r, children: /* @__PURE__ */ W(Ht.Provider, { value: e, children: o }) });
 }
 function jt({ observables: t, children: o }) {
   const e = U(0), i = ro((n) => {
@@ -354,9 +354,9 @@ function jt({ observables: t, children: o }) {
     );
     return () => s.forEach((f) => f());
   }, [t]), r = ro(() => e.current, []);
-  return uo(i, r, r), /* @__PURE__ */ O(re, { children: typeof o == "function" ? o() : o });
+  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(() => {
@@ -365,17 +365,17 @@ function Xt({ signals: t, children: o }) {
     );
     return () => s.forEach((f) => f());
   }, [t]), r = ro(() => e.current, []);
-  return uo(i, r, r), /* @__PURE__ */ O(re, { children: typeof o == "function" ? o() : o });
+  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__ */ O(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,
@@ -383,7 +383,7 @@ function De({
   ...r
 }) {
   const n = Ve(), s = U(null), f = t();
-  return q(() => Pe(n, () => {
+  return Z(() => Pe(n, () => {
     const a = new Me(() => {
       const u = t();
       s.current && s.current.textContent !== u && (s.current.textContent = u);
@@ -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 = {
@@ -441,18 +441,18 @@ const Kt = {
 };
 function qn(t, o) {
   const { duration: e = 300, delay: i = 0, easing: r = Kt.easeOut } = o || {}, [n, s] = G(t), f = U(), a = U(n);
-  return a.current = n, q(() => {
+  return a.current = n, Z(() => {
     f.current && cancelAnimationFrame(f.current);
     let u = null;
     const b = a.current, h = (d) => {
       u || (u = d);
-      const p = d - u - i;
-      if (p < 0) {
+      const x = d - u - i;
+      if (x < 0) {
         f.current = requestAnimationFrame(h);
         return;
       }
-      const v = Math.min(p / e, 1), x = r(v), T = b + (t - b) * x;
-      s(T), v < 1 && (f.current = requestAnimationFrame(h));
+      const m = Math.min(x / e, 1), p = r(m), T = b + (t - b) * p;
+      s(T), m < 1 && (f.current = requestAnimationFrame(h));
     };
     return f.current = requestAnimationFrame(h), () => {
       f.current && cancelAnimationFrame(f.current);
@@ -461,11 +461,11 @@ function qn(t, o) {
 }
 function Zn(t, o) {
   const { stiffness: e = 170, damping: i = 26, mass: r = 1 } = o || {}, [n, s] = G(t), f = U(0), a = U();
-  return q(() => {
+  return Z(() => {
     let u = n, b = f.current;
     const h = () => {
-      const d = -e * (u - t), p = -i * b, v = (d + p) / r;
-      b += v * (1 / 60), u += b * (1 / 60), s(u), f.current = b, (Math.abs(b) > 0.01 || Math.abs(u - t) > 0.01) && (a.current = requestAnimationFrame(h));
+      const d = -e * (u - t), x = -i * b, m = (d + x) / r;
+      b += m * (1 / 60), u += b * (1 / 60), s(u), f.current = b, (Math.abs(b) > 0.01 || Math.abs(u - t) > 0.01) && (a.current = requestAnimationFrame(h));
     };
     return a.current = requestAnimationFrame(h), () => {
       a.current && cancelAnimationFrame(a.current);
@@ -476,7 +476,7 @@ function Jn(t, o = 300) {
   const [e, i] = G(t), [r, n] = G(
     t ? "entered" : "exited"
   );
-  return q(() => {
+  return Z(() => {
     if (t) {
       i(!0), n("entering");
       const s = setTimeout(() => n("entered"), 50);
@@ -509,7 +509,7 @@ function os() {
 }
 function es() {
   const [t, o] = G(0);
-  return q(() => {
+  return Z(() => {
     if (typeof window > "u") return;
     const e = () => {
       const i = document.documentElement.scrollHeight - window.innerHeight;
@@ -533,18 +533,18 @@ function Ye(t = {}) {
   const s = 1 / 60, f = 1;
   let a = 0, u = 0;
   const b = [0];
-  for (let x = 0; x < 180; x += 1) {
+  for (let p = 0; p < 180; p += 1) {
     const T = -o * (a - f) - e * u;
-    if (u += T / i * s, a += u * s, b.push(a), x > 8 && Math.abs(a - f) < 2e-3 && Math.abs(u) < 2e-3) break;
+    if (u += T / i * s, a += u * s, b.push(a), p > 8 && Math.abs(a - f) < 2e-3 && Math.abs(u) < 2e-3) break;
   }
   b[b.length - 1] !== 1 && b.push(1);
-  const d = Math.max(1, Math.floor((b.length - 1) / 24)), p = [];
-  for (let x = 0; x < b.length; x += d) {
-    const T = x / (b.length - 1), F = Math.round(b[x] * 1e4) / 1e4;
-    p.push(x === 0 ? `${F}` : `${F} ${Math.round(T * 1e4) / 100}%`);
+  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), $ = Math.round(b[p] * 1e4) / 1e4;
+    x.push(p === 0 ? `${$}` : `${$} ${Math.round(T * 1e4) / 100}%`);
   }
-  const v = `linear(${p.join(", ")})`;
-  return ue.set(r, v), v;
+  const m = `linear(${x.join(", ")})`;
+  return ue.set(r, m), m;
 }
 function wo(t, o) {
   return t === "spring" ? Ye(o) : Zt[t] ?? t;
@@ -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, p = b * b * b, v = h * h * h, x = d * d * d, T = 4.0767416621 * p - 3.3077115913 * v + 0.2309699292 * x, F = -1.2684380046 * p + 2.6097574011 * v - 0.3413193965 * x, M = -0.0041960863 * p - 0.7034186147 * v + 1.707614701 * x, B = (g) => g >= 31308e-7 ? 1.055 * g ** (1 / 2.4) - 0.055 : 12.92 * g, R = Math.max(0, Math.min(1, B(T))), W = Math.max(0, Math.min(1, B(F))), $ = Math.max(0, Math.min(1, B(M))), L = (g) => {
-    var H;
-    const C = (H = Math.round(g * 255).toString(16)) == null ? void 0 : H.toUpperCase();
-    return C.length === 1 ? `0${C}` : C;
+  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 `#${L(R)}${L(W)}${L($)}`;
+  return `#${A(N)}${A(D)}${A(I)}`;
 }
 function si(t) {
   const o = {}, e = {}, i = t.split(`
@@ -1497,12 +1497,12 @@ function di({ animatedProps: t, animationConfig: o, children: e }) {
   const [i, r] = G(
     () => hi(t)
   );
-  q(() => {
+  Z(() => {
     const a = [];
     return t.forEach((u, b) => {
       const h = (d) => {
-        r((p) => ({
-          ...p,
+        r((x) => ({
+          ...x,
           [b]: d
         }));
       };
@@ -3176,7 +3176,7 @@ function se(t) {
   const o = Ci[t];
   return o ? [...o] : null;
 }
-function J(t, o) {
+function Q(t, o) {
   if (o == null) return "";
   if (typeof o == "boolean") return o ? "true" : "false";
   if (typeof o == "number")
@@ -3192,7 +3192,7 @@ function Qe(t) {
       if (r === "css")
         return o((a, u) => {
           const b = a.includes("-") ? Si(a) : a;
-          t.setProp(b, J(b, u));
+          t.setProp(b, Q(b, u));
         });
       if (r === "style")
         return o((a) => t.mergeStyle(a));
@@ -3203,9 +3203,9 @@ function Qe(t) {
       const f = se(r);
       return o(f ? (a) => {
         for (const u of f)
-          t.setProp(u, J(u, a));
+          t.setProp(u, Q(u, a));
       } : (a) => {
-        t.setProp(r, J(r, a));
+        t.setProp(r, Q(r, a));
       });
     }
   });
@@ -3224,15 +3224,15 @@ const zi = {
 function Ei(t, o) {
   const e = t[o];
   if (e == null || e === "") return;
-  const i = String(e).trim().split(/\s+/), [r, n = r, s = r, f = n] = i, a = r, u = i.length === 1 ? r : n, b = i.length <= 2 ? r : s, h = i.length === 1 ? r : i.length === 2 || i.length === 3 ? n : f, d = o === "padding" ? "padding" : "margin", p = [
+  const i = String(e).trim().split(/\s+/), [r, n = r, s = r, f = n] = i, a = r, u = i.length === 1 ? r : n, b = i.length <= 2 ? r : s, h = i.length === 1 ? r : i.length === 2 || i.length === 3 ? n : f, d = o === "padding" ? "padding" : "margin", x = [
     [`${d}Top`, a],
     [`${d}Right`, u],
     [`${d}Bottom`, b],
     [`${d}Left`, h]
-  ], v = t;
-  for (const [x, T] of p)
-    v[x] == null && (v[x] = T);
-  delete v[o];
+  ], m = t;
+  for (const [p, T] of x)
+    m[p] == null && (m[p] = T);
+  delete m[o];
 }
 class ot {
   constructor() {
@@ -3244,12 +3244,12 @@ class ot {
   }
   /** Flutter / RN: left + right. */
   paddingHorizontal(o) {
-    const e = J("paddingLeft", o);
+    const e = Q("paddingLeft", o);
     return this.setProp("paddingLeft", e), this.setProp("paddingRight", e), this;
   }
   /** Flutter / RN: top + bottom. */
   paddingVertical(o) {
-    const e = J("paddingTop", o);
+    const e = Q("paddingTop", o);
     return this.setProp("paddingTop", e), this.setProp("paddingBottom", e), this;
   }
   paddingX(o) {
@@ -3259,11 +3259,11 @@ class ot {
     return this.paddingVertical(o);
   }
   marginHorizontal(o) {
-    const e = J("marginLeft", o);
+    const e = Q("marginLeft", o);
     return this.setProp("marginLeft", e), this.setProp("marginRight", e), this;
   }
   marginVertical(o) {
-    const e = J("marginTop", o);
+    const e = Q("marginTop", o);
     return this.setProp("marginTop", e), this.setProp("marginBottom", e), this;
   }
   marginX(o) {
@@ -3316,7 +3316,7 @@ class no {
         return (u) => {
           const h = se(f) ?? [f];
           for (const d of h)
-            r.set(Yo(d), J(d, u));
+            r.set(Yo(d), Q(d, u));
           return n;
         };
       }
@@ -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",
@@ -3435,7 +3435,7 @@ function $i({
   children: s
 }) {
   const f = U(null);
-  q(() => {
+  Z(() => {
     fo();
     const u = f.current;
     if (!u) return;
@@ -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 q(() => {
-    if (fo(), Ni()) return;
+  return Z(() => {
+    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);
@@ -4242,10 +4272,10 @@ class ao {
     }, i = (n) => n.startsWith("#") || n.startsWith("rgb") || n.startsWith("hsl") || ["red", "blue", "green", "yellow", "purple", "pink", "orange", "white", "black", "gray"].some((s) => n.includes(s)), r = (n, s, f, a) => {
       let h = f || "rgba(0, 0, 0, " + (a ?? 0.1) + ")";
       if (f && f.startsWith("#") && a !== void 0) {
-        const v = parseInt(f.slice(1, 3), 16), x = parseInt(f.slice(3, 5), 16), T = parseInt(f.slice(5, 7), 16);
-        h = `rgba(${v}, ${x}, ${T}, ${a})`;
+        const m = parseInt(f.slice(1, 3), 16), p = parseInt(f.slice(3, 5), 16), T = parseInt(f.slice(5, 7), 16);
+        h = `rgba(${m}, ${p}, ${T}, ${a})`;
       }
-      const p = {
+      const x = {
         sm: "2px",
         md: "4px",
         lg: "8px",
@@ -4254,19 +4284,19 @@ class ao {
       }[s] || "4px";
       switch (n) {
         case "top":
-          return `0 -${p} ${p} -1px ${h}`;
+          return `0 -${x} ${x} -1px ${h}`;
         case "bottom":
-          return `0 ${p} ${p} -1px ${h}`;
+          return `0 ${x} ${x} -1px ${h}`;
         case "left":
-          return `-${p} 0 ${p} -1px ${h}`;
+          return `-${x} 0 ${x} -1px ${h}`;
         case "right":
-          return `${p} 0 ${p} -1px ${h}`;
+          return `${x} 0 ${x} -1px ${h}`;
         case "top-bottom":
         case "vertical":
-          return `0 -${p} ${p} -1px ${h}, 0 ${p} ${p} -1px ${h}`;
+          return `0 -${x} ${x} -1px ${h}, 0 ${x} ${x} -1px ${h}`;
         case "left-right":
         case "horizontal":
-          return `-${p} 0 ${p} -1px ${h}, ${p} 0 ${p} -1px ${h}`;
+          return `-${x} 0 ${x} -1px ${h}, ${x} 0 ${x} -1px ${h}`;
         case "all":
         default:
           return e[s] || e.md;
@@ -4295,8 +4325,8 @@ class ao {
         const h = r(u, "md", s, f), d = E.register("box-shadow", h);
         return this._classNames.push(d), this;
       } else {
-        const d = r(u, s, f, a), p = E.register("box-shadow", d);
-        return this._classNames.push(p), this;
+        const d = r(u, s, f, a), x = E.register("box-shadow", d);
+        return this._classNames.push(x), this;
       }
     }
     return this;
@@ -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,39 +4948,39 @@ 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 p = t._animatedProps, v = t._animationConfig;
-    p && p.size > 0 && (d = l.createElement(di, {
+    const x = t._animatedProps, m = t._animationConfig;
+    x && x.size > 0 && (d = l.createElement(di, {
       key: s,
-      animatedProps: p,
-      animationConfig: v,
+      animatedProps: x,
+      animationConfig: m,
       children: d
     }));
-    const x = t._reveal;
-    if (x) {
-      const F = t._style || {}, M = {};
-      for (const B of ["--fibo-dur", "--fibo-ease", "--fibo-delay", "--fibo-stagger", "--fibo-from"])
-        F[B] != null && (M[B] = F[B]);
-      d = l.createElement($i, {
+    const p = t._reveal;
+    if (p) {
+      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: x.preset,
-        once: x.once,
-        rootMargin: x.rootMargin,
-        threshold: x.threshold,
+        preset: p.preset,
+        once: p.once,
+        rootMargin: p.rootMargin,
+        threshold: p.threshold,
         forceMotion: t._reducedMotion === "never",
         style: Object.keys(M).length > 0 ? M : void 0,
         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;
@@ -5027,17 +5051,17 @@ function co(t) {
             ...n.__fiboElementProps ?? {},
             ...b != null && b !== "" ? { key: String(b) } : {}
           }, d = Object.getPrototypeOf(n).props;
-          return typeof d == "function" ? Object.assign((v) => (d.call(n, v), f), h) : h;
+          return typeof d == "function" ? Object.assign((m) => (d.call(n, m), f), h) : h;
         }
         if (s === "type") {
           const b = Reflect.get(n, s), h = Object.getPrototypeOf(n), d = h != null ? h.type : void 0;
-          return typeof d != "function" || typeof b != "function" ? b : (n.__fiboType || (n.__fiboType = (p, v) => typeof p == "string" || typeof p == "number" ? (d.call(n, p), f) : b(p, v)), n.__fiboType);
+          return typeof d != "function" || typeof b != "function" ? b : (n.__fiboType || (n.__fiboType = (x, m) => typeof x == "string" || typeof x == "number" ? (d.call(n, x), f) : b(x, m)), n.__fiboType);
         }
         return ji.has(s) || Reflect.has(n, s) ? Reflect.get(n, s, f) : (b) => {
           const d = se(s) ?? [s];
-          for (const p of d) {
-            const v = Yo(p), x = J(p, b);
-            n.className(E.register(v, x));
+          for (const x of d) {
+            const m = Yo(x), p = Q(x, b);
+            n.className(E.register(m, p));
           }
           return f;
         };
@@ -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,
@@ -5100,7 +5124,7 @@ function Zi(t) {
 }
 function Ji(t) {
   const [o, e] = G(() => Zi(t));
-  return q(() => {
+  return Z(() => {
     if (!Oo(t)) {
       e(!!t);
       return;
@@ -5117,7 +5141,7 @@ function ft({
   children: n
 }) {
   const s = Ji(t), [f, a] = G(s), [u, b] = G(s ? "enter" : "idle"), h = r !== "never" && qi();
-  if (q(() => {
+  if (Z(() => {
     if (fo(), s) {
       a(!0), b(h ? "idle" : "enter");
       return;
@@ -5130,15 +5154,15 @@ function ft({
       b("exit");
     }
   }, [s, h]), !f) return null;
-  const d = u === "exit" ? e : u === "enter" ? o : void 0, p = d && !h ? Ge(d) : void 0;
+  const d = u === "exit" ? e : u === "enter" ? o : void 0, x = d && !h ? Ge(d) : void 0;
   return l.createElement(
     "div",
     {
-      className: p ? `fibo-anim fibo-anim-${p}` : void 0,
-      style: p ? { "--fibo-dur": `${i}ms`, "--fibo-ease": "ease" } : void 0,
+      className: x ? `fibo-anim fibo-anim-${x}` : void 0,
+      style: x ? { "--fibo-dur": `${i}ms`, "--fibo-ease": "ease" } : void 0,
       "data-fibo-presence": u,
-      onAnimationEnd: (v) => {
-        v.target === v.currentTarget && (u === "exit" && a(!1), u === "enter" && b("idle"));
+      onAnimationEnd: (m) => {
+        m.target === m.currentTarget && (u === "exit" && a(!1), u === "enter" && b("idle"));
       }
     },
     n
@@ -5202,8 +5226,8 @@ function hs({
 }) {
   const r = rr(t), [n, s] = G(r), [f, a] = G(null);
   r !== n && (s(r), a(null));
-  const u = et(f ?? t), b = ro((v) => {
-    a(v);
+  const u = et(f ?? t), b = ro((m) => {
+    a(m);
   }, []), h = Ct(
     () => ({
       theme: u,
@@ -5211,17 +5235,17 @@ function hs({
       setTheme: b
     }),
     [u, b]
-  ), d = [rt(u), e].filter(Boolean).join(" "), p = {
+  ), d = [rt(u), e].filter(Boolean).join(" "), x = {
     ...it(u),
     backgroundColor: u.colors.background,
     color: u.colors.onBackground,
     fontFamily: u.fontFamily,
     ...i
   };
-  return /* @__PURE__ */ O(at.Provider, { value: h, children: /* @__PURE__ */ O("div", { className: d, "data-fibo-theme": u.name, style: p, children: o }) });
+  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,54 +5534,54 @@ 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()), p = U(/* @__PURE__ */ new Map()), v = o.length, x = e !== void 0, T = (_) => x ? e : p.current.get(_) ?? i, F = (_) => {
-    if (x)
-      return _ * e;
-    let z = 0;
-    for (let j = 0; j < _; j++)
-      z += T(j);
-    return z;
+  } = 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;
+    for (let V = 0; V < S; V++)
+      C += T(V);
+    return C;
   }, M = () => {
-    if (x)
-      return v * e;
-    let _ = 0;
-    for (let z = 0; z < v; z++)
-      _ += T(z);
-    return _;
-  }, R = Math.max(0, ((_) => {
-    if (x)
-      return Math.floor(_ / e);
-    let z = 0, j = v - 1;
-    for (; z < j; ) {
-      const w = Math.floor((z + j) / 2);
-      F(w) < _ ? z = w + 1 : j = w;
+    if (p)
+      return m * e;
+    let S = 0;
+    for (let C = 0; C < m; C++)
+      S += T(C);
+    return 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);
+      $(y) < S ? C = y + 1 : V = y;
     }
-    return Math.max(0, z - 1);
+    return Math.max(0, C - 1);
   })(u) - n);
-  let W;
-  if (x) {
-    const _ = Math.ceil(s / e);
-    W = Math.min(v, R + _ + n * 2);
+  let D;
+  if (p) {
+    const S = Math.ceil(s / e);
+    D = Math.min(m, N + S + n * 2);
   } else {
-    let _ = F(R), z = R;
-    for (; _ < u + s + n * i && z < v; )
-      _ += T(z), z++;
-    W = Math.min(v, z);
+    let S = $(N), C = N;
+    for (; S < u + s + n * i && C < m; )
+      S += T(C), C++;
+    D = Math.min(m, C);
   }
-  const $ = o.slice(R, W), L = F(R), g = M(), [C, H] = G(0);
+  const I = o.slice(N, D), A = $(N), v = M(), [z, P] = G(0);
   oe(() => {
-    if (!r || x) return;
-    let _ = !1;
-    $.forEach((z, j) => {
-      const w = R + j, N = d.current.get(w);
-      if (N) {
-        const m = N.getBoundingClientRect().height;
-        m > 0 && p.current.get(w) !== m && (p.current.set(w, m), _ = !0);
+    if (!r || p) return;
+    let S = !1;
+    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);
       }
-    }), _ && H((z) => z + 1);
-  }, [$, R, r, x, C]);
-  const V = (_) => {
-    b(_.currentTarget.scrollTop);
+    }), S && P((C) => C + 1);
+  }, [I, N, r, p, z]);
+  const X = (S) => {
+    b(S.currentTarget.scrollTop);
   };
   return l.createElement(
     "div",
@@ -5570,11 +5594,11 @@ const ws = co(lr), ur = l.memo((t) => {
         position: "relative",
         ...a
       },
-      onScroll: V
+      onScroll: X
     },
     l.createElement("div", {
       style: {
-        height: `${g}px`,
+        height: `${v}px`,
         width: "1px",
         position: "absolute",
         top: 0,
@@ -5587,22 +5611,22 @@ const ws = co(lr), ur = l.memo((t) => {
       "div",
       {
         style: {
-          transform: `translateY(${L}px)`,
+          transform: `translateY(${A}px)`,
           width: "100%"
         }
       },
-      $.map((_, z) => {
-        const j = R + z;
+      I.map((S, C) => {
+        const V = N + C;
         return l.createElement(
           "div",
           {
-            key: j,
-            ref: (w) => {
-              w && r && !x ? d.current.set(j, w) : w || d.current.delete(j);
+            key: V,
+            ref: (y) => {
+              y && r && !p ? d.current.set(V, y) : y || d.current.delete(V);
             },
             style: { width: "100%" }
           },
-          _
+          S
         );
       })
     )
@@ -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
@@ -5819,31 +5843,31 @@ const $o = co(dr), pr = (t, o) => {
     const n = [];
     let s = 0, f = 0, a = 0, u;
     const b = r.length;
-    for (let x = 0; x < b; x++) {
-      const T = r[x];
+    for (let p = 0; p < b; p++) {
+      const T = r[p];
       if (s === 0 && f === 0) {
         if (T === _e) {
-          n.push(r.slice(a, x)), a = x + 1;
+          n.push(r.slice(a, p)), a = p + 1;
           continue;
         }
         if (T === "/") {
-          u = x;
+          u = p;
           continue;
         }
       }
       T === "[" ? s++ : T === "]" ? s-- : T === "(" ? f++ : T === ")" && f--;
     }
     const h = n.length === 0 ? r : r.slice(a);
-    let d = h, p = !1;
-    h.endsWith(te) ? (d = h.slice(0, -1), p = !0) : (
+    let d = h, x = !1;
+    h.endsWith(te) ? (d = h.slice(0, -1), x = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      h.startsWith(te) && (d = h.slice(1), p = !0)
+      h.startsWith(te) && (d = h.slice(1), x = !0)
     );
-    const v = u && u > a ? u - a : void 0;
-    return Se(n, p, d, v);
+    const m = u && u > a ? u - a : void 0;
+    return Se(n, x, d, m);
   };
   if (o) {
     const r = o + _e, n = i;
@@ -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,51 +5894,51 @@ 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], {
       isExternal: h,
       modifiers: d,
-      hasImportantModifier: p,
-      baseClassName: v,
-      maybePostfixModifierPosition: x
+      hasImportantModifier: x,
+      baseClassName: m,
+      maybePostfixModifierPosition: p
     } = e(b);
     if (h) {
       a = b + (a.length > 0 ? " " + a : a);
       continue;
     }
-    let T = !!x, F = i(T ? v.substring(0, x) : v);
-    if (!F) {
+    let T = !!p, $ = i(T ? m.substring(0, p) : m);
+    if (!$) {
       if (!T) {
         a = b + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (F = i(v), !F) {
+      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(":"), B = p ? M + te : M, R = B + F;
-    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 W = r(F, T);
-    for (let $ = 0; $ < W.length; ++$) {
-      const L = W[$];
-      s.push(B + L);
+    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 = [], Q = (t) => {
+}, 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), A = (t) => !!t && !Number.isNaN(Number(t)), xo = (t) => !!t && Number.isInteger(Number(t)), qo = (t) => t.endsWith("%") && A(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) => !y(t) && !k(t), Ur = (t) => Ro(t, vt, xt), y = (t) => dt.test(t), vo = (t) => Ro(t, wt, Xr), Zo = (t) => Ro(t, Qr, A), Ce = (t) => Ro(t, mt, xt), Kr = (t) => Ro(t, gt, Yr), Wo = (t) => Ro(t, yt, Dr), k = (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 = Q("color"), o = Q("font"), e = Q("text"), i = Q("font-weight"), r = Q("tracking"), n = Q("leading"), s = Q("breakpoint"), f = Q("container"), a = Q("spacing"), u = Q("radius"), b = Q("shadow"), h = Q("inset-shadow"), d = Q("text-shadow"), p = Q("drop-shadow"), v = Q("blur"), x = Q("perspective"), T = Q("aspect"), F = Q("ease"), M = Q("animate"), B = () => ["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,30 +6001,30 @@ 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"
-  ], W = () => [...R(), k, y], $ = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], g = () => [k, y, a], C = () => [Eo, "full", "auto", ...g()], H = () => [xo, "none", "subgrid", k, y], V = () => ["auto", {
-    span: ["full", xo, k, y]
-  }, xo, k, y], _ = () => [xo, "auto", k, y], z = () => ["auto", "min", "max", "fr", k, y], j = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], w = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...g()], I = () => [Eo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], m = () => [t, k, y], to = () => [...R(), ze, Ce, {
-    position: [k, y]
-  }], S = () => ["no-repeat", {
+  ], 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"], 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"]
-  }], X = () => ["auto", "cover", "contain", Zr, Ur, {
-    size: [k, y]
-  }], K = () => [qo, Lo, vo], Y = () => [
+  }], O = () => ["auto", "cover", "contain", Zr, Ur, {
+    size: [_, k]
+  }], q = () => [qo, Lo, vo], Y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     u,
-    k,
-    y
-  ], eo = () => ["", A, Lo, vo], ko = () => ["solid", "dashed", "dotted", "double"], Ao = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [A, qo, ze, Ce], _o = () => [
+    _,
+    k
+  ], to = () => ["", B, Lo, vo], ko = () => ["solid", "dashed", "dotted", "double"], Ao = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], J = () => [B, qo, ze, Ce], _o = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    v,
-    k,
-    y
-  ], go = () => ["none", A, k, y], io = () => ["none", A, k, y], So = () => [A, k, y], P = () => [Eo, "full", ...g()];
+    m,
+    _,
+    k
+  ], go = () => ["none", B, _, k], io = () => ["none", B, _, k], So = () => [B, _, k], L = () => [Eo, "full", ...v()];
   return {
     cacheSize: 500,
     theme: {
@@ -6019,7 +6043,7 @@ const $o = co(dr), pr = (t, o) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [ho],
       shadow: [ho],
-      spacing: ["px", A],
+      spacing: ["px", B],
       text: [ho],
       "text-shadow": [ho],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -6033,7 +6057,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Eo, y, k, T]
+        aspect: ["auto", "square", Eo, k, _, T]
       }],
       /**
        * Container
@@ -6046,21 +6070,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [A, y, k, f]
+        columns: [B, k, _, f]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": B()
+        "break-after": F()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": B()
+        "break-before": F()
       }],
       /**
        * Break Inside
@@ -6124,49 +6148,49 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: W()
+        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
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: L()
+        overscroll: A()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": L()
+        "overscroll-x": A()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": L()
+        "overscroll-y": A()
       }],
       /**
        * Position
@@ -6178,63 +6202,63 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: C()
+        inset: z()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": C()
+        "inset-x": z()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": C()
+        "inset-y": z()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: C()
+        start: z()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: C()
+        end: z()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: C()
+        top: z()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: C()
+        right: z()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: C()
+        bottom: z()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: C()
+        left: z()
       }],
       /**
        * Visibility
@@ -6246,7 +6270,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [xo, "auto", k, y]
+        z: [xo, "auto", _, k]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -6256,7 +6280,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Eo, "full", "auto", f, ...g()]
+        basis: [Eo, "full", "auto", f, ...v()]
       }],
       /**
        * Flex Direction
@@ -6277,84 +6301,84 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [A, Eo, "auto", "initial", "none", y]
+        flex: [B, Eo, "auto", "initial", "none", k]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", A, k, y]
+        grow: ["", B, _, k]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", A, k, y]
+        shrink: ["", B, _, k]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [xo, "first", "last", "none", k, y]
+        order: [xo, "first", "last", "none", _, k]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": H()
+        "grid-cols": P()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: V()
+        col: X()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": _()
+        "col-start": S()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": _()
+        "col-end": S()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": H()
+        "grid-rows": P()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: V()
+        row: X()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": _()
+        "row-start": S()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": _()
+        "row-end": S()
       }],
       /**
        * Grid Auto Flow
@@ -6368,70 +6392,70 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": z()
+        "auto-cols": C()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": z()
+        "auto-rows": C()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: g()
+        gap: v()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": g()
+        "gap-x": v()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": g()
+        "gap-y": v()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...j(), "normal"]
+        justify: [...V(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...w(), "normal"]
+        "justify-items": [...y(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...w()]
+        "justify-self": ["auto", ...y()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...j()]
+        content: ["normal", ...V()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...w(), {
+        items: [...y(), {
           baseline: ["", "last"]
         }]
       }],
@@ -6440,7 +6464,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...w(), {
+        self: ["auto", ...y(), {
           baseline: ["", "last"]
         }]
       }],
@@ -6449,21 +6473,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": j()
+        "place-content": V()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...w(), "baseline"]
+        "place-items": [...y(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...w()]
+        "place-self": ["auto", ...y()]
       }],
       // Spacing
       /**
@@ -6471,133 +6495,133 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: g()
+        p: v()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: g()
+        px: v()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: g()
+        py: v()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: g()
+        ps: v()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: g()
+        pe: v()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: g()
+        pt: v()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: g()
+        pr: v()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: g()
+        pb: v()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: g()
+        pl: v()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: N()
+        m: R()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: N()
+        mx: R()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: N()
+        my: R()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: N()
+        ms: R()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: N()
+        me: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: N()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: N()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: N()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: N()
+        ml: R()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": g()
+        "space-x": v()
       }],
       /**
        * Space Between X Reverse
@@ -6609,7 +6633,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": g()
+        "space-y": v()
       }],
       /**
        * Space Between Y Reverse
@@ -6624,14 +6648,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: I()
+        size: H()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [f, "screen", ...I()]
+        w: [f, "screen", ...H()]
       }],
       /**
        * Min-Width
@@ -6643,7 +6667,7 @@ const $o = co(dr), pr = (t, o) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...I()
+          ...H()
         ]
       }],
       /**
@@ -6661,7 +6685,7 @@ const $o = co(dr), pr = (t, o) => {
           {
             screen: [s]
           },
-          ...I()
+          ...H()
         ]
       }],
       /**
@@ -6669,21 +6693,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...I()]
+        h: ["screen", "lh", ...H()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...I()]
+        "min-h": ["screen", "lh", "none", ...H()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...I()]
+        "max-h": ["screen", "lh", ...H()]
       }],
       // ------------------
       // --- Typography ---
@@ -6710,21 +6734,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [i, k, Zo]
+        font: [i, _, Zo]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qo, y]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qo, k]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [qr, y, o]
+        font: [qr, k, o]
       }],
       /**
        * Font Variant Numeric
@@ -6761,14 +6785,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, k, y]
+        tracking: [r, _, k]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [A, "none", k, Zo]
+        "line-clamp": [B, "none", _, Zo]
       }],
       /**
        * Line Height
@@ -6778,7 +6802,7 @@ const $o = co(dr), pr = (t, o) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           n,
-          ...g()
+          ...v()
         ]
       }],
       /**
@@ -6786,7 +6810,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", k, y]
+        "list-image": ["none", _, k]
       }],
       /**
        * List Style Position
@@ -6800,7 +6824,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", k, y]
+        list: ["disc", "decimal", "none", _, k]
       }],
       /**
        * Text Alignment
@@ -6815,14 +6839,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: m()
+        placeholder: g()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: m()
+        text: g()
       }],
       /**
        * Text Decoration
@@ -6841,21 +6865,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [A, "from-font", "auto", k, vo]
+        decoration: [B, "from-font", "auto", _, vo]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: m()
+        decoration: g()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [A, "auto", k, y]
+        "underline-offset": [B, "auto", _, k]
       }],
       /**
        * Text Transform
@@ -6879,14 +6903,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: g()
+        indent: v()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", k, y]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", _, k]
       }],
       /**
        * Whitespace
@@ -6921,7 +6945,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", k, y]
+        content: ["none", _, k]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -6952,21 +6976,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: to()
+        bg: K()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: S()
+        bg: w()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: X()
+        bg: O()
       }],
       /**
        * Background Image
@@ -6976,9 +7000,9 @@ const $o = co(dr), pr = (t, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, xo, k, y],
-          radial: ["", k, y],
-          conic: [xo, k, y]
+          }, xo, _, k],
+          radial: ["", _, k],
+          conic: [xo, _, k]
         }, Jr, Kr]
       }],
       /**
@@ -6986,49 +7010,49 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: m()
+        bg: g()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: K()
+        from: q()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: K()
+        via: q()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: K()
+        to: q()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: m()
+        from: g()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: m()
+        via: g()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: m()
+        to: g()
       }],
       // ---------------
       // --- Borders ---
@@ -7143,70 +7167,70 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: eo()
+        border: to()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": eo()
+        "border-x": to()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": eo()
+        "border-y": to()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": eo()
+        "border-s": to()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": eo()
+        "border-e": to()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": eo()
+        "border-t": to()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": eo()
+        "border-r": to()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": eo()
+        "border-b": to()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": eo()
+        "border-l": to()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": eo()
+        "divide-x": to()
       }],
       /**
        * Divide Width X Reverse
@@ -7218,7 +7242,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": eo()
+        "divide-y": to()
       }],
       /**
        * Divide Width Y Reverse
@@ -7244,70 +7268,70 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: m()
+        border: g()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": m()
+        "border-x": g()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": m()
+        "border-y": g()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": m()
+        "border-s": g()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": m()
+        "border-e": g()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": m()
+        "border-t": g()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": m()
+        "border-r": g()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": m()
+        "border-b": g()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": m()
+        "border-l": g()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: m()
+        divide: g()
       }],
       /**
        * Outline Style
@@ -7321,21 +7345,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [A, k, y]
+        "outline-offset": [B, _, k]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", A, Lo, vo]
+        outline: ["", B, Lo, vo]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: m()
+        outline: g()
       }],
       // ---------------
       // --- Effects ---
@@ -7359,7 +7383,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: m()
+        shadow: g()
       }],
       /**
        * Inset Box Shadow
@@ -7373,14 +7397,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": m()
+        "inset-shadow": g()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: eo()
+        ring: to()
       }],
       /**
        * Ring Width Inset
@@ -7394,7 +7418,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: m()
+        ring: g()
       }],
       /**
        * Ring Offset Width
@@ -7403,7 +7427,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [A, vo]
+        "ring-offset": [B, vo]
       }],
       /**
        * Ring Offset Color
@@ -7412,21 +7436,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": m()
+        "ring-offset": g()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": eo()
+        "inset-ring": to()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": m()
+        "inset-ring": g()
       }],
       /**
        * Text Shadow
@@ -7440,14 +7464,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": m()
+        "text-shadow": g()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [A, k, y]
+        opacity: [B, _, k]
       }],
       /**
        * Mix Blend Mode
@@ -7482,106 +7506,106 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [A]
+        "mask-linear": [B]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": Z()
+        "mask-linear-from": J()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": Z()
+        "mask-linear-to": J()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": m()
+        "mask-linear-from": g()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": m()
+        "mask-linear-to": g()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": Z()
+        "mask-t-from": J()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": Z()
+        "mask-t-to": J()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": m()
+        "mask-t-from": g()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": m()
+        "mask-t-to": g()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": Z()
+        "mask-r-from": J()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": Z()
+        "mask-r-to": J()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": m()
+        "mask-r-from": g()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": m()
+        "mask-r-to": g()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": Z()
+        "mask-b-from": J()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": Z()
+        "mask-b-to": J()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": m()
+        "mask-b-from": g()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": m()
+        "mask-b-to": g()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": Z()
+        "mask-l-from": J()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": Z()
+        "mask-l-to": J()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": m()
+        "mask-l-from": g()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": m()
+        "mask-l-to": g()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": Z()
+        "mask-x-from": J()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": Z()
+        "mask-x-to": J()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": m()
+        "mask-x-from": g()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": m()
+        "mask-x-to": g()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": Z()
+        "mask-y-from": J()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": Z()
+        "mask-y-to": J()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": m()
+        "mask-y-from": g()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": m()
+        "mask-y-to": g()
       }],
       "mask-image-radial": [{
-        "mask-radial": [k, y]
+        "mask-radial": [_, k]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": Z()
+        "mask-radial-from": J()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": Z()
+        "mask-radial-to": J()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": m()
+        "mask-radial-from": g()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": m()
+        "mask-radial-to": g()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -7593,22 +7617,22 @@ 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": [A]
+        "mask-conic": [B]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": Z()
+        "mask-conic-from": J()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": Z()
+        "mask-conic-to": J()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": m()
+        "mask-conic-from": g()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": m()
+        "mask-conic-to": g()
       }],
       /**
        * Mask Mode
@@ -7629,21 +7653,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: to()
+        mask: K()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: S()
+        mask: w()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: X()
+        mask: O()
       }],
       /**
        * Mask Type
@@ -7657,7 +7681,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", k, y]
+        mask: ["none", _, k]
       }],
       // ---------------
       // --- Filters ---
@@ -7671,8 +7695,8 @@ const $o = co(dr), pr = (t, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          k,
-          y
+          _,
+          k
         ]
       }],
       /**
@@ -7687,14 +7711,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [A, k, y]
+        brightness: [B, _, k]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [A, k, y]
+        contrast: [B, _, k]
       }],
       /**
        * Drop Shadow
@@ -7705,7 +7729,7 @@ const $o = co(dr), pr = (t, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          p,
+          x,
           Ho,
           Wo
         ]
@@ -7715,42 +7739,42 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": m()
+        "drop-shadow": g()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", A, k, y]
+        grayscale: ["", B, _, k]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [A, k, y]
+        "hue-rotate": [B, _, k]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", A, k, y]
+        invert: ["", B, _, k]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [A, k, y]
+        saturate: [B, _, k]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", A, k, y]
+        sepia: ["", B, _, k]
       }],
       /**
        * Backdrop Filter
@@ -7761,8 +7785,8 @@ const $o = co(dr), pr = (t, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          k,
-          y
+          _,
+          k
         ]
       }],
       /**
@@ -7777,56 +7801,56 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [A, k, y]
+        "backdrop-brightness": [B, _, k]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [A, k, y]
+        "backdrop-contrast": [B, _, k]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", A, k, y]
+        "backdrop-grayscale": ["", B, _, k]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [A, k, y]
+        "backdrop-hue-rotate": [B, _, k]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", A, k, y]
+        "backdrop-invert": ["", B, _, k]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [A, k, y]
+        "backdrop-opacity": [B, _, k]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [A, k, y]
+        "backdrop-saturate": [B, _, k]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", A, k, y]
+        "backdrop-sepia": ["", B, _, k]
       }],
       // --------------
       // --- Tables ---
@@ -7843,21 +7867,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": g()
+        "border-spacing": v()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": g()
+        "border-spacing-x": v()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": g()
+        "border-spacing-y": v()
       }],
       /**
        * Table Layout
@@ -7881,7 +7905,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", k, y]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", _, k]
       }],
       /**
        * Transition Behavior
@@ -7895,28 +7919,28 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [A, "initial", k, y]
+        duration: [B, "initial", _, k]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", F, k, y]
+        ease: ["linear", "initial", $, _, k]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [A, k, y]
+        delay: [B, _, k]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", M, k, y]
+        animate: ["none", M, _, k]
       }],
       // ------------------
       // --- Transforms ---
@@ -7933,14 +7957,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [x, k, y]
+        perspective: [p, _, k]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": W()
+        "perspective-origin": D()
       }],
       /**
        * Rotate
@@ -8029,14 +8053,14 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [k, y, "", "none", "gpu", "cpu"]
+        transform: [_, k, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: W()
+        origin: D()
       }],
       /**
        * Transform Style
@@ -8050,28 +8074,28 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: P()
+        translate: L()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": P()
+        "translate-x": L()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": P()
+        "translate-y": L()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": P()
+        "translate-z": L()
       }],
       /**
        * Translate None
@@ -8086,7 +8110,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: m()
+        accent: g()
       }],
       /**
        * Appearance
@@ -8100,7 +8124,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: m()
+        caret: g()
       }],
       /**
        * Color Scheme
@@ -8114,7 +8138,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", k, y]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", _, k]
       }],
       /**
        * Field Sizing
@@ -8149,126 +8173,126 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": g()
+        "scroll-m": v()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": g()
+        "scroll-mx": v()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": g()
+        "scroll-my": v()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": g()
+        "scroll-ms": v()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": g()
+        "scroll-me": v()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": g()
+        "scroll-mt": v()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": g()
+        "scroll-mr": v()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": g()
+        "scroll-mb": v()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": g()
+        "scroll-ml": v()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": g()
+        "scroll-p": v()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": g()
+        "scroll-px": v()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": g()
+        "scroll-py": v()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": g()
+        "scroll-ps": v()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": g()
+        "scroll-pe": v()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": g()
+        "scroll-pt": v()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": g()
+        "scroll-pr": v()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": g()
+        "scroll-pb": v()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": g()
+        "scroll-pl": v()
       }],
       /**
        * Scroll Snap Align
@@ -8336,7 +8360,7 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", k, y]
+        "will-change": ["auto", "scroll", "contents", "transform", _, k]
       }],
       // -----------
       // --- SVG ---
@@ -8346,21 +8370,21 @@ const $o = co(dr), pr = (t, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...m()]
+        fill: ["none", ...g()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [A, Lo, vo, Zo]
+        stroke: [B, Lo, vo, Zo]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...m()]
+        stroke: ["none", ...g()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -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 = "";
@@ -8439,136 +8463,142 @@ const $o = co(dr), pr = (t, o) => {
   const o = l.useId(), e = t.id || o, [i, r] = l.useState(!1), n = U(null), s = U(!1), {
     containerClass: f,
     containerStyle: a,
-    label: u,
-    error: b,
-    mask: h,
-    type: d,
-    value: p,
-    controlled: v,
-    rules: x,
-    onChange: T,
-    onCommit: F,
-    leadingIcon: M,
-    trailingIcon: B,
-    ...R
-  } = t, W = p instanceof To, $ = typeof p == "string" ? p : W ? p.value : "", [L, g] = G($);
-  q(() => {
-    if (v) {
-      if (W)
-        return p.subscribe(g);
-      g(typeof p == "string" ? p : "");
+    fieldClass: u,
+    label: b,
+    error: h,
+    mask: d,
+    type: x,
+    value: m,
+    controlled: p,
+    rules: T,
+    onChange: $,
+    onCommit: M,
+    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 (I)
+        return m.subscribe(z);
+      z(typeof m == "string" ? m : "");
     }
-  }, [v, p, W]), q(() => v || !W ? void 0 : p.subscribe((m) => {
+  }, [p, m, I]), Z(() => p || !I ? void 0 : m.subscribe((K) => {
     if (s.current) return;
-    const to = n.current;
-    to && to.value !== m && (to.value = m);
-  }), [p, W, v]), l.useEffect(() => {
-    const I = n.current;
-    if (!I) return;
-    x && (I.__fiboRules = x);
-    const m = I.closest(".fibo-textfield-container"), to = m == null ? void 0 : m.querySelector(".fibo-field-error");
-    m && (m.__fiboShowError = (S) => {
-      to && (to.textContent = S ?? "", to.style.display = S ? "" : "none");
+    const w = n.current;
+    w && w.value !== K && (w.value = K);
+  }), [m, I, p]), l.useEffect(() => {
+    const g = n.current;
+    if (!g) return;
+    T && (g.__fiboRules = T);
+    const K = g.closest(".fibo-textfield-container"), w = K == null ? void 0 : K.querySelector(".fibo-field-error");
+    K && (K.__fiboShowError = (O) => {
+      w && (w.textContent = O ?? "", w.style.display = O ? "" : "none");
     });
-  }, [x]);
-  const C = d === "password", H = C && i ? "text" : d, V = (I) => h ? tn(I, h) : I, N = {
+  }, [T]);
+  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: M ? "2.75rem" : "1rem", paddingRight: B || C ? "2.75rem" : "1rem" },
-    type: H,
-    onChange: (I) => {
-      let m = V(I.target.value);
-      h && I.target.value !== m && (I.target.value = m), v && g(m), W && (s.current = !0, p.value = m, s.current = !1), T == null || T(m);
+    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), I && (s.current = !0, m.value = K, s.current = !1), $ == null || $(K);
     },
-    onBlur: (I) => {
-      var m;
-      F == null || F(V(I.target.value)), (m = R.onBlur) == null || m.call(R, I);
+    onBlur: (g) => {
+      var K;
+      M == null || M(S(g.target.value)), (K = D.onBlur) == null || K.call(D, g);
     },
-    ...R
+    ...D
   };
-  return v ? N.value = L : N.defaultValue = $, l.createElement(
+  return p ? H.value = v : H.defaultValue = A, l.createElement(
     "div",
     { className: f, style: a },
-    l.createElement("div", { className: "relative w-full h-full flex items-center" }, [
-      M && 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"
-        },
-        M
-      ),
-      l.createElement("input", N),
-      u && l.createElement(
-        "label",
-        {
-          key: "label",
-          htmlFor: e,
-          className: "fibo-textfield-label",
-          style: { left: M ? "2.75rem" : "1rem" }
-        },
-        u
-      ),
-      (B || C) && l.createElement(
-        "div",
-        {
-          key: "trailing-icon",
-          className: "absolute right-3 top-1/2 transform -translate-y-1/2 flex items-center justify-center z-10"
-        },
-        C ? l.createElement(
-          "button",
+    l.createElement(
+      "div",
+      { className: u || "relative w-full h-14 flex items-center" },
+      [
+        F && l.createElement(
+          "div",
           {
-            type: "button",
-            className: "text-gray-400 hover:text-gray-600 focus:outline-none",
-            onClick: () => r(!i),
-            tabIndex: -1
+            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 ? l.createElement(
-            "svg",
-            {
-              width: 16,
-              height: 16,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            },
-            l.createElement("path", {
-              d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
-            }),
-            l.createElement("line", { x1: 1, y1: 1, x2: 23, y2: 23 })
-          ) : l.createElement(
-            "svg",
+          F
+        ),
+        l.createElement("input", H),
+        b && l.createElement(
+          "label",
+          {
+            key: "label",
+            htmlFor: e,
+            className: "fibo-textfield-label",
+            style: { left: F ? "2.75rem" : "1rem" }
+          },
+          b
+        ),
+        (N || P) && l.createElement(
+          "div",
+          {
+            key: "trailing-icon",
+            className: "absolute right-3 top-1/2 transform -translate-y-1/2 flex items-center justify-center z-10"
+          },
+          P ? l.createElement(
+            "button",
             {
-              width: 16,
-              height: 16,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
+              type: "button",
+              className: "text-gray-400 hover:text-gray-600 focus:outline-none",
+              onClick: () => r(!i),
+              tabIndex: -1
             },
-            l.createElement("path", {
-              d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
-            }),
-            l.createElement("circle", { cx: 12, cy: 12, r: 3 })
-          )
-        ) : B
-      )
-    ]),
+            i ? l.createElement(
+              "svg",
+              {
+                width: 16,
+                height: 16,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              },
+              l.createElement("path", {
+                d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24"
+              }),
+              l.createElement("line", { x1: 1, y1: 1, x2: 23, y2: 23 })
+            ) : l.createElement(
+              "svg",
+              {
+                width: 16,
+                height: 16,
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              },
+              l.createElement("path", {
+                d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"
+              }),
+              l.createElement("circle", { cx: 12, cy: 12, r: 3 })
+            )
+          ) : N
+        )
+      ]
+    ),
     l.createElement(
       "span",
       {
         id: t.name ? `fibo-err-${t.name}` : void 0,
         className: "fibo-field-error text-[var(--fibo-error,#b91c1c)] text-xs mt-1 ml-1",
-        style: { display: b ? "" : "none" }
+        role: "alert",
+        style: { display: h ? "" : "none" }
       },
-      b || ""
+      h || ""
     )
   );
 });
@@ -8647,10 +8677,14 @@ class nn extends ao {
     return this._variant = e, this;
   }
   build() {
-    let e = "fibo-textfield-container w-full h-14 relative";
+    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(e, ...this._classNames),
+      containerClass: Fo(
+        "fibo-textfield-container w-full flex flex-col",
+        ...this._classNames
+      ),
+      fieldClass: e,
       containerStyle: this.getStyle(),
       label: this._label,
       error: this._error,
@@ -8685,38 +8719,38 @@ const ks = co(nn), sn = l.memo((t) => {
     error: b,
     className: h,
     style: d,
-    id: p
-  } = t, v = U(null), x = U(null), T = o, [F, M] = G(T), B = e ? !!o : F, R = B || s;
-  q(() => {
-    v.current && (v.current.indeterminate = !!s);
-  }, [s]), q(() => {
+    id: x
+  } = 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(() => {
     if (e) return;
-    const g = v.current;
-    if (!g) return;
-    const C = () => M(g.checked), H = () => {
-      requestAnimationFrame(C);
+    const v = m.current;
+    if (!v) return;
+    const z = () => M(v.checked), P = () => {
+      requestAnimationFrame(z);
     };
-    g.addEventListener("fibo-sync", C);
-    const V = g.closest("form");
-    return V == null || V.addEventListener("reset", H), () => {
-      g.removeEventListener("fibo-sync", C), V == null || V.removeEventListener("reset", H);
+    v.addEventListener("fibo-sync", z);
+    const X = v.closest("form");
+    return X == null || X.addEventListener("reset", P), () => {
+      v.removeEventListener("fibo-sync", z), X == null || X.removeEventListener("reset", P);
     };
-  }, [e]), q(() => {
-    const g = v.current, C = x.current;
-    if (!g) return;
-    u && (g.__fiboRules = u);
-    const H = C == null ? void 0 : C.querySelector(".fibo-field-error");
-    C && (C.__fiboShowError = (V) => {
-      H && (H.textContent = V ?? "", H.style.display = V ? "" : "none");
+  }, [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 = (X) => {
+      P && (P.textContent = X ?? "", P.style.display = X ? "" : "none");
     });
   }, [u]);
-  const W = (g) => {
+  const D = (v) => {
     if (n) return;
-    const C = g.target.checked;
-    e || M(C), i == null || i(C);
+    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]" }) : B && ($ = 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",
@@ -8734,21 +8768,21 @@ const ks = co(nn), sn = l.memo((t) => {
       strokeLinejoin: "round"
     })
   ));
-  const L = {
-    ref: v,
-    id: p,
+  const A = {
+    ref: m,
+    id: x,
     type: "checkbox",
     name: f,
     value: a,
     disabled: n,
     className: "sr-only",
-    onChange: W
+    onChange: D
   };
-  return e ? L.checked = !!o : L.defaultChecked = T, l.createElement(
+  return e ? A.checked = !!o : A.defaultChecked = T, l.createElement(
     "div",
     {
-      ref: x,
-      className: Io("fibo-checkbox-container", h)
+      ref: p,
+      className: Fo("fibo-checkbox-container", h)
     },
     l.createElement(
       "label",
@@ -8758,18 +8792,18 @@ 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", L)
+      l.createElement("input", A)
     ),
     l.createElement(
       "span",
@@ -8859,73 +8893,73 @@ const cn = l.memo((t) => {
     containerClass: b,
     containerStyle: h,
     label: d,
-    error: p,
-    value: v,
-    options: x = [],
+    error: x,
+    value: m,
+    options: p = [],
     placeholder: T,
-    onChange: F,
+    onChange: $,
     disabled: M,
-    multiple: B,
-    name: R,
-    controlled: W = !1,
-    rules: $
-  } = t, [L, g] = G(
-    () => v ?? (B ? [] : "")
-  ), C = W ? v ?? (B ? [] : "") : L;
-  q(() => {
-    const w = (N) => {
-      a.current && !a.current.contains(N.target) && n(!1);
+    multiple: F,
+    name: N,
+    controlled: D = !1,
+    rules: I
+  } = t, [A, v] = G(
+    () => m ?? (F ? [] : "")
+  ), z = D ? m ?? (F ? [] : "") : A;
+  Z(() => {
+    const y = (R) => {
+      a.current && !a.current.contains(R.target) && n(!1);
     };
-    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, []), q(() => {
-    const w = u.current;
-    if (!w) return;
-    $ && (w.__fiboRules = $);
-    const N = w.closest(".fibo-textfield-container"), I = N == null ? void 0 : N.querySelector(".fibo-field-error");
-    N && (N.__fiboShowError = (m) => {
-      I && (I.textContent = m ?? "", I.style.display = m ? "" : "none");
+    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+  }, []), Z(() => {
+    const y = u.current;
+    if (!y) return;
+    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 H = (w) => B ? Array.isArray(C) && C.includes(w) : C === w;
-  let V = "";
-  if (B)
-    Array.isArray(C) && C.length > 0 && (V = x.filter((w) => C.includes(w.value)).map((w) => w.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 w = x.find((N) => N.value === C);
-    V = w ? w.label : "";
+    const y = p.find((R) => R.value === z);
+    X = y ? y.label : "";
   }
-  const _ = (w) => {
+  const S = (y) => {
     if (M) return;
-    let N;
-    if (B) {
-      const I = Array.isArray(C) ? [...C] : [], m = I.indexOf(w);
-      m > -1 ? I.splice(m, 1) : I.push(w), N = I;
+    let R;
+    if (F) {
+      const H = Array.isArray(z) ? [...z] : [], g = H.indexOf(y);
+      g > -1 ? H.splice(g, 1) : H.push(y), R = H;
     } else
-      N = w, n(!1);
-    W || g(N), F == null || F(N);
-  }, z = (w) => {
-    x.length !== 0 && f((N) => (N + w + x.length) % x.length);
-  }, j = (w) => {
+      R = y, n(!1);
+    D || v(R), $ == null || $(R);
+  }, C = (y) => {
+    p.length !== 0 && f((R) => (R + y + p.length) % p.length);
+  }, V = (y) => {
     if (!M)
-      switch (w.key) {
+      switch (y.key) {
         case "ArrowDown":
-          w.preventDefault(), r ? z(1) : n(!0);
+          y.preventDefault(), r ? C(1) : n(!0);
           break;
         case "ArrowUp":
-          w.preventDefault(), r ? z(-1) : n(!0);
+          y.preventDefault(), r ? C(-1) : n(!0);
           break;
         case "Home":
-          w.preventDefault(), f(0);
+          y.preventDefault(), f(0);
           break;
         case "End":
-          w.preventDefault(), f(Math.max(0, x.length - 1));
+          y.preventDefault(), f(Math.max(0, p.length - 1));
           break;
         case "Enter":
         case " ":
-          w.preventDefault(), r ? x[s] && _(x[s].value) : n(!0);
+          y.preventDefault(), r ? p[s] && S(p[s].value) : n(!0);
           break;
         case "Escape":
-          w.preventDefault(), n(!1);
+          y.preventDefault(), n(!1);
           break;
       }
   };
@@ -8937,12 +8971,12 @@ 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,
-        value: an(C)
+        name: N,
+        value: an(z)
       }) : null,
       l.createElement("button", {
         key: "trigger",
@@ -8952,13 +8986,13 @@ const cn = l.memo((t) => {
         "aria-expanded": r,
         "aria-haspopup": "listbox",
         "aria-controls": i,
-        "aria-activedescendant": r && x[s] ? `${i}-opt-${x[s].value}` : void 0,
+        "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 ${V ? "" : "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: j
+        onKeyDown: V
       }, [
-        l.createElement("span", { key: "text", className: "truncate" }, V || 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" : ""}`,
@@ -8981,21 +9015,21 @@ const cn = l.memo((t) => {
         key: "dropdown",
         id: i,
         role: "listbox",
-        "aria-multiselectable": B || 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"
-      }, x.map((w, N) => {
-        const I = H(w.value), m = N === s;
+      }, p.map((y, R) => {
+        const H = P(y.value), g = R === s;
         return l.createElement("div", {
-          key: w.value,
-          id: `${i}-opt-${w.value}`,
+          key: y.value,
+          id: `${i}-opt-${y.value}`,
           role: "option",
-          "aria-selected": I,
-          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 ${I || m ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
-          onClick: () => _(w.value),
-          onMouseEnter: () => f(N)
+          "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(R)
         }, [
-          l.createElement("span", { key: "label" }, w.label),
-          I && l.createElement("svg", {
+          l.createElement("span", { key: "label" }, y.label),
+          H && l.createElement("svg", {
             key: "check",
             className: "w-4 h-4 text-[var(--fibo-primary)]",
             viewBox: "0 0 20 20",
@@ -9009,10 +9043,10 @@ const cn = l.memo((t) => {
       "span",
       {
         className: "fibo-field-error text-[var(--fibo-error)] text-xs mt-1 ml-1",
-        style: { display: p ? "" : "none" },
+        style: { display: x ? "" : "none" },
         role: "alert"
       },
-      p || ""
+      x || ""
     )
   );
 });
@@ -9072,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,
@@ -9097,82 +9131,82 @@ function un(t) {
 const bn = l.memo((t) => {
   const o = l.useId(), e = t.id || o, i = `${e}-listbox`, [r, n] = G(!1), [s, f] = G(""), [a, u] = G(0), b = U(null), h = U(null), {
     containerClass: d,
-    containerStyle: p,
-    label: v,
-    error: x,
+    containerStyle: x,
+    label: m,
+    error: p,
     value: T,
-    options: F = [],
+    options: $ = [],
     placeholder: M,
-    onChange: B,
-    onAdd: R,
-    disabled: W,
-    multiple: $,
-    name: L,
-    controlled: g = !1,
-    rules: C
-  } = t, [H, V] = G(
-    () => T ?? ($ ? [] : "")
-  ), _ = g ? T ?? ($ ? [] : "") : H;
-  q(() => {
-    if (!$) {
-      const S = F.find((X) => X.value === _);
-      S && !r && s !== S.label && f(S.label);
+    onChange: F,
+    onAdd: N,
+    disabled: D,
+    multiple: I,
+    name: A,
+    controlled: v = !1,
+    rules: z
+  } = t, [P, X] = G(
+    () => T ?? (I ? [] : "")
+  ), S = v ? T ?? (I ? [] : "") : P;
+  Z(() => {
+    if (!I) {
+      const w = $.find((O) => O.value === S);
+      w && !r && s !== w.label && f(w.label);
     }
-  }, [_, F, r, $]);
-  const z = F.filter(
-    (S) => S.label.toLowerCase().includes(s.toLowerCase())
+  }, [S, $, r, I]);
+  const C = $.filter(
+    (w) => w.label.toLowerCase().includes(s.toLowerCase())
   );
-  q(() => {
+  Z(() => {
     u(0);
-  }, [s, r]), q(() => {
-    const S = (X) => {
-      if (b.current && !b.current.contains(X.target))
-        if (n(!1), $)
+  }, [s, r]), Z(() => {
+    const w = (O) => {
+      if (b.current && !b.current.contains(O.target))
+        if (n(!1), I)
           f("");
         else {
-          const K = F.find((Y) => Y.value === _);
-          f(K ? K.label : "");
+          const q = $.find((Y) => Y.value === S);
+          f(q ? q.label : "");
         }
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, [_, F, $]), q(() => {
-    const S = h.current;
-    if (!S) return;
-    C && (S.__fiboRules = C);
-    const X = S.closest(".fibo-textfield-container"), K = X == null ? void 0 : X.querySelector(".fibo-field-error");
-    X && (X.__fiboShowError = (Y) => {
-      K && (K.textContent = Y ?? "", K.style.display = Y ? "" : "none");
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }, [S, $, I]), Z(() => {
+    const w = h.current;
+    if (!w) return;
+    z && (w.__fiboRules = z);
+    const O = w.closest(".fibo-textfield-container"), q = O == null ? void 0 : O.querySelector(".fibo-field-error");
+    O && (O.__fiboShowError = (Y) => {
+      q && (q.textContent = Y ?? "", q.style.display = Y ? "" : "none");
     });
-  }, [C]);
-  const j = (S) => {
-    g || V(S), B == null || B(S);
-  }, w = (S) => {
-    if ($) {
-      const X = Array.isArray(_) ? [..._] : [];
-      X.includes(S.value) || (X.push(S.value), j(X)), f("");
+  }, [z]);
+  const V = (w) => {
+    v || X(w), F == null || F(w);
+  }, y = (w) => {
+    if (I) {
+      const O = Array.isArray(S) ? [...S] : [];
+      O.includes(w.value) || (O.push(w.value), V(O)), f("");
     } else
-      f(S.label), j(S.value), n(!1);
-  }, N = (S) => {
-    if ($ && Array.isArray(_)) {
-      const X = _.filter((K) => K !== S);
-      j(X);
+      f(w.label), V(w.value), n(!1);
+  }, R = (w) => {
+    if (I && Array.isArray(S)) {
+      const O = S.filter((q) => q !== w);
+      V(O);
     }
-  }, I = () => {
-    R == null || R(s), $ ? f("") : n(!1);
-  }, m = (S) => $ ? Array.isArray(_) && _.includes(S) : _ === S, to = (S) => {
-    if (!W)
-      switch (S.key) {
+  }, H = () => {
+    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":
-          S.preventDefault(), r ? z.length && u((X) => (X + 1) % z.length) : n(!0);
+          w.preventDefault(), r ? C.length && u((O) => (O + 1) % C.length) : n(!0);
           break;
         case "ArrowUp":
-          S.preventDefault(), r ? z.length && u((X) => (X - 1 + z.length) % z.length) : n(!0);
+          w.preventDefault(), r ? C.length && u((O) => (O - 1 + C.length) % C.length) : n(!0);
           break;
         case "Enter":
-          S.preventDefault(), z[a] ? w(z[a]) : s && R && I();
+          w.preventDefault(), C[a] ? y(C[a]) : s && N && H();
           break;
         case "Escape":
-          S.preventDefault(), n(!1);
+          w.preventDefault(), n(!1);
           break;
       }
   };
@@ -9181,34 +9215,34 @@ const bn = l.memo((t) => {
     {
       ref: b,
       className: d,
-      style: p
+      style: x
     },
     l.createElement("div", { className: "relative w-full h-full" }, [
-      L ? l.createElement("input", {
+      A ? l.createElement("input", {
         key: "hidden",
         ref: h,
         type: "hidden",
-        name: L,
-        value: un(_)
+        name: A,
+        value: un(S)
       }) : null,
       l.createElement("div", {
         key: "field",
         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(_) && _.map((S) => {
-          const X = F.find((Y) => Y.value === S), K = X ? X.label : S;
+        I && Array.isArray(S) && S.map((w) => {
+          const O = $.find((Y) => Y.value === w), q = O ? O.label : w;
           return l.createElement("span", {
-            key: S,
+            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"
           }, [
-            K,
+            q,
             l.createElement("button", {
               type: "button",
               className: "ml-1 hover:text-[var(--fibo-primary)] focus:outline-none",
-              "aria-label": `Remove ${K}`,
+              "aria-label": `Remove ${q}`,
               onClick: (Y) => {
-                Y.stopPropagation(), N(S);
+                Y.stopPropagation(), R(w);
               }
             }, "×")
           ]);
@@ -9220,52 +9254,52 @@ const bn = l.memo((t) => {
           "aria-expanded": r,
           "aria-controls": i,
           "aria-autocomplete": "list",
-          "aria-activedescendant": r && z[a] ? `${i}-opt-${z[a].value}` : void 0,
+          "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(_) && _.length > 0 ? "" : M || " ",
-          disabled: W,
-          onChange: (S) => {
-            f(S.target.value), r || n(!0);
+          placeholder: I && Array.isArray(S) && S.length > 0 ? "" : M || " ",
+          disabled: D,
+          onChange: (w) => {
+            f(w.target.value), r || n(!0);
           },
           onFocus: () => n(!0),
-          onKeyDown: to
+          onKeyDown: K
         })
       ]),
-      v && l.createElement(
+      m && l.createElement(
         "label",
         {
           key: "label",
           htmlFor: e,
           className: "fibo-textfield-label"
         },
-        v
+        m
       ),
       r && l.createElement("div", {
         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"
       }, [
-        ...z.length > 0 ? z.map((S, X) => {
-          const K = m(S.value), Y = X === a;
+        ...C.length > 0 ? C.map((w, O) => {
+          const q = g(w.value), Y = O === a;
           return l.createElement("div", {
-            key: S.value,
-            id: `${i}-opt-${S.value}`,
+            key: w.value,
+            id: `${i}-opt-${w.value}`,
             role: "option",
-            "aria-selected": K,
-            className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] ${K || Y ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"} ${K ? "opacity-50" : ""}`,
-            onClick: () => !K && w(S),
-            onMouseEnter: () => u(X)
-          }, S.label);
+            "aria-selected": q,
+            className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] ${q || Y ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"} ${q ? "opacity-50" : ""}`,
+            onClick: () => !q && y(w),
+            onMouseEnter: () => u(O)
+          }, w.label);
         }) : [l.createElement("div", { key: "empty", className: "px-4 py-2 text-sm text-gray-500" }, "No results found.")],
-        s && !z.some((S) => S.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,
           className: "border-t border-[var(--fibo-outline)] px-4 py-2 cursor-pointer text-sm text-[var(--fibo-primary)] hover:bg-[var(--fibo-primary-container)] font-medium flex items-center",
-          onClick: I
+          onClick: H
         }, [
           l.createElement("span", { key: "plus", className: "mr-1" }, "+"),
           `Add "${s}"`
@@ -9276,10 +9310,10 @@ const bn = l.memo((t) => {
       "span",
       {
         className: "fibo-field-error text-[var(--fibo-error)] text-xs mt-1 ml-1",
-        style: { display: x ? "" : "none" },
+        style: { display: p ? "" : "none" },
         role: "alert"
       },
-      x || ""
+      p || ""
     )
   );
 });
@@ -9343,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,
@@ -9371,7 +9405,7 @@ class dn extends ot {
     return this.setProp("color", o), this;
   }
   opacity(o) {
-    return this.setProp("opacity", J("opacity", o)), this;
+    return this.setProp("opacity", Q("opacity", o)), this;
   }
   borderColor(o) {
     return this.setProp("borderColor", o), this;
@@ -9391,14 +9425,14 @@ class dn extends ot {
     return this.setProp("transform", `translateY(${e})`), this;
   }
   shadow(o) {
-    return this.setProp("boxShadow", J("boxShadow", o)), this;
+    return this.setProp("boxShadow", Q("boxShadow", o)), this;
   }
   boxShadow(o) {
     return this.shadow(o);
   }
   css(o, e) {
     const i = o.includes("-") ? o.replace(/-([a-z])/g, (r, n) => n.toUpperCase()) : o;
-    return this.setProp(i, J(i, e)), this;
+    return this.setProp(i, Q(i, e)), this;
   }
 }
 function Jo() {
@@ -9407,14 +9441,14 @@ function Jo() {
 }
 class pn extends ot {
   padding(o) {
-    return this.setProp("padding", J("padding", o)), this;
+    return this.setProp("padding", Q("padding", o)), this;
   }
   paddingX(o) {
-    const e = J("paddingLeft", o);
+    const e = Q("paddingLeft", o);
     return this.setProp("paddingLeft", e), this.setProp("paddingRight", e), this;
   }
   paddingY(o) {
-    const e = J("paddingTop", o);
+    const e = Q("paddingTop", o);
     return this.setProp("paddingTop", e), this.setProp("paddingBottom", e), this;
   }
   /** SwiftUI-ish: `listRowInsets` */
@@ -9432,31 +9466,31 @@ class pn extends ot {
     return this.setProp("color", o), this;
   }
   rounded(o = 8) {
-    return this.setProp("borderRadius", J("borderRadius", o)), this;
+    return this.setProp("borderRadius", Q("borderRadius", o)), this;
   }
   border(o) {
-    return this.setProp("border", J("border", o)), this;
+    return this.setProp("border", Q("border", o)), this;
   }
   borderBottom(o) {
     return this.setProp("borderBottom", o), this;
   }
   /** Alias of `.boxShadow(...)` — full CSS `box-shadow` string or `0` → `none`. */
   shadow(o) {
-    return this.setProp("boxShadow", J("boxShadow", o)), this;
+    return this.setProp("boxShadow", Q("boxShadow", o)), this;
   }
   boxShadow(o) {
     return this.shadow(o);
   }
   opacity(o) {
-    return this.setProp("opacity", J("opacity", o)), this;
+    return this.setProp("opacity", Q("opacity", o)), this;
   }
   /** Space after each row. */
   spacing(o) {
-    return this.setProp("marginBottom", J("marginBottom", o)), this;
+    return this.setProp("marginBottom", Q("marginBottom", o)), this;
   }
   css(o, e) {
     const i = o.includes("-") ? o.replace(/-([a-z])/g, (r, n) => n.toUpperCase()) : o;
-    return this.setProp(i, J(i, e)), this;
+    return this.setProp(i, Q(i, e)), this;
   }
   style(o) {
     return this.mergeStyle(o), this;
@@ -9479,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("; ");
 }
@@ -9497,79 +9531,79 @@ const vn = l.memo((t) => {
     containerHeight: b = 500,
     resetItemStyles: h = !1,
     direction: d = "vertical",
-    customItemHover: p,
-    customItemActive: v,
-    customItemFocus: x,
+    customItemHover: x,
+    customItemActive: m,
+    customItemFocus: p,
     itemStyle: T
-  } = t, M = l.useId().replace(/:/g, ""), B = `fibo-list-${M}`, R = `fibo-list-custom-styles-${M}`, [W, $] = G(0), [L, g] = G(0), C = U(null), H = U(/* @__PURE__ */ new Map()), V = U(/* @__PURE__ */ new Map()), _ = U(null), z = d === "horizontal", j = o.length, w = j > gn, N = (P) => V.current.get(P) ?? $e, I = (P) => {
-    let D = 0;
-    for (let oo = 0; oo < P; oo++)
-      D += N(oo);
-    return D;
-  }, m = () => {
-    let P = 0;
-    for (let D = 0; D < j; D++)
-      P += N(D);
-    return P;
-  }, to = (P) => {
-    let D = 0, oo = j - 1;
-    for (; D < oo; ) {
-      const so = Math.floor((D + oo) / 2);
-      I(so) < P ? D = so + 1 : oo = so;
+  } = 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 += R(eo);
+    return j;
+  }, g = () => {
+    let L = 0;
+    for (let j = 0; j < V; j++)
+      L += R(j);
+    return L;
+  }, K = (L) => {
+    let j = 0, eo = V - 1;
+    for (; j < eo; ) {
+      const so = Math.floor((j + eo) / 2);
+      H(so) < L ? j = so + 1 : eo = so;
     }
-    return Math.max(0, D - 1);
+    return Math.max(0, j - 1);
   };
-  let S = 0, X = j, K = 0, Y = 0;
-  if (w) {
-    S = Math.max(0, to(W) - Ne);
-    let P = I(S), D = S;
-    for (; P < W + b + Ne * $e && D < j; )
-      P += N(D), D++;
-    X = Math.min(j, D), K = I(S), Y = m();
-  }
-  const eo = o.slice(S, X);
+  let w = 0, O = V, q = 0, Y = 0;
+  if (y) {
+    w = Math.max(0, K(D) - $e);
+    let L = H(w), j = w;
+    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);
   oe(() => {
-    if (!w) return;
-    let P = !1;
-    eo.forEach((D, oo) => {
-      const so = S + oo, Co = H.current.get(so);
+    if (!y) return;
+    let L = !1;
+    to.forEach((j, eo) => {
+      const so = w + eo, Co = P.current.get(so);
       if (Co) {
-        const ce = Co.getBoundingClientRect(), Uo = z ? ce.width : ce.height;
-        Uo > 0 && V.current.get(so) !== Uo && (V.current.set(so, Uo), P = !0);
+        const ce = Co.getBoundingClientRect(), Uo = C ? ce.width : ce.height;
+        Uo > 0 && X.current.get(so) !== Uo && (X.current.set(so, Uo), L = !0);
       }
-    }), P && g((D) => D + 1);
-  }, [eo, S, w, z, L]), oe(() => {
+    }), L && v((j) => j + 1);
+  }, [to, w, y, C, A]), oe(() => {
     if (!f || n) return;
-    const P = new IntersectionObserver(
-      (D) => {
-        D[0].isIntersecting && (f == null || f());
+    const L = new IntersectionObserver(
+      (j) => {
+        j[0].isIntersecting && (f == null || f());
       },
       { threshold: s }
     );
-    return _.current && P.observe(_.current), () => P.disconnect();
+    return S.current && L.observe(S.current), () => L.disconnect();
   }, [n, o.length, f, s]);
-  const ko = (P) => {
-    w && $(z ? P.currentTarget.scrollLeft : P.currentTarget.scrollTop);
+  const ko = (L) => {
+    y && I(C ? L.currentTarget.scrollLeft : L.currentTarget.scrollTop);
   };
-  q(() => {
-    if (typeof document > "u" || !p && !v && !x) return;
-    let P = document.getElementById(R);
-    P || (P = document.createElement("style"), P.id = R, document.head.appendChild(P));
-    let D = "";
-    const oo = `.${B}`;
-    return p && (D += `${oo} .fibo-list-item-custom-hover:hover { ${Qo(p)} }
-`), v && (D += `${oo} .fibo-list-item-custom-active:active { ${Qo(v)} }
-`), x && (D += `${oo} .fibo-list-item-custom-focus:focus-within { ${Qo(x)} }
-`), P.textContent = D, () => {
-      const so = document.getElementById(R);
+  Z(() => {
+    if (typeof document > "u" || !x && !m && !p) return;
+    let L = document.getElementById(N);
+    L || (L = document.createElement("style"), L.id = N, document.head.appendChild(L));
+    let j = "";
+    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(N);
       so && so.remove();
     };
-  }, [p, v, x, B, R]);
+  }, [x, m, p, F, N]);
   const Ao = {
     default: { gap: "0px" },
     card: { gap: "12px" },
     floating: { gap: "8px" }
-  }, Z = T || {}, _o = h ? { default: {}, card: {}, floating: {} } : {
+  }, J = T || {}, _o = h ? { default: {}, card: {}, floating: {} } : {
     default: {
       padding: "12px 16px",
       borderBottom: r ? "1px solid #F3F4F6" : "none",
@@ -9591,11 +9625,11 @@ const vn = l.memo((t) => {
       transition: "background-color 0.2s ease-out, box-shadow 0.2s ease-out"
     }
   }, go = {
-    default: { ..._o.default, ...Z },
-    card: { ..._o.card, ...Z },
-    floating: { ..._o.floating, ...Z }
+    default: { ..._o.default, ...J },
+    card: { ..._o.card, ...J },
+    floating: { ..._o.floating, ...J }
   }, io = [];
-  p && io.push("fibo-list-item-custom-hover"), v && io.push("fibo-list-item-custom-active"), x && io.push("fibo-list-item-custom-focus");
+  x && io.push("fibo-list-item-custom-hover"), m && io.push("fibo-list-item-custom-active"), p && io.push("fibo-list-item-custom-focus");
   const So = h ? {
     default: [...io],
     card: [...io],
@@ -9605,19 +9639,19 @@ const vn = l.memo((t) => {
     card: ["hover:-translate-y-0.5", "hover:shadow-md", ...io],
     floating: ["hover:bg-white", "hover:shadow-sm", ...io]
   };
-  return w ? l.createElement(
+  return y ? l.createElement(
     "div",
     {
-      ref: C,
-      className: `fibo-list fibo-list-virtualized ${B} ${a || ""}`,
+      ref: z,
+      className: `fibo-list fibo-list-virtualized ${F} ${a || ""}`,
       style: {
-        height: z ? void 0 : `${b}px`,
-        width: z ? `${b}px` : void 0,
-        overflowY: z ? "hidden" : "auto",
-        overflowX: z ? "auto" : "hidden",
+        height: C ? void 0 : `${b}px`,
+        width: C ? `${b}px` : void 0,
+        overflowY: C ? "hidden" : "auto",
+        overflowX: C ? "auto" : "hidden",
         position: "relative",
         display: "flex",
-        flexDirection: z ? "row" : "column",
+        flexDirection: C ? "row" : "column",
         ...Ao[i],
         ...u
       },
@@ -9625,8 +9659,8 @@ const vn = l.memo((t) => {
     },
     l.createElement("div", {
       style: {
-        height: z ? "1px" : `${Y}px`,
-        width: z ? `${Y}px` : "1px",
+        height: C ? "1px" : `${Y}px`,
+        width: C ? `${Y}px` : "1px",
         position: "absolute",
         top: 0,
         left: 0,
@@ -9638,43 +9672,43 @@ const vn = l.memo((t) => {
       "div",
       {
         style: {
-          transform: z ? `translateX(${K}px)` : `translateY(${K}px)`,
-          width: z ? "auto" : "100%",
-          height: z ? "100%" : void 0,
-          display: z ? "flex" : void 0,
-          flexDirection: z ? "row" : void 0
+          transform: C ? `translateX(${q}px)` : `translateY(${q}px)`,
+          width: C ? "auto" : "100%",
+          height: C ? "100%" : void 0,
+          display: C ? "flex" : void 0,
+          flexDirection: C ? "row" : void 0
         }
       },
-      eo.map((P, D) => {
-        const oo = S + D, so = Te(P, oo, e);
+      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(P, oo),
+            key: Ee(L, eo),
             ref: (Co) => {
-              Co ? H.current.set(oo, Co) : H.current.delete(oo);
+              Co ? P.current.set(eo, Co) : P.current.delete(eo);
             }
           }
         );
       })
     ),
     f && l.createElement("div", {
-      ref: _,
+      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", B, "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(
-        (P, D) => l.cloneElement(
-          $o().style(go[i]).classNames(So[i]).children(Te(P, D, e)).build(),
-          { key: Ee(P, D) }
+        (L, j) => l.cloneElement(
+          Io().style(go[i]).classNames(So[i]).children(Te(L, j, e)).build(),
+          { key: Ee(L, j) }
         )
       ),
       f && l.createElement("div", {
-        ref: _,
+        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" } }))
     ])
@@ -9857,14 +9891,14 @@ const zs = co(wn), yn = () => l.createElement(
     className: u,
     style: b,
     ...h
-  } = t, d = b || {}, p = d.padding ?? "14px 0", v = typeof e == "string" ? l.createElement(
+  } = t, d = b || {}, x = d.padding ?? "14px 0", m = typeof e == "string" ? l.createElement(
     "span",
     {
       className: "fibo-list-tile-title",
       style: { fontSize: 11, letterSpacing: "0.06em", lineHeight: 1.3, margin: 0 }
     },
     e
-  ) : e, x = typeof i == "string" ? l.createElement(
+  ) : e, p = typeof i == "string" ? l.createElement(
     "span",
     {
       className: "fibo-list-tile-subtitle",
@@ -9881,9 +9915,9 @@ 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: p,
+        padding: x,
         borderBottom: s ? `1px solid ${f || "#3b3b3b"}` : "none",
         cursor: a ? "pointer" : void 0,
         ...d
@@ -9907,8 +9941,8 @@ const zs = co(wn), yn = () => l.createElement(
         key: "body",
         className: "fibo-list-tile-body flex-1 min-w-0 flex flex-col justify-center"
       },
-      v,
-      x
+      m,
+      p
     ),
     r ? l.createElement(
       "div",
@@ -10018,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",
@@ -10050,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,
@@ -10059,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);
@@ -10125,8 +10159,8 @@ class En extends zt {
     if (this.state.hasError && this.state.error) {
       const { fallback: e } = this.props;
       return typeof e == "function" ? e(this.state.error, this.state.errorInfo) : e || /* @__PURE__ */ Po("div", { style: { padding: "2rem", textAlign: "center" }, children: [
-        /* @__PURE__ */ O("h1", { children: "Something went wrong" }),
-        /* @__PURE__ */ O("p", { children: this.state.error.message })
+        /* @__PURE__ */ W("h1", { children: "Something went wrong" }),
+        /* @__PURE__ */ W("p", { children: this.state.error.message })
       ] });
     }
     return this.props.children;
@@ -10138,7 +10172,7 @@ const Tn = ({ error: t, onReset: o }) => {
   }, i = () => {
     window.location.reload();
   };
-  return /* @__PURE__ */ O(
+  return /* @__PURE__ */ W(
     "div",
     {
       style: {
@@ -10164,7 +10198,7 @@ const Tn = ({ error: t, onReset: o }) => {
             textAlign: "center"
           },
           children: [
-            /* @__PURE__ */ O(
+            /* @__PURE__ */ W(
               "div",
               {
                 style: {
@@ -10189,15 +10223,15 @@ const Tn = ({ error: t, onReset: o }) => {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ O("circle", { cx: "12", cy: "12", r: "10" }),
-                      /* @__PURE__ */ O("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                      /* @__PURE__ */ O("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
+                      /* @__PURE__ */ W("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ W("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
+                      /* @__PURE__ */ W("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ O(
+            /* @__PURE__ */ W(
               "h1",
               {
                 style: {
@@ -10209,7 +10243,7 @@ const Tn = ({ error: t, onReset: o }) => {
                 children: "Oops! Something went wrong"
               }
             ),
-            t && /* @__PURE__ */ O(
+            t && /* @__PURE__ */ W(
               "div",
               {
                 style: {
@@ -10219,7 +10253,7 @@ const Tn = ({ error: t, onReset: o }) => {
                   borderRadius: "8px",
                   border: "1px solid #fecaca"
                 },
-                children: /* @__PURE__ */ O(
+                children: /* @__PURE__ */ W(
                   "p",
                   {
                     style: {
@@ -10234,7 +10268,7 @@ const Tn = ({ error: t, onReset: o }) => {
                 )
               }
             ),
-            /* @__PURE__ */ O(
+            /* @__PURE__ */ W(
               "p",
               {
                 style: {
@@ -10256,7 +10290,7 @@ const Tn = ({ error: t, onReset: o }) => {
                   flexWrap: "wrap"
                 },
                 children: [
-                  o && /* @__PURE__ */ O(
+                  o && /* @__PURE__ */ W(
                     "button",
                     {
                       onClick: o,
@@ -10280,7 +10314,7 @@ const Tn = ({ error: t, onReset: o }) => {
                       children: "Try Again"
                     }
                   ),
-                  /* @__PURE__ */ O(
+                  /* @__PURE__ */ W(
                     "button",
                     {
                       onClick: i,
@@ -10304,7 +10338,7 @@ const Tn = ({ error: t, onReset: o }) => {
                       children: "Reload Page"
                     }
                   ),
-                  /* @__PURE__ */ O(
+                  /* @__PURE__ */ W(
                     "button",
                     {
                       onClick: e,
@@ -10339,7 +10373,7 @@ const Tn = ({ error: t, onReset: o }) => {
                   textAlign: "left"
                 },
                 children: [
-                  /* @__PURE__ */ O(
+                  /* @__PURE__ */ W(
                     "summary",
                     {
                       style: {
@@ -10351,7 +10385,7 @@ const Tn = ({ error: t, onReset: o }) => {
                       children: "Stack Trace"
                     }
                   ),
-                  /* @__PURE__ */ O(
+                  /* @__PURE__ */ W(
                     "pre",
                     {
                       style: {
@@ -10376,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,
@@ -10396,69 +10430,69 @@ const In = yo(null), $s = ({
   errorBoundary: f,
   onError: a
 }) => {
-  const [u, b] = G(() => Ie(r, i)), [h, d] = G(() => new URLSearchParams($n(n))), [p, v] = G(() => Nn(s)), { route: x, params: T } = ie(t, u), F = l.useRef(x);
-  F.current = x;
-  const M = ro(async (L, g = {}) => {
-    const C = F.current, { route: H } = ie(t, L);
-    if (C != null && C.beforeLeave && H) {
-      const _ = await C.beforeLeave(H, C);
-      if (_ === !1)
+  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 = $.current, { route: P } = ie(t, A);
+    if (z != null && z.beforeLeave && P) {
+      const S = await z.beforeLeave(P, z);
+      if (S === !1)
         return;
-      if (typeof _ == "string")
-        return M(_, g);
+      if (typeof S == "string")
+        return M(S, v);
     }
-    if (H != null && H.beforeEnter) {
-      const _ = await H.beforeEnter(H, C);
-      if (_ === !1)
+    if (P != null && P.beforeEnter) {
+      const S = await P.beforeEnter(P, z);
+      if (S === !1)
         return;
-      typeof _ == "string" && (L = _);
+      typeof S == "string" && (A = S);
     }
-    const V = i + L;
-    typeof window < "u" && (g.replace ? window.history.replaceState(g.state || {}, "", V) : window.history.pushState(g.state || {}, "", V), d(new URLSearchParams(window.location.search))), b(L);
-  }, [i, t]), B = 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((L) => {
-    M(L, { replace: !0 });
+  }, []), N = ro((A) => {
+    M(A, { replace: !0 });
   }, [M]);
-  q(() => {
+  Z(() => {
     if (typeof window > "u") return;
-    const L = () => {
-      b(Ie(window.location.pathname, i)), d(new URLSearchParams(window.location.search)), v(window.location.hash || "");
+    const A = () => {
+      b(Fe(window.location.pathname, i)), d(new URLSearchParams(window.location.search)), m(window.location.hash || "");
     };
-    return L(), window.addEventListener("popstate", L), () => window.removeEventListener("popstate", L);
+    return A(), window.addEventListener("popstate", A), () => window.removeEventListener("popstate", A);
   }, [i]);
-  const W = {
+  const D = {
     currentPath: u,
     basename: i,
     navigate: M,
-    goBack: B,
-    replace: R,
+    goBack: F,
+    replace: N,
     params: T,
     query: h,
-    hash: p
-  }, $ = () => {
-    if (!x)
-      return o ? /* @__PURE__ */ O(o, {}) : /* @__PURE__ */ O("div", { children: "404 - Page Not Found" });
-    const L = x.component, g = /* @__PURE__ */ O(In.Provider, { value: x, children: /* @__PURE__ */ O(L, {}) });
-    return /* @__PURE__ */ O(
+    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(Fn.Provider, { value: p, children: /* @__PURE__ */ W(A, {}) });
+    return /* @__PURE__ */ W(
       En,
       {
-        fallback: f || /* @__PURE__ */ O(Tn, {}),
+        fallback: f || /* @__PURE__ */ W(Tn, {}),
         onError: a,
-        children: g
+        children: v
       }
     );
   };
-  return /* @__PURE__ */ O(fe.Provider, { value: W, children: e ? /* @__PURE__ */ O(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,
@@ -10467,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,
@@ -10485,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,
@@ -10525,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,
@@ -10548,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
 };