fiboui 2.8.3 → 2.8.4

package/dist/server.js

@@ -58,7 +58,7 @@ function qi(e) {
 function Vt(e, o) {
   return Ki(e) ? d.createElement(d.Fragment, null, o) : null;
 }
-function Vf(e) {
+function Yf(e) {
   if (qi(e))
     return Vt(e.show, e.children);
   let o = e;
@@ -398,8 +398,8 @@ var Ce;
       } : function(c, u) {
         return c[u];
       }
-    }, g = Object.getPrototypeOf(Function), x = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : zt(), m = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Tt(), T = typeof WeakMap == "function" ? WeakMap : Et(), k = r ? Symbol.for("@reflect-metadata:registry") : void 0, w = _t(), N = St(w);
-    function j(c, u, p, v) {
+    }, g = Object.getPrototypeOf(Function), x = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : zt(), m = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Tt(), E = typeof WeakMap == "function" ? WeakMap : Et(), k = r ? Symbol.for("@reflect-metadata:registry") : void 0, v = _t(), $ = St(v);
+    function j(c, u, p, w) {
       if (B(p)) {
         if (!Co(c))
           throw new TypeError();
@@ -411,29 +411,29 @@ var Ce;
           throw new TypeError();
         if (!G(u))
           throw new TypeError();
-        if (!G(v) && !B(v) && !U(v))
+        if (!G(w) && !B(w) && !U(w))
           throw new TypeError();
-        return U(v) && (v = void 0), p = fo(p), _o(c, u, p, v);
+        return U(w) && (w = void 0), p = fo(p), _o(c, u, p, w);
       }
     }
     o("decorate", j);
     function W(c, u) {
-      function p(v, $) {
-        if (!G(v))
+      function p(w, R) {
+        if (!G(w))
           throw new TypeError();
-        if (!B($) && !yt($))
+        if (!B(R) && !yt(R))
           throw new TypeError();
-        F(c, u, v, $);
+        F(c, u, w, R);
       }
       return p;
     }
     o("metadata", W);
-    function R(c, u, p, v) {
+    function N(c, u, p, w) {
       if (!G(p))
         throw new TypeError();
-      return B(v) || (v = fo(v)), F(c, u, p, v);
+      return B(w) || (w = fo(w)), F(c, u, p, w);
     }
-    o("defineMetadata", R);
+    o("defineMetadata", N);
     function H(c, u, p) {
       if (!G(u))
         throw new TypeError();
@@ -476,96 +476,96 @@ var Ce;
       if (B(p) || (p = fo(p)), !G(u))
         throw new TypeError();
       B(p) || (p = fo(p));
-      var v = $o(
+      var w = $o(
         u,
         p,
         /*Create*/
         !1
       );
-      return B(v) ? !1 : v.OrdinaryDeleteMetadata(c, u, p);
+      return B(w) ? !1 : w.OrdinaryDeleteMetadata(c, u, p);
     }
     o("deleteMetadata", io);
     function go(c, u) {
       for (var p = c.length - 1; p >= 0; --p) {
-        var v = c[p], $ = v(u);
-        if (!B($) && !U($)) {
-          if (!it($))
+        var w = c[p], R = w(u);
+        if (!B(R) && !U(R)) {
+          if (!it(R))
             throw new TypeError();
-          u = $;
+          u = R;
         }
       }
       return u;
     }
-    function _o(c, u, p, v) {
-      for (var $ = c.length - 1; $ >= 0; --$) {
-        var oo = c[$], ro = oo(u, p, v);
+    function _o(c, u, p, w) {
+      for (var R = c.length - 1; R >= 0; --R) {
+        var oo = c[R], ro = oo(u, p, w);
         if (!B(ro) && !U(ro)) {
           if (!G(ro))
             throw new TypeError();
-          v = ro;
+          w = ro;
         }
       }
-      return v;
+      return w;
     }
     function mo(c, u, p) {
-      var v = uo(c, u, p);
-      if (v)
+      var w = uo(c, u, p);
+      if (w)
         return !0;
-      var $ = Go(u);
-      return U($) ? !1 : mo(c, $, p);
+      var R = Go(u);
+      return U(R) ? !1 : mo(c, R, p);
     }
     function uo(c, u, p) {
-      var v = $o(
+      var w = $o(
         u,
         p,
         /*Create*/
         !1
       );
-      return B(v) ? !1 : Bo(v.OrdinaryHasOwnMetadata(c, u, p));
+      return B(w) ? !1 : Bo(w.OrdinaryHasOwnMetadata(c, u, p));
     }
     function ao(c, u, p) {
-      var v = uo(c, u, p);
-      if (v)
+      var w = uo(c, u, p);
+      if (w)
         return J(c, u, p);
-      var $ = Go(u);
-      if (!U($))
-        return ao(c, $, p);
+      var R = Go(u);
+      if (!U(R))
+        return ao(c, R, p);
     }
     function J(c, u, p) {
-      var v = $o(
+      var w = $o(
         u,
         p,
         /*Create*/
         !1
       );
-      if (!B(v))
-        return v.OrdinaryGetOwnMetadata(c, u, p);
+      if (!B(w))
+        return w.OrdinaryGetOwnMetadata(c, u, p);
     }
-    function F(c, u, p, v) {
-      var $ = $o(
+    function F(c, u, p, w) {
+      var R = $o(
         p,
-        v,
+        w,
         /*Create*/
         !0
       );
-      $.OrdinaryDefineOwnMetadata(c, u, p, v);
+      R.OrdinaryDefineOwnMetadata(c, u, p, w);
     }
     function Lo(c, u) {
-      var p = Po(c, u), v = Go(c);
-      if (v === null)
+      var p = Po(c, u), w = Go(c);
+      if (w === null)
         return p;
-      var $ = Lo(v, u);
-      if ($.length <= 0)
+      var R = Lo(w, u);
+      if (R.length <= 0)
         return p;
       if (p.length <= 0)
-        return $;
+        return R;
       for (var oo = new m(), ro = [], O = 0, y = p; O < y.length; O++) {
-        var S = y[O], E = oo.has(S);
-        E || (oo.add(S), ro.push(S));
+        var S = y[O], T = oo.has(S);
+        T || (oo.add(S), ro.push(S));
       }
-      for (var A = 0, L = $; A < L.length; A++) {
-        var S = L[A], E = oo.has(S);
-        E || (oo.add(S), ro.push(S));
+      for (var A = 0, L = R; A < L.length; A++) {
+        var S = L[A], T = oo.has(S);
+        T || (oo.add(S), ro.push(S));
       }
       return ro;
     }
@@ -625,29 +625,29 @@ var Ce;
         case 5:
           return c;
       }
-      var p = "string", v = rt(c, n);
-      if (v !== void 0) {
-        var $ = v.call(c, p);
-        if (G($))
+      var p = "string", w = rt(c, n);
+      if (w !== void 0) {
+        var R = w.call(c, p);
+        if (G(R))
           throw new TypeError();
-        return $;
+        return R;
       }
       return Z(c);
     }
     function Z(c, u) {
-      var p, v, $;
+      var p, w, R;
       {
         var oo = c.toString;
         if (xo(oo)) {
-          var v = oo.call(c);
-          if (!G(v))
-            return v;
+          var w = oo.call(c);
+          if (!G(w))
+            return w;
         }
         var p = c.valueOf;
         if (xo(p)) {
-          var v = p.call(c);
-          if (!G(v))
-            return v;
+          var w = p.call(c);
+          if (!G(w))
+            return w;
         }
       }
       throw new TypeError();
@@ -716,19 +716,19 @@ var Ce;
       var u = Object.getPrototypeOf(c);
       if (typeof c != "function" || c === g || u !== g)
         return u;
-      var p = c.prototype, v = p && Object.getPrototypeOf(p);
-      if (v == null || v === Object.prototype)
+      var p = c.prototype, w = p && Object.getPrototypeOf(p);
+      if (w == null || w === Object.prototype)
         return u;
-      var $ = v.constructor;
-      return typeof $ != "function" || $ === c ? u : $;
+      var R = w.constructor;
+      return typeof R != "function" || R === c ? u : R;
     }
     function kt() {
       var c;
       !B(k) && typeof t.Reflect < "u" && !(k in t.Reflect) && typeof t.Reflect.defineMetadata == "function" && (c = Ct(t.Reflect));
-      var u, p, v, $ = new T(), oo = {
+      var u, p, w, R = new E(), oo = {
         registerProvider: ro,
         getProvider: y,
-        setProvider: E
+        setProvider: T
       };
       return oo;
       function ro(A) {
@@ -748,7 +748,7 @@ var Ce;
           case p === A:
             break;
           default:
-            v === void 0 && (v = new m()), v.add(A);
+            w === void 0 && (w = new m()), w.add(A);
             break;
         }
       }
@@ -759,8 +759,8 @@ var Ce;
           if (!B(p)) {
             if (p.isProviderFor(A, L))
               return u;
-            if (!B(v))
-              for (var K = nt(v); ; ) {
+            if (!B(w))
+              for (var K = nt(w); ; ) {
                 var to = ft(K);
                 if (!to)
                   return;
@@ -774,23 +774,23 @@ var Ce;
           return c;
       }
       function y(A, L) {
-        var K = $.get(A), to;
-        return B(K) || (to = K.get(L)), B(to) && (to = O(A, L), B(to) || (B(K) && (K = new x(), $.set(A, K)), K.set(L, to))), to;
+        var K = R.get(A), to;
+        return B(K) || (to = K.get(L)), B(to) && (to = O(A, L), B(to) || (B(K) && (K = new x(), R.set(A, K)), K.set(L, to))), to;
       }
       function S(A) {
         if (B(A))
           throw new TypeError();
-        return u === A || p === A || !B(v) && v.has(A);
+        return u === A || p === A || !B(w) && w.has(A);
       }
-      function E(A, L, K) {
+      function T(A, L, K) {
         if (!S(K))
           throw new Error("Metadata provider not registered.");
         var to = y(A, L);
         if (to !== K) {
           if (!B(to))
             return !1;
-          var vo = $.get(A);
-          B(vo) && (vo = new x(), $.set(A, vo)), vo.set(L, K);
+          var vo = R.get(A);
+          B(vo) && (vo = new x(), R.set(A, vo)), vo.set(L, K);
         }
         return !0;
       }
@@ -805,46 +805,46 @@ var Ce;
       }), c;
     }
     function St(c) {
-      var u = new T(), p = {
-        isProviderFor: function(S, E) {
+      var u = new E(), p = {
+        isProviderFor: function(S, T) {
           var A = u.get(S);
-          return B(A) ? !1 : A.has(E);
+          return B(A) ? !1 : A.has(T);
         },
         OrdinaryDefineOwnMetadata: ro,
-        OrdinaryHasOwnMetadata: $,
+        OrdinaryHasOwnMetadata: R,
         OrdinaryGetOwnMetadata: oo,
         OrdinaryOwnMetadataKeys: O,
         OrdinaryDeleteMetadata: y
       };
-      return w.registerProvider(p), p;
-      function v(S, E, A) {
+      return v.registerProvider(p), p;
+      function w(S, T, A) {
         var L = u.get(S), K = !1;
         if (B(L)) {
           if (!A)
             return;
           L = new x(), u.set(S, L), K = !0;
         }
-        var to = L.get(E);
+        var to = L.get(T);
         if (B(to)) {
           if (!A)
             return;
-          if (to = new x(), L.set(E, to), !c.setProvider(S, E, p))
-            throw L.delete(E), K && u.delete(S), new Error("Wrong provider for target.");
+          if (to = new x(), L.set(T, to), !c.setProvider(S, T, p))
+            throw L.delete(T), K && u.delete(S), new Error("Wrong provider for target.");
         }
         return to;
       }
-      function $(S, E, A) {
-        var L = v(
-          E,
+      function R(S, T, A) {
+        var L = w(
+          T,
           A,
           /*Create*/
           !1
         );
         return B(L) ? !1 : Bo(L.has(S));
       }
-      function oo(S, E, A) {
-        var L = v(
-          E,
+      function oo(S, T, A) {
+        var L = w(
+          T,
           A,
           /*Create*/
           !1
@@ -852,19 +852,19 @@ var Ce;
         if (!B(L))
           return L.get(S);
       }
-      function ro(S, E, A, L) {
-        var K = v(
+      function ro(S, T, A, L) {
+        var K = w(
           A,
           L,
           /*Create*/
           !0
         );
-        K.set(S, E);
+        K.set(S, T);
       }
-      function O(S, E) {
-        var A = [], L = v(
+      function O(S, T) {
+        var A = [], L = w(
           S,
-          E,
+          T,
           /*Create*/
           !1
         );
@@ -887,9 +887,9 @@ var Ce;
           vo++;
         }
       }
-      function y(S, E, A) {
-        var L = v(
-          E,
+      function y(S, T, A) {
+        var L = w(
+          T,
           A,
           /*Create*/
           !1
@@ -897,33 +897,33 @@ var Ce;
         if (B(L) || !L.delete(S))
           return !1;
         if (L.size === 0) {
-          var K = u.get(E);
+          var K = u.get(T);
           B(K) || (K.delete(A), K.size === 0 && u.delete(K));
         }
         return !0;
       }
     }
     function Ct(c) {
-      var u = c.defineMetadata, p = c.hasOwnMetadata, v = c.getOwnMetadata, $ = c.getOwnMetadataKeys, oo = c.deleteMetadata, ro = new T(), O = {
+      var u = c.defineMetadata, p = c.hasOwnMetadata, w = c.getOwnMetadata, R = c.getOwnMetadataKeys, oo = c.deleteMetadata, ro = new E(), O = {
         isProviderFor: function(y, S) {
-          var E = ro.get(y);
-          return !B(E) && E.has(S) ? !0 : $(y, S).length ? (B(E) && (E = new m(), ro.set(y, E)), E.add(S), !0) : !1;
+          var T = ro.get(y);
+          return !B(T) && T.has(S) ? !0 : R(y, S).length ? (B(T) && (T = new m(), ro.set(y, T)), T.add(S), !0) : !1;
         },
         OrdinaryDefineOwnMetadata: u,
         OrdinaryHasOwnMetadata: p,
-        OrdinaryGetOwnMetadata: v,
-        OrdinaryOwnMetadataKeys: $,
+        OrdinaryGetOwnMetadata: w,
+        OrdinaryOwnMetadataKeys: R,
         OrdinaryDeleteMetadata: oo
       };
       return O;
     }
     function $o(c, u, p) {
-      var v = w.getProvider(c, u);
-      if (!B(v))
-        return v;
+      var w = v.getProvider(c, u);
+      if (!B(w))
+        return w;
       if (p) {
-        if (w.setProvider(c, u, N))
-          return N;
+        if (v.setProvider(c, u, $))
+          return $;
         throw new Error("Illegal state.");
       }
     }
@@ -931,8 +931,8 @@ var Ce;
       var c = {}, u = [], p = (
         /** @class */
         function() {
-          function O(y, S, E) {
-            this._index = 0, this._keys = y, this._values = S, this._selector = E;
+          function O(y, S, T) {
+            this._index = 0, this._keys = y, this._values = S, this._selector = T;
           }
           return O.prototype["@@iterator"] = function() {
             return this;
@@ -951,7 +951,7 @@ var Ce;
             return this._index >= 0 && (this._index = -1, this._keys = u, this._values = u), { value: y, done: !0 };
           }, O;
         }()
-      ), v = (
+      ), w = (
         /** @class */
         function() {
           function O() {
@@ -977,12 +977,12 @@ var Ce;
             );
             return S >= 0 ? this._values[S] : void 0;
           }, O.prototype.set = function(y, S) {
-            var E = this._find(
+            var T = this._find(
               y,
               /*insert*/
               !0
             );
-            return this._values[E] = S, this;
+            return this._values[T] = S, this;
           }, O.prototype.delete = function(y) {
             var S = this._find(
               y,
@@ -990,7 +990,7 @@ var Ce;
               !1
             );
             if (S >= 0) {
-              for (var E = this._keys.length, A = S + 1; A < E; A++)
+              for (var T = this._keys.length, A = S + 1; A < T; A++)
                 this._keys[A - 1] = this._keys[A], this._values[A - 1] = this._values[A];
               return this._keys.length--, this._values.length--, Ho(y, this._cacheKey) && (this._cacheKey = c, this._cacheIndex = -2), !0;
             }
@@ -998,7 +998,7 @@ var Ce;
           }, O.prototype.clear = function() {
             this._keys.length = 0, this._values.length = 0, this._cacheKey = c, this._cacheIndex = -2;
           }, O.prototype.keys = function() {
-            return new p(this._keys, this._values, $);
+            return new p(this._keys, this._values, R);
           }, O.prototype.values = function() {
             return new p(this._keys, this._values, oo);
           }, O.prototype.entries = function() {
@@ -1010,9 +1010,9 @@ var Ce;
           }, O.prototype._find = function(y, S) {
             if (!Ho(this._cacheKey, y)) {
               this._cacheIndex = -1;
-              for (var E = 0; E < this._keys.length; E++)
-                if (Ho(this._keys[E], y)) {
-                  this._cacheIndex = E;
+              for (var T = 0; T < this._keys.length; T++)
+                if (Ho(this._keys[T], y)) {
+                  this._cacheIndex = T;
                   break;
                 }
             }
@@ -1020,8 +1020,8 @@ var Ce;
           }, O;
         }()
       );
-      return v;
-      function $(O, y) {
+      return w;
+      function R(O, y) {
         return O;
       }
       function oo(O, y) {
@@ -1068,54 +1068,54 @@ var Ce;
       return c;
     }
     function Et() {
-      var c = 16, u = h.create(), p = v();
+      var c = 16, u = h.create(), p = w();
       return (
         /** @class */
         function() {
           function y() {
-            this._key = v();
+            this._key = w();
           }
           return y.prototype.has = function(S) {
-            var E = $(
+            var T = R(
               S,
               /*create*/
               !1
             );
-            return E !== void 0 ? h.has(E, this._key) : !1;
+            return T !== void 0 ? h.has(T, this._key) : !1;
           }, y.prototype.get = function(S) {
-            var E = $(
+            var T = R(
               S,
               /*create*/
               !1
             );
-            return E !== void 0 ? h.get(E, this._key) : void 0;
-          }, y.prototype.set = function(S, E) {
-            var A = $(
+            return T !== void 0 ? h.get(T, this._key) : void 0;
+          }, y.prototype.set = function(S, T) {
+            var A = R(
               S,
               /*create*/
               !0
             );
-            return A[this._key] = E, this;
+            return A[this._key] = T, this;
           }, y.prototype.delete = function(S) {
-            var E = $(
+            var T = R(
               S,
               /*create*/
               !1
             );
-            return E !== void 0 ? delete E[this._key] : !1;
+            return T !== void 0 ? delete T[this._key] : !1;
           }, y.prototype.clear = function() {
-            this._key = v();
+            this._key = w();
           }, y;
         }()
       );
-      function v() {
+      function w() {
         var y;
         do
           y = "@@WeakMap@@" + O();
         while (h.has(u, y));
         return u[y] = !0, y;
       }
-      function $(y, S) {
+      function R(y, S) {
         if (!i.call(y, p)) {
           if (!S)
             return;
@@ -1124,8 +1124,8 @@ var Ce;
         return y[p];
       }
       function oo(y, S) {
-        for (var E = 0; E < S; ++E)
-          y[E] = Math.random() * 255 | 0;
+        for (var T = 0; T < S; ++T)
+          y[T] = Math.random() * 255 | 0;
         return y;
       }
       function ro(y) {
@@ -1138,9 +1138,9 @@ var Ce;
       function O() {
         var y = ro(c);
         y[6] = y[6] & 79 | 64, y[8] = y[8] & 191 | 128;
-        for (var S = "", E = 0; E < c; ++E) {
-          var A = y[E];
-          (E === 4 || E === 6 || E === 8) && (S += "-"), A < 16 && (S += "0"), S += A.toString(16).toLowerCase();
+        for (var S = "", T = 0; T < c; ++T) {
+          var A = y[T];
+          (T === 4 || T === 6 || T === 8) && (S += "-"), A < 16 && (S += "0"), S += A.toString(16).toLowerCase();
         }
         return S;
       }
@@ -1739,7 +1739,7 @@ function Ke() {
 function he(e) {
   return e.replace(/<\/style/gi, "<\\/style");
 }
-function Yf() {
+function Uf() {
   const o = `<style id="fibo-dynamic-styles" data-fibo="1">${he(Ke())}</style>`;
   return typeof document > "u" && qe(), o;
 }
@@ -1777,8 +1777,8 @@ function kr(e, o = {}) {
   }
   return r.displayName = "FiboPage", i && (r.meta = i), r;
 }
-const Uf = kr;
-function Kf(e) {
+const Kf = kr;
+function qf(e) {
   return d.createElement(
     d.Fragment,
     null,
@@ -1823,6 +1823,10 @@ class Ft {
     const o = Tr();
     return o && o.track(this), this._value;
   }
+  /** Current value without tracking. Replays use this so a node does not subscribe twice. */
+  peek() {
+    return this._value;
+  }
   set value(o) {
     this._value !== o && (this._value = o, this.notify());
   }
@@ -1866,30 +1870,33 @@ class Ft {
     }
   }
 }
+function Er(e, o) {
+  return o();
+}
 function ti(e) {
   return null;
 }
 function pe(e) {
   return typeof e == "function" ? e() : e;
 }
-function Er(e) {
+function Ar(e) {
   return e instanceof Map ? e : /* @__PURE__ */ new Map();
 }
 let ei = /* @__PURE__ */ new Map();
-function Ar({ children: e }) {
+function Fr({ children: e }) {
   return pe(e);
 }
-function Fr({
+function Br({
   children: e
 }) {
   return pe(e);
 }
-function Br({
+function $r({
   children: e
 }) {
   return pe(e);
 }
-function $r({
+function Rr({
   stateMap: e,
   children: o
 }) {
@@ -1899,7 +1906,7 @@ function ii({
   providers: e,
   children: o
 }) {
-  return ei = Er(e), o;
+  return ei = Ar(e), o;
 }
 function Nr() {
   return ei;
@@ -1913,22 +1920,22 @@ function ri(e) {
   } else for (t in e) e[t] && (i && (i += " "), i += t);
   return i;
 }
-function Rr() {
+function Ir() {
   for (var e, o, t = 0, i = "", r = arguments.length; t < r; t++) (e = arguments[t]) && (o = ri(e)) && (i && (i += " "), i += o);
   return i;
 }
-function Ir(e) {
+function Mr(e) {
   const o = e.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
   if (!o)
     return e;
-  const [, t, i, r] = o, n = parseFloat(t), s = parseFloat(i), f = parseFloat(r), a = s * Math.cos(f * Math.PI / 180), b = s * Math.sin(f * Math.PI / 180), h = n + 0.3963377774 * a + 0.2158037573 * b, g = n - 0.1055613458 * a - 0.0638541728 * b, x = n - 0.0894841775 * a - 1.291485548 * b, m = h * h * h, T = g * g * g, k = x * x * x, w = 4.0767416621 * m - 3.3077115913 * T + 0.2309699292 * k, N = -1.2684380046 * m + 2.6097574011 * T - 0.3413193965 * k, j = -0.0041960863 * m - 0.7034186147 * T + 1.707614701 * k, W = (_) => _ >= 31308e-7 ? 1.055 * _ ** (1 / 2.4) - 0.055 : 12.92 * _, R = Math.max(0, Math.min(1, W(w))), H = Math.max(0, Math.min(1, W(N))), D = Math.max(0, Math.min(1, W(j))), Q = (_) => {
+  const [, t, i, r] = o, n = parseFloat(t), s = parseFloat(i), f = parseFloat(r), a = s * Math.cos(f * Math.PI / 180), b = s * Math.sin(f * Math.PI / 180), h = n + 0.3963377774 * a + 0.2158037573 * b, g = n - 0.1055613458 * a - 0.0638541728 * b, x = n - 0.0894841775 * a - 1.291485548 * b, m = h * h * h, E = g * g * g, k = x * x * x, v = 4.0767416621 * m - 3.3077115913 * E + 0.2309699292 * k, $ = -1.2684380046 * m + 2.6097574011 * E - 0.3413193965 * k, j = -0.0041960863 * m - 0.7034186147 * E + 1.707614701 * k, W = (_) => _ >= 31308e-7 ? 1.055 * _ ** (1 / 2.4) - 0.055 : 12.92 * _, N = Math.max(0, Math.min(1, W(v))), H = Math.max(0, Math.min(1, W($))), D = Math.max(0, Math.min(1, W(j))), Q = (_) => {
     var V;
     const Y = (V = Math.round(_ * 255).toString(16)) == null ? void 0 : V.toUpperCase();
     return Y.length === 1 ? `0${Y}` : Y;
   };
-  return `#${Q(R)}${Q(H)}${Q(D)}`;
+  return `#${Q(N)}${Q(H)}${Q(D)}`;
 }
-function Mr(e) {
+function Or(e) {
   const o = {}, t = {}, i = e.split(`
 `);
   for (const r of i) {
@@ -1937,7 +1944,7 @@ function Mr(e) {
       continue;
     const s = n.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), f = n.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
     if (s) {
-      const [, a, b] = s, h = Ir(b);
+      const [, a, b] = s, h = Mr(b);
       o[h.toLowerCase()] = `bg-${a}`, t[h.toLowerCase()] = `text-${a}`;
     } else if (f) {
       const [, a, b] = f;
@@ -1946,13 +1953,13 @@ function Mr(e) {
   }
   return { background: o, text: t };
 }
-const Or = (e) => {
+const Lr = (e) => {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e.toString();
 }, Vo = (e, o) => {
-  const t = Or(o);
+  const t = Lr(o);
   return t === void 0 ? "" : `${e}-[${t}]`;
-}, Lr = `
+}, Pr = `
   --color-red-50: oklch(0.971 0.013 17.38);
   --color-red-100: oklch(0.936 0.032 17.717);
   --color-red-200: oklch(0.885 0.062 18.334);
@@ -2197,7 +2204,7 @@ const Or = (e) => {
   --color-stone-950: oklch(0.147 0.004 49.25);
   --color-black: #000;
   --color-white: #fff;
-`, Pr = Mr(Lr), ni = {
+`, jr = Or(Pr), ni = {
   borderRadius: {
     0: "rounded-none",
     "0px": "rounded-none",
@@ -2294,7 +2301,7 @@ const Or = (e) => {
     fixed: "fixed",
     sticky: "sticky"
   }
-}, jr = (e, o) => ({
+}, Wr = (e, o) => ({
   // 背景色
   backgroundColor: (t) => t.backgroundColor ? [e.background[t.backgroundColor.toLowerCase()] || `bg-[${t.backgroundColor}]`] : [],
   // 文字色
@@ -2450,7 +2457,7 @@ const Or = (e) => {
   },
   // 自定义类名
   className: (t) => t.className ? [t.className] : []
-}), Wr = {
+}), Dr = {
   backgroundColor: "backgroundColor",
   color: "color",
   borderRadius: "borderRadius",
@@ -2484,10 +2491,10 @@ const Or = (e) => {
   position: "position",
   opacity: "opacity",
   className: "className"
-}, Dr = (e, o) => {
-  const t = (o == null ? void 0 : o.colorMaps) || Pr, i = (o == null ? void 0 : o.styleMaps) || ni, r = jr(t, i), n = [], s = /* @__PURE__ */ new Set();
+}, Hr = (e, o) => {
+  const t = (o == null ? void 0 : o.colorMaps) || jr, i = (o == null ? void 0 : o.styleMaps) || ni, r = Wr(t, i), n = [], s = /* @__PURE__ */ new Set();
   return Object.keys(e).forEach((f) => {
-    const a = Wr[f];
+    const a = Dr[f];
     if (a && !s.has(a)) {
       const b = r[a];
       if (b) {
@@ -2496,7 +2503,7 @@ const Or = (e) => {
       }
     }
   }), n.filter(Boolean).join(" ");
-}, Te = /* @__PURE__ */ new Map(), Hr = {
+}, Te = /* @__PURE__ */ new Map(), Gr = {
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
@@ -2506,30 +2513,30 @@ const Or = (e) => {
 function Ee(e, o) {
   return typeof e == "number" && Number.isFinite(e) && e > 0 ? e : o;
 }
-function Gr(e, o) {
+function Xr(e, o) {
   return typeof e == "number" && Number.isFinite(e) && e >= 0 ? e : o;
 }
 function si(e = {}) {
-  const o = Ee(e.stiffness, 170), t = Gr(e.damping, 26), i = Ee(e.mass, 1), r = `${o}:${t}:${i}`, n = Te.get(r);
+  const o = Ee(e.stiffness, 170), t = Xr(e.damping, 26), i = Ee(e.mass, 1), r = `${o}:${t}:${i}`, n = Te.get(r);
   if (n) return n;
   const s = 1 / 60, f = 1;
   let a = 0, b = 0;
   const h = [0];
   for (let k = 0; k < 180; k += 1) {
-    const w = -o * (a - f) - t * b;
-    if (b += w / i * s, a += b * s, h.push(a), k > 8 && Math.abs(a - f) < 2e-3 && Math.abs(b) < 2e-3) break;
+    const v = -o * (a - f) - t * b;
+    if (b += v / i * s, a += b * s, h.push(a), k > 8 && Math.abs(a - f) < 2e-3 && Math.abs(b) < 2e-3) break;
   }
   h[h.length - 1] !== 1 && h.push(1);
   const x = Math.max(1, Math.floor((h.length - 1) / 24)), m = [];
   for (let k = 0; k < h.length; k += x) {
-    const w = k / (h.length - 1), N = Math.round(h[k] * 1e4) / 1e4, j = Number.isFinite(N) ? N : 1;
-    m.push(k === 0 ? `${j}` : `${j} ${Math.round(w * 1e4) / 100}%`);
+    const v = k / (h.length - 1), $ = Math.round(h[k] * 1e4) / 1e4, j = Number.isFinite($) ? $ : 1;
+    m.push(k === 0 ? `${j}` : `${j} ${Math.round(v * 1e4) / 100}%`);
   }
-  const T = `linear(${m.join(", ")})`;
-  return Te.set(r, T), T;
+  const E = `linear(${m.join(", ")})`;
+  return Te.set(r, E), E;
 }
 function qo(e, o) {
-  return e === "spring" ? si(o) : Hr[e] ?? e;
+  return e === "spring" ? si(o) : Gr[e] ?? e;
 }
 const de = [
   // —— 2D Transitions ——
@@ -2748,13 +2755,13 @@ const de = [
   "hvr-float": "float",
   "hvr-sweep-to-right": "sweepToRight"
 };
-function Xr(e) {
+function Vr(e) {
   return e.replace(/[A-Z]/g, (o) => `-${o.toLowerCase()}`);
 }
 function Fe(e) {
   return de.includes(e);
 }
-function Vr(e) {
+function Yr(e) {
   const o = e.trim(), t = Ae[o] ?? Ae[o.toLowerCase()];
   if (t) return t;
   if (Fe(o)) return o;
@@ -2764,13 +2771,13 @@ function Vr(e) {
     `Unknown interaction effect "${e}". Use one of ${de.length} presets — see INTERACTION_EFFECTS.`
   );
 }
-function Yr(e, o = !1) {
+function Ur(e, o = !1) {
   return o ? `fibo-fx-on-group-${e}` : `fibo-fx-on-${e}`;
 }
-function Ur(e) {
-  return `fibo-fx-${Xr(e)}`;
+function Kr(e) {
+  return `fibo-fx-${Vr(e)}`;
 }
-const Kr = `
+const qr = `
 @keyframes fibo-fx-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(0.9); } }
 @keyframes fibo-fx-pulse-grow { to { transform: scale(1.1); } }
 @keyframes fibo-fx-pulse-shrink { to { transform: scale(0.9); } }
@@ -4061,9 +4068,9 @@ const Kr = `
   }
 }
 `.trim();
-function qr() {
+function Zr() {
   const e = Ao.getInstance();
-  e.ensureDefaults(), e.injectExtra(Kr, "fibo-interaction-fx");
+  e.ensureDefaults(), e.injectExtra(qr, "fibo-interaction-fx");
 }
 function xt(e, o, t, i = 0) {
   const r = (Array.isArray(e) ? e : [e]).flatMap((f) => String(f).split(",")).map((f) => f.trim()).filter(Boolean);
@@ -4075,28 +4082,28 @@ function qt(e) {
   const o = { ...e };
   let t = !1;
   const i = o.background;
-  typeof i == "string" && i.trim() && o.backgroundColor == null && Jr(i) && (o.backgroundColor = i, delete o.background, t = !0);
+  typeof i == "string" && i.trim() && o.backgroundColor == null && Qr(i) && (o.backgroundColor = i, delete o.background, t = !0);
   const r = o.border;
   if (typeof r == "string" && r.trim()) {
-    const n = on(r);
+    const n = tn(r);
     n && (o.borderWidth == null && n.width != null && (o.borderWidth = n.width), o.borderStyle == null && n.style != null && (o.borderStyle = n.style), o.borderColor == null && n.color != null && (o.borderColor = n.color), delete o.border, t = !0);
   }
   return t ? o : e;
 }
-const Zr = "translate3d(0, 0, 0)";
+const Jr = "translate3d(0, 0, 0)";
 function Be(e) {
   const o = e.transform == null ? "" : String(e.transform).trim();
-  return o !== "" && o !== "none" ? e : { ...e, transform: Zr };
+  return o !== "" && o !== "none" ? e : { ...e, transform: Jr };
 }
 function $e(e, o) {
   const t = typeof o == "number" ? `${o}px` : o;
   return e === "x" ? `translate3d(${t}, 0, 0)` : `translate3d(0, ${t}, 0)`;
 }
-function Jr(e) {
+function Qr(e) {
   const o = e.trim().toLowerCase();
-  return !(!o || o === "none" || o.includes("gradient(") || o.includes("url(") || o.includes("image(") || o.includes("element(") || o.startsWith("repeat") || Qr(o));
+  return !(!o || o === "none" || o.includes("gradient(") || o.includes("url(") || o.includes("image(") || o.includes("element(") || o.startsWith("repeat") || on(o));
 }
-function Qr(e) {
+function on(e) {
   let o = 0;
   for (let t = 0; t < e.length - 2; t++) {
     const i = e[t];
@@ -4107,13 +4114,13 @@ function Qr(e) {
   }
   return !1;
 }
-function on(e) {
+function tn(e) {
   const o = e.trim();
   if (!o) return null;
   const t = o.match(/^(\S+)\s+(\S+)\s+(.+)$/);
   return t ? { width: t[1], style: t[2], color: t[3] } : null;
 }
-const Ne = /* @__PURE__ */ new Set([
+const Re = /* @__PURE__ */ new Set([
   "opacity",
   "zIndex",
   "z-index",
@@ -4149,7 +4156,7 @@ const Ne = /* @__PURE__ */ new Set([
   "scaleY",
   "animationIterationCount",
   "animation-iteration-count"
-]), Re = /* @__PURE__ */ new Set([
+]), Ne = /* @__PURE__ */ new Set([
   "boxShadow",
   "box-shadow",
   "textShadow",
@@ -4165,7 +4172,7 @@ function wt(e) {
 function Qo(e) {
   return e.startsWith("--") ? e : e.replace(/-([a-z])/g, (o, t) => t.toUpperCase());
 }
-const tn = {
+const en = {
   paddingHorizontal: ["paddingLeft", "paddingRight"],
   paddingVertical: ["paddingTop", "paddingBottom"],
   paddingX: ["paddingLeft", "paddingRight"],
@@ -4198,13 +4205,13 @@ const tn = {
   gapY: ["rowGap"]
 };
 function xe(e) {
-  const o = tn[e];
+  const o = en[e];
   return o ? [...o] : null;
 }
 const fi = {
   padding: ["padding-top", "padding-right", "padding-bottom", "padding-left"],
   margin: ["margin-top", "margin-right", "margin-bottom", "margin-left"]
-}, en = {
+}, rn = {
   paddingTop: "padding",
   paddingRight: "padding",
   paddingBottom: "padding",
@@ -4214,7 +4221,7 @@ const fi = {
   marginBottom: "margin",
   marginLeft: "margin"
 };
-function rn(e) {
+function nn(e) {
   const o = [];
   let t = "", i = 0;
   for (const r of e) {
@@ -4235,7 +4242,7 @@ function rn(e) {
   return t && o.push(t), o;
 }
 function ot(e) {
-  const o = rn(String(e).trim()), t = o[0] ?? "", i = o[1] ?? t, r = o[2] ?? t, n = o[3] ?? i;
+  const o = nn(String(e).trim()), t = o[0] ?? "", i = o[1] ?? t, r = o[2] ?? t, n = o[3] ?? i;
   return [t, i, r, n];
 }
 function ge(e, o, t) {
@@ -4247,7 +4254,7 @@ function ge(e, o, t) {
     t.has(f) || s.push([f, n[a]]);
   }), { shorthand: null, longhands: s };
 }
-function nn(e, o, t) {
+function sn(e, o, t) {
   const i = e, r = /* @__PURE__ */ new Set();
   for (const s of fi[o])
     i[Qo(s)] != null && r.add(s);
@@ -4260,7 +4267,7 @@ function nn(e, o, t) {
     i[Qo(s)] = f;
   delete i[o];
 }
-function sn(e, o) {
+function fn(e, o) {
   const t = e[o];
   if (t == null || t === "") return;
   const [i, r, n, s] = ot(String(t)), f = [
@@ -4274,8 +4281,8 @@ function sn(e, o) {
   delete a[o];
 }
 function Ie(e, o, t) {
-  const i = en[o];
-  i && sn(e, i), e[o] = eo(o, t);
+  const i = rn[o];
+  i && fn(e, i), e[o] = eo(o, t);
 }
 function Io(e) {
   const o = {};
@@ -4288,7 +4295,7 @@ function Io(e) {
       continue;
     }
     if (r === "padding" || r === "margin") {
-      nn(o, r, i);
+      sn(o, r, i);
       continue;
     }
     Ie(o, r, i);
@@ -4299,11 +4306,11 @@ function eo(e, o) {
   if (o == null) return "";
   if (typeof o == "boolean") return o ? "true" : "false";
   if (typeof o == "number")
-    return e.startsWith("--") ? String(o) : o === 0 && Re.has(e) ? "none" : Ne.has(e) || Ne.has(wt(e)) ? String(o) : `${o}px`;
+    return e.startsWith("--") ? String(o) : o === 0 && Ne.has(e) ? "none" : Re.has(e) || Re.has(wt(e)) ? String(o) : `${o}px`;
   const t = String(o);
-  return (t === "0" || t === "0px") && Re.has(e) ? "none" : t;
+  return (t === "0" || t === "0px") && Ne.has(e) ? "none" : t;
 }
-const fn = {
+const an = {
   "background-color": ["background-color"],
   "border-color": ["border-color"],
   color: ["color"],
@@ -4351,9 +4358,9 @@ class bo {
    * Stamps CSS classes; sheet is fiboui-owned (not a Hover.css vendor).
    */
   effect(o) {
-    const t = Vr(o);
-    return qr(), this.parentBuilder.addClassName("fibo-fx"), this.parentBuilder.addClassName(Ur(t)), this.parentBuilder.addClassName(
-      Yr(this.pseudoState, this.isGroup)
+    const t = Yr(o);
+    return Zr(), this.parentBuilder.addClassName("fibo-fx"), this.parentBuilder.addClassName(Kr(t)), this.parentBuilder.addClassName(
+      Ur(this.pseudoState, this.isGroup)
     ), this.parentBuilder.prepareSmoothInteraction([
       "opacity",
       "box-shadow",
@@ -4464,7 +4471,7 @@ class bo {
     return this.commit(o, t);
   }
   commit(o, t) {
-    const i = fn[o];
+    const i = an[o];
     i && this.parentBuilder.prepareSmoothInteraction(i);
     const r = I.registerPseudo(this.pseudoState, o, t, this.isGroup);
     return this.parentBuilder.addClassName(r), this;
@@ -4473,15 +4480,15 @@ class bo {
     return this.parentBuilder;
   }
 }
-const an = {
+const cn = {
   hover: "hover",
   focus: "focus",
   active: "active",
   visited: "visited",
   disabled: "disabled"
 };
-function cn(e) {
-  return an[e];
+function ln(e) {
+  return cn[e];
 }
 function ai(e) {
   return Object.fromEntries(e.map((o) => [o, o]));
@@ -4494,9 +4501,9 @@ const Ko = {
   fit: "fit",
   min: "min",
   max: "max"
-}, ln = new Set(Object.values(Ko));
+}, un = new Set(Object.values(Ko));
 function Me(e) {
-  return ln.has(e);
+  return un.has(e);
 }
 function Oe(e, o) {
   if (e === Ko.full) return "100%";
@@ -4505,7 +4512,7 @@ function Oe(e, o) {
   if (e === Ko.min) return "min-content";
   if (e === Ko.max) return "max-content";
 }
-const un = {
+const bn = {
   name: "material",
   colors: {
     primary: "#6750A4",
@@ -4599,7 +4606,7 @@ const un = {
     lg: "0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3)"
   },
   fontFamily: "'Roboto', sans-serif"
-}, bn = {
+}, hn = {
   name: "cupertino",
   colors: {
     primary: "#007AFF",
@@ -4694,7 +4701,7 @@ const un = {
     lg: "0 12px 32px rgba(0,0,0,0.15)"
   },
   fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
-}, hn = {
+}, pn = {
   name: "web",
   colors: {
     primary: "#3B82F6",
@@ -4786,7 +4793,7 @@ const un = {
     lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)"
   },
   fontFamily: "'Inter', system-ui, sans-serif"
-}, pn = {
+}, dn = {
   name: "noir",
   colors: {
     primary: "#F4F4F6",
@@ -4890,24 +4897,24 @@ const un = {
     lg: "0 30px 80px rgba(0, 0, 0, 0.75)"
   },
   fontFamily: 'var(--font-sans-loaded, "Plus Jakarta Sans"), system-ui, -apple-system, sans-serif'
-}, dn = {
-  material: un,
-  cupertino: bn,
-  web: hn,
-  noir: pn
+}, xn = {
+  material: bn,
+  cupertino: hn,
+  web: pn,
+  noir: dn
 };
-function xn(e) {
+function gn(e) {
   if (typeof e == "string") {
-    const o = dn[e];
+    const o = xn[e];
     if (!o) throw new Error(`Unknown fiboui theme preset: ${e}`);
     return o;
   }
   return e;
 }
-function gn(e) {
+function mn(e) {
   return `--fibo-text-${e}`;
 }
-function mn(e) {
+function vn(e) {
   var r, n;
   const o = e.colors, t = {
     "--fibo-primary": o.primary,
@@ -4942,23 +4949,23 @@ function mn(e) {
   return i && Object.keys(i).forEach((s) => {
     const f = i[s];
     if (!f) return;
-    const a = gn(s);
+    const a = mn(s);
     f.fontSize != null && (t[`${a}-size`] = eo("fontSize", f.fontSize)), f.fontWeight != null && (t[`${a}-weight`] = eo("fontWeight", f.fontWeight)), f.letterSpacing != null && (t[`${a}-tracking`] = eo("letterSpacing", f.letterSpacing)), f.lineHeight != null && (t[`${a}-height`] = eo("lineHeight", f.lineHeight)), f.color != null && (t[`${a}-color`] = String(f.color));
   }), t;
 }
-function vn(e) {
+function wn(e) {
   return {
-    ...mn(e),
+    ...vn(e),
     "--fibo-theme": e.name || "custom"
   };
 }
-function wn(e) {
+function yn(e) {
   return String(e ?? "").trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") || "custom";
 }
-function yn(e) {
-  return `fibo-theme-${wn(e.name)}`;
+function kn(e) {
+  return `fibo-theme-${yn(e.name)}`;
 }
-const ci = 64, kn = [
+const ci = 64, _n = [
   "paddingTop",
   "paddingRight",
   "paddingBottom",
@@ -4967,7 +4974,7 @@ const ci = 64, kn = [
   "marginRight",
   "marginBottom",
   "marginLeft"
-], _n = /* @__PURE__ */ new Set([
+], Sn = /* @__PURE__ */ new Set([
   "padding-top",
   "padding-right",
   "padding-bottom",
@@ -4976,7 +4983,7 @@ const ci = 64, kn = [
   "margin-right",
   "margin-bottom",
   "margin-left"
-]), Sn = {
+]), Cn = {
   templateColumns: "gridTemplateColumns",
   templateRows: "gridTemplateRows",
   templateAreas: "gridTemplateAreas",
@@ -4987,10 +4994,10 @@ const ci = 64, kn = [
 };
 function li(e) {
   if (e.startsWith("--")) return e;
-  const o = Sn[e] ?? e, t = wt(o);
+  const o = Cn[e] ?? e, t = wt(o);
   return t.startsWith("ms-") ? `-${t}` : t;
 }
-const Cn = `${ci}px`;
+const zn = `${ci}px`;
 class ho {
   constructor() {
     /** @internal Extra DOM props forwarded to the host element. */
@@ -5005,6 +5012,10 @@ class ho {
     l(this, "_providers", /* @__PURE__ */ new Map());
     l(this, "_observers", /* @__PURE__ */ new Set());
     l(this, "_signals", /* @__PURE__ */ new Set());
+    /** Explicit `.bindSignal()` / `.observer()` owns nested reads. A direct wire does not. */
+    l(this, "_ownsReads", !1);
+    /** @internal Direct `method(signal.value)` calls replayed when that signal changes. */
+    l(this, "_replays", []);
     l(this, "_isObserver", !1);
     l(this, "_gesture");
     l(this, "_animationConfig");
@@ -5135,7 +5146,7 @@ class ho {
   }
   trackBoxLonghandsFrom(o) {
     const t = o;
-    for (const i of kn)
+    for (const i of _n)
       t[i] != null && this._boxLonghands.add(wt(i));
   }
   flexDirection(o) {
@@ -5413,8 +5424,8 @@ class ho {
     }, 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 g = f || "rgba(0, 0, 0, " + (a ?? 0.1) + ")";
       if (f && f.startsWith("#") && a !== void 0) {
-        const T = parseInt(f.slice(1, 3), 16), k = parseInt(f.slice(3, 5), 16), w = parseInt(f.slice(5, 7), 16);
-        g = `rgba(${T}, ${k}, ${w}, ${a})`;
+        const E = parseInt(f.slice(1, 3), 16), k = parseInt(f.slice(3, 5), 16), v = parseInt(f.slice(5, 7), 16);
+        g = `rgba(${E}, ${k}, ${v}, ${a})`;
       }
       const m = {
         sm: "2px",
@@ -5683,7 +5694,20 @@ class ho {
     return this._observers.add(o), this;
   }
   bindSignal(o) {
-    return this._signals.add(o), this;
+    return this._signals.add(o), this._ownsReads = !0, this;
+  }
+  /**
+   * @internal Wire a direct `method(signal.value)` to this node.
+   * Does not claim reads that happen later in a children function.
+   */
+  adoptWire(o, t) {
+    for (const i of o)
+      this._signals.add(i);
+    this._replays.push(t);
+  }
+  /** @internal */
+  runReplays() {
+    for (const o of this._replays) o();
   }
   translateX(o) {
     return o instanceof Ft ? this._animatedProps.set("translateX", o) : this._transforms.push(`translateX(${o}px)`), this;
@@ -5896,7 +5920,7 @@ class ho {
     this._classNames.push(I.register("position", "sticky"));
     const t = o === !0 ? "0px" : typeof o == "number" ? `${o}px` : o;
     this._classNames.push(I.register("top", t));
-    const i = o === !0 || o === 0 ? Cn : typeof o == "number" ? `${Math.max(o, ci)}px` : o;
+    const i = o === !0 || o === 0 ? zn : typeof o == "number" ? `${Math.max(o, ci)}px` : o;
     return this.publishStickyOffset(i), this;
   }
   /**
@@ -5967,8 +5991,8 @@ class ho {
    * SSR-safe: class + inline vars on first paint (no useEffect).
    */
   theme(o) {
-    const t = xn(o);
-    return this._theme = t, this.addClassName(yn(t)), this;
+    const t = gn(o);
+    return this._theme = t, this.addClassName(kn(t)), this;
   }
   /** Prefer dark/light system chrome for native controls under this subtree. */
   colorScheme(o) {
@@ -5988,7 +6012,7 @@ class ho {
    * ```
    */
   when(o, t) {
-    const i = cn(o);
+    const i = ln(o);
     if (!i) return this;
     (i === "hover" || i === "focus" || i === "active") && this.ensureInteractiveTransition();
     const r = new bo(i, this);
@@ -6053,12 +6077,12 @@ class ho {
   }
   getClassName() {
     let o;
-    return Object.keys(this._cssStyles).length > 0 && (o = Dr(this._cssStyles) || void 0), Rr(this._classNames, o);
+    return Object.keys(this._cssStyles).length > 0 && (o = Hr(this._cssStyles) || void 0), Ir(this._classNames, o);
   }
   getStyle() {
     let o = Io({ ...this._style, ...this._cssStyles });
     if (this._smoothSurface && (o = qt(o), this._smoothNeedsRestTransform && (o = Be(o))), this._theme && (o = {
-      ...vn(this._theme),
+      ...wn(this._theme),
       ...o,
       backgroundColor: o.backgroundColor ?? this._theme.colors.background,
       color: o.color ?? this._theme.colors.onBackground,
@@ -6091,7 +6115,7 @@ class ho {
     return this._childFunction;
   }
 }
-const zn = /* @__PURE__ */ new Set([
+const Tn = /* @__PURE__ */ new Set([
   "$$typeof",
   "type",
   "props",
@@ -6104,27 +6128,28 @@ const zn = /* @__PURE__ */ new Set([
   "_debugTask",
   "_debugInfo"
 ]);
-function Tn(e) {
+function En(e) {
   var t;
   const o = (t = e._props) == null ? void 0 : t.key;
   if (!(o == null || o === ""))
     return o;
 }
-function En(e) {
-  const o = e._isObserver, t = e._signals, i = e._observers, r = e._state, n = e._providers, s = Tn(e), f = () => {
-    let x = e.build();
-    const m = e._animatedProps, T = e._animationConfig;
+function An(e) {
+  const o = e._isObserver, t = e._signals, i = e._observers, r = e._state, n = e._providers, s = En(e), f = () => {
+    e.runReplays();
+    let x = Er(e, () => e.build());
+    const m = e._animatedProps, E = e._animationConfig;
     m && m.size > 0 && (x = d.createElement(Vi, {
       key: s,
       animatedProps: m,
-      animationConfig: T,
+      animationConfig: E,
       children: x
     }));
     const k = e._reveal;
     if (k) {
-      const N = e._style || {}, j = {};
+      const $ = e._style || {}, j = {};
       for (const W of ["--fibo-dur", "--fibo-ease", "--fibo-delay", "--fibo-stagger", "--fibo-from"])
-        N[W] != null && (j[W] = N[W]);
+        $[W] != null && (j[W] = $[W]);
       x = d.createElement(Yi, {
         key: s,
         preset: k.preset,
@@ -6142,22 +6167,22 @@ function En(e) {
       d.createElement(yr),
       x
     ));
-    const w = e._gesture;
-    return w && (x = w.wrap(x)), x;
-  }, a = typeof e.hasStateManagement == "function" ? e.hasStateManagement() : !!(o || t && t.size || i && i.size || r && r.size || n && n.size), b = o ? d.createElement(Ar, {
+    const v = e._gesture;
+    return v && (x = v.wrap(x)), x;
+  }, a = typeof e.hasStateManagement == "function" ? e.hasStateManagement() : !!(o || t && t.size || i && i.size || r && r.size || n && n.size), b = o ? d.createElement(Fr, {
     key: s,
     children: f
   }) : null, h = () => b ?? f();
   let g = h();
-  return a && t && t.size > 0 ? g = d.createElement(Fr, {
+  return a && t && t.size > 0 ? g = d.createElement(Br, {
     key: s,
     signals: t,
     children: h
-  }) : a && i && i.size > 0 && (g = d.createElement(Br, {
+  }) : a && i && i.size > 0 && (g = d.createElement($r, {
     key: s,
     observables: i,
     children: h
-  })), a && r && r.size > 0 && (g = d.createElement($r, {
+  })), a && r && r.size > 0 && (g = d.createElement(Rr, {
     key: s,
     stateMap: r,
     children: g
@@ -6167,7 +6192,7 @@ function En(e) {
     children: g
   })), g;
 }
-function An(e, o, t) {
+function Fn(e, o, t) {
   const i = function() {
     return o();
   };
@@ -6186,8 +6211,8 @@ function An(e, o, t) {
 }
 function po(e) {
   return (...o) => {
-    const t = new e(...o), i = e.name.replace(/Builder$/, "") || "Fibo", r = () => En(t);
-    return An(t, r, i), new Proxy(t, {
+    const t = new e(...o), i = e.name.replace(/Builder$/, "") || "Fibo", r = () => An(t);
+    return Fn(t, r, i), new Proxy(t, {
       get(n, s, f) {
         var a, b;
         if (s === "build")
@@ -6207,34 +6232,33 @@ function po(e) {
             ...n.__fiboElementProps ?? {},
             ...h != null && h !== "" ? { key: String(h) } : {}
           }, x = Object.getPrototypeOf(n).props;
-          return typeof x == "function" ? Object.assign((T) => (x.call(n, T), f), g) : g;
+          return typeof x == "function" ? Object.assign((E) => (x.call(n, E), f), g) : g;
         }
         if (s === "type") {
           const h = Reflect.get(n, s), g = Object.getPrototypeOf(n), x = g != null ? g.type : void 0;
-          return typeof x != "function" || typeof h != "function" ? h : (n.__fiboType || (n.__fiboType = (m, T) => typeof m == "string" || typeof m == "number" ? (x.call(n, m), f) : h(m, T)), n.__fiboType);
+          return typeof x != "function" || typeof h != "function" ? h : (n.__fiboType || (n.__fiboType = (m, E) => typeof m == "string" || typeof m == "number" ? (x.call(n, m), f) : h(m, E)), n.__fiboType);
         }
-        return zn.has(s) || Reflect.has(n, s) ? Reflect.get(n, s, f) : (h) => {
-          const x = xe(s) ?? [s];
-          for (const m of x) {
-            const T = li(m);
-            if (_n.has(T)) {
-              n.setBoxLonghand(T, h);
+        return Tn.has(s) || Reflect.has(n, s) ? Reflect.get(n, s, f) : (h) => (((x) => {
+          const E = xe(s) ?? [s];
+          for (const k of E) {
+            const v = li(k);
+            if (Sn.has(v)) {
+              n.setBoxLonghand(v, x);
               continue;
             }
-            const k = eo(m, h);
-            n.paint(T, k);
+            const $ = eo(k, x);
+            n.paint(v, $);
           }
-          return f;
-        };
+        })(h), f);
       }
     });
   };
 }
-const ui = "FIBO:", Fn = /\uE000FIBO:(\d+)\uE001/g, bi = [];
+const ui = "FIBO:", Bn = /\uE000FIBO:(\d+)\uE001/g, bi = [];
 function me(e) {
   return typeof e == "string" ? e : e == null ? "" : String(e);
 }
-function Bn(e) {
+function $n(e) {
   return e.replace(/\uE000FIBO:(\d+)\uE001/g, (o, t) => {
     const i = bi[Number(t)];
     return i == null ? "" : String(i.value);
@@ -6245,18 +6269,18 @@ function q(e) {
 }
 function wo(e) {
   const o = [];
-  for (const t of me(e).matchAll(Fn)) {
+  for (const t of me(e).matchAll(Bn)) {
     const i = bi[Number(t[1])];
     i && o.push(i);
   }
   return o;
 }
-const $n = 16;
+const Rn = 16;
 function lo(e) {
   let o = me(e);
-  for (let t = 0; t < $n; t++) {
+  for (let t = 0; t < Rn; t++) {
     if (!o.includes(ui)) return o;
-    const i = Bn(o);
+    const i = $n(o);
     if (i === o) return o;
     o = i;
   }
@@ -6282,20 +6306,20 @@ function Lt(e, o) {
   if (Array.isArray(o))
     for (const t of o) Lt(e, t);
 }
-function Rn(e) {
+function In(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
-function In(e) {
+function Mn(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function Mn(e) {
+function On(e) {
   e.display !== "none" && (e.display = "flex", (e.alignItems == null || e.alignItems === "") && (e.alignItems = "center"), (e.justifyContent == null || e.justifyContent === "") && (e.justifyContent = "center")), e.margin == null && (e.marginLeft == null && (e.marginLeft = "auto"), e.marginRight == null && (e.marginRight = "auto"));
 }
-function On(e, o) {
+function Ln(e, o) {
   const { children: t, ...i } = o, r = t !== void 0 ? t : e;
   return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: i };
 }
-class Ln extends ho {
+class Pn extends ho {
   children(o) {
     return Lt(this, o), super.children(o);
   }
@@ -6312,8 +6336,8 @@ class Ln extends ho {
       // instead of clipping overflowing children.
       this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
       ...this._classNames
-    ], { nodes: t, rest: i } = On(this.processChildren(), this._props), { className: r, style: n, ...s } = i, f = [...o, r].filter(Boolean).join(" "), a = t.map(Rn), b = { ...this.getStyle(), ...In(n) };
-    return Mn(b), d.createElement(
+    ], { nodes: t, rest: i } = Ln(this.processChildren(), this._props), { className: r, style: n, ...s } = i, f = [...o, r].filter(Boolean).join(" "), a = t.map(In), b = { ...this.getStyle(), ...Mn(n) };
+    return On(b), d.createElement(
       "div",
       {
         style: b,
@@ -6324,14 +6348,14 @@ class Ln extends ho {
     );
   }
 }
-const qf = po(Ln);
+const Zf = po(Pn);
 function hi(e) {
   return e === "start" || e === "center" || e === "end" ? e : e === "between" || e === "space-between" || e === "spaceBetween" ? "spaceBetween" : e === "around" || e === "space-around" || e === "spaceAround" ? "spaceAround" : e === "evenly" || e === "space-evenly" || e === "spaceEvenly" ? "spaceEvenly" : "start";
 }
 function pi(e) {
   return e === "start" || e === "center" || e === "end" || e === "stretch" ? e : "start";
 }
-function Pn(e, o) {
+function jn(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -6345,20 +6369,20 @@ function Pt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Pn(e, o);
+    jn(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Pt(e, t);
 }
-function jn(e) {
+function Wn(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
-function Wn(e, o) {
+function Dn(e, o) {
   const { children: t, ...i } = o, r = t !== void 0 ? t : e;
   return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: i };
 }
-class Dn extends ho {
+class Hn extends ho {
   constructor() {
     super(...arguments);
     l(this, "_mainAxisAlignment", "start");
@@ -6420,14 +6444,14 @@ class Dn extends ho {
       i[this._crossAxisAlignment],
       this._size ? r[this._size] : "",
       ...this._classNames
-    ], s = this.getStyle(), { nodes: f, rest: a } = Wn(this.processChildren(), this._props), { className: b, style: h, ...g } = a, x = [...n, b].filter(Boolean).join(" "), m = f.map(jn), T = {
+    ], s = this.getStyle(), { nodes: f, rest: a } = Dn(this.processChildren(), this._props), { className: b, style: h, ...g } = a, x = [...n, b].filter(Boolean).join(" "), m = f.map(Wn), E = {
       ...s,
       ...h && typeof h == "object" ? h : {}
     };
-    return this._spacing != null && this._spacing !== "" && (typeof this._spacing == "number" ? T.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? T.gap = this._spacing : T.gap = `${Number(this._spacing) * 4}px`), d.createElement(
+    return this._spacing != null && this._spacing !== "" && (typeof this._spacing == "number" ? E.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? E.gap = this._spacing : E.gap = `${Number(this._spacing) * 4}px`), d.createElement(
       "div",
       {
-        style: T,
+        style: E,
         ...g,
         className: x
       },
@@ -6435,8 +6459,8 @@ class Dn extends ho {
     );
   }
 }
-const Zf = po(Dn);
-function Hn(e, o) {
+const Jf = po(Hn);
+function Gn(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -6450,20 +6474,20 @@ function jt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Hn(e, o);
+    Gn(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) jt(e, t);
 }
-function Gn(e) {
+function Xn(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
-function Xn(e, o) {
+function Vn(e, o) {
   const t = o !== void 0 ? o : e;
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }
-const Vn = /* @__PURE__ */ new Set([
+const Yn = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -6491,38 +6515,38 @@ const Vn = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), Yn = /^[a-z][a-z0-9]*$/;
-function Un(e) {
+]), Un = /^[a-z][a-z0-9]*$/;
+function Kn(e) {
   if (typeof e != "string") return "div";
   const o = e.trim().toLowerCase();
-  return !Yn.test(o) || Vn.has(o) ? "div" : o;
+  return !Un.test(o) || Yn.has(o) ? "div" : o;
 }
 function It(e, o) {
   const t = `fibo-${o}-`;
   return e.some((i) => i.startsWith(t));
 }
-function Kn(e) {
+function qn(e) {
   return typeof e == "number" ? `${e}px` : String(e);
 }
 function Zo(e, o) {
   const t = `env(safe-area-inset-${o}, 0px)`;
   if (e == null || e === "") return t;
-  const i = Kn(e);
+  const i = qn(e);
   return i.includes("safe-area-inset") ? i : `max(${i}, ${t})`;
 }
-function qn(e, o) {
+function Zn(e, o) {
   const t = { ...e }, i = t;
   for (const r of ["padding", "margin"]) {
     const n = i[r];
     if (n == null || n === "") continue;
     const s = `${r}Top`, f = `${r}Right`, a = `${r}Bottom`, b = `${r}Left`;
     if (!(i[s] != null || i[f] != null || i[a] != null || i[b] != null || o.has(`${r}-top`) || o.has(`${r}-right`) || o.has(`${r}-bottom`) || o.has(`${r}-left`))) continue;
-    const [g, x, m, T] = ot(String(n));
-    i[s] == null && !o.has(`${r}-top`) && (i[s] = g), i[f] == null && !o.has(`${r}-right`) && (i[f] = x), i[a] == null && !o.has(`${r}-bottom`) && (i[a] = m), i[b] == null && !o.has(`${r}-left`) && (i[b] = T), delete i[r];
+    const [g, x, m, E] = ot(String(n));
+    i[s] == null && !o.has(`${r}-top`) && (i[s] = g), i[f] == null && !o.has(`${r}-right`) && (i[f] = x), i[a] == null && !o.has(`${r}-bottom`) && (i[a] = m), i[b] == null && !o.has(`${r}-left`) && (i[b] = E), delete i[r];
   }
   return t;
 }
-function Zn(e, o) {
+function Jn(e, o) {
   const t = e;
   if (t.padding != null && t.padding !== "") {
     const [n, s, f, a] = ot(String(t.padding));
@@ -6532,7 +6556,7 @@ function Zn(e, o) {
   const i = t.paddingTop != null && t.paddingTop !== "", r = t.paddingBottom != null && t.paddingBottom !== "";
   t.paddingLeft = Zo(t.paddingLeft, "left"), t.paddingRight = Zo(t.paddingRight, "right"), i && (t.paddingTop = Zo(t.paddingTop, "top")), r && (t.paddingBottom = Zo(t.paddingBottom, "bottom"));
 }
-function Jn(e, o, t, i) {
+function Qn(e, o, t, i) {
   const r = e, n = r.width != null || i.has("width") || It(t, "width");
   if (o) {
     n || (r.width = "auto");
@@ -6542,11 +6566,11 @@ function Jn(e, o, t, i) {
   const s = r.margin != null && r.margin !== "", f = s || r.marginLeft != null || r.marginInlineStart != null || i.has("margin-left") || It(t, "margin-left"), a = s || r.marginRight != null || r.marginInlineEnd != null || i.has("margin-right") || It(t, "margin-right");
   f || (r.marginLeft = "auto"), a || (r.marginRight = "auto");
 }
-function Qn(e, o, t, i, r, n, s) {
-  const f = o ? Io({ ...e, ...o }) : { ...e }, a = qn(f, n);
-  return !(a.maxWidth != null || It(r, "max-width") || n.has("max-width")) && t != null && t !== "" && (a.maxWidth = eo("maxWidth", t)), Jn(a, i, r, n), Zn(a, s), a;
+function os(e, o, t, i, r, n, s) {
+  const f = o ? Io({ ...e, ...o }) : { ...e }, a = Zn(f, n);
+  return !(a.maxWidth != null || It(r, "max-width") || n.has("max-width")) && t != null && t !== "" && (a.maxWidth = eo("maxWidth", t)), Qn(a, i, r, n), Jn(a, s), a;
 }
-class os extends ho {
+class ts extends ho {
   constructor() {
     super(...arguments);
     l(this, "_userPad", {});
@@ -6595,7 +6619,7 @@ class os extends ho {
       dangerouslySetInnerHTML: f,
       maxWidth: a,
       ...b
-    } = this._props, h = this.isHug(), g = Xn(this.processChildren(), t).map(Gn), x = Qn(
+    } = this._props, h = this.isHug(), g = Vn(this.processChildren(), t).map(Xn), x = os(
       this.getStyle(),
       r,
       a,
@@ -6608,26 +6632,26 @@ class os extends ho {
       I.register("padding-right", String(x.paddingRight ?? Zo(void 0, "right")))
     ];
     x.paddingTop != null && String(x.paddingTop).includes("safe-area-inset") && m.push(I.register("padding-top", String(x.paddingTop))), x.paddingBottom != null && String(x.paddingBottom).includes("safe-area-inset") && m.push(I.register("padding-bottom", String(x.paddingBottom)));
-    const T = [
+    const E = [
       "fibo-container",
       h ? "w-auto" : "w-full mx-auto",
       this.getClassName(),
       i,
       ...m
-    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), k = Un(n ?? s);
+    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), k = Kn(n ?? s);
     return d.createElement(
       k,
       {
         ...b,
-        className: T,
+        className: E,
         style: x
       },
       ...g
     );
   }
 }
-const Jf = po(os);
-function ts(e, o) {
+const Qf = po(ts);
+function es(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -6641,29 +6665,29 @@ function Wt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    ts(e, o);
+    es(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Wt(e, t);
 }
-function es(e) {
+function is(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
-function is(e, o) {
+function rs(e, o) {
   const { children: t, ...i } = o, r = t !== void 0 ? t : e;
-  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(es), rest: i };
+  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(is), rest: i };
 }
-function rs(e, o) {
+function ns(e, o) {
   return !o || typeof o != "object" || Array.isArray(o) ? { ...e } : { ...e, ...o };
 }
-function ns(e) {
+function ss(e) {
   return e === "row-reverse" ? "flex-row-reverse" : e === "column" ? "flex-col" : e === "column-reverse" ? "flex-col-reverse" : "flex-row";
 }
-function ss(e) {
+function fs(e) {
   return e === "wrap" ? "flex-wrap" : e === "wrap-reverse" ? "flex-wrap-reverse" : "";
 }
-class fs extends ho {
+class as extends ho {
   constructor() {
     super(...arguments);
     l(this, "_mainAxisAlignment", "start");
@@ -6708,16 +6732,16 @@ class fs extends ho {
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, { nodes: r, rest: n } = is(this.processChildren(), this._props), {
+    }, { nodes: r, rest: n } = rs(this.processChildren(), this._props), {
       className: s,
       style: f,
       dangerouslySetInnerHTML: a,
       ...b
-    } = n, h = rs(this.getStyle(), f), x = [...[
+    } = n, h = ns(this.getStyle(), f), x = [...[
       "fibo-row",
       "flex",
-      ns(h.flexDirection),
-      ss(h.flexWrap),
+      ss(h.flexDirection),
+      fs(h.flexWrap),
       // min-w-0: flex item can shrink below content intrinsic width (grid/flex overflow)
       this.isHug() ? "w-auto self-auto shrink-0" : "w-full min-w-0 self-stretch",
       t[this._mainAxisAlignment],
@@ -6735,14 +6759,14 @@ class fs extends ho {
     );
   }
 }
-const Qf = po(fs);
+const oa = po(as);
 function Le(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function as(e) {
+function cs(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-class cs extends ho {
+class ls extends ho {
   constructor() {
     super(...arguments);
     l(this, "_height");
@@ -6768,7 +6792,7 @@ class cs extends ho {
     return this._grow = Number.isFinite(i) ? i : 1, this._expand = !0, this;
   }
   build() {
-    const { className: t, style: i, ...r } = this._props, n = { ...this.getStyle(), ...as(i) }, s = this._height != null || this._width != null, f = this._expand ?? !s;
+    const { className: t, style: i, ...r } = this._props, n = { ...this.getStyle(), ...cs(i) }, s = this._height != null || this._width != null, f = this._expand ?? !s;
     this._height != null && (n.height = Le(this._height)), this._width != null && (n.width = Le(this._width)), f ? (n.flex = `${this._grow ?? 1} 1 0%`, n.alignSelf = n.alignSelf ?? "stretch", n.minWidth = n.minWidth ?? 0, n.minHeight = n.minHeight ?? 0) : n.flex = "0 0 auto";
     const a = ["fibo-spacer", this.getClassName(), t].filter(Boolean).join(" ");
     return d.createElement("div", {
@@ -6779,8 +6803,8 @@ class cs extends ho {
     });
   }
 }
-const oa = po(cs);
-function ls(e, o) {
+const ta = po(ls);
+function us(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -6794,23 +6818,23 @@ function yo(e, o) {
     return;
   }
   if (typeof o == "string") {
-    ls(e, o);
+    us(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) yo(e, t);
 }
-function us(e) {
+function bs(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
 function Zt(e) {
   return e == null || e === !1 ? null : typeof e == "string" ? q(e) ? lo(e) : e : ko(e);
 }
-function bs(e, o) {
+function hs(e, o) {
   const t = o !== void 0 ? o : e;
-  return (t == null ? [] : Array.isArray(t) ? t : [t]).map(us);
+  return (t == null ? [] : Array.isArray(t) ? t : [t]).map(bs);
 }
-const hs = d.memo((e) => {
+const ps = d.memo((e) => {
   const {
     height: o = 64,
     sticky: t,
@@ -6822,7 +6846,7 @@ const hs = d.memo((e) => {
     title: a,
     role: b,
     ...h
-  } = e, g = Array.isArray(n) ? n : n == null ? [] : [n], x = s == null || s === !1 ? null : s, m = f == null || f === !1 ? null : f, T = a == null || a === !1 ? null : a;
+  } = e, g = Array.isArray(n) ? n : n == null ? [] : [n], x = s == null || s === !1 ? null : s, m = f == null || f === !1 ? null : f, E = a == null || a === !1 ? null : a;
   return d.createElement(
     "header",
     {
@@ -6840,10 +6864,10 @@ const hs = d.memo((e) => {
       { key: "leading", className: "fibo-header-leading shrink-0 flex items-center" },
       x
     ) : null,
-    T != null ? d.createElement(
+    E != null ? d.createElement(
       "span",
       { key: "title", className: "fibo-header-title flex-1 min-w-0" },
-      T
+      E
     ) : null,
     ...g,
     m != null ? d.createElement(
@@ -6916,7 +6940,7 @@ const hs = d.memo((e) => {
       title: f,
       ...a
     } = this._props, b = [this.getClassName(), t].filter(Boolean).join(" "), h = r ? { ...this.getStyle(), ...r } : this.getStyle();
-    return d.createElement(hs, {
+    return d.createElement(ps, {
       ...a,
       height: this._height,
       sticky: this._sticky,
@@ -6925,14 +6949,14 @@ const hs = d.memo((e) => {
       leading: Zt(this._leading ?? n),
       trailing: Zt(this._trailing ?? s),
       title: Zt(this._title ?? f),
-      children: bs(this.processChildren(), i)
+      children: hs(this.processChildren(), i)
     });
   }
 };
 l(vt, "unstickSeq", 0);
 let fe = vt;
-const ta = po(fe);
-function ps(e, o) {
+const ea = po(fe);
+function ds(e, o) {
   const {
     theme: t,
     locale: i,
@@ -6946,12 +6970,12 @@ function ps(e, o) {
     extendBehindHeader: g,
     avoidKeyboard: x,
     onDrawerChanged: m,
-    ...T
+    ...E
   } = e, k = new Map(o ?? []);
-  t && k.set("theme", t), i && k.set("locale", i), Object.entries(r).forEach(([R, H]) => {
-    k.set(R, H);
+  t && k.set("theme", t), i && k.set("locale", i), Object.entries(r).forEach(([N, H]) => {
+    k.set(N, H);
   });
-  const w = a.length > 0 ? d.createElement(
+  const v = a.length > 0 ? d.createElement(
     "div",
     {
       key: "fibo-overlays",
@@ -6964,16 +6988,16 @@ function ps(e, o) {
       }
     },
     a.map(
-      (R, H) => d.createElement(
+      (N, H) => d.createElement(
         "div",
         {
-          key: d.isValidElement(R) && R.key != null && R.key !== "" ? String(R.key) : `fibo-overlay-slot-${H}`,
+          key: d.isValidElement(N) && N.key != null && N.key !== "" ? String(N.key) : `fibo-overlay-slot-${H}`,
           style: { pointerEvents: "auto" }
         },
-        R
+        N
       )
     )
-  ) : null, N = {
+  ) : null, $ = {
     height: "100vh",
     overflow: "hidden",
     display: "flex",
@@ -6982,15 +7006,15 @@ function ps(e, o) {
     boxSizing: "border-box",
     ...s
   };
-  N.boxSizing || (N.boxSizing = "border-box"), [
-    N.padding,
-    N.paddingTop,
-    N.paddingRight,
-    N.paddingBottom,
-    N.paddingLeft,
-    N.paddingInline,
-    N.paddingBlock
-  ].some((R) => R != null && R !== "") || Object.assign(N, {
+  $.boxSizing || ($.boxSizing = "border-box"), [
+    $.padding,
+    $.paddingTop,
+    $.paddingRight,
+    $.paddingBottom,
+    $.paddingLeft,
+    $.paddingInline,
+    $.paddingBlock
+  ].some((N) => N != null && N !== "") || Object.assign($, {
     "--fibo-safe-top": "env(safe-area-inset-top, 0px)",
     "--fibo-safe-right": "env(safe-area-inset-right, 0px)",
     "--fibo-safe-bottom": "env(safe-area-inset-bottom, 0px)",
@@ -7004,25 +7028,25 @@ function ps(e, o) {
     "div",
     {
       className: ["fibo-scaffold", n].filter(Boolean).join(" "),
-      style: N,
+      style: $,
       ref: b,
       "data-extend-body": h ? "true" : void 0,
       "data-extend-header": g ? "true" : void 0,
       "data-keyboard": x === !1 ? void 0 : "on",
-      ...T,
+      ...E,
       ...i ? { lang: i } : {}
     },
-    w ? [f, w] : f
+    v ? [f, v] : f
   );
   return k.size > 0 ? d.createElement(ii, {
     providers: k,
     children: W
   }) : W;
 }
-function ds(e) {
-  return ps(e, Nr());
+function xs(e) {
+  return ds(e, Nr());
 }
-function xs(e, o) {
+function gs(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -7036,7 +7060,7 @@ function Jo(e, o) {
     return;
   }
   if (typeof o == "string") {
-    xs(e, o);
+    gs(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -7046,7 +7070,7 @@ function Wo(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
 const Yo = { flexShrink: 0 };
-class gs extends ho {
+class ms extends ho {
   constructor() {
     super(...arguments);
     l(this, "_locale");
@@ -7178,7 +7202,7 @@ class gs extends ho {
       locale: f,
       providers: a,
       ...b
-    } = this._props, g = (t !== void 0 ? dt(t) : this.processChildren()).map(Wo), x = this._headerBar ? this._normalizeBar(this._headerBar) : void 0, m = this._footerBar ? this._normalizeBar(this._footerBar) : void 0, T = this._sideBarLeft ? this._normalizeBar(this._sideBarLeft) : void 0, k = this._sideBarRight ? this._normalizeBar(this._sideBarRight) : void 0, w = this._structure, N = x && ((Fo = w.header) == null ? void 0 : Fo.visible) !== !1, j = m && ((B = w.footer) == null ? void 0 : B.visible) !== !1, W = T && ((U = w.sidebarLeft) == null ? void 0 : U.visible) !== !1, R = k && ((so = w.sidebarRight) == null ? void 0 : so.visible) !== !1, H = W && ((G = w.sidebarLeft) == null ? void 0 : G.fullHeight), D = R && ((jo = w.sidebarRight) == null ? void 0 : jo.fullHeight), Q = d.createElement(
+    } = this._props, g = (t !== void 0 ? dt(t) : this.processChildren()).map(Wo), x = this._headerBar ? this._normalizeBar(this._headerBar) : void 0, m = this._footerBar ? this._normalizeBar(this._footerBar) : void 0, E = this._sideBarLeft ? this._normalizeBar(this._sideBarLeft) : void 0, k = this._sideBarRight ? this._normalizeBar(this._sideBarRight) : void 0, v = this._structure, $ = x && ((Fo = v.header) == null ? void 0 : Fo.visible) !== !1, j = m && ((B = v.footer) == null ? void 0 : B.visible) !== !1, W = E && ((U = v.sidebarLeft) == null ? void 0 : U.visible) !== !1, N = k && ((so = v.sidebarRight) == null ? void 0 : so.visible) !== !1, H = W && ((G = v.sidebarLeft) == null ? void 0 : G.fullHeight), D = N && ((jo = v.sidebarRight) == null ? void 0 : jo.fullHeight), Q = d.createElement(
       "div",
       {
         key: "scaffold-middle",
@@ -7197,18 +7221,18 @@ class gs extends ho {
           key: "sidebar-left",
           className: "z-20",
           style: {
-            width: (Z = w.sidebarLeft) == null ? void 0 : Z.width,
-            position: ((Bo = w.sidebarLeft) == null ? void 0 : Bo.mode) === "over" ? "absolute" : ((So = w.sidebarLeft) == null ? void 0 : So.behavior) === "fixed" || T.fixed ? "sticky" : void 0,
-            top: ((fo = w.sidebarLeft) == null ? void 0 : fo.mode) === "over" || ((Co = w.sidebarLeft) == null ? void 0 : Co.behavior) === "fixed" || T.fixed ? 0 : void 0,
-            left: ((xo = w.sidebarLeft) == null ? void 0 : xo.mode) === "over" ? "0px" : void 0,
-            height: ((it = w.sidebarLeft) == null ? void 0 : it.mode) === "over" || ((yt = w.sidebarLeft) == null ? void 0 : yt.behavior) === "fixed" || T.fixed ? "100%" : void 0,
-            zIndex: ((Ho = w.sidebarLeft) == null ? void 0 : Ho.mode) === "over" ? 20 : void 0,
+            width: (Z = v.sidebarLeft) == null ? void 0 : Z.width,
+            position: ((Bo = v.sidebarLeft) == null ? void 0 : Bo.mode) === "over" ? "absolute" : ((So = v.sidebarLeft) == null ? void 0 : So.behavior) === "fixed" || E.fixed ? "sticky" : void 0,
+            top: ((fo = v.sidebarLeft) == null ? void 0 : fo.mode) === "over" || ((Co = v.sidebarLeft) == null ? void 0 : Co.behavior) === "fixed" || E.fixed ? 0 : void 0,
+            left: ((xo = v.sidebarLeft) == null ? void 0 : xo.mode) === "over" ? "0px" : void 0,
+            height: ((it = v.sidebarLeft) == null ? void 0 : it.mode) === "over" || ((yt = v.sidebarLeft) == null ? void 0 : yt.behavior) === "fixed" || E.fixed ? "100%" : void 0,
+            zIndex: ((Ho = v.sidebarLeft) == null ? void 0 : Ho.mode) === "over" ? 20 : void 0,
             overflowY: "auto",
             borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
             backgroundColor: "var(--fibo-surface, #ffffff)",
             ...Yo
           }
-        }, T.content),
+        }, E.content),
         d.createElement("main", {
           key: "scaffold-body",
           className: "fibo-scaffold-body",
@@ -7223,16 +7247,16 @@ class gs extends ho {
             minHeight: "0px"
           }
         }, g),
-        R && !D && d.createElement("div", {
+        N && !D && d.createElement("div", {
           key: "sidebar-right",
           className: "z-20",
           style: {
-            width: (rt = w.sidebarRight) == null ? void 0 : rt.width,
-            position: ((nt = w.sidebarRight) == null ? void 0 : nt.mode) === "over" ? "absolute" : ((st = w.sidebarRight) == null ? void 0 : st.behavior) === "fixed" || k.fixed ? "sticky" : void 0,
-            top: ((ft = w.sidebarRight) == null ? void 0 : ft.mode) === "over" || ((at = w.sidebarRight) == null ? void 0 : at.behavior) === "fixed" || k.fixed ? 0 : void 0,
-            right: ((Go = w.sidebarRight) == null ? void 0 : Go.mode) === "over" ? "0px" : void 0,
-            height: ((kt = w.sidebarRight) == null ? void 0 : kt.mode) === "over" || ((_t = w.sidebarRight) == null ? void 0 : _t.behavior) === "fixed" || k.fixed ? "100%" : void 0,
-            zIndex: ((St = w.sidebarRight) == null ? void 0 : St.mode) === "over" ? 20 : void 0,
+            width: (rt = v.sidebarRight) == null ? void 0 : rt.width,
+            position: ((nt = v.sidebarRight) == null ? void 0 : nt.mode) === "over" ? "absolute" : ((st = v.sidebarRight) == null ? void 0 : st.behavior) === "fixed" || k.fixed ? "sticky" : void 0,
+            top: ((ft = v.sidebarRight) == null ? void 0 : ft.mode) === "over" || ((at = v.sidebarRight) == null ? void 0 : at.behavior) === "fixed" || k.fixed ? 0 : void 0,
+            right: ((Go = v.sidebarRight) == null ? void 0 : Go.mode) === "over" ? "0px" : void 0,
+            height: ((kt = v.sidebarRight) == null ? void 0 : kt.mode) === "over" || ((_t = v.sidebarRight) == null ? void 0 : _t.behavior) === "fixed" || k.fixed ? "100%" : void 0,
+            zIndex: ((St = v.sidebarRight) == null ? void 0 : St.mode) === "over" ? 20 : void 0,
             overflowY: "auto",
             borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
             backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -7240,12 +7264,12 @@ class gs extends ho {
           }
         }, k.content)
       ].filter(Boolean)
-    ), _ = N && d.createElement("div", {
+    ), _ = $ && d.createElement("div", {
       key: "header-bar",
       className: "z-30 fibo-scaffold-header",
       style: {
-        height: (Ct = w.header) == null ? void 0 : Ct.height,
-        position: this._extendBehindHeader ? "absolute" : (($o = w.header) == null ? void 0 : $o.position) || (x.fixed ? "sticky" : "static"),
+        height: (Ct = v.header) == null ? void 0 : Ct.height,
+        position: this._extendBehindHeader ? "absolute" : (($o = v.header) == null ? void 0 : $o.position) || (x.fixed ? "sticky" : "static"),
         top: 0,
         left: this._extendBehindHeader ? 0 : void 0,
         right: this._extendBehindHeader ? 0 : void 0,
@@ -7256,8 +7280,8 @@ class gs extends ho {
       key: "footer-bar",
       className: "z-30 fibo-scaffold-footer",
       style: {
-        height: (zt = w.footer) == null ? void 0 : zt.height,
-        position: ((Tt = w.footer) == null ? void 0 : Tt.position) || (m.fixed ? "sticky" : "static"),
+        height: (zt = v.footer) == null ? void 0 : zt.height,
+        position: ((Tt = v.footer) == null ? void 0 : Tt.position) || (m.fixed ? "sticky" : "static"),
         zIndex: 30,
         ...Yo
       }
@@ -7350,14 +7374,14 @@ class gs extends ho {
       d.createElement("div", {
         key: "sidebar-left-full",
         style: {
-          width: (Et = w.sidebarLeft) == null ? void 0 : Et.width,
+          width: (Et = v.sidebarLeft) == null ? void 0 : Et.width,
           overflowY: "auto",
           borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
           zIndex: 40,
           ...Yo
         }
-      }, T.content),
+      }, E.content),
       J
     ])), D && (J = d.createElement("div", {
       key: "full-height-right-wrapper",
@@ -7367,7 +7391,7 @@ class gs extends ho {
       d.createElement("div", {
         key: "sidebar-right-full",
         style: {
-          width: (Xo = w.sidebarRight) == null ? void 0 : Xo.width,
+          width: (Xo = v.sidebarRight) == null ? void 0 : Xo.width,
           overflowY: "auto",
           borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -7393,11 +7417,11 @@ class gs extends ho {
       onDrawerChanged: this._onDrawer,
       ...b
     };
-    return d.createElement(ds, Po);
+    return d.createElement(xs, Po);
   }
 }
-const ea = po(gs);
-function ms(e, o) {
+const ia = po(ms);
+function vs(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -7411,7 +7435,7 @@ function Dt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    ms(e, o);
+    vs(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -7423,7 +7447,7 @@ function di(e) {
 function xi(e) {
   return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-const vs = /* @__PURE__ */ new Set([
+const ws = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -7451,13 +7475,13 @@ const vs = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), ws = /^[a-z][a-z0-9]*$/;
-function ys(e) {
+]), ys = /^[a-z][a-z0-9]*$/;
+function ks(e) {
   if (typeof e != "string") return "div";
   const o = e.trim().toLowerCase();
-  return !ws.test(o) || vs.has(o) ? "div" : o;
+  return !ys.test(o) || ws.has(o) ? "div" : o;
 }
-function ks(e) {
+function _s(e) {
   const o = e, t = o.overflow;
   if (t == null || t === "") return;
   const i = String(t).trim().split(/\s+/).filter(Boolean);
@@ -7478,13 +7502,13 @@ function gi(e) {
     const [h, g, x, m] = ot(String(r));
     t[n] == null && (t[n] = h), t[s] == null && (t[s] = g), t[f] == null && (t[f] = x), t[a] == null && (t[a] = m), delete t[i];
   }
-  return ks(o), o;
+  return _s(o), o;
 }
-function _s(e, o) {
+function Ss(e, o) {
   const t = o ? Io({ ...e, ...o }) : { ...e };
   return gi(t);
 }
-const Ss = d.memo((e) => {
+const Cs = d.memo((e) => {
   const {
     className: o,
     style: t,
@@ -7496,7 +7520,7 @@ const Ss = d.memo((e) => {
     role: a,
     tabIndex: b,
     ...h
-  } = e, g = xi(i).map(di), x = ys(r ?? n), m = typeof f == "function";
+  } = e, g = xi(i).map(di), x = ks(r ?? n), m = typeof f == "function";
   return d.createElement(
     x,
     {
@@ -7510,7 +7534,7 @@ const Ss = d.memo((e) => {
     ...g
   );
 });
-class Cs extends ho {
+class zs extends ho {
   children(o) {
     return Dt(this, o), super.children(o);
   }
@@ -7526,8 +7550,8 @@ class Cs extends ho {
       tag: s,
       dangerouslySetInnerHTML: f,
       ...a
-    } = this._props, b = this.processChildren(), g = xi(r !== void 0 ? r : b).map(di), x = [...o, t].filter(Boolean).join(" "), m = _s(this.getStyle(), i);
-    return d.createElement(Ss, {
+    } = this._props, b = this.processChildren(), g = xi(r !== void 0 ? r : b).map(di), x = [...o, t].filter(Boolean).join(" "), m = Ss(this.getStyle(), i);
+    return d.createElement(Cs, {
       style: m,
       children: g,
       as: n,
@@ -7537,8 +7561,8 @@ class Cs extends ho {
     });
   }
 }
-const ia = po(Cs);
-function Ro(e, o) {
+const ra = po(zs);
+function No(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -7555,31 +7579,31 @@ function Mo(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Ro(e, o);
+    No(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Mo(e, t);
 }
-function zs(e) {
+function Ts(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
 function Ht(e) {
   return e == null || e === !1 ? null : typeof e == "string" ? Mt(e) ?? e : ko(e);
 }
-const Ts = {
+const Es = {
   green: "var(--fibo-success, #22c55e)",
   orange: "var(--fibo-warning, #f97316)",
   red: "var(--fibo-error, #ef4444)",
   blue: "var(--fibo-info, #3b82f6)",
   purple: "var(--fibo-tertiary, #a855f7)"
-}, Es = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
-function As(e) {
+}, As = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
+function Fs(e) {
   if (typeof e != "string") return "article";
   const o = e.trim().toLowerCase();
-  return !o || !/^[a-z][a-z0-9]*$/.test(o) || Es.has(o) ? "article" : o;
+  return !o || !/^[a-z][a-z0-9]*$/.test(o) || As.has(o) ? "article" : o;
 }
-const Fs = d.memo((e) => {
+const Bs = d.memo((e) => {
   const {
     text: o,
     subtitle: t,
@@ -7594,7 +7618,7 @@ const Fs = d.memo((e) => {
     ...g
   } = e;
   delete g.color;
-  const x = Array.isArray(f) ? f : f == null ? [] : [f], m = g.onClick, T = g.onKeyDown, k = typeof m == "function", w = [
+  const x = Array.isArray(f) ? f : f == null ? [] : [f], m = g.onClick, E = g.onKeyDown, k = typeof m == "function", v = [
     "fibo-card",
     "rounded-[24px]",
     "transition-shadow",
@@ -7602,7 +7626,7 @@ const Fs = d.memo((e) => {
     "p-4",
     k ? "fibo-clickable" : "",
     n
-  ].filter(Boolean).join(" "), N = {
+  ].filter(Boolean).join(" "), $ = {
     ...r ? {
       borderLeftWidth: 4,
       borderLeftStyle: "solid",
@@ -7611,17 +7635,17 @@ const Fs = d.memo((e) => {
     ...s
   }, j = Ht(a), W = Ht(b);
   return d.createElement(
-    As(h),
+    Fs(h),
     {
       ...g,
-      className: w,
-      style: N,
+      className: v,
+      style: $,
       onClick: m,
       ...k ? {
         role: "button",
         tabIndex: g.tabIndex ?? 0,
-        onKeyDown: (R) => {
-          T == null || T(R), !R.defaultPrevented && R.target === R.currentTarget && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), R.currentTarget.click());
+        onKeyDown: (N) => {
+          E == null || E(N), !N.defaultPrevented && N.target === N.currentTarget && (N.key === "Enter" || N.key === " ") && (N.preventDefault(), N.currentTarget.click());
         }
       } : null
     },
@@ -7655,7 +7679,7 @@ const Fs = d.memo((e) => {
     W ? d.createElement("footer", { className: "fibo-card-footer" }, W) : null
   );
 });
-class Bs extends ho {
+class $s extends ho {
   constructor() {
     super(...arguments);
     l(this, "_text", "");
@@ -7667,17 +7691,17 @@ class Bs extends ho {
     l(this, "_as");
   }
   text(t) {
-    return this._text = t, Ro(this, t), this;
+    return this._text = t, No(this, t), this;
   }
   /** Alias of `.text()` — same slot as Banner/ListTile/Alert `.title()`. */
   title(t) {
     return this.text(t);
   }
   subtitle(t) {
-    return this._subtitle = t, Ro(this, t), this;
+    return this._subtitle = t, No(this, t), this;
   }
   number(t) {
-    return this._number = t, Ro(this, t), this;
+    return this._number = t, No(this, t), this;
   }
   children(t) {
     return Mo(this, t), super.children(t);
@@ -7692,13 +7716,13 @@ class Bs extends ho {
     return this._as = String(t), this;
   }
   props(t) {
-    return t && (Ro(this, t.text), Ro(this, t.title), Ro(this, t.subtitle), Ro(this, t.number), Mo(this, t.header), Mo(this, t.footer), "children" in t && Mo(this, t.children)), super.props(t);
+    return t && (No(this, t.text), No(this, t.title), No(this, t.subtitle), No(this, t.number), Mo(this, t.header), Mo(this, t.footer), "children" in t && Mo(this, t.children)), super.props(t);
   }
   color(t) {
     return this._color = t, this;
   }
   build() {
-    const t = this._color ? Ts[this._color] : void 0, {
+    const t = this._color ? Es[this._color] : void 0, {
       className: i,
       text: r,
       title: n,
@@ -7717,14 +7741,14 @@ class Bs extends ho {
       as: this._as ?? h,
       accentColor: t,
       style: this.getStyle(),
-      children: this.processChildren().map(zs),
+      children: this.processChildren().map(Ts),
       ...g,
       className: x
     };
-    return d.createElement(Fs, m);
+    return d.createElement(Bs, m);
   }
 }
-const ra = po(Bs), $s = {
+const na = po($s), Rs = {
   none: "0px",
   sm: "8px",
   md: "16px",
@@ -7737,17 +7761,17 @@ function ae(e) {
 function Ns(e) {
   return `repeat(${e}, minmax(0, auto))`;
 }
-function Rs(e, o) {
+function Is(e, o) {
   return o || ae(typeof e == "number" ? e : 1);
 }
-function Is(e, o) {
+function Ms(e, o) {
   if (o) return o;
   if (typeof e == "number") return Ns(e);
 }
 function gt(e) {
-  return typeof e == "number" ? `${e}px` : $s[e] ?? (e || "16px");
+  return typeof e == "number" ? `${e}px` : Rs[e] ?? (e || "16px");
 }
-function Ms(e, o, t) {
+function Os(e, o, t) {
   return o == null && t == null ? { gap: e } : {
     ...o != null ? { rowGap: gt(o) } : { rowGap: e },
     ...t != null ? { columnGap: gt(t) } : { columnGap: e }
@@ -7767,12 +7791,12 @@ function Jt(e, o) {
   }
   return r;
 }
-function Os(e) {
+function Ls(e) {
   if (!d.isValidElement(e)) return !1;
   const o = e.props;
   return !!(o && typeof o == "object" && (o.colSpan || o.rowSpan || o.colStart != null || o.colEnd != null || o.rowStart != null || o.rowEnd != null || typeof o.className == "string" && /(col|row)-span/.test(o.className)));
 }
-const Ls = d.memo((e) => {
+const Ps = d.memo((e) => {
   const {
     children: o,
     variant: t = "standard",
@@ -7787,9 +7811,9 @@ const Ls = d.memo((e) => {
     className: g,
     style: x,
     ...m
-  } = e, T = mi(o), k = gt(r), w = Ms(k, b, h), N = Rs(i, s), j = Is(n, f);
+  } = e, E = mi(o), k = gt(r), v = Os(k, b, h), $ = Is(i, s), j = Ms(n, f);
   if (t === "bento") {
-    const R = [
+    const N = [
       { col: 2, row: 2 },
       { col: 1, row: 1 },
       { col: 1, row: 1 },
@@ -7797,9 +7821,9 @@ const Ls = d.memo((e) => {
       { col: 2, row: 1 }
     ], H = {
       display: "grid",
-      gridTemplateColumns: N,
+      gridTemplateColumns: $,
       ...j ? { gridTemplateRows: j } : {},
-      ...w,
+      ...v,
       gridAutoFlow: a ?? "dense",
       ...x
     };
@@ -7807,10 +7831,10 @@ const Ls = d.memo((e) => {
       className: ["fibo-grid", "grid", ...Jt(i, "grid"), g].filter(Boolean).join(" "),
       style: H,
       ...m
-    }, d.Children.map(T, (D, Q) => {
-      if (Os(D))
+    }, d.Children.map(E, (D, Q) => {
+      if (Ls(D))
         return D;
-      const _ = R[Q % R.length];
+      const _ = N[Q % N.length];
       return d.createElement("div", {
         key: ee(D, Q),
         style: { gridColumn: `span ${_.col}`, gridRow: `span ${_.row}` }
@@ -7818,9 +7842,9 @@ const Ls = d.memo((e) => {
     }));
   }
   if (t === "masonry") {
-    const R = h != null ? gt(h) : k, H = b != null ? gt(b) : k, D = {
+    const N = h != null ? gt(h) : k, H = b != null ? gt(b) : k, D = {
       columnCount: typeof i == "number" ? i : 1,
-      columnGap: R,
+      columnGap: N,
       ...x
     };
     return d.createElement("div", {
@@ -7828,7 +7852,7 @@ const Ls = d.memo((e) => {
       style: D,
       ...m
     }, d.Children.map(
-      T,
+      E,
       (Q, _) => d.createElement("div", {
         key: ee(Q, _),
         style: { breakInside: "avoid", marginBottom: H }
@@ -7837,18 +7861,18 @@ const Ls = d.memo((e) => {
   }
   const W = {
     display: "grid",
-    gridTemplateColumns: N,
+    gridTemplateColumns: $,
     ...j ? { gridTemplateRows: j } : {},
     ...a ? { gridAutoFlow: a } : {},
-    ...w,
+    ...v,
     ...x
   };
   return d.createElement("div", {
     className: ["fibo-grid", "grid", ...Jt(i, "grid"), g].filter(Boolean).join(" "),
     style: W,
     ...m
-  }, ...T);
-}), Ps = d.memo((e) => {
+  }, ...E);
+}), js = d.memo((e) => {
   const {
     children: o,
     colSpan: t,
@@ -7878,7 +7902,7 @@ const Ls = d.memo((e) => {
     ...h
   }, ...g);
 });
-class js extends ho {
+class Ws extends ho {
   constructor() {
     super(...arguments);
     l(this, "_variant", "standard");
@@ -7938,10 +7962,10 @@ class js extends ho {
       style: this.getStyle(),
       ...this._props
     };
-    return d.createElement(Ls, t);
+    return d.createElement(Ps, t);
   }
 }
-class Ws extends ho {
+class Ds extends ho {
   constructor() {
     super(...arguments);
     l(this, "_colSpan");
@@ -7982,14 +8006,14 @@ class Ws extends ho {
       style: this.getStyle(),
       ...this._props
     };
-    return d.createElement(Ps, t);
+    return d.createElement(js, t);
   }
 }
-const na = po(js), sa = po(Ws);
-function Ds(e) {
+const sa = po(Ws), fa = po(Ds);
+function Hs(e) {
   return e == null ? "" : String(e);
 }
-function Hs({
+function Gs({
   compute: e,
   as: o = "span",
   className: t,
@@ -7997,10 +8021,10 @@ function Hs({
   children: r,
   ...n
 }) {
-  const { dangerouslySetInnerHTML: s, ref: f, ...a } = n, b = typeof e == "function" ? Ds(e()) : r;
+  const { dangerouslySetInnerHTML: s, ref: f, ...a } = n, b = typeof e == "function" ? Hs(e()) : r;
   return d.createElement(o, { className: t, style: i, ...a }, b);
 }
-const Gs = /* @__PURE__ */ new Set([
+const Xs = /* @__PURE__ */ new Set([
   "block",
   "inline",
   "inline-block",
@@ -8104,7 +8128,7 @@ function ki(e, o) {
     ...o
   };
 }
-function Xs(e, o) {
+function Vs(e, o) {
   if (!(typeof o != "string" || !q(o)))
     for (const t of wo(o))
       e.bindSignal(t);
@@ -8118,7 +8142,7 @@ function Gt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Xs(e, o);
+    Vs(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -8133,7 +8157,7 @@ function _i(e) {
   const { dangerouslySetInnerHTML: o, ...t } = e;
   return t;
 }
-function Vs(e) {
+function Ys(e) {
   if (e == null || typeof e != "object" || Array.isArray(e) || d.isValidElement(e)) return !1;
   const o = e;
   return "children" in o || "text" in o || "className" in o || "variant" in o || "type" in o;
@@ -8159,11 +8183,11 @@ function mt(e) {
   }
   return null;
 }
-function Ys(e, o) {
+function Us(e, o) {
   const t = mt(e);
   return t != null && t !== "" ? t : mt(o);
 }
-const Us = d.memo((e) => {
+const Ks = d.memo((e) => {
   const { text: o, type: t, className: i, style: r, children: n, liveRef: s, ...f } = e, a = yi(t), b = wi[a] || "p";
   return d.createElement(
     b,
@@ -8173,10 +8197,10 @@ const Us = d.memo((e) => {
       ..._i(f),
       ...s ? { ref: s } : null
     },
-    Ys(o, n)
+    Us(o, n)
   );
 });
-class Ks extends ho {
+class qs extends ho {
   constructor(t = "") {
     super();
     l(this, "_text", "");
@@ -8213,7 +8237,7 @@ class Ks extends ho {
       return this._text = String(t), this._nodes = void 0, this;
     if (d.isValidElement(t) || Array.isArray(t))
       return this._nodes = t, this._text = "", this;
-    if (Vs(t)) {
+    if (Ys(t)) {
       const i = t, {
         children: r,
         text: n,
@@ -8236,7 +8260,7 @@ class Ks extends ho {
    * CSS display (`block` / `flex` / …) sets `display` and leaves the tag alone.
    */
   type(t) {
-    return ce(t) ? (this._type = t, this) : typeof t == "string" && Gs.has(t) ? (this.layoutStyle({ display: t }), this) : this;
+    return ce(t) ? (this._type = t, this) : typeof t == "string" && Xs.has(t) ? (this.layoutStyle({ display: t }), this) : this;
   }
   variant(t) {
     return ce(t) && (this._type = t), this;
@@ -8309,17 +8333,17 @@ class Ks extends ho {
       text: g,
       children: x,
       dangerouslySetInnerHTML: m,
-      ...T
-    } = this._props ?? {}, k = typeof s == "string" ? s : "", w = this.textChrome(), N = {
+      ...E
+    } = this._props ?? {}, k = typeof s == "string" ? s : "", v = this.textChrome(), $ = {
       ...this.getStyle(),
       ...f && typeof f == "object" ? f : null,
-      ...w.style
-    }, j = ki(t, N), W = _i(T);
+      ...v.style
+    }, j = ki(t, $), W = _i(E);
     if (typeof this._text == "function") {
       const H = this._text;
-      return d.createElement(Hs, {
+      return d.createElement(Gs, {
         ...W,
-        ...w.attrs,
+        ...v.attrs,
         compute: () => {
           try {
             const D = H();
@@ -8333,54 +8357,54 @@ class Ks extends ho {
         style: j
       });
     }
-    const R = {
+    const N = {
       ...W,
-      ...w.attrs,
+      ...v.attrs,
       text: this._text,
       type: t,
       className: `${this.getClassName()} ${k}`.trim(),
-      style: N,
+      style: $,
       children: n ?? Qt(x)
     };
     if (this._live) {
       const H = this._live;
-      R.liveRef = (D) => {
+      N.liveRef = (D) => {
         H.node = D;
       };
     }
-    return d.createElement(Us, R);
+    return d.createElement(Ks, N);
   }
 }
-const fa = po(Ks), qs = (e, o) => {
+const aa = po(qs), Zs = (e, o) => {
   const t = new Array(e.length + o.length);
   for (let i = 0; i < e.length; i++)
     t[i] = e[i];
   for (let i = 0; i < o.length; i++)
     t[e.length + i] = o[i];
   return t;
-}, Zs = (e, o) => ({
+}, Js = (e, o) => ({
   classGroupId: e,
   validator: o
 }), Si = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
   nextPart: e,
   validators: o,
   classGroupId: t
-}), Xt = "-", Pe = [], Js = "arbitrary..", Qs = (e) => {
-  const o = tf(e), {
+}), Xt = "-", Pe = [], Qs = "arbitrary..", of = (e) => {
+  const o = ef(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: i
   } = e;
   return {
     getClassGroupId: (s) => {
       if (s.startsWith("[") && s.endsWith("]"))
-        return of(s);
+        return tf(s);
       const f = s.split(Xt), a = f[0] === "" && f.length > 1 ? 1 : 0;
       return Ci(f, a, o);
     },
     getConflictingClassGroupIds: (s, f) => {
       if (f) {
         const a = i[s], b = t[s];
-        return a ? b ? qs(b, a) : a : b || Pe;
+        return a ? b ? Zs(b, a) : a : b || Pe;
       }
       return t[s] || Pe;
     }
@@ -8402,16 +8426,16 @@ const fa = po(Ks), qs = (e, o) => {
     if (h.validator(f))
       return h.classGroupId;
   }
-}, of = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, tf = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), t = o.indexOf(":"), i = o.slice(0, t);
-  return i ? Js + i : void 0;
-})(), tf = (e) => {
+  return i ? Qs + i : void 0;
+})(), ef = (e) => {
   const {
     theme: o,
     classGroups: t
   } = e;
-  return ef(t, o);
-}, ef = (e, o) => {
+  return rf(t, o);
+}, rf = (e, o) => {
   const t = Si();
   for (const i in e) {
     const r = e[i];
@@ -8422,28 +8446,28 @@ const fa = po(Ks), qs = (e, o) => {
   const r = e.length;
   for (let n = 0; n < r; n++) {
     const s = e[n];
-    rf(s, o, t, i);
+    nf(s, o, t, i);
   }
-}, rf = (e, o, t, i) => {
+}, nf = (e, o, t, i) => {
   if (typeof e == "string") {
-    nf(e, o, t);
+    sf(e, o, t);
     return;
   }
   if (typeof e == "function") {
-    sf(e, o, t, i);
+    ff(e, o, t, i);
     return;
   }
-  ff(e, o, t, i);
-}, nf = (e, o, t) => {
+  af(e, o, t, i);
+}, sf = (e, o, t) => {
   const i = e === "" ? o : zi(o, e);
   i.classGroupId = t;
-}, sf = (e, o, t, i) => {
-  if (af(e)) {
+}, ff = (e, o, t, i) => {
+  if (cf(e)) {
     ve(e(i), o, t, i);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(Zs(t, e));
-}, ff = (e, o, t, i) => {
+  o.validators === null && (o.validators = []), o.validators.push(Js(t, e));
+}, af = (e, o, t, i) => {
   const r = Object.entries(e), n = r.length;
   for (let s = 0; s < n; s++) {
     const [f, a] = r[s];
@@ -8458,7 +8482,7 @@ const fa = po(Ks), qs = (e, o) => {
     f || (f = Si(), t.nextPart.set(s, f)), t = f;
   }
   return t;
-}, af = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, cf = (e) => {
+}, cf = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, lf = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -8482,13 +8506,13 @@ const fa = po(Ks), qs = (e, o) => {
       n in t ? t[n] = s : r(n, s);
     }
   };
-}, le = "!", je = ":", lf = [], We = (e, o, t, i, r) => ({
+}, le = "!", je = ":", uf = [], We = (e, o, t, i, r) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: t,
   maybePostfixModifierPosition: i,
   isExternal: r
-}), uf = (e) => {
+}), bf = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: t
@@ -8498,18 +8522,18 @@ const fa = po(Ks), qs = (e, o) => {
     let s = 0, f = 0, a = 0, b;
     const h = r.length;
     for (let k = 0; k < h; k++) {
-      const w = r[k];
+      const v = r[k];
       if (s === 0 && f === 0) {
-        if (w === je) {
+        if (v === je) {
           n.push(r.slice(a, k)), a = k + 1;
           continue;
         }
-        if (w === "/") {
+        if (v === "/") {
           b = k;
           continue;
         }
       }
-      w === "[" ? s++ : w === "]" ? s-- : w === "(" ? f++ : w === ")" && f--;
+      v === "[" ? s++ : v === "]" ? s-- : v === "(" ? f++ : v === ")" && f--;
     }
     const g = n.length === 0 ? r : r.slice(a);
     let x = g, m = !1;
@@ -8520,12 +8544,12 @@ const fa = po(Ks), qs = (e, o) => {
        */
       g.startsWith(le) && (x = g.slice(1), m = !0)
     );
-    const T = b && b > a ? b - a : void 0;
-    return We(n, m, x, T);
+    const E = b && b > a ? b - a : void 0;
+    return We(n, m, x, E);
   };
   if (o) {
     const r = o + je, n = i;
-    i = (s) => s.startsWith(r) ? n(s.slice(r.length)) : We(lf, !1, s, void 0, !0);
+    i = (s) => s.startsWith(r) ? n(s.slice(r.length)) : We(uf, !1, s, void 0, !0);
   }
   if (t) {
     const r = i;
@@ -8535,7 +8559,7 @@ const fa = po(Ks), qs = (e, o) => {
     });
   }
   return i;
-}, bf = (e) => {
+}, hf = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((t, i) => {
     o.set(t, 1e6 + i);
@@ -8548,48 +8572,48 @@ const fa = po(Ks), qs = (e, o) => {
     }
     return r.length > 0 && (r.sort(), i.push(...r)), i;
   };
-}, hf = (e) => ({
-  cache: cf(e.cacheSize),
-  parseClassName: uf(e),
-  sortModifiers: bf(e),
-  ...Qs(e)
-}), pf = /\s+/, df = (e, o) => {
+}, pf = (e) => ({
+  cache: lf(e.cacheSize),
+  parseClassName: bf(e),
+  sortModifiers: hf(e),
+  ...of(e)
+}), df = /\s+/, xf = (e, o) => {
   const {
     parseClassName: t,
     getClassGroupId: i,
     getConflictingClassGroupIds: r,
     sortModifiers: n
-  } = o, s = [], f = e.trim().split(pf);
+  } = o, s = [], f = e.trim().split(df);
   let a = "";
   for (let b = f.length - 1; b >= 0; b -= 1) {
     const h = f[b], {
       isExternal: g,
       modifiers: x,
       hasImportantModifier: m,
-      baseClassName: T,
+      baseClassName: E,
       maybePostfixModifierPosition: k
     } = t(h);
     if (g) {
       a = h + (a.length > 0 ? " " + a : a);
       continue;
     }
-    let w = !!k, N = i(w ? T.substring(0, k) : T);
-    if (!N) {
-      if (!w) {
+    let v = !!k, $ = i(v ? E.substring(0, k) : E);
+    if (!$) {
+      if (!v) {
         a = h + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (N = i(T), !N) {
+      if ($ = i(E), !$) {
         a = h + (a.length > 0 ? " " + a : a);
         continue;
       }
-      w = !1;
+      v = !1;
     }
-    const j = x.length === 0 ? "" : x.length === 1 ? x[0] : n(x).join(":"), W = m ? j + le : j, R = W + N;
-    if (s.indexOf(R) > -1)
+    const j = x.length === 0 ? "" : x.length === 1 ? x[0] : n(x).join(":"), W = m ? j + le : j, N = W + $;
+    if (s.indexOf(N) > -1)
       continue;
-    s.push(R);
-    const H = r(N, w);
+    s.push(N);
+    const H = r($, v);
     for (let D = 0; D < H.length; ++D) {
       const Q = H[D];
       s.push(W + Q);
@@ -8597,7 +8621,7 @@ const fa = po(Ks), qs = (e, o) => {
     a = h + (a.length > 0 ? " " + a : a);
   }
   return a;
-}, xf = (...e) => {
+}, gf = (...e) => {
   let o = 0, t, i, r = "";
   for (; o < e.length; )
     (t = e[o++]) && (i = Ti(t)) && (r && (r += " "), r += i);
@@ -8613,31 +8637,31 @@ const fa = po(Ks), qs = (e, o) => {
   let t, i, r, n;
   const s = (a) => {
     const b = o.reduce((h, g) => g(h), e());
-    return t = hf(b), i = t.cache.get, r = t.cache.set, n = f, f(a);
+    return t = pf(b), i = t.cache.get, r = t.cache.set, n = f, f(a);
   }, f = (a) => {
     const b = i(a);
     if (b)
       return b;
-    const h = df(a, t);
+    const h = xf(a, t);
     return r(a, h), h;
   };
-  return n = s, (...a) => n(xf(...a));
-}, gf = [], no = (e) => {
-  const o = (t) => t[e] || gf;
+  return n = s, (...a) => n(gf(...a));
+}, mf = [], no = (e) => {
+  const o = (t) => t[e] || mf;
   return o.isThemeGetter = !0, o;
-}, Ei = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ai = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mf = /^\d+\/\d+$/, vf = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, wf = /\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$/, yf = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, kf = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _f = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Uo = (e) => mf.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), No = (e) => !!e && Number.isInteger(Number(e)), oe = (e) => e.endsWith("%") && M(e.slice(0, -1)), zo = (e) => vf.test(e), Sf = () => !0, Cf = (e) => (
+}, Ei = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ai = /^\((?:(\w[\w-]*):)?(.+)\)$/i, vf = /^\d+\/\d+$/, wf = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, yf = /\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$/, kf = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, _f = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Sf = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Uo = (e) => vf.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), Ro = (e) => !!e && Number.isInteger(Number(e)), oe = (e) => e.endsWith("%") && M(e.slice(0, -1)), zo = (e) => wf.test(e), Cf = () => !0, zf = (e) => (
   // `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.
-  wf.test(e) && !yf.test(e)
-), Fi = () => !1, zf = (e) => kf.test(e), Tf = (e) => _f.test(e), Ef = (e) => !C(e) && !z(e), Af = (e) => tt(e, Ni, Fi), C = (e) => Ei.test(e), Do = (e) => tt(e, Ri, Cf), te = (e) => tt(e, Rf, M), He = (e) => tt(e, Bi, Fi), Ff = (e) => tt(e, $i, Tf), Bt = (e) => tt(e, Ii, zf), z = (e) => Ai.test(e), bt = (e) => et(e, Ri), Bf = (e) => et(e, If), Ge = (e) => et(e, Bi), $f = (e) => et(e, Ni), Nf = (e) => et(e, $i), $t = (e) => et(e, Ii, !0), tt = (e, o, t) => {
+  yf.test(e) && !kf.test(e)
+), Fi = () => !1, Tf = (e) => _f.test(e), Ef = (e) => Sf.test(e), Af = (e) => !C(e) && !z(e), Ff = (e) => tt(e, Ri, Fi), C = (e) => Ei.test(e), Do = (e) => tt(e, Ni, zf), te = (e) => tt(e, If, M), He = (e) => tt(e, Bi, Fi), Bf = (e) => tt(e, $i, Ef), Bt = (e) => tt(e, Ii, Tf), z = (e) => Ai.test(e), bt = (e) => et(e, Ni), $f = (e) => et(e, Mf), Ge = (e) => et(e, Bi), Rf = (e) => et(e, Ri), Nf = (e) => et(e, $i), $t = (e) => et(e, Ii, !0), tt = (e, o, t) => {
   const i = Ei.exec(e);
   return i ? i[1] ? o(i[1]) : t(i[2]) : !1;
 }, et = (e, o, t = !1) => {
   const i = Ai.exec(e);
   return i ? i[1] ? o(i[1]) : t : !1;
-}, Bi = (e) => e === "position" || e === "percentage", $i = (e) => e === "image" || e === "url", Ni = (e) => e === "length" || e === "size" || e === "bg-size", Ri = (e) => e === "length", Rf = (e) => e === "number", If = (e) => e === "family-name", Ii = (e) => e === "shadow", Xe = () => {
-  const e = no("color"), o = no("font"), t = no("text"), i = no("font-weight"), r = no("tracking"), n = no("leading"), s = no("breakpoint"), f = no("container"), a = no("spacing"), b = no("radius"), h = no("shadow"), g = no("inset-shadow"), x = no("text-shadow"), m = no("drop-shadow"), T = no("blur"), k = no("perspective"), w = no("aspect"), N = no("ease"), j = no("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [
+}, Bi = (e) => e === "position" || e === "percentage", $i = (e) => e === "image" || e === "url", Ri = (e) => e === "length" || e === "size" || e === "bg-size", Ni = (e) => e === "length", If = (e) => e === "number", Mf = (e) => e === "family-name", Ii = (e) => e === "shadow", Xe = () => {
+  const e = no("color"), o = no("font"), t = no("text"), i = no("font-weight"), r = no("tracking"), n = no("leading"), s = no("breakpoint"), f = no("container"), a = no("spacing"), b = no("radius"), h = no("shadow"), g = no("inset-shadow"), x = no("text-shadow"), m = no("drop-shadow"), E = no("blur"), k = no("perspective"), v = no("aspect"), $ = no("ease"), j = no("animate"), W = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
     "center",
     "top",
     "bottom",
@@ -8655,13 +8679,13 @@ const fa = po(Ks), qs = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], H = () => [...R(), z, C], D = () => ["auto", "hidden", "clip", "visible", "scroll"], Q = () => ["auto", "contain", "none"], _ = () => [z, C, a], Y = () => [Uo, "full", "auto", ..._()], V = () => [No, "none", "subgrid", z, C], io = () => ["auto", {
-    span: ["full", No, z, C]
-  }, No, z, C], go = () => [No, "auto", z, C], _o = () => ["auto", "min", "max", "fr", z, C], mo = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], uo = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], ao = () => ["auto", ..._()], J = () => [Uo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ..._()], F = () => [e, z, C], Lo = () => [...R(), Ge, He, {
+  ], H = () => [...N(), z, C], D = () => ["auto", "hidden", "clip", "visible", "scroll"], Q = () => ["auto", "contain", "none"], _ = () => [z, C, a], Y = () => [Uo, "full", "auto", ..._()], V = () => [Ro, "none", "subgrid", z, C], io = () => ["auto", {
+    span: ["full", Ro, z, C]
+  }, Ro, z, C], go = () => [Ro, "auto", z, C], _o = () => ["auto", "min", "max", "fr", z, C], mo = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], uo = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], ao = () => ["auto", ..._()], J = () => [Uo, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ..._()], F = () => [e, z, C], Lo = () => [...N(), Ge, He, {
     position: [z, C]
   }], Po = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Fo = () => ["auto", "cover", "contain", $f, Af, {
+  }], Fo = () => ["auto", "cover", "contain", Rf, Ff, {
     size: [z, C]
   }], B = () => [oe, bt, Do], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -8675,7 +8699,7 @@ const fa = po(Ks), qs = (e, o) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    T,
+    E,
     z,
     C
   ], So = () => ["none", M, z, C], fo = () => ["none", M, z, C], Co = () => [M, z, C], xo = () => [Uo, "full", ..._()];
@@ -8686,11 +8710,11 @@ const fa = po(Ks), qs = (e, o) => {
       aspect: ["video"],
       blur: [zo],
       breakpoint: [zo],
-      color: [Sf],
+      color: [Cf],
       container: [zo],
       "drop-shadow": [zo],
       ease: ["in", "out", "in-out"],
-      font: [Ef],
+      font: [Af],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [zo],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -8711,7 +8735,7 @@ const fa = po(Ks), qs = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Uo, C, z, w]
+        aspect: ["auto", "square", Uo, C, z, v]
       }],
       /**
        * Container
@@ -8924,7 +8948,7 @@ const fa = po(Ks), qs = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [No, "auto", z, C]
+        z: [Ro, "auto", z, C]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -8976,7 +9000,7 @@ const fa = po(Ks), qs = (e, o) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [No, "first", "last", "none", z, C]
+        order: [Ro, "first", "last", "none", z, C]
       }],
       /**
        * Grid Template Columns
@@ -9402,7 +9426,7 @@ const fa = po(Ks), qs = (e, o) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Bf, C, o]
+        font: [$f, C, o]
       }],
       /**
        * Font Variant Numeric
@@ -9654,10 +9678,10 @@ const fa = po(Ks), qs = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, No, z, C],
+          }, Ro, z, C],
           radial: ["", z, C],
-          conic: [No, z, C]
-        }, Nf, Ff]
+          conic: [Ro, z, C]
+        }, Nf, Bf]
       }],
       /**
        * Background Color
@@ -10271,7 +10295,7 @@ const fa = po(Ks), qs = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": R()
+        "mask-radial-at": N()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [M]
@@ -10580,7 +10604,7 @@ const fa = po(Ks), qs = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", N, z, C]
+        ease: ["linear", "initial", $, z, C]
       }],
       /**
        * Transition Delay
@@ -11106,26 +11130,26 @@ const fa = po(Ks), qs = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Mf = (e, {
+}, Of = (e, {
   cacheSize: o,
   prefix: t,
   experimentalParseClassName: i,
   extend: r = {},
   override: n = {}
-}) => (ht(e, "cacheSize", o), ht(e, "prefix", t), ht(e, "experimentalParseClassName", i), Nt(e.theme, n.theme), Nt(e.classGroups, n.classGroups), Nt(e.conflictingClassGroups, n.conflictingClassGroups), Nt(e.conflictingClassGroupModifiers, n.conflictingClassGroupModifiers), ht(e, "orderSensitiveModifiers", n.orderSensitiveModifiers), Rt(e.theme, r.theme), Rt(e.classGroups, r.classGroups), Rt(e.conflictingClassGroups, r.conflictingClassGroups), Rt(e.conflictingClassGroupModifiers, r.conflictingClassGroupModifiers), Mi(e, r, "orderSensitiveModifiers"), e), ht = (e, o, t) => {
+}) => (ht(e, "cacheSize", o), ht(e, "prefix", t), ht(e, "experimentalParseClassName", i), Rt(e.theme, n.theme), Rt(e.classGroups, n.classGroups), Rt(e.conflictingClassGroups, n.conflictingClassGroups), Rt(e.conflictingClassGroupModifiers, n.conflictingClassGroupModifiers), ht(e, "orderSensitiveModifiers", n.orderSensitiveModifiers), Nt(e.theme, r.theme), Nt(e.classGroups, r.classGroups), Nt(e.conflictingClassGroups, r.conflictingClassGroups), Nt(e.conflictingClassGroupModifiers, r.conflictingClassGroupModifiers), Mi(e, r, "orderSensitiveModifiers"), e), ht = (e, o, t) => {
   t !== void 0 && (e[o] = t);
-}, Nt = (e, o) => {
+}, Rt = (e, o) => {
   if (o)
     for (const t in o)
       ht(e, t, o[t]);
-}, Rt = (e, o) => {
+}, Nt = (e, o) => {
   if (o)
     for (const t in o)
       Mi(e, o, t);
 }, Mi = (e, o, t) => {
   const i = o[t];
   i !== void 0 && (e[t] = e[t] ? e[t].concat(i) : i);
-}, Of = (e, ...o) => typeof e == "function" ? De(Xe, e, ...o) : De(() => Mf(Xe(), e), ...o), P = [() => !0], Lf = Of({
+}, Lf = (e, ...o) => typeof e == "function" ? De(Xe, e, ...o) : De(() => Of(Xe(), e), ...o), P = [() => !0], Pf = Lf({
   extend: {
     classGroups: {
       h: [{ "fibo-height": P }],
@@ -11164,13 +11188,13 @@ const fa = po(Ks), qs = (e, o) => {
 function pt(e) {
   return e === "submit" || e === "reset" || e === "button" ? e : "button";
 }
-function Pf(e) {
+function jf(e) {
   const o = { ...e };
   for (const t of Object.keys(o))
     t.startsWith("on") && typeof o[t] == "function" && delete o[t];
   return o;
 }
-function jf(e, o) {
+function Wf(e, o) {
   const {
     text: t,
     variant: i,
@@ -11184,15 +11208,15 @@ function jf(e, o) {
     tone: g,
     motion: x,
     expand: m,
-    className: T,
+    className: E,
     style: k,
-    type: w = "button",
-    bare: N,
+    type: v = "button",
+    bare: $,
     liveRef: j,
     onClick: W,
-    children: R,
+    children: N,
     ...H
-  } = e, D = pt(w), Q = {
+  } = e, D = pt(v), Q = {
     xs: "px-[21px] py-[8px] text-[10px] gap-[6px] h-auto tracking-[0.12em] font-normal",
     sm: "px-[14px] py-[6px] text-[13px] gap-[6px] h-[32px]",
     md: "px-[22px] py-[10px] text-[15px] gap-[8px] h-[44px]",
@@ -11203,35 +11227,35 @@ function jf(e, o) {
   const Y = g === "inverse";
   let V = "";
   i === "ghost" ? V = Y ? "bg-transparent text-white shadow-none border border-transparent" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border border-transparent hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : i === "text" ? V = Y ? "bg-transparent text-white shadow-none border-none px-2" : "bg-transparent text-[var(--fibo-on-surface)] shadow-none border-none px-2 hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_8%,transparent)]" : i === "soft" ? V = "bg-[color-mix(in_srgb,var(--fibo-primary)_12%,transparent)] text-[var(--fibo-primary)] shadow-none border-none hover:bg-[color-mix(in_srgb,var(--fibo-primary)_18%,transparent)]" : i === "outline" || i === "outlined" ? V = Y ? "bg-black text-white shadow-none border border-[#3b3b3b]" : "bg-transparent border-[1.5px] border-[var(--fibo-outline,rgba(0,0,0,0.12))] text-[var(--fibo-on-surface)] shadow-none hover:bg-[color-mix(in_srgb,var(--fibo-on-surface)_6%,transparent)]" : i === "solid" ? V = Y ? "bg-[#f2f2f2] text-black shadow-none border border-[#f2f2f2]" : "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-none border-none hover:opacity-90" : i === "filled" || i === "primary" ? V = "bg-[var(--fibo-primary)] text-[var(--fibo-on-primary)] shadow-sm border-none hover:opacity-90 active:opacity-100" : i === "elevated" ? V = "bg-[var(--fibo-surface)] text-[var(--fibo-primary)] shadow-md border-none hover:shadow-lg" : i === "tonal" ? V = "bg-[var(--fibo-secondary-container)] text-[var(--fibo-on-secondary-container)] shadow-sm border-none" : i === "raw" && (V = "bg-transparent border-none shadow-none p-0 h-auto gap-0 text-inherit font-inherit hover:bg-transparent items-stretch [&>*]:h-full [&>*]:self-stretch", _ = ""), h === "soft" && i !== "raw" && (V += " shadow-[0_8px_20px_-6px_rgba(59,130,246,0.4)]");
-  const io = k || {}, go = io.padding !== void 0 || io.paddingTop !== void 0 || io.paddingBottom !== void 0 || io.paddingLeft !== void 0 || io.paddingRight !== void 0 || io.fontSize !== void 0 || io.height !== void 0, _o = io.borderRadius !== void 0, mo = io.fontWeight !== void 0 || r === "xs" || Y, uo = i === "raw" || x === "none" || Y || r === "xs" || N;
-  N ? (V = "", _ = "") : f && (V = V.replace(/\s*(hover|active):\S+/g, "").trim());
-  const ao = Lf(
+  const io = k || {}, go = io.padding !== void 0 || io.paddingTop !== void 0 || io.paddingBottom !== void 0 || io.paddingLeft !== void 0 || io.paddingRight !== void 0 || io.fontSize !== void 0 || io.height !== void 0, _o = io.borderRadius !== void 0, mo = io.fontWeight !== void 0 || r === "xs" || Y, uo = i === "raw" || x === "none" || Y || r === "xs" || $;
+  $ ? (V = "", _ = "") : f && (V = V.replace(/\s*(hover|active):\S+/g, "").trim());
+  const ao = Pf(
     "fibo-button",
-    N ? "" : "relative overflow-hidden",
+    $ ? "" : "relative overflow-hidden",
     "inline-flex items-center justify-center whitespace-nowrap",
-    mo || N ? "" : "font-semibold",
+    mo || $ ? "" : "font-semibold",
     uo || f ? "" : "scale-100 active:scale-[0.96] transform transition-transform duration-200 ease-out",
     f ? "cursor-not-allowed opacity-60 pointer-events-none" : "cursor-pointer",
-    i === "raw" || N || go ? "" : Q[r],
-    i === "raw" || N || _o ? "" : _,
+    i === "raw" || $ || go ? "" : Q[r],
+    i === "raw" || $ || _o ? "" : _,
     m ? "flex-1 w-full" : "",
     `fibo-button-${i}`,
     V,
-    T
+    E
   ), J = [];
-  a && J.push(a), t && J.push(t), R && (Array.isArray(R) ? J.push(...R) : J.push(R));
+  a && J.push(a), t && J.push(t), N && (Array.isArray(N) ? J.push(...N) : J.push(N));
   const F = {
     className: ao,
     ref: j,
     disabled: f,
-    ...Pf(H),
+    ...jf(H),
     type: D,
     style: io
   };
   return d.createElement("button", F, ...J);
 }
-function Wf(e) {
-  return jf(e);
+function Df(e) {
+  return Wf(e);
 }
 function Oi(e, o) {
   if (!(typeof o != "string" || !q(o)))
@@ -11253,10 +11277,10 @@ function ue(e, o) {
   if (Array.isArray(o))
     for (const t of o) ue(e, t);
 }
-function Df(e) {
+function Hf(e) {
   return typeof e == "string" && q(e) ? lo(e) : e;
 }
-class Hf extends ho {
+class Gf extends ho {
   constructor(t = "") {
     super();
     l(this, "_text", "");
@@ -11357,7 +11381,7 @@ class Hf extends ho {
       expand: this._expand,
       className: t,
       style: this.getStyle(),
-      children: this.processChildren().map(Df),
+      children: this.processChildren().map(Hf),
       ...this._props,
       type: this.resolvedHtmlType(),
       bare: this.isReset()
@@ -11368,31 +11392,31 @@ class Hf extends ho {
         s.node = f;
       };
     }
-    return d.createElement(Wf, n);
+    return d.createElement(Df, n);
   }
 }
-const aa = po(Hf);
+const ca = po(Gf);
 export {
-  ia as Box,
-  aa as Button,
-  ra as Card,
-  qf as Center,
-  Zf as Column,
-  Jf as Container,
+  ra as Box,
+  ca as Button,
+  na as Card,
+  Zf as Center,
+  Jf as Column,
+  Qf as Container,
   Ze as FiboStyles,
-  na as Grid,
-  sa as GridItem,
-  ta as Header,
+  sa as Grid,
+  fa as GridItem,
+  ea as Header,
   yr as MotionStyles,
-  Vf as Presence,
-  Qf as Row,
-  ea as Scaffold,
-  oa as Spacer,
-  fa as Text,
-  Uf as createPage,
+  Yf as Presence,
+  oa as Row,
+  ia as Scaffold,
+  ta as Spacer,
+  aa as Text,
+  Kf as createPage,
   qe as endSsrRequest,
   Ke as getCss,
-  Yf as getStyleTag,
+  Uf as getStyleTag,
   kr as page,
-  Kf as withFiboStyles
+  qf as withFiboStyles
 };