fiboui 2.9.5 → 2.9.14

package/dist/server.js

@@ -1,7 +1,7 @@
 var mr = Object.defineProperty;
 var vr = (e, o, t) => o in e ? mr(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
 var c = (e, o, t) => vr(e, typeof o != "symbol" ? o + "" : o, t);
-import u, { cloneElement as wr, isValidElement as yr, createElement as kr, useRef as Bt, useState as me, useLayoutEffect as It, useContext as hi, createContext as _r, useMemo as Sr, useCallback as Cr } from "react";
+import l, { cloneElement as wr, isValidElement as yr, createElement as kr, useRef as Bt, useState as me, useLayoutEffect as It, useContext as hi, createContext as _r, useMemo as Sr, useCallback as Cr } from "react";
 import { jsx as Kt } from "react/jsx-runtime";
 function Wt(e) {
   if (typeof e == "number") return Number.isFinite(e) ? e : void 0;
@@ -19,8 +19,8 @@ function Tr({
 }) {
   if (!e || e.size === 0) return o;
   const t = {};
-  e.forEach((l, d) => {
-    t[d] = l.value;
+  e.forEach((u, d) => {
+    t[d] = u.value;
   });
   const i = [], r = Wt(t.translateX), n = Wt(t.translateY), s = Wt(t.scale), f = Wt(t.rotate);
   if (r !== void 0 && i.push(`translateX(${r}px)`), n !== void 0 && i.push(`translateY(${n}px)`), s !== void 0 && i.push(`scale(${s})`), f !== void 0 && i.push(`rotate(${f}deg)`), i.length === 0) return o;
@@ -41,10 +41,10 @@ function Er({
     "min-w-0",
     o ? "fibo-motion-force" : ""
   ].filter(Boolean).join(" ");
-  return u.createElement("div", { className: r, style: t, "data-fibo-reveal": e }, i);
+  return l.createElement("div", { className: r, style: t, "data-fibo-reveal": e }, i);
 }
 function Ar({ children: e }) {
-  return u.createElement(
+  return l.createElement(
     "div",
     { "data-fibo-scroll-progress": "1", style: { display: "contents" } },
     e
@@ -57,9 +57,9 @@ function Br(e) {
   return !e || typeof e != "object" || Array.isArray(e) || "value" in e && typeof e.subscribe == "function" ? !1 : Object.prototype.hasOwnProperty.call(e, "show");
 }
 function se(e, o) {
-  return Rr(e) ? u.createElement(u.Fragment, null, o) : null;
+  return Rr(e) ? l.createElement(l.Fragment, null, o) : null;
 }
-function yc(e) {
+function _c(e) {
   if (Br(e))
     return se(e.show, e.children);
   let o = e;
@@ -85,19 +85,19 @@ function Nr(e) {
   return vo(e);
 }
 function vo(e) {
-  return e == null || typeof e == "boolean" ? null : di(e) ? e.build() : Fr(e) ? u.createElement(Ir, {
+  return e == null || typeof e == "boolean" ? null : di(e) ? e.build() : Fr(e) ? l.createElement(Ir, {
     signal: e,
     builder: Nr
-  }) : (u.isValidElement(e), e);
+  }) : (l.isValidElement(e), e);
 }
 function Ie(e) {
   return typeof e == "string" || typeof e == "number";
 }
 function ve(e, o) {
-  return u.isValidElement(e) && Ie(e.key) && e.key !== "" ? e.key : `.$fibo-${o}`;
+  return l.isValidElement(e) && Ie(e.key) && e.key !== "" ? e.key : `.$fibo-${o}`;
 }
 function pi(e, o) {
-  return !u.isValidElement(e) || Ie(e.key) && e.key !== "" ? e : u.cloneElement(e, { key: ve(e, o) });
+  return !l.isValidElement(e) || Ie(e.key) && e.key !== "" ? e : l.cloneElement(e, { key: ve(e, o) });
 }
 const $r = 32;
 function we(e, o, t = 0) {
@@ -114,7 +114,7 @@ function we(e, o, t = 0) {
     o.push(vo(e));
   }
 }
-function Ct(e) {
+function zt(e) {
   if (e == null)
     return [];
   const o = typeof e == "function" ? e() : e, t = [];
@@ -359,9 +359,9 @@ var Xe;
   (function(o) {
     var t = typeof globalThis == "object" ? globalThis : typeof He == "object" ? He : typeof self == "object" ? self : typeof this == "object" ? this : f(), i = r(e);
     typeof t.Reflect < "u" && (i = r(t.Reflect, i)), o(i, t), typeof t.Reflect > "u" && (t.Reflect = e);
-    function r(a, l) {
+    function r(a, u) {
       return function(d, g) {
-        Object.defineProperty(a, d, { configurable: !0, writable: !0, value: g }), l && l(d, g);
+        Object.defineProperty(a, d, { configurable: !0, writable: !0, value: g }), u && u(d, g);
       };
     }
     function n() {
@@ -380,7 +380,7 @@ var Xe;
       return n() || s();
     }
   })(function(o, t) {
-    var i = Object.prototype.hasOwnProperty, r = typeof Symbol == "function", n = r && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", s = r && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", f = typeof Object.create == "function", a = { __proto__: [] } instanceof Array, l = !f && !a, d = {
+    var i = Object.prototype.hasOwnProperty, r = typeof Symbol == "function", n = r && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", s = r && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", f = typeof Object.create == "function", a = { __proto__: [] } instanceof Array, u = !f && !a, d = {
       // create an object in dictionary mode (a.k.a. "slow" mode in v8)
       create: f ? function() {
         return $o(/* @__PURE__ */ Object.create(null));
@@ -389,24 +389,24 @@ var Xe;
       } : function() {
         return $o({});
       },
-      has: l ? function(b, p) {
+      has: u ? function(b, p) {
         return i.call(b, p);
       } : function(b, p) {
         return p in b;
       },
-      get: l ? function(b, p) {
+      get: u ? function(b, p) {
         return i.call(b, p) ? b[p] : void 0;
       } : function(b, p) {
         return b[p];
       }
-    }, g = Object.getPrototypeOf(Function), h = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : Pt(), w = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Ot(), S = typeof WeakMap == "function" ? WeakMap : qo(), y = r ? Symbol.for("@reflect-metadata:registry") : void 0, x = $t(), v = Mt(x);
+    }, g = Object.getPrototypeOf(Function), h = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : Pt(), w = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Ot(), S = typeof WeakMap == "function" ? WeakMap : Zo(), y = r ? Symbol.for("@reflect-metadata:registry") : void 0, x = $t(), v = Mt(x);
     function T(b, p, m, _) {
       if (N(m)) {
         if (!Eo(b))
           throw new TypeError();
-        if (!bt(p))
+        if (!ht(p))
           throw new TypeError();
-        return to(b, p);
+        return eo(b, p);
       } else {
         if (!Eo(b))
           throw new TypeError();
@@ -486,11 +486,11 @@ var Xe;
       return N(_) ? !1 : _.OrdinaryDeleteMetadata(b, p, m);
     }
     o("deleteMetadata", K);
-    function to(b, p) {
+    function eo(b, p) {
       for (var m = b.length - 1; m >= 0; --m) {
         var _ = b[m], L = _(p);
         if (!N(L) && !q(L)) {
-          if (!bt(L))
+          if (!ht(L))
             throw new TypeError();
           p = L;
         }
@@ -499,7 +499,7 @@ var Xe;
     }
     function po(b, p, m, _) {
       for (var L = b.length - 1; L >= 0; --L) {
-        var eo = b[L], ao = eo(p, m, _);
+        var io = b[L], ao = io(p, m, _);
         if (!N(ao) && !q(ao)) {
           if (!Y(ao))
             throw new TypeError();
@@ -512,7 +512,7 @@ var Xe;
       var _ = fo(b, p, m);
       if (_)
         return !0;
-      var L = Ko(p);
+      var L = qo(p);
       return q(L) ? !1 : no(b, L, m);
     }
     function fo(b, p, m) {
@@ -528,7 +528,7 @@ var Xe;
       var _ = fo(b, p, m);
       if (_)
         return oo(b, p, m);
-      var L = Ko(p);
+      var L = qo(p);
       if (!q(L))
         return so(b, L, m);
     }
@@ -552,7 +552,7 @@ var Xe;
       L.OrdinaryDefineOwnMetadata(b, p, m, _);
     }
     function So(b, p) {
-      var m = yo(b, p), _ = Ko(b);
+      var m = yo(b, p), _ = qo(b);
       if (_ === null)
         return m;
       var L = So(_, p);
@@ -560,13 +560,13 @@ var Xe;
         return m;
       if (m.length <= 0)
         return L;
-      for (var eo = new w(), ao = [], D = 0, z = m; D < z.length; D++) {
-        var E = z[D], B = eo.has(E);
-        B || (eo.add(E), ao.push(E));
+      for (var io = new w(), ao = [], D = 0, z = m; D < z.length; D++) {
+        var E = z[D], B = io.has(E);
+        B || (io.add(E), ao.push(E));
       }
       for (var F = 0, G = L; F < G.length; F++) {
-        var E = G[F], B = eo.has(E);
-        B || (eo.add(E), ao.push(E));
+        var E = G[F], B = io.has(E);
+        B || (io.add(E), ao.push(E));
       }
       return ao;
     }
@@ -626,7 +626,7 @@ var Xe;
         case 5:
           return b;
       }
-      var m = "string", _ = ht(b, n);
+      var m = "string", _ = dt(b, n);
       if (_ !== void 0) {
         var L = _.call(b, m);
         if (Y(L))
@@ -638,9 +638,9 @@ var Xe;
     function Q(b, p) {
       var m, _, L;
       {
-        var eo = b.toString;
-        if (wo(eo)) {
-          var _ = eo.call(b);
+        var io = b.toString;
+        if (wo(io)) {
+          var _ = io.call(b);
           if (!Y(_))
             return _;
         }
@@ -669,7 +669,7 @@ var Xe;
     function wo(b) {
       return typeof b == "function";
     }
-    function bt(b) {
+    function ht(b) {
       return typeof b == "function";
     }
     function Ft(b) {
@@ -682,10 +682,10 @@ var Xe;
           return !1;
       }
     }
-    function Uo(b, p) {
+    function Ko(b, p) {
       return b === p || b !== b && p !== p;
     }
-    function ht(b, p) {
+    function dt(b, p) {
       var m = b[p];
       if (m != null) {
         if (!wo(m))
@@ -693,8 +693,8 @@ var Xe;
         return m;
       }
     }
-    function dt(b) {
-      var p = ht(b, s);
+    function pt(b) {
+      var p = dt(b, s);
       if (!wo(p))
         throw new TypeError();
       var m = p.call(b);
@@ -702,18 +702,18 @@ var Xe;
         throw new TypeError();
       return m;
     }
-    function pt(b) {
+    function xt(b) {
       return b.value;
     }
-    function xt(b) {
+    function gt(b) {
       var p = b.next();
       return p.done ? !1 : p;
     }
-    function gt(b) {
+    function mt(b) {
       var p = b.return;
       p && p.call(b);
     }
-    function Ko(b) {
+    function qo(b) {
       var p = Object.getPrototypeOf(b);
       if (typeof b != "function" || b === g || p !== g)
         return p;
@@ -726,14 +726,14 @@ var Xe;
     function Nt() {
       var b;
       !N(y) && typeof t.Reflect < "u" && !(y in t.Reflect) && typeof t.Reflect.defineMetadata == "function" && (b = Lt(t.Reflect));
-      var p, m, _, L = new S(), eo = {
+      var p, m, _, L = new S(), io = {
         registerProvider: ao,
         getProvider: z,
         setProvider: B
       };
-      return eo;
+      return io;
       function ao(F) {
-        if (!Object.isExtensible(eo))
+        if (!Object.isExtensible(io))
           throw new Error("Cannot add provider to a frozen registry.");
         switch (!0) {
           case b === F:
@@ -761,13 +761,13 @@ var Xe;
             if (m.isProviderFor(F, G))
               return p;
             if (!N(_))
-              for (var Z = dt(_); ; ) {
-                var io = xt(Z);
-                if (!io)
+              for (var Z = pt(_); ; ) {
+                var ro = gt(Z);
+                if (!ro)
                   return;
-                var ko = pt(io);
+                var ko = xt(ro);
                 if (ko.isProviderFor(F, G))
-                  return gt(Z), ko;
+                  return mt(Z), ko;
               }
           }
         }
@@ -775,8 +775,8 @@ var Xe;
           return b;
       }
       function z(F, G) {
-        var Z = L.get(F), io;
-        return N(Z) || (io = Z.get(G)), N(io) && (io = D(F, G), N(io) || (N(Z) && (Z = new h(), L.set(F, Z)), Z.set(G, io))), io;
+        var Z = L.get(F), ro;
+        return N(Z) || (ro = Z.get(G)), N(ro) && (ro = D(F, G), N(ro) || (N(Z) && (Z = new h(), L.set(F, Z)), Z.set(G, ro))), ro;
       }
       function E(F) {
         if (N(F))
@@ -786,9 +786,9 @@ var Xe;
       function B(F, G, Z) {
         if (!E(Z))
           throw new Error("Metadata provider not registered.");
-        var io = z(F, G);
-        if (io !== Z) {
-          if (!N(io))
+        var ro = z(F, G);
+        if (ro !== Z) {
+          if (!N(ro))
             return !1;
           var ko = L.get(F);
           N(ko) && (ko = new h(), L.set(F, ko)), ko.set(G, Z);
@@ -813,7 +813,7 @@ var Xe;
         },
         OrdinaryDefineOwnMetadata: ao,
         OrdinaryHasOwnMetadata: L,
-        OrdinaryGetOwnMetadata: eo,
+        OrdinaryGetOwnMetadata: io,
         OrdinaryOwnMetadataKeys: D,
         OrdinaryDeleteMetadata: z
       };
@@ -825,14 +825,14 @@ var Xe;
             return;
           G = new h(), p.set(E, G), Z = !0;
         }
-        var io = G.get(B);
-        if (N(io)) {
+        var ro = G.get(B);
+        if (N(ro)) {
           if (!F)
             return;
-          if (io = new h(), G.set(B, io), !b.setProvider(E, B, m))
+          if (ro = new h(), G.set(B, ro), !b.setProvider(E, B, m))
             throw G.delete(B), Z && p.delete(E), new Error("Wrong provider for target.");
         }
-        return io;
+        return ro;
       }
       function L(E, B, F) {
         var G = _(
@@ -843,7 +843,7 @@ var Xe;
         );
         return N(G) ? !1 : Fo(G.has(E));
       }
-      function eo(E, B, F) {
+      function io(E, B, F) {
         var G = _(
           B,
           F,
@@ -871,16 +871,16 @@ var Xe;
         );
         if (N(G))
           return F;
-        for (var Z = G.keys(), io = dt(Z), ko = 0; ; ) {
-          var We = xt(io);
+        for (var Z = G.keys(), ro = pt(Z), ko = 0; ; ) {
+          var We = gt(ro);
           if (!We)
             return F.length = ko, F;
-          var xr = pt(We);
+          var xr = xt(We);
           try {
             F[ko] = xr;
           } catch (gr) {
             try {
-              gt(io);
+              mt(ro);
             } finally {
               throw gr;
             }
@@ -905,7 +905,7 @@ var Xe;
       }
     }
     function Lt(b) {
-      var p = b.defineMetadata, m = b.hasOwnMetadata, _ = b.getOwnMetadata, L = b.getOwnMetadataKeys, eo = b.deleteMetadata, ao = new S(), D = {
+      var p = b.defineMetadata, m = b.hasOwnMetadata, _ = b.getOwnMetadata, L = b.getOwnMetadataKeys, io = b.deleteMetadata, ao = new S(), D = {
         isProviderFor: function(z, E) {
           var B = ao.get(z);
           return !N(B) && B.has(E) ? !0 : L(z, E).length ? (N(B) && (B = new w(), ao.set(z, B)), B.add(E), !0) : !1;
@@ -914,7 +914,7 @@ var Xe;
         OrdinaryHasOwnMetadata: m,
         OrdinaryGetOwnMetadata: _,
         OrdinaryOwnMetadataKeys: L,
-        OrdinaryDeleteMetadata: eo
+        OrdinaryDeleteMetadata: io
       };
       return D;
     }
@@ -993,7 +993,7 @@ var Xe;
             if (E >= 0) {
               for (var B = this._keys.length, F = E + 1; F < B; F++)
                 this._keys[F - 1] = this._keys[F], this._values[F - 1] = this._values[F];
-              return this._keys.length--, this._values.length--, Uo(z, this._cacheKey) && (this._cacheKey = b, this._cacheIndex = -2), !0;
+              return this._keys.length--, this._values.length--, Ko(z, this._cacheKey) && (this._cacheKey = b, this._cacheIndex = -2), !0;
             }
             return !1;
           }, D.prototype.clear = function() {
@@ -1001,7 +1001,7 @@ var Xe;
           }, D.prototype.keys = function() {
             return new m(this._keys, this._values, L);
           }, D.prototype.values = function() {
-            return new m(this._keys, this._values, eo);
+            return new m(this._keys, this._values, io);
           }, D.prototype.entries = function() {
             return new m(this._keys, this._values, ao);
           }, D.prototype["@@iterator"] = function() {
@@ -1009,10 +1009,10 @@ var Xe;
           }, D.prototype[s] = function() {
             return this.entries();
           }, D.prototype._find = function(z, E) {
-            if (!Uo(this._cacheKey, z)) {
+            if (!Ko(this._cacheKey, z)) {
               this._cacheIndex = -1;
               for (var B = 0; B < this._keys.length; B++)
-                if (Uo(this._keys[B], z)) {
+                if (Ko(this._keys[B], z)) {
                   this._cacheIndex = B;
                   break;
                 }
@@ -1025,7 +1025,7 @@ var Xe;
       function L(D, z) {
         return D;
       }
-      function eo(D, z) {
+      function io(D, z) {
         return z;
       }
       function ao(D, z) {
@@ -1068,7 +1068,7 @@ var Xe;
       );
       return b;
     }
-    function qo() {
+    function Zo() {
       var b = 16, p = d.create(), m = _();
       return (
         /** @class */
@@ -1124,7 +1124,7 @@ var Xe;
         }
         return z[m];
       }
-      function eo(z, E) {
+      function io(z, E) {
         for (var B = 0; B < E; ++B)
           z[B] = Math.random() * 255 | 0;
         return z;
@@ -1132,9 +1132,9 @@ var Xe;
       function ao(z) {
         if (typeof Uint8Array == "function") {
           var E = new Uint8Array(z);
-          return typeof crypto < "u" ? crypto.getRandomValues(E) : typeof msCrypto < "u" ? msCrypto.getRandomValues(E) : eo(E, z), E;
+          return typeof crypto < "u" ? crypto.getRandomValues(E) : typeof msCrypto < "u" ? msCrypto.getRandomValues(E) : io(E, z), E;
         }
-        return eo(new Array(z), z);
+        return io(new Array(z), z);
       }
       function D() {
         var z = ao(b);
@@ -1208,15 +1208,15 @@ function Kr() {
     return null;
   }
 }
-const mt = Kr(), vt = [], Bo = class Bo {
+const vt = Kr(), wt = [], Bo = class Bo {
   constructor() {
     c(this, "services", /* @__PURE__ */ new Map());
     c(this, "resolving", /* @__PURE__ */ new Set());
   }
   static getInstance() {
-    const o = mt == null ? void 0 : mt.getStore();
+    const o = vt == null ? void 0 : vt.getStore();
     if (o) return o;
-    const t = vt[vt.length - 1];
+    const t = wt[wt.length - 1];
     return t || (Bo.instance || (Bo.instance = new Bo()), Bo.instance);
   }
   /**
@@ -1226,11 +1226,11 @@ const mt = Kr(), vt = [], Bo = class Bo {
    */
   static run(o) {
     const t = Bo.getInstance().fork(), i = () => {
-      vt.push(t);
+      wt.push(t);
       let r = !0;
       const n = () => {
-        const s = vt.lastIndexOf(t);
-        s >= 0 && vt.splice(s, 1);
+        const s = wt.lastIndexOf(t);
+        s >= 0 && wt.splice(s, 1);
         try {
           t.clear();
         } catch {
@@ -1248,7 +1248,7 @@ const mt = Kr(), vt = [], Bo = class Bo {
         r && n();
       }
     };
-    return mt ? mt.run(t, i) : i();
+    return vt ? vt.run(t, i) : i();
   }
   fork() {
     const o = new Bo();
@@ -1323,15 +1323,15 @@ const mt = Kr(), vt = [], Bo = class Bo {
     }
     const r = Math.max(o.length, t.length, i.length), n = [];
     for (let s = 0; s < r; s++) {
-      const f = i[s], a = f !== void 0 && !Yr(f) ? f : void 0, l = t[s] ?? a;
-      if (l === void 0) {
+      const f = i[s], a = f !== void 0 && !Yr(f) ? f : void 0, u = t[s] ?? a;
+      if (u === void 0) {
         if (s >= o.length) {
           n.push(void 0);
           continue;
         }
         throw new Error(`Cannot resolve parameter ${s} of ${o.name || "anonymous"}`);
       }
-      n.push(this.resolve(l));
+      n.push(this.resolve(u));
     }
     return new o(...n);
   }
@@ -1578,7 +1578,7 @@ function Qr() {
     return null;
   }
 }
-const wt = Qr(), bo = class bo {
+const yt = Qr(), bo = class bo {
   constructor() {
     c(this, "sheet", null);
     c(this, "cache", /* @__PURE__ */ new Map());
@@ -1588,7 +1588,7 @@ const wt = Qr(), bo = class bo {
   }
   static getInstance() {
     if (typeof document > "u") {
-      const o = wt == null ? void 0 : wt.getStore();
+      const o = yt == null ? void 0 : yt.getStore();
       if (o) return o;
       const t = bo.scopeStack[bo.scopeStack.length - 1];
       if (t) return t;
@@ -1604,8 +1604,8 @@ const wt = Qr(), bo = class bo {
     if (typeof document < "u")
       return o();
     const t = new bo();
-    if (wt)
-      return wt.run(t, o);
+    if (yt)
+      return yt.run(t, o);
     bo.scopeStack.push(t);
     let i = !0;
     const r = () => {
@@ -1713,8 +1713,8 @@ const wt = Qr(), bo = class bo {
     const n = `${r ? "group:" : ""}${o}:${t}:${i}`;
     if (this.cache.has(n))
       return this.cache.get(n);
-    const s = `fibo-ps-${ce(n)}`, f = t === "color" || t === "font-size" || t === "font-weight" || t === "font-family" || t === "font-style" || t === "line-height" || t === "letter-spacing" || t === "text-align" || t === "text-decoration" || t === "text-transform", a = `.${s}:${o}`, l = r ? `.group:${o} .${s} { ${t}: ${i} !important; }` : f ? `${a}, ${a} * { ${t}: ${i} !important; }` : `${a} { ${t}: ${i} !important; }`;
-    return this.insert(l), this.cache.set(n, s), s;
+    const s = `fibo-ps-${ce(n)}`, f = t === "color" || t === "font-size" || t === "font-weight" || t === "font-family" || t === "font-style" || t === "line-height" || t === "letter-spacing" || t === "text-align" || t === "text-decoration" || t === "text-transform", a = `.${s}:${o}`, u = r ? `.group:${o} .${s} { ${t}: ${i} !important; }` : f ? `${a}, ${a} * { ${t}: ${i} !important; }` : `${a} { ${t}: ${i} !important; }`;
+    return this.insert(u), this.cache.set(n, s), s;
   }
   registerGroupPseudo(o, t, i, r) {
     return this.registerPseudo(t, i, r, !0);
@@ -1740,7 +1740,7 @@ function mi() {
 function Fe(e) {
   return e.replace(/<\/style/gi, "<\\/style");
 }
-function kc() {
+function Sc() {
   const o = `<style id="fibo-dynamic-styles" data-fibo="1">${Fe(mi())}</style>`;
   return typeof document > "u" && vi(), o;
 }
@@ -1750,7 +1750,7 @@ function vi() {
 function wi() {
   Ro();
   const e = Fe(mi());
-  return typeof document > "u" && vi(), u.createElement("style", {
+  return typeof document > "u" && vi(), l.createElement("style", {
     id: "fibo-dynamic-styles",
     "data-fibo": "1",
     suppressHydrationWarning: !0,
@@ -1758,7 +1758,7 @@ function wi() {
   });
 }
 function tn() {
-  return Ro(), u.createElement("style", {
+  return Ro(), l.createElement("style", {
     id: "fibo-motion-presets",
     "data-fibo-motion": "1",
     dangerouslySetInnerHTML: { __html: Fe(ke) }
@@ -1768,23 +1768,23 @@ function en(e, o = {}) {
   const { styles: t = !0, meta: i } = o;
   function r() {
     const n = vo(e()), s = [];
-    return typeof (i == null ? void 0 : i.title) == "string" && i.title.length > 0 && s.push(u.createElement("title", { key: "fibo-title" }, i.title)), typeof (i == null ? void 0 : i.description) == "string" && i.description.length > 0 && s.push(
-      u.createElement("meta", {
+    return typeof (i == null ? void 0 : i.title) == "string" && i.title.length > 0 && s.push(l.createElement("title", { key: "fibo-title" }, i.title)), typeof (i == null ? void 0 : i.description) == "string" && i.description.length > 0 && s.push(
+      l.createElement("meta", {
         key: "fibo-description",
         name: "description",
         content: i.description
       })
-    ), s.push(n), t && s.push(u.createElement(wi)), u.createElement(u.Fragment, null, ...s);
+    ), s.push(n), t && s.push(l.createElement(wi)), l.createElement(l.Fragment, null, ...s);
   }
   return r.displayName = "FiboPage", i && (r.meta = i), r;
 }
-const _c = en;
-function Sc(e) {
-  return u.createElement(
-    u.Fragment,
+const Cc = en;
+function zc(e) {
+  return l.createElement(
+    l.Fragment,
     null,
     vo(e),
-    u.createElement(wi)
+    l.createElement(wi)
   );
 }
 const yi = {
@@ -1929,7 +1929,7 @@ function gn(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), l = s * Math.sin(f * Math.PI / 180), d = n + 0.3963377774 * a + 0.2158037573 * l, g = n - 0.1055613458 * a - 0.0638541728 * l, h = n - 0.0894841775 * a - 1.291485548 * l, w = d * d * d, S = g * g * g, y = h * h * h, x = 4.0767416621 * w - 3.3077115913 * S + 0.2309699292 * y, v = -1.2684380046 * w + 2.6097574011 * S - 0.3413193965 * y, T = -0.0041960863 * w - 0.7034186147 * S + 1.707614701 * y, O = (k) => k >= 31308e-7 ? 1.055 * k ** (1 / 2.4) - 0.055 : 12.92 * k, I = Math.max(0, Math.min(1, O(x))), $ = Math.max(0, Math.min(1, O(v))), M = Math.max(0, Math.min(1, O(T))), W = (k) => {
+  const [, t, i, r] = o, n = parseFloat(t), s = parseFloat(i), f = parseFloat(r), a = s * Math.cos(f * Math.PI / 180), u = s * Math.sin(f * Math.PI / 180), d = n + 0.3963377774 * a + 0.2158037573 * u, g = n - 0.1055613458 * a - 0.0638541728 * u, h = n - 0.0894841775 * a - 1.291485548 * u, w = d * d * d, S = g * g * g, y = h * h * h, x = 4.0767416621 * w - 3.3077115913 * S + 0.2309699292 * y, v = -1.2684380046 * w + 2.6097574011 * S - 0.3413193965 * y, T = -0.0041960863 * w - 0.7034186147 * S + 1.707614701 * y, O = (k) => k >= 31308e-7 ? 1.055 * k ** (1 / 2.4) - 0.055 : 12.92 * k, I = Math.max(0, Math.min(1, O(x))), $ = Math.max(0, Math.min(1, O(v))), M = Math.max(0, Math.min(1, O(T))), W = (k) => {
     var V;
     const H = (V = Math.round(k * 255).toString(16)) == null ? void 0 : V.toUpperCase();
     return H.length === 1 ? `0${H}` : H;
@@ -1945,11 +1945,11 @@ function mn(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, l] = s, d = gn(l);
+      const [, a, u] = s, d = gn(u);
       o[d.toLowerCase()] = `bg-${a}`, t[d.toLowerCase()] = `text-${a}`;
     } else if (f) {
-      const [, a, l] = f;
-      o[l.toLowerCase()] = `bg-${a}`, t[l.toLowerCase()] = `text-${a}`;
+      const [, a, u] = f;
+      o[u.toLowerCase()] = `bg-${a}`, t[u.toLowerCase()] = `text-${a}`;
     }
   }
   return { background: o, text: t };
@@ -1957,7 +1957,7 @@ function mn(e) {
 const vn = (e) => {
   if (e !== void 0)
     return typeof e == "number" ? `${e}px` : e.toString();
-}, Zo = (e, o) => {
+}, Jo = (e, o) => {
   const t = vn(o);
   return t === void 0 ? "" : `${e}-[${t}]`;
 }, wn = `
@@ -2311,14 +2311,14 @@ const vn = (e) => {
   borderRadius: (t) => {
     if (!t.borderRadius)
       return [];
-    const i = Ei.borderRadius[t.borderRadius] || Zo("rounded", t.borderRadius);
+    const i = Ei.borderRadius[t.borderRadius] || Jo("rounded", t.borderRadius);
     return i ? [i] : [];
   },
   // 外边距
   margin: (t) => {
     const i = [];
     if (t.margin !== void 0) {
-      const n = Zo("m", t.margin);
+      const n = Jo("m", t.margin);
       return n ? [n] : [];
     }
     return [
@@ -2330,7 +2330,7 @@ const vn = (e) => {
       { prop: t.marginY, dir: "my" }
     ].forEach(({ prop: n, dir: s }) => {
       if (n !== void 0) {
-        const f = Zo(s, n);
+        const f = Jo(s, n);
         f && i.push(f);
       }
     }), i;
@@ -2339,7 +2339,7 @@ const vn = (e) => {
   padding: (t) => {
     const i = [];
     if (t.padding !== void 0) {
-      const n = Zo("p", t.padding);
+      const n = Jo("p", t.padding);
       return n ? [n] : [];
     }
     return [
@@ -2351,7 +2351,7 @@ const vn = (e) => {
       { prop: t.paddingY, dir: "py" }
     ].forEach(({ prop: n, dir: s }) => {
       if (n !== void 0) {
-        const f = Zo(s, n);
+        const f = Jo(s, n);
         f && i.push(f);
       }
     }), i;
@@ -2436,7 +2436,7 @@ const vn = (e) => {
       n && i.push(n);
     }
     if (t.gap) {
-      const r = Zo("gap", t.gap);
+      const r = Jo("gap", t.gap);
       r && i.push(r);
     }
     return i;
@@ -2497,14 +2497,14 @@ const vn = (e) => {
   return Object.keys(e).forEach((f) => {
     const a = _n[f];
     if (a && !s.has(a)) {
-      const l = r[a];
-      if (l) {
-        const d = l(e);
+      const u = r[a];
+      if (u) {
+        const d = u(e);
         n.push(...d), s.add(a);
       }
     }
   }), n.filter(Boolean).join(" ");
-}, Ai = u.createContext(null);
+}, Ai = l.createContext(null);
 function Ri(e, o) {
   return e ? o === "all" || o === "gesture" : !1;
 }
@@ -2541,7 +2541,7 @@ class Ii {
     (o = this._onRecognized) == null || o.call(this);
   }
 }
-function nt(e, o, t) {
+function st(e, o, t) {
   return e ? o === void 0 || t === void 0 ? !0 : t === o : !1;
 }
 function Cn(e, o) {
@@ -2552,7 +2552,7 @@ function Cn(e, o) {
     } catch {
     }
 }
-const kt = 10, zn = 500, Ye = {
+const _t = 10, zn = 500, Ye = {
   display: "flex",
   flexDirection: "column",
   minWidth: 0,
@@ -2587,14 +2587,14 @@ const Zt = /* @__PURE__ */ new Set(), Tn = {
   WebkitUserSelect: "none",
   position: "relative"
 };
-function st(e) {
+function ft(e) {
   return {
     x: typeof e.clientX == "number" && Number.isFinite(e.clientX) ? e.clientX : 0,
     y: typeof e.clientY == "number" && Number.isFinite(e.clientY) ? e.clientY : 0
   };
 }
 function Dt(e, o) {
-  const t = st(e);
+  const t = ft(e);
   if (!o) return t;
   const i = o.getBoundingClientRect();
   return { x: t.x - i.left, y: t.y - i.top };
@@ -2624,7 +2624,7 @@ class An extends Ii {
   wrap(t) {
     if (!Ri(this._enabled, this._including)) return t;
     const i = this;
-    return u.createElement(Rn, {
+    return l.createElement(Rn, {
       onStart: this._onStart,
       onEnd: (r) => {
         var n, s;
@@ -2638,7 +2638,7 @@ class An extends Ii {
     });
   }
 }
-const Rn = u.memo(
+const Rn = l.memo(
   function({
     onStart: o,
     onEnd: t,
@@ -2648,11 +2648,11 @@ const Rn = u.memo(
     blockSubviewHits: s,
     children: f
   }) {
-    const a = u.useRef({ onStart: o, onEnd: t, count: i, reportLocation: r, bubble: n });
+    const a = l.useRef({ onStart: o, onEnd: t, count: i, reportLocation: r, bubble: n });
     a.current = { onStart: o, onEnd: t, count: i, reportLocation: r, bubble: n };
-    const l = u.useRef(null), d = u.useContext(Ai), g = u.useRef(d);
+    const u = l.useRef(null), d = l.useContext(Ai), g = l.useRef(d);
     g.current = d;
-    const h = u.useRef({
+    const h = l.useRef({
       pressed: !1,
       pointerId: void 0,
       x: 0,
@@ -2664,7 +2664,7 @@ const Rn = u.memo(
       taps: 0,
       tapTimer: void 0,
       lastLoc: void 0
-    }), w = u.useMemo(() => {
+    }), w = l.useMemo(() => {
       const S = (x) => {
         const { onEnd: v, reportLocation: T } = a.current;
         T ? v == null || v(x) : v == null || v();
@@ -2684,19 +2684,19 @@ const Rn = u.memo(
           if (x.button != null && x.button !== 0) return;
           const v = g.current;
           if (v && v.arena.isBlocked(x.pointerId, v.slot)) return;
-          const T = h.current, O = st(x);
+          const T = h.current, O = ft(x);
           T.pressed = !0, T.pointerId = x.pointerId, T.x = O.x, T.y = O.y, T.moved = !1, T.consumed = !1, ($ = (I = a.current).onStart) == null || $.call(I);
         },
         onPointerMoveCapture(x) {
           const v = h.current;
-          if (!nt(v.pressed, v.pointerId, x.pointerId)) return;
-          const T = st(x), O = T.x - v.x, I = T.y - v.y;
-          O * O + I * I > kt * kt * 4 && (v.moved = !0);
+          if (!st(v.pressed, v.pointerId, x.pointerId)) return;
+          const T = ft(x), O = T.x - v.x, I = T.y - v.y;
+          O * O + I * I > _t * _t * 4 && (v.moved = !0);
         },
         onPointerUpCapture(x) {
           const v = h.current;
-          if (!nt(v.pressed, v.pointerId, x.pointerId)) return;
-          const T = st(x), O = T.x - v.x, I = T.y - v.y, $ = !v.moved && O * O + I * I <= kt * kt * 4, M = v.pointerId;
+          if (!st(v.pressed, v.pointerId, x.pointerId)) return;
+          const T = ft(x), O = T.x - v.x, I = T.y - v.y, $ = !v.moved && O * O + I * I <= _t * _t * 4, M = v.pointerId;
           if (v.pressed = !1, v.pointerId = void 0, M != null && Zt.has(M)) {
             Zt.delete(M), v.consumed = !0;
             return;
@@ -2708,12 +2708,12 @@ const Rn = u.memo(
           }
           if (!$) return;
           W && M != null && W.arena.tryClaim(M, W.slot), v.consumed = !0;
-          const k = Dt(x, l.current);
+          const k = Dt(x, u.current);
           y(k);
         },
         onPointerCancelCapture(x) {
           const v = h.current;
-          nt(v.pressed, v.pointerId, x.pointerId) && (v.pressed = !1, v.pointerId = void 0, v.moved = !0);
+          st(v.pressed, v.pointerId, x.pointerId) && (v.pressed = !1, v.pointerId = void 0, v.moved = !0);
         },
         onClick(x) {
           const v = h.current;
@@ -2725,11 +2725,11 @@ const Rn = u.memo(
           if (T > 1 && a.current.count > 1) {
             const O = a.current.count;
             if (T >= O) {
-              v.tapTimer !== void 0 && clearTimeout(v.tapTimer), v.taps = 0, v.dblHandled = !0, S(Dt(x, l.current));
+              v.tapTimer !== void 0 && clearTimeout(v.tapTimer), v.taps = 0, v.dblHandled = !0, S(Dt(x, u.current));
               return;
             }
           }
-          y(Dt(x, l.current));
+          y(Dt(x, u.current));
         },
         onDoubleClick(x) {
           if (a.current.count < 2) return;
@@ -2739,7 +2739,7 @@ const Rn = u.memo(
             T.dblHandled = !1;
             return;
           }
-          T.tapTimer !== void 0 && clearTimeout(T.tapTimer), T.taps = 0, S(Dt(x, l.current));
+          T.tapTimer !== void 0 && clearTimeout(T.tapTimer), T.taps = 0, S(Dt(x, u.current));
         },
         onKeyDown(x) {
           x.key !== "Enter" && x.key !== " " || (x.preventDefault(), a.current.bubble || x.stopPropagation(), y({ x: 0, y: 0 }));
@@ -2749,7 +2749,7 @@ const Rn = u.memo(
     return /* @__PURE__ */ Kt(
       "div",
       {
-        ref: l,
+        ref: u,
         role: "button",
         tabIndex: 0,
         className: "fibo-gesture fibo-gesture-tap",
@@ -2765,7 +2765,7 @@ class Bn extends Ii {
   constructor() {
     super(...arguments);
     c(this, "_duration", 500);
-    c(this, "_maximumDistance", kt * 2);
+    c(this, "_maximumDistance", _t * 2);
     c(this, "_onStart");
     c(this, "_onEnd");
     c(this, "_onPressingChanged");
@@ -2790,7 +2790,7 @@ class Bn extends Ii {
   wrap(t) {
     if (!Ri(this._enabled, this._including)) return t;
     const i = this;
-    return u.createElement(In, {
+    return l.createElement(In, {
       duration: this._duration,
       maximumDistance: this._maximumDistance,
       onStart: this._onStart,
@@ -2805,7 +2805,7 @@ class Bn extends Ii {
     });
   }
 }
-const In = u.memo(
+const In = l.memo(
   function({
     duration: o,
     maximumDistance: t,
@@ -2816,7 +2816,7 @@ const In = u.memo(
     blockSubviewHits: f,
     children: a
   }) {
-    const l = u.useRef(void 0), d = u.useRef(void 0), g = u.useRef(null), h = u.useRef(!1), w = u.useRef({ x: 0, y: 0 }), S = u.useRef(!1), y = u.useRef({
+    const u = l.useRef(void 0), d = l.useRef(void 0), g = l.useRef(null), h = l.useRef(!1), w = l.useRef({ x: 0, y: 0 }), S = l.useRef(!1), y = l.useRef({
       onStart: i,
       onEnd: r,
       onPressingChanged: n,
@@ -2832,27 +2832,27 @@ const In = u.memo(
       maximumDistance: t,
       bubble: s
     };
-    const x = u.useContext(Ai), v = u.useCallback(($ = !0) => {
+    const x = l.useContext(Ai), v = l.useCallback(($ = !0) => {
       var M, W;
-      l.current !== void 0 && (clearTimeout(l.current), l.current = void 0), Cn(g.current, d.current), h.current && $ && ((W = (M = y.current).onPressingChanged) == null || W.call(M, !1)), h.current = !1, d.current = void 0, g.current = null, S.current = !1;
+      u.current !== void 0 && (clearTimeout(u.current), u.current = void 0), Cn(g.current, d.current), h.current && $ && ((W = (M = y.current).onPressingChanged) == null || W.call(M, !1)), h.current = !1, d.current = void 0, g.current = null, S.current = !1;
     }, []);
-    u.useEffect(() => () => v(!1), [v]);
+    l.useEffect(() => () => v(!1), [v]);
     const T = ($) => {
       var k, H, V, K;
-      if (h.current && !nt(h.current, d.current, $.pointerId) || x && x.arena.isBlocked($.pointerId, x.slot)) return;
-      const M = $.currentTarget, W = st($);
-      g.current = M, h.current = !0, S.current = !1, w.current = W, $.pointerId !== void 0 && (d.current = $.pointerId, Zt.delete($.pointerId)), l.current !== void 0 && clearTimeout(l.current), (H = (k = y.current).onStart) == null || H.call(k), (K = (V = y.current).onPressingChanged) == null || K.call(V, !0), l.current = setTimeout(() => {
+      if (h.current && !st(h.current, d.current, $.pointerId) || x && x.arena.isBlocked($.pointerId, x.slot)) return;
+      const M = $.currentTarget, W = ft($);
+      g.current = M, h.current = !0, S.current = !1, w.current = W, $.pointerId !== void 0 && (d.current = $.pointerId, Zt.delete($.pointerId)), u.current !== void 0 && clearTimeout(u.current), (H = (k = y.current).onStart) == null || H.call(k), (K = (V = y.current).onPressingChanged) == null || K.call(V, !0), u.current = setTimeout(() => {
         var po, no;
-        l.current = void 0, S.current = !0;
-        const to = d.current;
-        to != null && Zt.add(to), x && to != null && x.arena.tryClaim(to, x.slot), (no = (po = y.current).onEnd) == null || no.call(po);
+        u.current = void 0, S.current = !0;
+        const eo = d.current;
+        eo != null && Zt.add(eo), x && eo != null && x.arena.tryClaim(eo, x.slot), (no = (po = y.current).onEnd) == null || no.call(po);
       }, y.current.duration);
     }, O = ($) => {
-      if (!nt(h.current, d.current, $.pointerId)) return;
-      const M = st($), W = M.x - w.current.x, k = M.y - w.current.y, H = y.current.maximumDistance;
+      if (!st(h.current, d.current, $.pointerId)) return;
+      const M = ft($), W = M.x - w.current.x, k = M.y - w.current.y, H = y.current.maximumDistance;
       W * W + k * k > H * H && v(!0);
     }, I = ($) => {
-      if (!nt(h.current, d.current, $.pointerId)) return;
+      if (!st(h.current, d.current, $.pointerId)) return;
       const M = S.current;
       v(!0), M && !y.current.bubble && $.stopPropagation();
     };
@@ -2896,11 +2896,11 @@ function Ni(e = {}) {
   const o = qe(e.stiffness, 170), t = Nn(e.damping, 26), i = qe(e.mass, 1), r = `${o}:${t}:${i}`, n = Ke.get(r);
   if (n) return n;
   const s = 1 / 60, f = 1;
-  let a = 0, l = 0;
+  let a = 0, u = 0;
   const d = [0];
   for (let y = 0; y < 180; y += 1) {
-    const x = -o * (a - f) - t * l;
-    if (l += x / i * s, a += l * s, d.push(a), y > 8 && Math.abs(a - f) < 2e-3 && Math.abs(l) < 2e-3) break;
+    const x = -o * (a - f) - t * u;
+    if (u += x / i * s, a += u * s, d.push(a), y > 8 && Math.abs(a - f) < 2e-3 && Math.abs(u) < 2e-3) break;
   }
   d[d.length - 1] !== 1 && d.push(1);
   const h = Math.max(1, Math.floor((d.length - 1) / 24)), w = [];
@@ -2911,7 +2911,7 @@ function Ni(e = {}) {
   const S = `linear(${w.join(", ")})`;
   return Ke.set(r, S), S;
 }
-function et(e, o) {
+function it(e, o) {
   return e === "spring" ? Ni(o) : Fn[e] ?? e;
 }
 const $e = [
@@ -4448,7 +4448,7 @@ function Wn() {
   const e = Io.getInstance();
   e.ensureDefaults(), e.injectExtra(On, "fibo-interaction-fx");
 }
-function zt(e, o, t, i = 0) {
+function Tt(e, o, t, i = 0) {
   const r = (Array.isArray(e) ? e : [e]).flatMap((f) => String(f).split(",")).map((f) => f.trim()).filter(Boolean);
   r.length === 0 && r.push("all");
   const n = `${o}ms`, s = i > 0 ? ` ${i}ms` : "";
@@ -4542,10 +4542,10 @@ const ti = /* @__PURE__ */ new Set([
   "backdrop-filter",
   "outline"
 ]);
-function Rt(e) {
+function at(e) {
   return e.startsWith("--") ? e : e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
 }
-function ft(e) {
+function Uo(e) {
   return e.startsWith("--") ? e : e.replace(/-([a-z])/g, (o, t) => t.toUpperCase());
 }
 const Xn = {
@@ -4617,15 +4617,15 @@ function Yn(e) {
   }
   return t && o.push(t), o;
 }
-function ct(e) {
+function lt(e) {
   const o = Yn(String(e).trim()), t = o[0] ?? "", i = o[1] ?? t, r = o[2] ?? t, n = o[3] ?? i;
   return [t, i, r, n];
 }
 function Le(e, o, t) {
-  const i = ro(e, o), r = $i[e];
+  const i = to(e, o), r = $i[e];
   if (!r.some((f) => t.has(f)))
     return { shorthand: i, longhands: [] };
-  const n = ct(i), s = [];
+  const n = lt(i), s = [];
   return r.forEach((f, a) => {
     t.has(f) || s.push([f, n[a]]);
   }), { shorthand: null, longhands: s };
@@ -4633,38 +4633,38 @@ function Le(e, o, t) {
 function Un(e, o, t) {
   const i = e, r = /* @__PURE__ */ new Set();
   for (const s of $i[o])
-    i[ft(s)] != null && r.add(s);
+    i[Uo(s)] != null && r.add(s);
   const n = Le(o, t, r);
   if (n.shorthand != null) {
     i[o] = n.shorthand;
     return;
   }
   for (const [s, f] of n.longhands)
-    i[ft(s)] = f;
+    i[Uo(s)] = f;
   delete i[o];
 }
 function Kn(e, o) {
   const t = e[o];
   if (t == null || t === "") return;
-  const [i, r, n, s] = ct(String(t)), f = [
+  const [i, r, n, s] = lt(String(t)), f = [
     [`${o}Top`, i],
     [`${o}Right`, r],
     [`${o}Bottom`, n],
     [`${o}Left`, s]
   ], a = e;
-  for (const [l, d] of f)
-    a[l] == null && (a[l] = d);
+  for (const [u, d] of f)
+    a[u] == null && (a[u] = d);
   delete a[o];
 }
 function ii(e, o, t) {
   const i = Vn[o];
-  i && Kn(e, i), e[o] = ro(o, t);
+  i && Kn(e, i), e[o] = to(o, t);
 }
 function Po(e) {
   const o = {};
   for (const [t, i] of Object.entries(e)) {
     if (i == null) continue;
-    const r = t.startsWith("--") ? t : t.includes("-") ? ft(t) : t, n = Me(r);
+    const r = t.startsWith("--") ? t : t.includes("-") ? Uo(t) : t, n = Me(r);
     if (n) {
       for (const s of n)
         ii(o, s, i);
@@ -4678,11 +4678,11 @@ function Po(e) {
   }
   return o;
 }
-function ro(e, o) {
+function to(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 && ei.has(e) ? "none" : ti.has(e) || ti.has(Rt(e)) ? String(o) : `${o}px`;
+    return e.startsWith("--") ? String(o) : o === 0 && ei.has(e) ? "none" : ti.has(e) || ti.has(at(e)) ? String(o) : `${o}px`;
   const t = String(o);
   return (t === "0" || t === "0px") && ei.has(e) ? "none" : t;
 }
@@ -4712,16 +4712,16 @@ class xo {
         if (typeof f != "string" || f === "constructor")
           return Reflect.get(s, f, a);
         if (f in s) {
-          const l = Reflect.get(s, f, a);
-          return typeof l != "function" ? l : (...d) => {
-            const g = l.apply(s, d);
+          const u = Reflect.get(s, f, a);
+          return typeof u != "function" ? u : (...d) => {
+            const g = u.apply(s, d);
             return g === r ? n : g;
           };
         }
-        return (l) => {
+        return (u) => {
           const g = Me(f) ?? [f];
           for (const h of g)
-            r.set(Rt(h), ro(h, l));
+            r.set(at(h), to(h, u));
           return n;
         };
       }
@@ -4781,35 +4781,43 @@ class xo {
     return this.transforms.set("rotate", `rotate(${o}deg)`), this.flushTransform();
   }
   shadow(o) {
-    return this.set("box-shadow", ro("boxShadow", o));
+    return this.set("box-shadow", to("boxShadow", o));
   }
   css(o, t) {
-    const i = o.includes("-") ? ft(o) : o;
-    return this.set(Rt(i), ro(i, t));
+    if (typeof o == "object" && o !== null) {
+      for (const [n, s] of Object.entries(o)) {
+        if (s == null) continue;
+        const f = n.startsWith("--") ? n : n.includes("-") ? Uo(n) : n;
+        this.set(at(f), to(f, s));
+      }
+      return this;
+    }
+    const i = o, r = i.includes("-") ? Uo(i) : i;
+    return this.set(at(r), to(r, t));
   }
   padding(o) {
-    return this.set("padding", ro("padding", o));
+    return this.set("padding", to("padding", o));
   }
   p(o) {
     return this.padding(o);
   }
   margin(o) {
-    return this.set("margin", ro("margin", o));
+    return this.set("margin", to("margin", o));
   }
   transition(o, t, i, r) {
     if (typeof o == "string" && t === void 0)
       return this.set("transition", o);
-    const n = Array.isArray(o) ? o : [o], s = et(i || this.transitionEasing);
+    const n = Array.isArray(o) ? o : [o], s = it(i || this.transitionEasing);
     return this.set(
       "transition",
-      zt(n, t || this.transitionDuration, s, r || 0)
+      Tt(n, t || this.transitionDuration, s, r || 0)
     );
   }
   duration(o) {
     return this.transitionDuration = o, this.applyTransition(), this;
   }
   easing(o) {
-    return this.transitionEasing = et(o), this.applyTransition(), this;
+    return this.transitionEasing = it(o), this.applyTransition(), this;
   }
   ease(o) {
     return this.easing(o);
@@ -4823,7 +4831,7 @@ class xo {
   applyTransition() {
     this.set(
       "transition",
-      zt(
+      Tt(
         this.transitionProperties,
         this.transitionDuration,
         this.transitionEasing,
@@ -4939,7 +4947,7 @@ function Ce(e, o) {
 function Yo(e) {
   return e === Oo.infinity || e === "infinity";
 }
-function Jo(e, o, t = "width") {
+function Qo(e, o, t = "width") {
   if (e == null) return;
   if (Yo(e))
     return o === "min" ? "0px" : "100%";
@@ -4957,20 +4965,42 @@ function os(e) {
     display: "flex",
     minWidth: 0,
     minHeight: 0,
-    alignItems: o.alignItems,
-    justifyContent: o.justifyContent
-  }, i = Jo(e.maxWidth, "max", "width"), r = Jo(e.maxHeight, "max", "height"), n = Jo(e.minWidth, "min", "width"), s = Jo(e.minHeight, "min", "height"), f = Jo(e.idealWidth ?? e.width, "ideal", "width"), a = Jo(e.idealHeight ?? e.height, "ideal", "height");
+    // `fill` stretches the child — host uses stretch instead of corner align.
+    alignItems: e.fill ? "stretch" : o.alignItems,
+    justifyContent: e.fill ? "flex-start" : o.justifyContent
+  }, i = Qo(e.maxWidth, "max", "width"), r = Qo(e.maxHeight, "max", "height"), n = Qo(e.minWidth, "min", "width"), s = Qo(e.minHeight, "min", "height"), f = Qo(e.idealWidth ?? e.width, "ideal", "width"), a = Qo(e.idealHeight ?? e.height, "ideal", "height");
   return n != null && (t.minWidth = n), s != null && (t.minHeight = s), i != null && (t.maxWidth = i), r != null && (t.maxHeight = r), f != null ? t.width = f : Yo(e.maxWidth) && (t.width = "100%"), a != null ? t.height = a : Yo(e.maxHeight) && (t.height = "100%"), Yo(e.maxWidth) && (e.minWidth == null || Yo(e.minWidth) || e.minWidth === 0) && (t.minWidth = "0px", t.width = "100%"), Yo(e.maxHeight) && (e.minHeight == null || Yo(e.minHeight) || e.minHeight === 0) && (t.minHeight = "0px", t.height = "100%"), t;
 }
-function ts(e, o) {
-  return u.createElement(
+const ts = {
+  width: "100%",
+  height: "100%",
+  minWidth: 0,
+  minHeight: 0,
+  boxSizing: "border-box",
+  flex: "1 1 auto",
+  alignSelf: "stretch"
+};
+function es(e) {
+  if (!l.isValidElement(e)) return e;
+  const o = e.props;
+  return l.cloneElement(e, {
+    style: {
+      ...o.style,
+      ...ts
+    }
+  });
+}
+function is(e, o) {
+  const t = o.fill ? es(e) : e;
+  return l.createElement(
     "div",
     {
       className: "fibo-frame",
       "data-fibo-frame": Pi(o.alignment),
+      "data-fibo-fill": o.fill ? "true" : void 0,
       style: os(o)
     },
-    e
+    t
   );
 }
 function Oi(e) {
@@ -4980,18 +5010,18 @@ function Oi(e) {
 function ri(e) {
   return e == null ? zo.center : typeof e == "string" && e in zo ? zo[e] : e;
 }
-function es(e) {
+function rs(e) {
   const o = typeof e == "function" ? e() : e;
   return vo(o);
 }
-const at = {
+const ct = {
   circle: "50%",
   rounded: "8px",
   square: "0px"
 };
-function is(e, o) {
+function ns(e, o) {
   const t = o.x ?? 0, i = o.y ?? 0;
-  return t === 0 && i === 0 ? e : u.createElement(
+  return t === 0 && i === 0 ? e : l.createElement(
     "div",
     {
       className: "fibo-offset",
@@ -5006,8 +5036,8 @@ function is(e, o) {
     e
   );
 }
-function rs(e) {
-  return u.createElement(
+function ss(e) {
+  return l.createElement(
     "div",
     {
       className: "fibo-clipped",
@@ -5023,9 +5053,9 @@ function rs(e) {
     e
   );
 }
-function ns(e, o) {
-  const t = o in at ? at[o] : o === "rectangle" ? void 0 : String(o);
-  return u.createElement(
+function fs(e, o) {
+  const t = o in ct ? ct[o] : o === "rectangle" ? void 0 : String(o);
+  return l.createElement(
     "div",
     {
       className: "fibo-clip-shape",
@@ -5042,7 +5072,7 @@ function ns(e, o) {
     e
   );
 }
-const ss = {
+const as = {
   position: "absolute",
   inset: 0,
   zIndex: 10,
@@ -5055,13 +5085,13 @@ const ss = {
   userSelect: "none",
   WebkitUserSelect: "none"
 };
-function fs(e, o = "rectangle") {
-  const t = o === "rectangle" ? void 0 : o in at ? at[o] : o === "circle" ? "50%" : String(o), i = Oi(o), r = {
-    ...ss,
+function cs(e, o = "rectangle") {
+  const t = o === "rectangle" ? void 0 : o in ct ? ct[o] : o === "circle" ? "50%" : String(o), i = Oi(o), r = {
+    ...as,
     ...t != null ? { borderRadius: t } : null,
     ...i != null ? { clipPath: i, WebkitClipPath: i } : null
   };
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       className: "fibo-content-shape",
@@ -5078,7 +5108,7 @@ function fs(e, o = "rectangle") {
         ...i != null ? { clipPath: i, WebkitClipPath: i } : null
       }
     },
-    u.createElement(
+    l.createElement(
       "div",
       {
         className: "fibo-content-shape-body",
@@ -5093,7 +5123,7 @@ function fs(e, o = "rectangle") {
       },
       e
     ),
-    u.createElement("div", {
+    l.createElement("div", {
       className: "fibo-hit-film",
       "data-fibo-hit-film": "1",
       "data-fibo-hit-shape": o,
@@ -5102,9 +5132,9 @@ function fs(e, o = "rectangle") {
     })
   );
 }
-function as(e, o) {
+function ls(e, o) {
   const t = o > 0 ? o : 0, i = o < 0 ? 1 + Math.abs(o) : o > 0 ? 0 : 1;
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       className: "fibo-layout-priority",
@@ -5124,19 +5154,19 @@ function as(e, o) {
     e
   );
 }
-function cs(e, o) {
+function us(e, o) {
   const t = {
     display: "inline-flex",
     flexDirection: "column"
   };
-  return o.horizontal !== !1 && (t.width = "fit-content", t.maxWidth = "100%"), o.vertical !== !1 && (t.height = "fit-content"), u.createElement(
+  return o.horizontal !== !1 && (t.width = "fit-content", t.maxWidth = "100%"), o.vertical !== !1 && (t.height = "fit-content"), l.createElement(
     "div",
     { className: "fibo-fixed-size", style: t },
     e
   );
 }
-function ls(e, o) {
-  const t = Li(ri(o.alignment)), i = es(o.child), r = {
+function bs(e, o) {
+  const t = Li(ri(o.alignment)), i = rs(o.child), r = {
     position: "absolute",
     inset: 0,
     display: "flex",
@@ -5147,7 +5177,7 @@ function ls(e, o) {
     minWidth: 0,
     minHeight: 0,
     overflow: "hidden"
-  }, n = u.createElement(
+  }, n = l.createElement(
     "div",
     {
       className: `fibo-view-${o.kind}`,
@@ -5157,12 +5187,12 @@ function ls(e, o) {
         pointerEvents: "none"
       }
     },
-    u.createElement(
+    l.createElement(
       "div",
       { style: { pointerEvents: "auto", maxWidth: "100%", maxHeight: "100%" } },
       i
     )
-  ), s = u.createElement(
+  ), s = l.createElement(
     "div",
     {
       className: "fibo-view-layer-base",
@@ -5177,7 +5207,7 @@ function ls(e, o) {
     },
     e
   );
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       className: "fibo-view-layer-host",
@@ -5195,15 +5225,15 @@ function ls(e, o) {
     o.kind === "overlay" ? n : null
   );
 }
-function us(e, o) {
-  return u.createElement(bs, { onChange: o, children: e });
+function hs(e, o) {
+  return l.createElement(ds, { onChange: o, children: e });
 }
-function bs({
+function ds({
   onChange: e,
   children: o
 }) {
-  const t = u.useRef(null), i = u.useRef(e);
-  return i.current = e, u.useEffect(() => {
+  const t = l.useRef(null), i = l.useRef(e);
+  return i.current = e, l.useEffect(() => {
     const r = t.current;
     if (!r) return;
     const n = () => {
@@ -5213,7 +5243,7 @@ function bs({
     if (n(), typeof ResizeObserver != "function") return;
     const s = new ResizeObserver(() => n());
     return s.observe(r), () => s.disconnect();
-  }, []), u.createElement(
+  }, []), l.createElement(
     "div",
     {
       ref: t,
@@ -5228,8 +5258,8 @@ function bs({
     o
   );
 }
-function hs(e) {
-  return u.createElement(
+function ps(e) {
+  return l.createElement(
     "div",
     {
       className: "fibo-compositing-group",
@@ -5243,19 +5273,19 @@ function hs(e) {
     e
   );
 }
-function ds(e, o) {
-  const t = Oi(o) ?? void 0, i = o in at ? at[o] : o === "circle" ? "50%" : void 0, r = {
+function xs(e, o) {
+  const t = Oi(o) ?? void 0, i = o in ct ? ct[o] : o === "circle" ? "50%" : void 0, r = {
     display: "inline-flex",
     flexDirection: "column",
     maxWidth: "100%"
   };
-  return t ? (r.WebkitMaskImage = "linear-gradient(#000 0 0)", r.maskImage = "linear-gradient(#000 0 0)", r.clipPath = t, r.WebkitClipPath = t) : i != null ? (r.WebkitMaskImage = "linear-gradient(#000 0 0)", r.maskImage = "linear-gradient(#000 0 0)", r.borderRadius = i, r.overflow = "hidden") : (o.includes("(") || o.startsWith("url") || o.includes("gradient")) && (r.WebkitMaskImage = o, r.maskImage = o, r.WebkitMaskSize = "100% 100%", r.maskSize = "100% 100%"), u.createElement(
+  return t ? (r.WebkitMaskImage = "linear-gradient(#000 0 0)", r.maskImage = "linear-gradient(#000 0 0)", r.clipPath = t, r.WebkitClipPath = t) : i != null ? (r.WebkitMaskImage = "linear-gradient(#000 0 0)", r.maskImage = "linear-gradient(#000 0 0)", r.borderRadius = i, r.overflow = "hidden") : (o.includes("(") || o.startsWith("url") || o.includes("gradient")) && (r.WebkitMaskImage = o, r.maskImage = o, r.WebkitMaskSize = "100% 100%", r.maskSize = "100% 100%"), l.createElement(
     "div",
     { className: "fibo-mask", "data-fibo-mask": o, style: r },
     e
   );
 }
-function ps(e) {
+function gs(e) {
   let o = (e == null ? void 0 : e.parentElement) ?? null;
   for (; o; ) {
     const { width: t, height: i } = o.getBoundingClientRect();
@@ -5264,7 +5294,7 @@ function ps(e) {
   }
   return null;
 }
-function xs({
+function ms({
   child: e,
   spec: o
 }) {
@@ -5272,7 +5302,7 @@ function xs({
   It(() => {
     const d = t.current;
     if (!d) return;
-    const g = ps(d);
+    const g = gs(d);
     if (!g) return;
     const h = () => {
       const S = g.getBoundingClientRect();
@@ -5282,18 +5312,18 @@ function xs({
     const w = new ResizeObserver(h);
     return w.observe(g), () => w.disconnect();
   }, []);
-  const l = {
+  const u = {
     display: "inline-flex",
     flexDirection: "column",
     boxSizing: "border-box"
   };
   if (i)
-    (n === "horizontal" || n === "both") && (l.width = i.w * a, l.maxWidth = i.w * a), (n === "vertical" || n === "both") && (l.height = i.h * a, l.maxHeight = i.h * a);
+    (n === "horizontal" || n === "both") && (u.width = i.w * a, u.maxWidth = i.w * a), (n === "vertical" || n === "both") && (u.height = i.h * a, u.maxHeight = i.h * a);
   else {
     const d = `${a * 100}%`;
-    (n === "horizontal" || n === "both") && (l.width = d, l.maxWidth = d), (n === "vertical" || n === "both") && (l.height = d, l.maxHeight = d);
+    (n === "horizontal" || n === "both") && (u.width = d, u.maxWidth = d), (n === "vertical" || n === "both") && (u.height = d, u.maxHeight = d);
   }
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       ref: t,
@@ -5301,15 +5331,15 @@ function xs({
       "data-fibo-crf-axis": n,
       "data-fibo-crf-count": String(s),
       "data-fibo-crf-span": String(f),
-      style: l
+      style: u
     },
     e
   );
 }
-function gs(e, o = {}) {
-  return u.createElement(xs, { child: e, spec: o });
+function vs(e, o = {}) {
+  return l.createElement(ms, { child: e, spec: o });
 }
-function ms(e, o) {
+function ws(e, o) {
   switch (e) {
     case "leading":
     case "top":
@@ -5326,26 +5356,26 @@ function ms(e, o) {
       return 0;
   }
 }
-function vs({
+function ys({
   child: e,
   spec: o
 }) {
   const t = Bt(null), [i, r] = me({ x: 0, y: 0 }), [n, s] = me({ width: 0, height: 0 });
   It(() => {
-    const l = t.current;
-    if (!l) return;
+    const u = t.current;
+    if (!u) return;
     const d = () => {
-      const h = l.getBoundingClientRect(), w = { width: h.width, height: h.height };
+      const h = u.getBoundingClientRect(), w = { width: h.width, height: h.height };
       s(w);
-      const S = typeof o.compute == "function" ? o.compute(w) : Number(o.compute), y = Number.isFinite(S) ? S : 0, x = ms(o.guide, w), v = y - x, T = o.guide === "leading" || o.guide === "trailing" || o.guide === "centerX" || String(o.guide).includes("x") || String(o.guide).includes("leading") || String(o.guide).includes("trailing");
+      const S = typeof o.compute == "function" ? o.compute(w) : Number(o.compute), y = Number.isFinite(S) ? S : 0, x = ws(o.guide, w), v = y - x, T = o.guide === "leading" || o.guide === "trailing" || o.guide === "centerX" || String(o.guide).includes("x") || String(o.guide).includes("leading") || String(o.guide).includes("trailing");
       r(T ? { x: v, y: 0 } : { x: 0, y: v });
     };
     if (d(), typeof ResizeObserver != "function") return;
     const g = new ResizeObserver(d);
-    return g.observe(l), () => g.disconnect();
+    return g.observe(u), () => g.disconnect();
   }, [o.guide, o.compute]);
   const f = `--fibo-align-${o.guide}`, a = typeof o.compute == "function" ? o.compute(n) : Number(o.compute);
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       ref: t,
@@ -5361,11 +5391,11 @@ function vs({
     e
   );
 }
-function ws(e, o) {
-  return u.createElement(vs, { child: e, spec: o });
+function ks(e, o) {
+  return l.createElement(ys, { child: e, spec: o });
 }
-const Qo = /* @__PURE__ */ new Map();
-function ys({
+const ot = /* @__PURE__ */ new Map();
+function _s({
   child: e,
   spec: o
 }) {
@@ -5374,8 +5404,8 @@ function ys({
     const f = t.current;
     if (!f) return;
     const a = () => {
-      const d = f.getBoundingClientRect(), g = Qo.get(n);
-      Qo.set(n, {
+      const d = f.getBoundingClientRect(), g = ot.get(n);
+      ot.set(n, {
         id: o.id,
         namespace: i,
         isSource: r,
@@ -5384,16 +5414,16 @@ function ys({
     };
     if (a(), typeof ResizeObserver != "function")
       return () => {
-        const d = Qo.get(n);
-        (d == null ? void 0 : d.isSource) === r && Qo.delete(n);
+        const d = ot.get(n);
+        (d == null ? void 0 : d.isSource) === r && ot.delete(n);
       };
-    const l = new ResizeObserver(a);
-    return l.observe(f), () => {
-      l.disconnect();
-      const d = Qo.get(n);
-      d && d.isSource === r && Qo.delete(n);
+    const u = new ResizeObserver(a);
+    return u.observe(f), () => {
+      u.disconnect();
+      const d = ot.get(n);
+      d && d.isSource === r && ot.delete(n);
     };
-  }, [n, i, o.id, r]), u.createElement(
+  }, [n, i, o.id, r]), l.createElement(
     "div",
     {
       ref: t,
@@ -5410,11 +5440,11 @@ function ys({
     e
   );
 }
-function ks(e, o) {
-  return u.createElement(ys, { child: e, spec: o });
+function Ss(e, o) {
+  return l.createElement(_s, { child: e, spec: o });
 }
 const ze = _r(null);
-function _s() {
+function Cs() {
   const e = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), t = (i) => {
     var r;
     (r = o.get(i)) == null || r.forEach((n) => n());
@@ -5439,7 +5469,7 @@ function _s() {
     }
   };
 }
-function Ss({
+function zs({
   prefKey: e,
   value: o,
   children: t
@@ -5450,27 +5480,27 @@ function Ss({
       return i.contribute(r.current, { keyId: e.id, value: o });
   }, [i, e, o]), t;
 }
-function Cs({
+function Ts({
   prefKey: e,
   onChange: o,
   children: t
 }) {
-  const i = hi(ze), r = Sr(() => _s(), []), n = i ?? r, s = Bt(o);
+  const i = hi(ze), r = Sr(() => Cs(), []), n = i ?? r, s = Bt(o);
   s.current = o;
   const f = Cr(() => {
     s.current(n.read(e));
   }, [n, e]);
-  return It(() => (f(), n.subscribe(e.id, f)), [n, e, f]), u.createElement(ze.Provider, { value: n }, t);
+  return It(() => (f(), n.subscribe(e.id, f)), [n, e, f]), l.createElement(ze.Provider, { value: n }, t);
 }
-function zs(e, o) {
-  return u.createElement(Ss, {
+function Es(e, o) {
+  return l.createElement(zs, {
     prefKey: o.key,
     value: o.value,
     children: e
   });
 }
-function Ts(e, o) {
-  return u.createElement(Cs, {
+function As(e, o) {
+  return l.createElement(Ts, {
     prefKey: o.key,
     onChange: o.onChange,
     children: e
@@ -5489,7 +5519,7 @@ const be = {
   vertical: "vertical",
   all: "all"
 };
-function Es(e) {
+function Rs(e) {
   return {
     top: e.top,
     bottom: e.bottom,
@@ -5497,7 +5527,7 @@ function Es(e) {
     right: e.trailing ?? e.right
   };
 }
-function As(e, o) {
+function Bs(e, o) {
   switch (e) {
     case Ho.top:
       return { top: o };
@@ -5516,7 +5546,7 @@ function As(e, o) {
       return { top: o, right: o, bottom: o, left: o };
   }
 }
-const Rs = {
+const Is = {
   ultraThin: {
     blur: 20,
     background: "rgba(255, 255, 255, 0.35)"
@@ -5538,7 +5568,7 @@ const Rs = {
     background: "rgba(255, 255, 255, 0.88)"
   }
 };
-function Bs(e) {
+function Fs(e) {
   switch (e) {
     case be.leading:
     case "leading":
@@ -5555,12 +5585,12 @@ function Bs(e) {
       return "bottom";
   }
 }
-function Is(e) {
+function Ns(e) {
   const o = typeof e == "function" ? e() : e;
   return vo(o);
 }
-function Fs(e, o) {
-  const t = Bs(o.edge), i = t === "top" || t === "bottom", r = Is(o.content), n = o.spacing ?? 0, s = {
+function $s(e, o) {
+  const t = Fs(o.edge), i = t === "top" || t === "bottom", r = Ns(o.content), n = o.spacing ?? 0, s = {
     display: "flex",
     flexDirection: i ? "column" : "row",
     minWidth: 0,
@@ -5581,11 +5611,11 @@ function Fs(e, o) {
     flexDirection: "column",
     // Sit inside the physical safe area when on top/bottom.
     ...t === "top" ? { paddingTop: "env(safe-area-inset-top, 0px)" } : t === "bottom" ? { paddingBottom: "env(safe-area-inset-bottom, 0px)" } : t === "left" ? { paddingLeft: "env(safe-area-inset-left, 0px)" } : { paddingRight: "env(safe-area-inset-right, 0px)" }
-  }, l = u.createElement(
+  }, u = l.createElement(
     "div",
     { className: "fibo-safe-area-inset-body", style: f },
     e
-  ), d = u.createElement(
+  ), d = l.createElement(
     "div",
     {
       className: "fibo-safe-area-inset-bar",
@@ -5593,8 +5623,8 @@ function Fs(e, o) {
       style: a
     },
     r
-  ), g = t === "top" || t === "left" ? [d, l] : [l, d];
-  return u.createElement(
+  ), g = t === "top" || t === "left" ? [d, u] : [u, d];
+  return l.createElement(
     "div",
     {
       className: "fibo-safe-area-inset",
@@ -5604,7 +5634,7 @@ function Fs(e, o) {
     ...g
   );
 }
-const Ns = {
+const Ms = {
   name: "material",
   colors: {
     primary: "#6750A4",
@@ -5698,7 +5728,7 @@ const Ns = {
     lg: "0px 4px 8px 3px rgba(0,0,0,0.15), 0px 1px 3px rgba(0,0,0,0.3)"
   },
   fontFamily: "'Roboto', sans-serif"
-}, $s = {
+}, Ls = {
   name: "cupertino",
   colors: {
     primary: "#007AFF",
@@ -5793,7 +5823,7 @@ const Ns = {
     lg: "0 12px 32px rgba(0,0,0,0.15)"
   },
   fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
-}, Ms = {
+}, Ps = {
   name: "web",
   colors: {
     primary: "#3B82F6",
@@ -5885,7 +5915,7 @@ const Ns = {
     lg: "0 10px 15px -3px rgb(0 0 0 / 0.1)"
   },
   fontFamily: "'Inter', system-ui, sans-serif"
-}, Ls = {
+}, Os = {
   name: "noir",
   colors: {
     primary: "#F4F4F6",
@@ -5989,24 +6019,24 @@ const Ns = {
     lg: "0 30px 80px rgba(0, 0, 0, 0.75)"
   },
   fontFamily: 'var(--font-sans-loaded, "Plus Jakarta Sans"), system-ui, -apple-system, sans-serif'
-}, Ps = {
-  material: Ns,
-  cupertino: $s,
-  web: Ms,
-  noir: Ls
+}, Ws = {
+  material: Ms,
+  cupertino: Ls,
+  web: Ps,
+  noir: Os
 };
-function Os(e) {
+function js(e) {
   if (typeof e == "string") {
-    const o = Ps[e];
+    const o = Ws[e];
     if (!o) throw new Error(`Unknown fiboui theme preset: ${e}`);
     return o;
   }
   return e;
 }
-function Ws(e) {
+function Ds(e) {
   return `--fibo-text-${e}`;
 }
-function js(e) {
+function Gs(e) {
   var r, n;
   const o = e.colors, t = {
     "--fibo-primary": o.primary,
@@ -6041,23 +6071,23 @@ function js(e) {
   return i && Object.keys(i).forEach((s) => {
     const f = i[s];
     if (!f) return;
-    const a = Ws(s);
-    f.fontSize != null && (t[`${a}-size`] = ro("fontSize", f.fontSize)), f.fontWeight != null && (t[`${a}-weight`] = ro("fontWeight", f.fontWeight)), f.letterSpacing != null && (t[`${a}-tracking`] = ro("letterSpacing", f.letterSpacing)), f.lineHeight != null && (t[`${a}-height`] = ro("lineHeight", f.lineHeight)), f.color != null && (t[`${a}-color`] = String(f.color));
+    const a = Ds(s);
+    f.fontSize != null && (t[`${a}-size`] = to("fontSize", f.fontSize)), f.fontWeight != null && (t[`${a}-weight`] = to("fontWeight", f.fontWeight)), f.letterSpacing != null && (t[`${a}-tracking`] = to("letterSpacing", f.letterSpacing)), f.lineHeight != null && (t[`${a}-height`] = to("lineHeight", f.lineHeight)), f.color != null && (t[`${a}-color`] = String(f.color));
   }), t;
 }
-function Ds(e) {
+function Hs(e) {
   return {
-    ...js(e),
+    ...Gs(e),
     "--fibo-theme": e.name || "custom"
   };
 }
-function Gs(e) {
+function Xs(e) {
   return String(e ?? "").trim().toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") || "custom";
 }
-function Hs(e) {
-  return `fibo-theme-${Gs(e.name)}`;
+function Vs(e) {
+  return `fibo-theme-${Xs(e.name)}`;
 }
-const Wi = 64, Xs = [
+const Wi = 64, Ys = [
   "paddingTop",
   "paddingRight",
   "paddingBottom",
@@ -6066,7 +6096,7 @@ const Wi = 64, Xs = [
   "marginRight",
   "marginBottom",
   "marginLeft"
-], Vs = /* @__PURE__ */ new Set([
+], Us = /* @__PURE__ */ new Set([
   "padding-top",
   "padding-right",
   "padding-bottom",
@@ -6075,7 +6105,7 @@ const Wi = 64, Xs = [
   "margin-right",
   "margin-bottom",
   "margin-left"
-]), Ys = {
+]), Ks = {
   templateColumns: "gridTemplateColumns",
   templateRows: "gridTemplateRows",
   templateAreas: "gridTemplateAreas",
@@ -6086,10 +6116,10 @@ const Wi = 64, Xs = [
 };
 function ji(e) {
   if (e.startsWith("--")) return e;
-  const o = Ys[e] ?? e, t = Rt(o);
+  const o = Ks[e] ?? e, t = at(o);
   return t.startsWith("ms-") ? `-${t}` : t;
 }
-const Us = `${Wi}px`;
+const qs = `${Wi}px`;
 class go {
   constructor() {
     /** @internal Extra DOM props forwarded to the host element. */
@@ -6198,9 +6228,12 @@ class go {
    *   maxHeight: Size.infinity,
    *   alignment: StackAlign.topTrailing,
    * })
+   * // Child fills the slot (bg/border on the child cover the frame):
+   * Box().bg('red').frame({ maxWidth: Size.infinity, fill: true })
    * ```
    *
    * Chainable: each `.frame()` wraps the previous (same as SwiftUI).
+   * Default: child hugs + `alignment`. Pass `fill: true` to stretch the child.
    */
   frame(o) {
     return this._frames.push({ ...o }), this;
@@ -6359,7 +6392,7 @@ class go {
     return t && typeof t == "object" && (this.__fiboElementProps = { ...t, key: String(o) }), this;
   }
   setBoxLonghand(o, t) {
-    const i = ro(ft(o), t);
+    const i = to(Uo(o), t);
     return this._boxLonghands.add(o), this.addClassName(P.register(o, i)), this;
   }
   setBoxShorthand(o, t) {
@@ -6378,11 +6411,11 @@ class go {
   }
   padding(o, t) {
     if (t !== void 0 && typeof o == "string") {
-      const i = As(o, t);
+      const i = Bs(o, t);
       return i.top != null && this.setBoxLonghand("padding-top", i.top), i.right != null && this.setBoxLonghand("padding-right", i.right), i.bottom != null && this.setBoxLonghand("padding-bottom", i.bottom), i.left != null && this.setBoxLonghand("padding-left", i.left), this;
     }
     if (o != null && typeof o == "object") {
-      const i = Es(o);
+      const i = Rs(o);
       return i.top != null && this.setBoxLonghand("padding-top", i.top), i.right != null && this.setBoxLonghand("padding-right", i.right), i.bottom != null && this.setBoxLonghand("padding-bottom", i.bottom), i.left != null && this.setBoxLonghand("padding-left", i.left), this;
     }
     return this.setBoxShorthand("padding", o);
@@ -6413,8 +6446,8 @@ class go {
   }
   trackBoxLonghandsFrom(o) {
     const t = o;
-    for (const i of Xs)
-      t[i] != null && this._boxLonghands.add(Rt(i));
+    for (const i of Ys)
+      t[i] != null && this._boxLonghands.add(at(i));
   }
   flexDirection(o) {
     return this.layoutStyle({ flexDirection: o });
@@ -6633,8 +6666,13 @@ class go {
     return this.marginVertical(o);
   }
   bg(o) {
-    const t = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, i = P.register("background-color", t);
-    return this._classNames.push(i), this.layoutStyle({ backgroundColor: t }), this;
+    const t = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, i = String(t);
+    if (/gradient\(|url\(/i.test(i)) {
+      const n = P.register("background", i);
+      return this._classNames.push(n), this.layoutStyle({ background: i, backgroundColor: "transparent" }), this;
+    }
+    const r = P.register("background-color", i);
+    return this._classNames.push(r), this.layoutStyle({ backgroundColor: i }), this;
   }
   text(o) {
     const t = typeof o == "string" && !o.startsWith("#") && !o.startsWith("rgb") ? this.resolveSemanticColor(o) : o, i = P.register("color", t);
@@ -6685,7 +6723,7 @@ class go {
    * `Box().material(Material.ultraThin)` or `.material('regular')`.
    */
   material(o) {
-    const t = typeof o == "string" ? Rs[o] : o;
+    const t = typeof o == "string" ? Is[o] : o;
     return t ? (this.backdropBlur(t.blur), this.bg(t.background), this) : this;
   }
   shadow(o) {
@@ -6755,12 +6793,12 @@ class go {
         const g = r("all", "md", n, s), h = P.register("box-shadow", g);
         return this._classNames.push(h), this;
       }
-      const l = n;
+      const u = n;
       if (typeof s == "string" && i(s)) {
-        const g = r(l, "md", s, f), h = P.register("box-shadow", g);
+        const g = r(u, "md", s, f), h = P.register("box-shadow", g);
         return this._classNames.push(h), this;
       } else {
-        const h = r(l, s, f, a), w = P.register("box-shadow", h);
+        const h = r(u, s, f, a), w = P.register("box-shadow", h);
         return this._classNames.push(w), this;
       }
     }
@@ -6859,7 +6897,7 @@ class go {
     return this.paint("width", o), this.lockAxis("width", o);
   }
   paint(o, t) {
-    return this.addClassName(P.register(o, t)), this.layoutStyle({ [ft(o)]: t }), this;
+    return this.addClassName(P.register(o, t)), this.layoutStyle({ [Uo(o)]: t }), this;
   }
   height(o) {
     if (typeof o == "number")
@@ -7120,11 +7158,11 @@ class go {
   transition(o, t, i, r) {
     if (this._autoEffectTransition = !1, this._effectTransitionProps = [], typeof o == "string" && t === void 0)
       return this.replaceTransitionClass(P.register("transition", o)), this;
-    const n = Array.isArray(o) ? o : [o], s = et(i || this._transitionEasing);
+    const n = Array.isArray(o) ? o : [o], s = it(i || this._transitionEasing);
     return this.replaceTransitionClass(
       P.register(
         "transition",
-        zt(n, t || this._transitionDuration, s, r || 0)
+        Tt(n, t || this._transitionDuration, s, r || 0)
       )
     ), this;
   }
@@ -7140,7 +7178,7 @@ class go {
    * Example: .easing('ease-in-out')
    */
   easing(o) {
-    return this._transitionEasing = et(o), (this._motionClass || this._reveal || this._usesCssMotion) && (this._style["--fibo-ease"] = this._transitionEasing, this._motionClass) ? this : (this._applyTransition(), this);
+    return this._transitionEasing = it(o), (this._motionClass || this._reveal || this._usesCssMotion) && (this._style["--fibo-ease"] = this._transitionEasing, this._motionClass) ? this : (this._applyTransition(), this);
   }
   /** Alias of `.easing()`. `'spring'` becomes CSS `linear()`. */
   ease(o) {
@@ -7167,7 +7205,7 @@ class go {
     this._autoEffectTransition = !1, this._effectTransitionProps = [], this.replaceTransitionClass(
       P.register(
         "transition",
-        zt(
+        Tt(
           this._transitionProperties,
           this._transitionDuration,
           this._transitionEasing,
@@ -7195,10 +7233,10 @@ class go {
       const d = Wr(o);
       this._motionClass = `fibo-anim fibo-anim-${d}`, this._props["data-fibo-anim"] = d, (t == null ? void 0 : t.from) !== void 0 && (this._style["--fibo-from"] = typeof t.from == "number" ? `${t.from}px` : t.from), !s && d === "pop" && (s = "spring");
     }
-    const a = et(s ?? "ease", f);
+    const a = it(s ?? "ease", f);
     this._classNames.push(this._motionClass);
-    const l = this._style;
-    return l["--fibo-dur"] = `${r}ms`, l["--fibo-ease"] = a, l["--fibo-delay"] = `${n}ms`, this._reducedMotion === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
+    const u = this._style;
+    return u["--fibo-dur"] = `${r}ms`, u["--fibo-ease"] = a, u["--fibo-delay"] = `${n}ms`, this._reducedMotion === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
   }
   /** CSS `linear()` spring. Works on `.animate()` and `.transition()` / `.hover()`. */
   spring(o) {
@@ -7290,7 +7328,7 @@ class go {
     this._classNames.push(P.register("position", "sticky"));
     const t = o === !0 ? "0px" : typeof o == "number" ? `${o}px` : o;
     this._classNames.push(P.register("top", t));
-    const i = o === !0 || o === 0 ? Us : typeof o == "number" ? `${Math.max(o, Wi)}px` : o;
+    const i = o === !0 || o === 0 ? qs : typeof o == "number" ? `${Math.max(o, Wi)}px` : o;
     return this.publishStickyOffset(i), this;
   }
   /**
@@ -7351,7 +7389,7 @@ class go {
     this.replaceTransitionClass(
       P.register(
         "transition",
-        zt(this._effectTransitionProps, r, i)
+        Tt(this._effectTransitionProps, r, i)
       )
     );
   }
@@ -7361,8 +7399,8 @@ class go {
    * SSR-safe: class + inline vars on first paint (no useEffect).
    */
   theme(o) {
-    const t = Os(o);
-    return this._theme = t, this.addClassName(Hs(t)), this;
+    const t = js(o);
+    return this._theme = t, this.addClassName(Vs(t)), this;
   }
   /** Prefer dark/light system chrome for native controls under this subtree. */
   colorScheme(o) {
@@ -7443,7 +7481,7 @@ class go {
     return this._classNames.push("group"), this;
   }
   children(o) {
-    return typeof o == "function" ? (this._childFunction = o, this._children = []) : (this._children = Ct(o), this._childFunction = void 0), this;
+    return typeof o == "function" ? (this._childFunction = o, this._children = []) : (this._children = zt(o), this._childFunction = void 0), this;
   }
   getClassName() {
     let o;
@@ -7452,7 +7490,7 @@ class go {
   getStyle() {
     let o = Po({ ...this._style, ...this._cssStyles });
     if (this._smoothSurface && (o = ue(o), this._smoothNeedsRestTransform && (o = Qe(o))), this._theme && (o = {
-      ...Ds(this._theme),
+      ...Hs(this._theme),
       ...o,
       backgroundColor: o.backgroundColor ?? this._theme.colors.background,
       color: o.color ?? this._theme.colors.onBackground,
@@ -7462,18 +7500,18 @@ class go {
       o.transform = t ? `${t} ${this._transforms.join(" ")}` : this._transforms.join(" ");
     }
     if (this._animationConfig && this._animatedProps.size === 0) {
-      const { duration: t = 300, curve: i = "easeOut", stiffness: r, damping: n } = this._animationConfig, s = et(i, { stiffness: r, damping: n });
+      const { duration: t = 300, curve: i = "easeOut", stiffness: r, damping: n } = this._animationConfig, s = it(i, { stiffness: r, damping: n });
       o.transition = `all ${t}ms ${s}`;
     }
     return o;
   }
   processChildren() {
-    const o = this._childFunction ? Ct(this._childFunction) : this._children;
+    const o = this._childFunction ? zt(this._childFunction) : this._children;
     return this._staggerMs == null ? o : o.map(
-      (t, i) => u.createElement(
+      (t, i) => l.createElement(
         "span",
         {
-          key: u.isValidElement(t) && Ie(t.key) ? t.key : `fibo-stagger-${i}`,
+          key: l.isValidElement(t) && Ie(t.key) ? t.key : `fibo-stagger-${i}`,
           className: "fibo-stagger-item",
           style: { "--fibo-i": String(i) }
         },
@@ -7485,7 +7523,7 @@ class go {
     return this._childFunction;
   }
 }
-const Ks = /* @__PURE__ */ new Set([
+const Zs = /* @__PURE__ */ new Set([
   "$$typeof",
   "type",
   "props",
@@ -7498,61 +7536,61 @@ const Ks = /* @__PURE__ */ new Set([
   "_debugTask",
   "_debugInfo"
 ]);
-function qs(e) {
+function Js(e) {
   var t;
   const o = (t = e._props) == null ? void 0 : t.key;
   if (!(o == null || o === ""))
     return o;
 }
-function Zs(e) {
-  const o = e._isObserver, t = e._signals, i = e._observers, r = e._state, n = e._providers, s = qs(e), f = () => {
+function Qs(e) {
+  const o = e._isObserver, t = e._signals, i = e._observers, r = e._state, n = e._providers, s = Js(e), f = () => {
     e.runReplays();
     let h = cn(e, () => e.build());
     const w = e._frames;
     if (w && w.length > 0)
       for (const C of w)
-        h = ts(h, C);
-    e._clipped && (h = rs(h));
+        h = is(h, C);
+    e._clipped && (h = ss(h));
     const S = e._clipShape;
-    S && (h = ns(h, S));
+    S && (h = fs(h, S));
     const y = e._viewMask;
-    y && (h = ds(h, y)), e._compositingGroup && (h = hs(h));
+    y && (h = xs(h, y)), e._compositingGroup && (h = ps(h));
     const x = e._layers;
     if (x && x.length > 0)
       for (const C of x)
-        h = ls(h, C);
+        h = bs(h, C);
     const v = e._offset;
-    v && (h = is(h, v));
+    v && (h = ns(h, v));
     const T = e._fixedSize;
-    T && (h = cs(h, T));
+    T && (h = us(h, T));
     const O = e._layoutPriority;
-    O != null && O !== 0 && (h = as(h, O));
+    O != null && O !== 0 && (h = ls(h, O));
     const I = e._containerRelativeFrame;
-    I && (h = gs(h, I));
+    I && (h = vs(h, I));
     const $ = e._alignmentGuide;
-    $ && (h = ws(h, $));
+    $ && (h = ks(h, $));
     const M = e._matchedGeometry;
-    M && (h = ks(h, M));
+    M && (h = Ss(h, M));
     const W = e._preferences;
     if (W && W.length > 0)
       for (const C of W)
-        h = zs(h, C);
+        h = Es(h, C);
     const k = e._preferenceReaders;
     if (k && k.length > 0)
       for (const C of k)
-        h = Ts(h, C);
+        h = As(h, C);
     const H = e._safeAreaInsets;
     if (H && H.length > 0)
       for (const C of H)
-        h = Fs(h, C);
+        h = $s(h, C);
     const V = e._contentShape;
-    V && (h = fs(h, V));
+    V && (h = cs(h, V));
     const K = e._onGeometryChange;
-    K && (h = us(h, K));
-    const to = e._animatedProps, po = e._animationConfig;
-    to && to.size > 0 && (h = u.createElement(Tr, {
+    K && (h = hs(h, K));
+    const eo = e._animatedProps, po = e._animationConfig;
+    eo && eo.size > 0 && (h = l.createElement(Tr, {
       key: s,
-      animatedProps: to,
+      animatedProps: eo,
       animationConfig: po,
       children: h
     }));
@@ -7561,7 +7599,7 @@ function Zs(e) {
       const C = e._style || {}, So = {};
       for (const yo of ["--fibo-dur", "--fibo-ease", "--fibo-delay", "--fibo-stagger", "--fibo-from"])
         C[yo] != null && (So[yo] = C[yo]);
-      h = u.createElement(Er, {
+      h = l.createElement(Er, {
         key: s,
         preset: no.preset,
         once: no.once,
@@ -7572,10 +7610,10 @@ function Zs(e) {
         children: h
       });
     }
-    e._scrollProgress && (h = u.createElement(Ar, { key: s, children: h })), e._usesCssMotion && (h = u.createElement(
-      u.Fragment,
+    e._scrollProgress && (h = l.createElement(Ar, { key: s, children: h })), e._usesCssMotion && (h = l.createElement(
+      l.Fragment,
       { key: s },
-      u.createElement(tn),
+      l.createElement(tn),
       h
     ));
     const fo = e._simultaneousGestures;
@@ -7591,35 +7629,35 @@ function Zs(e) {
       for (const C of oo)
         h = C.wrap(h);
     return h;
-  }, a = typeof e.hasStateManagement == "function" ? e.hasStateManagement() : !!(o || t && t.size || i && i.size || r && r.size || n && n.size), l = o ? u.createElement(un, {
+  }, a = typeof e.hasStateManagement == "function" ? e.hasStateManagement() : !!(o || t && t.size || i && i.size || r && r.size || n && n.size), u = o ? l.createElement(un, {
     key: s,
     children: f
-  }) : null, d = () => l ?? f();
+  }) : null, d = () => u ?? f();
   let g = d();
-  return a && t && t.size > 0 ? g = u.createElement(bn, {
+  return a && t && t.size > 0 ? g = l.createElement(bn, {
     key: s,
     signals: t,
     children: d
-  }) : a && i && i.size > 0 && (g = u.createElement(hn, {
+  }) : a && i && i.size > 0 && (g = l.createElement(hn, {
     key: s,
     observables: i,
     children: d
-  })), a && r && r.size > 0 && (g = u.createElement(dn, {
+  })), a && r && r.size > 0 && (g = l.createElement(dn, {
     key: s,
     stateMap: r,
     children: g
-  })), a && n && n.size > 0 && (g = u.createElement(zi, {
+  })), a && n && n.size > 0 && (g = l.createElement(zi, {
     key: s,
     providers: n,
     children: g
   })), g;
 }
-function Js(e, o, t) {
+function of(e, o, t) {
   const i = function() {
     return o();
   };
   i.displayName = t;
-  const r = u.createElement(i);
+  const r = l.createElement(i);
   Object.defineProperty(e, "$$typeof", {
     value: r.$$typeof,
     enumerable: !0,
@@ -7633,10 +7671,10 @@ function Js(e, o, t) {
 }
 function mo(e) {
   return (...o) => {
-    const t = new e(...o), i = e.name.replace(/Builder$/, "") || "Fibo", r = () => Zs(t);
-    return Js(t, r, i), new Proxy(t, {
+    const t = new e(...o), i = e.name.replace(/Builder$/, "") || "Fibo", r = () => Qs(t);
+    return of(t, r, i), new Proxy(t, {
       get(n, s, f) {
-        var a, l;
+        var a, u;
         if (s === "build")
           return r;
         if (s === "key") {
@@ -7650,7 +7688,7 @@ function mo(e) {
           return n.__fiboKeyFn;
         }
         if (s === "props") {
-          const d = (l = n._props) == null ? void 0 : l.key, g = {
+          const d = (u = n._props) == null ? void 0 : u.key, g = {
             ...n.__fiboElementProps ?? {},
             ...d != null && d !== "" ? { key: String(d) } : {}
           }, h = Object.getPrototypeOf(n).props;
@@ -7660,15 +7698,15 @@ function mo(e) {
           const d = Reflect.get(n, s), g = Object.getPrototypeOf(n), h = g != null ? g.type : void 0;
           return typeof h != "function" || typeof d != "function" ? d : (n.__fiboType || (n.__fiboType = (w, S) => typeof w == "string" || typeof w == "number" ? (h.call(n, w), f) : d(w, S)), n.__fiboType);
         }
-        return Ks.has(s) || Reflect.has(n, s) ? Reflect.get(n, s, f) : (d) => (((h) => {
+        return Zs.has(s) || Reflect.has(n, s) ? Reflect.get(n, s, f) : (d) => (((h) => {
           const S = Me(s) ?? [s];
           for (const y of S) {
             const x = ji(y);
-            if (Vs.has(x)) {
+            if (Us.has(x)) {
               n.setBoxLonghand(x, h);
               continue;
             }
-            const v = ro(y, h);
+            const v = to(y, h);
             n.paint(x, v);
           }
         })(d), f);
@@ -7676,11 +7714,11 @@ function mo(e) {
     });
   };
 }
-const Di = "FIBO:", Qs = /\uE000FIBO:(\d+)\uE001/g, Gi = [];
+const Di = "FIBO:", tf = /\uE000FIBO:(\d+)\uE001/g, Gi = [];
 function Pe(e) {
   return typeof e == "string" ? e : e == null ? "" : String(e);
 }
-function of(e) {
+function ef(e) {
   return e.replace(/\uE000FIBO:(\d+)\uE001/g, (o, t) => {
     const i = Gi[Number(t)];
     return i == null ? "" : String(i.value);
@@ -7691,24 +7729,24 @@ function J(e) {
 }
 function _o(e) {
   const o = [];
-  for (const t of Pe(e).matchAll(Qs)) {
+  for (const t of Pe(e).matchAll(tf)) {
     const i = Gi[Number(t[1])];
     i && o.push(i);
   }
   return o;
 }
-const tf = 16;
+const rf = 16;
 function ho(e) {
   let o = Pe(e);
-  for (let t = 0; t < tf; t++) {
+  for (let t = 0; t < rf; t++) {
     if (!o.includes(Di)) return o;
-    const i = of(o);
+    const i = ef(o);
     if (i === o) return o;
     o = i;
   }
   return o;
 }
-function ef(e, o) {
+function nf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -7722,26 +7760,26 @@ function Jt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    ef(e, o);
+    nf(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Jt(e, t);
 }
-function rf(e) {
+function sf(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-function nf(e) {
+function ff(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function sf(e) {
+function af(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 ff(e, o) {
+function cf(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 af extends go {
+class lf extends go {
   children(o) {
     return Jt(this, o), super.children(o);
   }
@@ -7758,11 +7796,11 @@ class af extends go {
       // 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 } = ff(this.processChildren(), this._props), { className: r, style: n, ...s } = i, f = [...o, r].filter(Boolean).join(" "), a = t.map(rf), l = { ...this.getStyle(), ...nf(n) };
-    return sf(l), u.createElement(
+    ], { nodes: t, rest: i } = cf(this.processChildren(), this._props), { className: r, style: n, ...s } = i, f = [...o, r].filter(Boolean).join(" "), a = t.map(sf), u = { ...this.getStyle(), ...ff(n) };
+    return af(u), l.createElement(
       "div",
       {
-        style: l,
+        style: u,
         ...s,
         className: f
       },
@@ -7770,27 +7808,27 @@ class af extends go {
     );
   }
 }
-const Cc = mo(af);
+const Tc = mo(lf);
 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 Xi(e) {
   return e === "start" || e === "center" || e === "end" || e === "stretch" ? e : "start";
 }
-function cf(e) {
+function uf(e) {
   return e != null && typeof e == "object" && !Array.isArray(e) && typeof e.subscribe == "function" && "value" in e;
 }
-function lf(e) {
-  return e == null ? [] : typeof e == "function" ? [...e() ?? []] : cf(e) ? [...e.value ?? []] : [...e];
+function bf(e) {
+  return e == null ? [] : typeof e == "function" ? [...e() ?? []] : uf(e) ? [...e.value ?? []] : [...e];
 }
-function uf(e, o) {
+function hf(e, o) {
   if (e != null && typeof e == "object") {
     const t = e, i = t.id ?? t._id ?? t.key;
     if (typeof i == "string" || typeof i == "number") return i;
   }
   return typeof e == "string" || typeof e == "number" ? e : o;
 }
-class bf extends go {
+class df extends go {
   constructor(t, i) {
     super();
     c(this, "_source");
@@ -7815,15 +7853,15 @@ class bf extends go {
     return this._keyBy = t, this;
   }
   build() {
-    const t = lf(this._source), i = this._renderItem, r = this._keyBy, n = t.map((s, f) => {
-      const a = i ? i(s, f) : s, l = vo(a), d = r ? r(s, f) : uf(s, f);
-      return u.isValidElement(l) ? u.cloneElement(l, { key: d }) : pi(l, f);
+    const t = bf(this._source), i = this._renderItem, r = this._keyBy, n = t.map((s, f) => {
+      const a = i ? i(s, f) : s, u = vo(a), d = r ? r(s, f) : hf(s, f);
+      return l.isValidElement(u) ? l.cloneElement(u, { key: d }) : pi(u, f);
     });
-    return u.createElement(u.Fragment, null, ...n);
+    return l.createElement(l.Fragment, null, ...n);
   }
 }
-const Vi = mo(bf);
-function hf(e, o) {
+const Vi = mo(df);
+function pf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -7837,20 +7875,20 @@ function Qt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    hf(e, o);
+    pf(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Qt(e, t);
 }
-function df(e) {
+function xf(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-function pf(e, o) {
+function gf(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 xf extends go {
+class mf extends go {
   constructor() {
     super(...arguments);
     c(this, "_mainAxisAlignment", "start");
@@ -7919,11 +7957,11 @@ class xf extends go {
       i[this._crossAxisAlignment],
       this._size ? r[this._size] : "",
       ...this._classNames
-    ], s = this.getStyle(), { nodes: f, rest: a } = pf(this.processChildren(), this._props), { className: l, style: d, ...g } = a, h = [...n, l].filter(Boolean).join(" "), w = f.map(df), S = {
+    ], s = this.getStyle(), { nodes: f, rest: a } = gf(this.processChildren(), this._props), { className: u, style: d, ...g } = a, h = [...n, u].filter(Boolean).join(" "), w = f.map(xf), S = {
       ...s,
       ...d && typeof d == "object" ? d : {}
     };
-    return this._spacing != null && this._spacing !== "" && (typeof this._spacing == "number" ? S.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? S.gap = this._spacing : S.gap = `${Number(this._spacing) * 4}px`), u.createElement(
+    return this._spacing != null && this._spacing !== "" && (typeof this._spacing == "number" ? S.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? S.gap = this._spacing : S.gap = `${Number(this._spacing) * 4}px`), l.createElement(
       "div",
       {
         style: S,
@@ -7934,8 +7972,8 @@ class xf extends go {
     );
   }
 }
-const zc = mo(xf);
-function gf(e, o) {
+const Ec = mo(mf);
+function vf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -7949,20 +7987,20 @@ function oe(e, o) {
     return;
   }
   if (typeof o == "string") {
-    gf(e, o);
+    vf(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) oe(e, t);
 }
-function mf(e) {
+function wf(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-function vf(e, o) {
+function yf(e, o) {
   const t = o !== void 0 ? o : e;
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }
-const wf = /* @__PURE__ */ new Set([
+const kf = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -7990,48 +8028,48 @@ const wf = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), yf = /^[a-z][a-z0-9]*$/;
-function kf(e) {
+]), _f = /^[a-z][a-z0-9]*$/;
+function Sf(e) {
   if (typeof e != "string") return "div";
   const o = e.trim().toLowerCase();
-  return !yf.test(o) || wf.has(o) ? "div" : o;
+  return !_f.test(o) || kf.has(o) ? "div" : o;
 }
 function Yt(e, o) {
   const t = `fibo-${o}-`;
   return e.some((i) => i.startsWith(t));
 }
-function _f(e) {
+function Cf(e) {
   return typeof e == "number" ? `${e}px` : String(e);
 }
-function it(e, o) {
+function rt(e, o) {
   const t = `env(safe-area-inset-${o}, 0px)`;
   if (e == null || e === "") return t;
-  const i = _f(e);
+  const i = Cf(e);
   return i.includes("safe-area-inset") ? i : `max(${i}, ${t})`;
 }
-function Sf(e, o) {
+function zf(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`, l = `${r}Left`;
-    if (!(i[s] != null || i[f] != null || i[a] != null || i[l] != null || o.has(`${r}-top`) || o.has(`${r}-right`) || o.has(`${r}-bottom`) || o.has(`${r}-left`))) continue;
-    const [g, h, w, S] = ct(String(n));
-    i[s] == null && !o.has(`${r}-top`) && (i[s] = g), i[f] == null && !o.has(`${r}-right`) && (i[f] = h), i[a] == null && !o.has(`${r}-bottom`) && (i[a] = w), i[l] == null && !o.has(`${r}-left`) && (i[l] = S), delete i[r];
+    const s = `${r}Top`, f = `${r}Right`, a = `${r}Bottom`, u = `${r}Left`;
+    if (!(i[s] != null || i[f] != null || i[a] != null || i[u] != null || o.has(`${r}-top`) || o.has(`${r}-right`) || o.has(`${r}-bottom`) || o.has(`${r}-left`))) continue;
+    const [g, h, w, S] = lt(String(n));
+    i[s] == null && !o.has(`${r}-top`) && (i[s] = g), i[f] == null && !o.has(`${r}-right`) && (i[f] = h), i[a] == null && !o.has(`${r}-bottom`) && (i[a] = w), i[u] == null && !o.has(`${r}-left`) && (i[u] = S), delete i[r];
   }
   return t;
 }
-function Cf(e, o) {
+function Tf(e, o) {
   const t = e;
   if (t.padding != null && t.padding !== "") {
-    const [n, s, f, a] = ct(String(t.padding));
+    const [n, s, f, a] = lt(String(t.padding));
     t.paddingTop == null && (t.paddingTop = n), t.paddingRight == null && (t.paddingRight = s), t.paddingBottom == null && (t.paddingBottom = f), t.paddingLeft == null && (t.paddingLeft = a), delete t.padding;
   }
   t.paddingLeft == null && o.left != null && (t.paddingLeft = o.left), t.paddingRight == null && o.right != null && (t.paddingRight = o.right), t.paddingTop == null && o.top != null && (t.paddingTop = o.top), t.paddingBottom == null && o.bottom != null && (t.paddingBottom = o.bottom);
   const i = t.paddingTop != null && t.paddingTop !== "", r = t.paddingBottom != null && t.paddingBottom !== "";
-  t.paddingLeft = it(t.paddingLeft, "left"), t.paddingRight = it(t.paddingRight, "right"), i && (t.paddingTop = it(t.paddingTop, "top")), r && (t.paddingBottom = it(t.paddingBottom, "bottom"));
+  t.paddingLeft = rt(t.paddingLeft, "left"), t.paddingRight = rt(t.paddingRight, "right"), i && (t.paddingTop = rt(t.paddingTop, "top")), r && (t.paddingBottom = rt(t.paddingBottom, "bottom"));
 }
-function zf(e, o, t, i) {
+function Ef(e, o, t, i) {
   const r = e, n = r.width != null || i.has("width") || Yt(t, "width");
   if (o) {
     n || (r.width = "auto");
@@ -8041,11 +8079,11 @@ function zf(e, o, t, i) {
   const s = r.margin != null && r.margin !== "", f = s || r.marginLeft != null || r.marginInlineStart != null || i.has("margin-left") || Yt(t, "margin-left"), a = s || r.marginRight != null || r.marginInlineEnd != null || i.has("margin-right") || Yt(t, "margin-right");
   f || (r.marginLeft = "auto"), a || (r.marginRight = "auto");
 }
-function Tf(e, o, t, i, r, n, s) {
-  const f = o ? Po({ ...e, ...o }) : { ...e }, a = Sf(f, n);
-  return !(a.maxWidth != null || Yt(r, "max-width") || n.has("max-width")) && t != null && t !== "" && (a.maxWidth = ro("maxWidth", t)), zf(a, i, r, n), Cf(a, s), a;
+function Af(e, o, t, i, r, n, s) {
+  const f = o ? Po({ ...e, ...o }) : { ...e }, a = zf(f, n);
+  return !(a.maxWidth != null || Yt(r, "max-width") || n.has("max-width")) && t != null && t !== "" && (a.maxWidth = to("maxWidth", t)), Ef(a, i, r, n), Tf(a, s), a;
 }
-class Ef extends go {
+class Rf extends go {
   constructor() {
     super(...arguments);
     c(this, "_userPad", {});
@@ -8059,31 +8097,31 @@ class Ef extends go {
   padding(t, i) {
     if (i !== void 0 || t != null && typeof t == "object")
       return super.padding(t, i);
-    const r = t, n = ro("padding", r), [s, f, a, l] = ct(n);
-    return this._boxLonghands.has("padding-top") || (this._userPad.top = s), this._boxLonghands.has("padding-right") || (this._userPad.right = f), this._boxLonghands.has("padding-bottom") || (this._userPad.bottom = a), this._boxLonghands.has("padding-left") || (this._userPad.left = l), super.padding(r);
+    const r = t, n = to("padding", r), [s, f, a, u] = lt(n);
+    return this._boxLonghands.has("padding-top") || (this._userPad.top = s), this._boxLonghands.has("padding-right") || (this._userPad.right = f), this._boxLonghands.has("padding-bottom") || (this._userPad.bottom = a), this._boxLonghands.has("padding-left") || (this._userPad.left = u), super.padding(r);
   }
   paddingHorizontal(t) {
-    const i = ro("paddingLeft", t);
+    const i = to("paddingLeft", t);
     return this._userPad.left = i, this._userPad.right = i, super.paddingHorizontal(t);
   }
   paddingVertical(t) {
-    const i = ro("paddingTop", t);
+    const i = to("paddingTop", t);
     return this._userPad.top = i, this._userPad.bottom = i, super.paddingVertical(t);
   }
   paddingLeft(t) {
-    const i = ro("paddingLeft", t);
+    const i = to("paddingLeft", t);
     return this._userPad.left = i, this._boxLonghands.add("padding-left"), this.addClassName(P.register("padding-left", i)), this;
   }
   paddingRight(t) {
-    const i = ro("paddingRight", t);
+    const i = to("paddingRight", t);
     return this._userPad.right = i, this._boxLonghands.add("padding-right"), this.addClassName(P.register("padding-right", i)), this;
   }
   paddingTop(t) {
-    const i = ro("paddingTop", t);
+    const i = to("paddingTop", t);
     return this._userPad.top = i, this._boxLonghands.add("padding-top"), this.addClassName(P.register("padding-top", i)), this;
   }
   paddingBottom(t) {
-    const i = ro("paddingBottom", t);
+    const i = to("paddingBottom", t);
     return this._userPad.bottom = i, this._boxLonghands.add("padding-bottom"), this.addClassName(P.register("padding-bottom", i)), this;
   }
   build() {
@@ -8095,8 +8133,8 @@ class Ef extends go {
       tag: s,
       dangerouslySetInnerHTML: f,
       maxWidth: a,
-      ...l
-    } = this._props, d = this.isHug(), g = vf(this.processChildren(), t).map(mf), h = Tf(
+      ...u
+    } = this._props, d = this.isHug(), g = yf(this.processChildren(), t).map(wf), h = Af(
       this.getStyle(),
       r,
       a,
@@ -8105,8 +8143,8 @@ class Ef extends go {
       this._boxLonghands,
       this._userPad
     ), w = [
-      P.register("padding-left", String(h.paddingLeft ?? it(void 0, "left"))),
-      P.register("padding-right", String(h.paddingRight ?? it(void 0, "right")))
+      P.register("padding-left", String(h.paddingLeft ?? rt(void 0, "left"))),
+      P.register("padding-right", String(h.paddingRight ?? rt(void 0, "right")))
     ];
     h.paddingTop != null && String(h.paddingTop).includes("safe-area-inset") && w.push(P.register("padding-top", String(h.paddingTop))), h.paddingBottom != null && String(h.paddingBottom).includes("safe-area-inset") && w.push(P.register("padding-bottom", String(h.paddingBottom)));
     const S = [
@@ -8115,11 +8153,11 @@ class Ef extends go {
       this.getClassName(),
       i,
       ...w
-    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), y = kf(n ?? s);
-    return u.createElement(
+    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), y = Sf(n ?? s);
+    return l.createElement(
       y,
       {
-        ...l,
+        ...u,
         className: S,
         style: h
       },
@@ -8127,8 +8165,8 @@ class Ef extends go {
     );
   }
 }
-const Tc = mo(Ef);
-function Af(e, o) {
+const Ac = mo(Rf);
+function Bf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -8142,29 +8180,29 @@ function te(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Af(e, o);
+    Bf(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) te(e, t);
 }
-function Rf(e) {
+function If(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-function Bf(e, o) {
+function Ff(e, o) {
   const { children: t, ...i } = o, r = t !== void 0 ? t : e;
-  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(Rf), rest: i };
+  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(If), rest: i };
 }
-function If(e, o) {
+function Nf(e, o) {
   return !o || typeof o != "object" || Array.isArray(o) ? { ...e } : { ...e, ...o };
 }
-function Ff(e) {
+function $f(e) {
   return e === "row-reverse" ? "flex-row-reverse" : e === "column" ? "flex-col" : e === "column-reverse" ? "flex-col-reverse" : "flex-row";
 }
-function Nf(e) {
+function Mf(e) {
   return e === "wrap" ? "flex-wrap" : e === "wrap-reverse" ? "flex-wrap-reverse" : "";
 }
-class $f extends go {
+class Lf extends go {
   constructor() {
     super(...arguments);
     c(this, "_mainAxisAlignment", "start");
@@ -8216,41 +8254,41 @@ class $f extends go {
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, { nodes: r, rest: n } = Bf(this.processChildren(), this._props), {
+    }, { nodes: r, rest: n } = Ff(this.processChildren(), this._props), {
       className: s,
       style: f,
       dangerouslySetInnerHTML: a,
-      ...l
-    } = n, d = If(this.getStyle(), f), h = [...[
+      ...u
+    } = n, d = Nf(this.getStyle(), f), h = [...[
       "fibo-row",
       "flex",
-      Ff(d.flexDirection),
-      Nf(d.flexWrap),
+      $f(d.flexDirection),
+      Mf(d.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],
       i[this._crossAxisAlignment],
       ...this._classNames
     ], s].filter(Boolean).join(" ");
-    return u.createElement(
+    return l.createElement(
       "div",
       {
         style: d,
-        ...l,
+        ...u,
         className: h
       },
       ...r
     );
   }
 }
-const Ec = mo($f);
+const Rc = mo(Lf);
 function ni(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function Mf(e) {
+function Pf(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-class Lf extends go {
+class Of extends go {
   constructor() {
     super(...arguments);
     c(this, "_height");
@@ -8276,10 +8314,10 @@ class Lf extends go {
     return this._grow = Number.isFinite(i) ? i : 1, this._expand = !0, this;
   }
   build() {
-    const { className: t, style: i, ...r } = this._props, n = { ...this.getStyle(), ...Mf(i) }, s = this._height != null || this._width != null, f = this._expand ?? !s;
+    const { className: t, style: i, ...r } = this._props, n = { ...this.getStyle(), ...Pf(i) }, s = this._height != null || this._width != null, f = this._expand ?? !s;
     this._height != null && (n.height = ni(this._height)), this._width != null && (n.width = ni(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 u.createElement("div", {
+    return l.createElement("div", {
       ...r,
       style: n,
       className: a,
@@ -8287,8 +8325,8 @@ class Lf extends go {
     });
   }
 }
-const Ac = mo(Lf);
-function Pf(e, o) {
+const Bc = mo(Of);
+function Wf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -8302,23 +8340,23 @@ function Co(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Pf(e, o);
+    Wf(e, o);
     return;
   }
   if (Array.isArray(o))
     for (const t of o) Co(e, t);
 }
-function Of(e) {
+function jf(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
 function he(e) {
   return e == null || e === !1 ? null : typeof e == "string" ? J(e) ? ho(e) : e : vo(e);
 }
-function Wf(e, o) {
+function Df(e, o) {
   const t = o !== void 0 ? o : e;
-  return (t == null ? [] : Array.isArray(t) ? t : [t]).map(Of);
+  return (t == null ? [] : Array.isArray(t) ? t : [t]).map(jf);
 }
-const jf = u.memo((e) => {
+const Gf = l.memo((e) => {
   const {
     height: o = 64,
     sticky: t,
@@ -8328,10 +8366,10 @@ const jf = u.memo((e) => {
     leading: s,
     trailing: f,
     title: a,
-    role: l,
+    role: u,
     ...d
   } = e, g = Array.isArray(n) ? n : n == null ? [] : [n], h = s == null || s === !1 ? null : s, w = f == null || f === !1 ? null : f, S = a == null || a === !1 ? null : a;
-  return u.createElement(
+  return l.createElement(
     "header",
     {
       ...d,
@@ -8341,26 +8379,26 @@ const jf = u.memo((e) => {
         i || ""
       ].filter(Boolean).join(" "),
       style: { height: o, minHeight: o, ...r },
-      role: l ?? "banner"
+      role: u ?? "banner"
     },
-    h != null ? u.createElement(
+    h != null ? l.createElement(
       "div",
       { key: "leading", className: "fibo-header-leading shrink-0 flex items-center" },
       h
     ) : null,
-    S != null ? u.createElement(
+    S != null ? l.createElement(
       "span",
       { key: "title", className: "fibo-header-title flex-1 min-w-0" },
       S
     ) : null,
     ...g,
-    w != null ? u.createElement(
+    w != null ? l.createElement(
       "div",
       { key: "trailing", className: "fibo-header-trailing shrink-0 flex items-center" },
       w
     ) : null
   );
-}), At = class At extends go {
+}), Rt = class Rt extends go {
   constructor() {
     super(...arguments);
     c(this, "_height", 64);
@@ -8391,7 +8429,7 @@ const jf = u.memo((e) => {
   }
   sticky(t = !0) {
     if (t === !1)
-      return this._sticky && (this.dropStickyStamp(), At.unstickSeq += 1, this.publishStickyOffset(`0px${" ".repeat(At.unstickSeq)}`)), this._sticky = !1, this;
+      return this._sticky && (this.dropStickyStamp(), Rt.unstickSeq += 1, this.publishStickyOffset(`0px${" ".repeat(Rt.unstickSeq)}`)), this._sticky = !1, this;
     this._sticky = !0, this._stickyTop = t === !0 ? 0 : t, this.dropStickyStamp();
     const i = new Set(this._classNames);
     return super.sticky(this._stickyTop), this._stickyStamp = this._classNames.filter((r) => !i.has(r)), this.syncStickyOffset(), this;
@@ -8423,24 +8461,24 @@ const jf = u.memo((e) => {
       trailing: s,
       title: f,
       ...a
-    } = this._props, l = [this.getClassName(), t].filter(Boolean).join(" "), d = r ? { ...this.getStyle(), ...r } : this.getStyle();
-    return u.createElement(jf, {
+    } = this._props, u = [this.getClassName(), t].filter(Boolean).join(" "), d = r ? { ...this.getStyle(), ...r } : this.getStyle();
+    return l.createElement(Gf, {
       ...a,
       height: this._height,
       sticky: this._sticky,
-      className: l,
+      className: u,
       style: d,
       leading: he(this._leading ?? n),
       trailing: he(this._trailing ?? s),
       title: he(this._title ?? f),
-      children: Wf(this.processChildren(), i)
+      children: Df(this.processChildren(), i)
     });
   }
 };
-c(At, "unstickSeq", 0);
-let Te = At;
-const Df = mo(Te);
-function Gf(e, o) {
+c(Rt, "unstickSeq", 0);
+let Te = Rt;
+const Hf = mo(Te);
+function Xf(e, o) {
   const {
     theme: t,
     locale: i,
@@ -8449,7 +8487,7 @@ function Gf(e, o) {
     style: s,
     children: f,
     overlays: a = [],
-    rootRef: l,
+    rootRef: u,
     extendBody: d,
     extendBehindHeader: g,
     avoidKeyboard: h,
@@ -8459,7 +8497,7 @@ function Gf(e, o) {
   t && y.set("theme", t), i && y.set("locale", i), Object.entries(r).forEach(([I, $]) => {
     y.set(I, $);
   });
-  const x = a.length > 0 ? u.createElement(
+  const x = a.length > 0 ? l.createElement(
     "div",
     {
       key: "fibo-overlays",
@@ -8472,10 +8510,10 @@ function Gf(e, o) {
       }
     },
     a.map(
-      (I, $) => u.createElement(
+      (I, $) => l.createElement(
         "div",
         {
-          key: u.isValidElement(I) && I.key != null && I.key !== "" ? String(I.key) : `fibo-overlay-slot-${$}`,
+          key: l.isValidElement(I) && I.key != null && I.key !== "" ? String(I.key) : `fibo-overlay-slot-${$}`,
           style: { pointerEvents: "auto" }
         },
         I
@@ -8508,12 +8546,12 @@ function Gf(e, o) {
     paddingBottom: "var(--fibo-safe-bottom)",
     paddingLeft: "var(--fibo-safe-left)"
   });
-  const O = u.createElement(
+  const O = l.createElement(
     "div",
     {
       className: ["fibo-scaffold", n].filter(Boolean).join(" "),
       style: v,
-      ref: l,
+      ref: u,
       "data-extend-body": d ? "true" : void 0,
       "data-extend-header": g ? "true" : void 0,
       "data-keyboard": h === !1 ? void 0 : "on",
@@ -8522,39 +8560,39 @@ function Gf(e, o) {
     },
     x ? [f, x] : f
   );
-  return y.size > 0 ? u.createElement(zi, {
+  return y.size > 0 ? l.createElement(zi, {
     providers: y,
     children: O
   }) : O;
 }
-function Hf(e) {
-  return Gf(e, pn());
+function Vf(e) {
+  return Xf(e, pn());
 }
-function Xf(e, o) {
+function Yf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
 }
-function rt(e, o) {
+function nt(e, o) {
   if (typeof o == "function") {
     try {
-      rt(e, o());
+      nt(e, o());
     } catch {
     }
     return;
   }
   if (typeof o == "string") {
-    Xf(e, o);
+    Yf(e, o);
     return;
   }
   if (Array.isArray(o))
-    for (const t of o) rt(e, t);
+    for (const t of o) nt(e, t);
 }
 function Xo(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-const ot = { flexShrink: 0 };
-class Vf extends go {
+const tt = { flexShrink: 0 };
+class Uf extends go {
   constructor() {
     super(...arguments);
     c(this, "_locale");
@@ -8577,10 +8615,10 @@ class Vf extends go {
     c(this, "_onDrawer");
   }
   children(t) {
-    return rt(this, t), super.children(t);
+    return nt(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && rt(this, t.children), super.props(t);
+    return t && "children" in t && nt(this, t.children), super.props(t);
   }
   locale(t) {
     return this._locale = t, this;
@@ -8607,7 +8645,7 @@ class Vf extends go {
    * set, this is a no-op (explicit chrome wins).
    */
   navigationTitle(t) {
-    return this._headerBar ? this : this.headerBar(Df().title(t).sticky());
+    return this._headerBar ? this : this.headerBar(Hf().title(t).sticky());
   }
   /**
    * Flutter `Scaffold.bottomNavigationBar` — typically a {@link BottomAppBar}
@@ -8670,17 +8708,17 @@ class Vf extends go {
   }
   _bindBar(t) {
     if (this._isLayoutBarConfig(t)) {
-      rt(this, t.children);
+      nt(this, t.children);
       return;
     }
-    rt(this, t);
+    nt(this, t);
   }
   _normalizeBar(t) {
     return this._isLayoutBarConfig(t) ? {
-      content: u.createElement(
-        u.Fragment,
+      content: l.createElement(
+        l.Fragment,
         null,
-        ...Ct(t.children).map(Xo)
+        ...zt(t.children).map(Xo)
       ),
       fixed: t.fixed ?? !1
     } : {
@@ -8689,10 +8727,10 @@ class Vf extends go {
     };
   }
   _isLayoutBarConfig(t) {
-    return !t || typeof t != "object" || u.isValidElement(t) || "build" in t && typeof t.build == "function" ? !1 : "children" in t && !("type" in t);
+    return !t || typeof t != "object" || l.isValidElement(t) || "build" in t && typeof t.build == "function" ? !1 : "children" in t && !("type" in t);
   }
   build() {
-    var N, q, lo, Y, Go, Q, Fo, To, uo, Eo, wo, bt, Ft, Uo, ht, dt, pt, xt, gt, Ko, Nt, $t, Mt, Lt, No, Pt, Ot;
+    var N, q, lo, Y, Go, Q, Fo, To, uo, Eo, wo, ht, Ft, Ko, dt, pt, xt, gt, mt, qo, Nt, $t, Mt, Lt, No, Pt, Ot;
     const {
       children: t,
       className: i,
@@ -8701,8 +8739,8 @@ class Vf extends go {
       theme: s,
       locale: f,
       providers: a,
-      ...l
-    } = this._props, g = (t !== void 0 ? Ct(t) : this.processChildren()).map(Xo), h = this._headerBar ? this._normalizeBar(this._headerBar) : void 0, w = this._bottomAppBar ? this._normalizeBar(this._bottomAppBar) : void 0, S = this._sideBarLeft ? this._normalizeBar(this._sideBarLeft) : void 0, y = this._sideBarRight ? this._normalizeBar(this._sideBarRight) : void 0, x = this._structure, v = x.bottomAppBar ?? x.footer, T = h && ((N = x.header) == null ? void 0 : N.visible) !== !1, O = w && (v == null ? void 0 : v.visible) !== !1, I = S && ((q = x.sidebarLeft) == null ? void 0 : q.visible) !== !1, $ = y && ((lo = x.sidebarRight) == null ? void 0 : lo.visible) !== !1, M = I && ((Y = x.sidebarLeft) == null ? void 0 : Y.fullHeight), W = $ && ((Go = x.sidebarRight) == null ? void 0 : Go.fullHeight), k = u.createElement(
+      ...u
+    } = this._props, g = (t !== void 0 ? zt(t) : this.processChildren()).map(Xo), h = this._headerBar ? this._normalizeBar(this._headerBar) : void 0, w = this._bottomAppBar ? this._normalizeBar(this._bottomAppBar) : void 0, S = this._sideBarLeft ? this._normalizeBar(this._sideBarLeft) : void 0, y = this._sideBarRight ? this._normalizeBar(this._sideBarRight) : void 0, x = this._structure, v = x.bottomAppBar ?? x.footer, T = h && ((N = x.header) == null ? void 0 : N.visible) !== !1, O = w && (v == null ? void 0 : v.visible) !== !1, I = S && ((q = x.sidebarLeft) == null ? void 0 : q.visible) !== !1, $ = y && ((lo = x.sidebarRight) == null ? void 0 : lo.visible) !== !1, M = I && ((Y = x.sidebarLeft) == null ? void 0 : Y.fullHeight), W = $ && ((Go = x.sidebarRight) == null ? void 0 : Go.fullHeight), k = l.createElement(
       "div",
       {
         key: "scaffold-middle",
@@ -8717,7 +8755,7 @@ class Vf extends go {
         }
       },
       [
-        I && !M && u.createElement("div", {
+        I && !M && l.createElement("div", {
           key: "sidebar-left",
           className: "z-20",
           style: {
@@ -8725,15 +8763,15 @@ class Vf extends go {
             position: ((Fo = x.sidebarLeft) == null ? void 0 : Fo.mode) === "over" ? "absolute" : ((To = x.sidebarLeft) == null ? void 0 : To.behavior) === "fixed" || S.fixed ? "sticky" : void 0,
             top: ((uo = x.sidebarLeft) == null ? void 0 : uo.mode) === "over" || ((Eo = x.sidebarLeft) == null ? void 0 : Eo.behavior) === "fixed" || S.fixed ? 0 : void 0,
             left: ((wo = x.sidebarLeft) == null ? void 0 : wo.mode) === "over" ? "0px" : void 0,
-            height: ((bt = x.sidebarLeft) == null ? void 0 : bt.mode) === "over" || ((Ft = x.sidebarLeft) == null ? void 0 : Ft.behavior) === "fixed" || S.fixed ? "100%" : void 0,
-            zIndex: ((Uo = x.sidebarLeft) == null ? void 0 : Uo.mode) === "over" ? 20 : void 0,
+            height: ((ht = x.sidebarLeft) == null ? void 0 : ht.mode) === "over" || ((Ft = x.sidebarLeft) == null ? void 0 : Ft.behavior) === "fixed" || S.fixed ? "100%" : void 0,
+            zIndex: ((Ko = x.sidebarLeft) == null ? void 0 : Ko.mode) === "over" ? 20 : void 0,
             overflowY: "auto",
             borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
             backgroundColor: "var(--fibo-surface, #ffffff)",
-            ...ot
+            ...tt
           }
         }, S.content),
-        u.createElement("main", {
+        l.createElement("main", {
           key: "scaffold-body",
           className: "fibo-scaffold-body",
           style: {
@@ -8747,24 +8785,24 @@ class Vf extends go {
             minHeight: "0px"
           }
         }, g),
-        $ && !W && u.createElement("div", {
+        $ && !W && l.createElement("div", {
           key: "sidebar-right",
           className: "z-20",
           style: {
-            width: (ht = x.sidebarRight) == null ? void 0 : ht.width,
-            position: ((dt = x.sidebarRight) == null ? void 0 : dt.mode) === "over" ? "absolute" : ((pt = x.sidebarRight) == null ? void 0 : pt.behavior) === "fixed" || y.fixed ? "sticky" : void 0,
-            top: ((xt = x.sidebarRight) == null ? void 0 : xt.mode) === "over" || ((gt = x.sidebarRight) == null ? void 0 : gt.behavior) === "fixed" || y.fixed ? 0 : void 0,
-            right: ((Ko = x.sidebarRight) == null ? void 0 : Ko.mode) === "over" ? "0px" : void 0,
+            width: (dt = x.sidebarRight) == null ? void 0 : dt.width,
+            position: ((pt = x.sidebarRight) == null ? void 0 : pt.mode) === "over" ? "absolute" : ((xt = x.sidebarRight) == null ? void 0 : xt.behavior) === "fixed" || y.fixed ? "sticky" : void 0,
+            top: ((gt = x.sidebarRight) == null ? void 0 : gt.mode) === "over" || ((mt = x.sidebarRight) == null ? void 0 : mt.behavior) === "fixed" || y.fixed ? 0 : void 0,
+            right: ((qo = x.sidebarRight) == null ? void 0 : qo.mode) === "over" ? "0px" : void 0,
             height: ((Nt = x.sidebarRight) == null ? void 0 : Nt.mode) === "over" || (($t = x.sidebarRight) == null ? void 0 : $t.behavior) === "fixed" || y.fixed ? "100%" : void 0,
             zIndex: ((Mt = x.sidebarRight) == null ? void 0 : Mt.mode) === "over" ? 20 : void 0,
             overflowY: "auto",
             borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
             backgroundColor: "var(--fibo-surface, #ffffff)",
-            ...ot
+            ...tt
           }
         }, y.content)
       ].filter(Boolean)
-    ), H = T && u.createElement("div", {
+    ), H = T && l.createElement("div", {
       key: "header-bar",
       className: "z-30 fibo-scaffold-header",
       style: {
@@ -8774,18 +8812,18 @@ class Vf extends go {
         left: this._extendBehindHeader ? 0 : void 0,
         right: this._extendBehindHeader ? 0 : void 0,
         zIndex: 30,
-        ...ot
+        ...tt
       }
-    }, h.content), V = O && u.createElement("div", {
+    }, h.content), V = O && l.createElement("div", {
       key: "bottom-app-bar",
       className: "z-30 fibo-scaffold-bottom-app-bar",
       style: {
         height: v == null ? void 0 : v.height,
         position: (v == null ? void 0 : v.position) || (w.fixed ? "sticky" : "static"),
         zIndex: 30,
-        ...ot
+        ...tt
       }
-    }, w.content), K = this._fabAt === "startDock" || this._fabAt === "centerDock" || this._fabAt === "endDock", to = this._fab ? u.createElement(
+    }, w.content), K = this._fabAt === "startDock" || this._fabAt === "centerDock" || this._fabAt === "endDock", eo = this._fab ? l.createElement(
       "div",
       {
         key: "scaffold-fab",
@@ -8793,7 +8831,7 @@ class Vf extends go {
         "data-scaffold-fab": this._fabAt
       },
       Xo(vo(this._fab))
-    ) : null, po = this._bottomSheet ? u.createElement(
+    ) : null, po = this._bottomSheet ? l.createElement(
       "div",
       {
         key: "scaffold-sheet",
@@ -8802,16 +8840,16 @@ class Vf extends go {
         hidden: !0
       },
       Xo(vo(this._bottomSheet))
-    ) : null, no = this._footerButtons ? u.createElement(
+    ) : null, no = this._footerButtons ? l.createElement(
       "div",
       { key: "footer-buttons", className: "fibo-scaffold-footer-buttons" },
-      ...Ct(this._footerButtons).map(Xo)
-    ) : null, fo = (qo, $o) => $o ? u.createElement(
+      ...zt(this._footerButtons).map(Xo)
+    ) : null, fo = (Zo, $o) => $o ? l.createElement(
       "div",
       {
-        key: `drawer-${qo}`,
+        key: `drawer-${Zo}`,
         className: "fibo-scaffold-drawer",
-        "data-scaffold-drawer": qo,
+        "data-scaffold-drawer": Zo,
         "data-open": "false",
         role: "dialog",
         "aria-hidden": !0,
@@ -8819,15 +8857,15 @@ class Vf extends go {
         style: { width: this._drawerWidth }
       },
       Xo(vo($o))
-    ) : null, so = po || no || V || K && to ? u.createElement(
+    ) : null, so = po || no || V || K && eo ? l.createElement(
       "div",
       { key: "scaffold-bottom", className: "fibo-scaffold-bottom" },
-      [po, no, V, K ? to : null].filter(Boolean)
-    ) : null, oo = u.createElement(u.Fragment, null, [
+      [po, no, V, K ? eo : null].filter(Boolean)
+    ) : null, oo = l.createElement(l.Fragment, null, [
       H,
       k,
       so,
-      (this._drawer || this._endDrawer) && u.createElement("div", {
+      (this._drawer || this._endDrawer) && l.createElement("div", {
         key: "scaffold-scrim",
         className: "fibo-scaffold-scrim",
         "data-scaffold-scrim": "true",
@@ -8835,18 +8873,18 @@ class Vf extends go {
       }),
       fo("start", this._drawer),
       fo("end", this._endDrawer),
-      this._drawer && u.createElement("div", {
+      this._drawer && l.createElement("div", {
         key: "edge-start",
         className: "fibo-scaffold-edge fibo-scaffold-edge-start",
         "data-scaffold-edge": "start"
       }),
-      this._endDrawer && u.createElement("div", {
+      this._endDrawer && l.createElement("div", {
         key: "edge-end",
         className: "fibo-scaffold-edge fibo-scaffold-edge-end",
         "data-scaffold-edge": "end"
       }),
-      K ? null : to,
-      u.createElement("div", {
+      K ? null : eo,
+      l.createElement("div", {
         key: "scaffold-snack",
         className: "fibo-scaffold-snack",
         "data-scaffold-snack": "true",
@@ -8854,7 +8892,7 @@ class Vf extends go {
         "aria-live": "polite"
       })
     ].filter(Boolean));
-    let C = u.createElement("div", {
+    let C = l.createElement("div", {
       key: "vertical-stack",
       className: "fibo-scaffold-stack",
       style: {
@@ -8867,11 +8905,11 @@ class Vf extends go {
         position: "relative"
       }
     }, oo);
-    M && (C = u.createElement("div", {
+    M && (C = l.createElement("div", {
       key: "full-height-left-wrapper",
       style: { display: "flex", flexDirection: "row", flex: 1, height: "100%", overflow: "hidden" }
     }, [
-      u.createElement("div", {
+      l.createElement("div", {
         key: "sidebar-left-full",
         style: {
           width: (Pt = x.sidebarLeft) == null ? void 0 : Pt.width,
@@ -8879,16 +8917,16 @@ class Vf extends go {
           borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
           zIndex: 40,
-          ...ot
+          ...tt
         }
       }, S.content),
       C
-    ])), W && (C = u.createElement("div", {
+    ])), W && (C = l.createElement("div", {
       key: "full-height-right-wrapper",
       style: { display: "flex", flexDirection: "row", flex: 1, height: "100%", overflow: "hidden" }
     }, [
       C,
-      u.createElement("div", {
+      l.createElement("div", {
         key: "sidebar-right-full",
         style: {
           width: (Ot = x.sidebarRight) == null ? void 0 : Ot.width,
@@ -8896,13 +8934,13 @@ class Vf extends go {
           borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
           zIndex: 40,
-          ...ot
+          ...tt
         }
       }, y.content)
     ]));
-    const yo = jo.getInstance().getOverlays().map((qo, $o) => {
-      const b = qo().build();
-      return u.isValidElement(b) && b.key != null && b.key !== "" ? b : u.createElement(u.Fragment, { key: `fibo-overlay-${$o}` }, b);
+    const yo = jo.getInstance().getOverlays().map((Zo, $o) => {
+      const b = Zo().build();
+      return l.isValidElement(b) && b.key != null && b.key !== "" ? b : l.createElement(l.Fragment, { key: `fibo-overlay-${$o}` }, b);
     }), Do = {
       theme: this._theme,
       locale: this._locale,
@@ -8915,13 +8953,13 @@ class Vf extends go {
       extendBehindHeader: this._extendBehindHeader,
       avoidKeyboard: this._avoidKeyboard,
       onDrawerChanged: this._onDrawer,
-      ...l
+      ...u
     };
-    return u.createElement(Hf, Do);
+    return l.createElement(Vf, Do);
   }
 }
-const Rc = mo(Vf);
-function Yf(e, o) {
+const Ic = mo(Uf);
+function Kf(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -8935,7 +8973,7 @@ function ee(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Yf(e, o);
+    Kf(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -8947,7 +8985,7 @@ function Yi(e) {
 function Ui(e) {
   return e == null ? [] : Array.isArray(e) ? e : [e];
 }
-const Uf = /* @__PURE__ */ new Set([
+const qf = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -8975,13 +9013,13 @@ const Uf = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), Kf = /^[a-z][a-z0-9]*$/;
-function qf(e) {
+]), Zf = /^[a-z][a-z0-9]*$/;
+function Jf(e) {
   if (typeof e != "string") return "div";
   const o = e.trim().toLowerCase();
-  return !Kf.test(o) || Uf.has(o) ? "div" : o;
+  return !Zf.test(o) || qf.has(o) ? "div" : o;
 }
-function Zf(e) {
+function Qf(e) {
   const o = e, t = o.overflow;
   if (t == null || t === "") return;
   const i = String(t).trim().split(/\s+/).filter(Boolean);
@@ -8999,16 +9037,16 @@ function Ki(e) {
     if (r == null || r === "") continue;
     const n = `${i}Top`, s = `${i}Right`, f = `${i}Bottom`, a = `${i}Left`;
     if (!(t[n] != null || t[s] != null || t[f] != null || t[a] != null)) continue;
-    const [d, g, h, w] = ct(String(r));
+    const [d, g, h, w] = lt(String(r));
     t[n] == null && (t[n] = d), t[s] == null && (t[s] = g), t[f] == null && (t[f] = h), t[a] == null && (t[a] = w), delete t[i];
   }
-  return Zf(o), o;
+  return Qf(o), o;
 }
-function Jf(e, o) {
+function oa(e, o) {
   const t = o ? Po({ ...e, ...o }) : { ...e };
   return Ki(t);
 }
-const Qf = u.memo((e) => {
+const ta = l.memo((e) => {
   const {
     className: o,
     style: t,
@@ -9018,10 +9056,10 @@ const Qf = u.memo((e) => {
     dangerouslySetInnerHTML: s,
     onClick: f,
     role: a,
-    tabIndex: l,
+    tabIndex: u,
     ...d
-  } = e, g = Ui(i).map(Yi), h = qf(r ?? n), w = typeof f == "function";
-  return u.createElement(
+  } = e, g = Ui(i).map(Yi), h = Jf(r ?? n), w = typeof f == "function";
+  return l.createElement(
     h,
     {
       style: Ki(t || {}),
@@ -9029,12 +9067,12 @@ const Qf = u.memo((e) => {
       className: o,
       onClick: f,
       role: a ?? (w ? "button" : void 0),
-      tabIndex: l ?? (w ? 0 : void 0)
+      tabIndex: u ?? (w ? 0 : void 0)
     },
     ...g
   );
 });
-class oa extends go {
+class ea extends go {
   children(o) {
     return ee(this, o), super.children(o);
   }
@@ -9050,8 +9088,8 @@ class oa extends go {
       tag: s,
       dangerouslySetInnerHTML: f,
       ...a
-    } = this._props, l = this.processChildren(), g = Ui(r !== void 0 ? r : l).map(Yi), h = [...o, t].filter(Boolean).join(" "), w = Jf(this.getStyle(), i);
-    return u.createElement(Qf, {
+    } = this._props, u = this.processChildren(), g = Ui(r !== void 0 ? r : u).map(Yi), h = [...o, t].filter(Boolean).join(" "), w = oa(this.getStyle(), i);
+    return l.createElement(ta, {
       style: w,
       children: g,
       as: n,
@@ -9061,7 +9099,7 @@ class oa extends go {
     });
   }
 }
-const Bc = mo(oa);
+const Fc = mo(ea);
 function Lo(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
@@ -9085,25 +9123,25 @@ function Wo(e, o) {
   if (Array.isArray(o))
     for (const t of o) Wo(e, t);
 }
-function ta(e) {
+function ia(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
 function ie(e) {
   return e == null || e === !1 ? null : typeof e == "string" ? Ut(e) ?? e : vo(e);
 }
-const ea = {
+const ra = {
   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)"
-}, ia = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
-function ra(e) {
+}, na = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
+function sa(e) {
   if (typeof e != "string") return "article";
   const o = e.trim().toLowerCase();
-  return !o || !/^[a-z][a-z0-9]*$/.test(o) || ia.has(o) ? "article" : o;
+  return !o || !/^[a-z][a-z0-9]*$/.test(o) || na.has(o) ? "article" : o;
 }
-const na = u.memo((e) => {
+const fa = l.memo((e) => {
   const {
     text: o,
     subtitle: t,
@@ -9113,7 +9151,7 @@ const na = u.memo((e) => {
     style: s,
     children: f,
     header: a,
-    footer: l,
+    footer: u,
     as: d,
     ...g
   } = e;
@@ -9133,9 +9171,9 @@ const na = u.memo((e) => {
       borderLeftColor: r
     } : {},
     ...s
-  }, T = ie(a), O = ie(l);
-  return u.createElement(
-    ra(d),
+  }, T = ie(a), O = ie(u);
+  return l.createElement(
+    sa(d),
     {
       ...g,
       className: x,
@@ -9149,25 +9187,25 @@ const na = u.memo((e) => {
         }
       } : null
     },
-    T ? u.createElement("header", { className: "fibo-card-header" }, T) : null,
-    u.createElement(
+    T ? l.createElement("header", { className: "fibo-card-header" }, T) : null,
+    l.createElement(
       "div",
       { className: "flex flex-col gap-2" },
-      o && u.createElement(
+      o && l.createElement(
         "h3",
         {
           className: "font-semibold text-[var(--fibo-on-surface-variant)] text-sm uppercase tracking-wide"
         },
         o
       ),
-      i && u.createElement(
+      i && l.createElement(
         "p",
         {
           className: "font-bold text-[var(--fibo-on-surface)] text-3xl"
         },
         i
       ),
-      t && u.createElement(
+      t && l.createElement(
         "p",
         {
           className: "text-[var(--fibo-on-surface-variant)] text-xs"
@@ -9176,10 +9214,10 @@ const na = u.memo((e) => {
       ),
       ...h
     ),
-    O ? u.createElement("footer", { className: "fibo-card-footer" }, O) : null
+    O ? l.createElement("footer", { className: "fibo-card-footer" }, O) : null
   );
 });
-class sa extends go {
+class aa extends go {
   constructor() {
     super(...arguments);
     c(this, "_text", "");
@@ -9222,14 +9260,14 @@ class sa extends go {
     return this._color = t, this;
   }
   build() {
-    const t = this._color ? ea[this._color] : void 0, {
+    const t = this._color ? ra[this._color] : void 0, {
       className: i,
       text: r,
       title: n,
       subtitle: s,
       number: f,
       header: a,
-      footer: l,
+      footer: u,
       as: d,
       ...g
     } = this._props, h = [...this._classNames, i].filter(Boolean).join(" "), w = {
@@ -9237,18 +9275,18 @@ class sa extends go {
       subtitle: Ut(s ?? this._subtitle),
       number: Ut(f ?? this._number),
       header: ie(this._header ?? a),
-      footer: ie(this._footer ?? l),
+      footer: ie(this._footer ?? u),
       as: this._as ?? d,
       accentColor: t,
       style: this.getStyle(),
-      children: this.processChildren().map(ta),
+      children: this.processChildren().map(ia),
       ...g,
       className: h
     };
-    return u.createElement(na, w);
+    return l.createElement(fa, w);
   }
 }
-const Ic = mo(sa), fa = {
+const Nc = mo(aa), ca = {
   none: "0px",
   sm: "8px",
   md: "16px",
@@ -9258,23 +9296,23 @@ const Ic = mo(sa), fa = {
 function Ee(e) {
   return `repeat(${e}, minmax(0, 1fr))`;
 }
-function aa(e) {
+function la(e) {
   return `repeat(${e}, minmax(0, auto))`;
 }
-function ca(e, o) {
+function ua(e, o) {
   return o || Ee(typeof e == "number" ? e : 1);
 }
-function la(e, o) {
+function ba(e, o) {
   if (o) return o;
-  if (typeof e == "number") return aa(e);
+  if (typeof e == "number") return la(e);
 }
-function Tt(e) {
-  return typeof e == "number" ? `${e}px` : fa[e] ?? (e || "16px");
+function Et(e) {
+  return typeof e == "number" ? `${e}px` : ca[e] ?? (e || "16px");
 }
-function ua(e, o, t) {
+function ha(e, o, t) {
   return o == null && t == null ? { gap: e } : {
-    ...o != null ? { rowGap: Tt(o) } : { rowGap: e },
-    ...t != null ? { columnGap: Tt(t) } : { columnGap: e }
+    ...o != null ? { rowGap: Et(o) } : { rowGap: e },
+    ...t != null ? { columnGap: Et(t) } : { columnGap: e }
   };
 }
 function qi(e) {
@@ -9291,12 +9329,12 @@ function de(e, o) {
   }
   return r;
 }
-function ba(e) {
-  if (!u.isValidElement(e)) return !1;
+function da(e) {
+  if (!l.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 ha = u.memo((e) => {
+const pa = l.memo((e) => {
   const {
     children: o,
     variant: t = "standard",
@@ -9306,12 +9344,12 @@ const ha = u.memo((e) => {
     templateColumns: s,
     templateRows: f,
     autoFlow: a,
-    rowGap: l,
+    rowGap: u,
     columnGap: d,
     className: g,
     style: h,
     ...w
-  } = e, S = qi(o), y = Tt(r), x = ua(y, l, d), v = ca(i, s), T = la(n, f);
+  } = e, S = qi(o), y = Et(r), x = ha(y, u, d), v = ua(i, s), T = ba(n, f);
   if (t === "bento") {
     const I = [
       { col: 2, row: 2 },
@@ -9327,33 +9365,33 @@ const ha = u.memo((e) => {
       gridAutoFlow: a ?? "dense",
       ...h
     };
-    return u.createElement("div", {
+    return l.createElement("div", {
       className: ["fibo-grid", "grid", ...de(i, "grid"), g].filter(Boolean).join(" "),
       style: $,
       ...w
-    }, u.Children.map(S, (M, W) => {
-      if (ba(M))
+    }, l.Children.map(S, (M, W) => {
+      if (da(M))
         return M;
       const k = I[W % I.length];
-      return u.createElement("div", {
+      return l.createElement("div", {
         key: ve(M, W),
         style: { gridColumn: `span ${k.col}`, gridRow: `span ${k.row}` }
       }, M);
     }));
   }
   if (t === "masonry") {
-    const I = d != null ? Tt(d) : y, $ = l != null ? Tt(l) : y, M = {
+    const I = d != null ? Et(d) : y, $ = u != null ? Et(u) : y, M = {
       columnCount: typeof i == "number" ? i : 1,
       columnGap: I,
       ...h
     };
-    return u.createElement("div", {
+    return l.createElement("div", {
       className: ["fibo-grid", ...de(i, "masonry"), g].filter(Boolean).join(" "),
       style: M,
       ...w
-    }, u.Children.map(
+    }, l.Children.map(
       S,
-      (W, k) => u.createElement("div", {
+      (W, k) => l.createElement("div", {
         key: ve(W, k),
         style: { breakInside: "avoid", marginBottom: $ }
       }, W)
@@ -9367,12 +9405,12 @@ const ha = u.memo((e) => {
     ...x,
     ...h
   };
-  return u.createElement("div", {
+  return l.createElement("div", {
     className: ["fibo-grid", "grid", ...de(i, "grid"), g].filter(Boolean).join(" "),
     style: O,
     ...w
   }, ...S);
-}), da = u.memo((e) => {
+}), xa = l.memo((e) => {
   const {
     children: o,
     colSpan: t,
@@ -9382,7 +9420,7 @@ const ha = u.memo((e) => {
     rowStart: s,
     rowEnd: f,
     className: a,
-    style: l,
+    style: u,
     ...d
   } = e, g = qi(o), h = [
     t ? `col-span-${t}` : "",
@@ -9394,15 +9432,15 @@ const ha = u.memo((e) => {
     ...n != null ? { gridColumnEnd: n } : {},
     ...s != null ? { gridRowStart: s } : {},
     ...f != null ? { gridRowEnd: f } : {},
-    ...l
+    ...u
   };
-  return u.createElement("div", {
+  return l.createElement("div", {
     className: ["fibo-grid-item", h, a].filter(Boolean).join(" "),
     style: w,
     ...d
   }, ...g);
 });
-class pa extends go {
+class ga extends go {
   constructor() {
     super(...arguments);
     c(this, "_variant", "standard");
@@ -9462,10 +9500,10 @@ class pa extends go {
       style: this.getStyle(),
       ...this._props
     };
-    return u.createElement(ha, t);
+    return l.createElement(pa, t);
   }
 }
-class xa extends go {
+class ma extends go {
   constructor() {
     super(...arguments);
     c(this, "_colSpan");
@@ -9506,14 +9544,14 @@ class xa extends go {
       style: this.getStyle(),
       ...this._props
     };
-    return u.createElement(da, t);
+    return l.createElement(xa, t);
   }
 }
-const Fc = mo(pa), Nc = mo(xa);
-function ga(e) {
+const $c = mo(ga), Mc = mo(ma);
+function va(e) {
   return e == null ? "" : String(e);
 }
-function ma({
+function wa({
   compute: e,
   as: o = "span",
   className: t,
@@ -9521,10 +9559,10 @@ function ma({
   children: r,
   ...n
 }) {
-  const { dangerouslySetInnerHTML: s, ref: f, ...a } = n, l = typeof e == "function" ? ga(e()) : r;
-  return u.createElement(o, { className: t, style: i, ...a }, l);
+  const { dangerouslySetInnerHTML: s, ref: f, ...a } = n, u = typeof e == "function" ? va(e()) : r;
+  return l.createElement(o, { className: t, style: i, ...a }, u);
 }
-const va = /* @__PURE__ */ new Set([
+const ya = /* @__PURE__ */ new Set([
   "block",
   "inline",
   "inline-block",
@@ -9628,7 +9666,7 @@ function or(e, o) {
     ...o
   };
 }
-function wa(e, o) {
+function ka(e, o) {
   if (!(typeof o != "string" || !J(o)))
     for (const t of _o(o))
       e.bindSignal(t);
@@ -9642,7 +9680,7 @@ function re(e, o) {
     return;
   }
   if (typeof o == "string") {
-    wa(e, o);
+    ka(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -9657,50 +9695,50 @@ function tr(e) {
   const { dangerouslySetInnerHTML: o, ...t } = e;
   return t;
 }
-function ya(e) {
-  if (e == null || typeof e != "object" || Array.isArray(e) || u.isValidElement(e)) return !1;
+function _a(e) {
+  if (e == null || typeof e != "object" || Array.isArray(e) || l.isValidElement(e)) return !1;
   const o = e;
   return "children" in o || "text" in o || "className" in o || "variant" in o || "type" in o;
 }
-function Et(e) {
+function At(e) {
   if (e == null || typeof e == "boolean") return null;
   if (typeof e == "string")
     return J(e) ? ho(e) : e;
   if (typeof e == "number") return e;
   if (typeof e == "function")
     try {
-      return Et(e());
+      return At(e());
     } catch {
       return null;
     }
-  if (u.isValidElement(e)) return e;
-  if (Array.isArray(e)) return e.map((o) => Et(o));
+  if (l.isValidElement(e)) return e;
+  if (Array.isArray(e)) return e.map((o) => At(o));
   if (typeof e == "object" && e && "children" in e && !("$$typeof" in e))
-    return Et(e.children);
+    return At(e.children);
   if (typeof e.toString == "function") {
     const o = String(e);
     if (o && o !== "[object Object]") return o;
   }
   return null;
 }
-function ka(e, o) {
-  const t = Et(e);
-  return t != null && t !== "" ? t : Et(o);
+function Sa(e, o) {
+  const t = At(e);
+  return t != null && t !== "" ? t : At(o);
 }
-const _a = u.memo((e) => {
-  const { text: o, type: t, className: i, style: r, children: n, liveRef: s, ...f } = e, a = Qi(t), l = Ji[a] || "p";
-  return u.createElement(
-    l,
+const Ca = l.memo((e) => {
+  const { text: o, type: t, className: i, style: r, children: n, liveRef: s, ...f } = e, a = Qi(t), u = Ji[a] || "p";
+  return l.createElement(
+    u,
     {
       className: `fibo-text fibo-text-${a} min-w-0 ${i || ""}`,
       style: or(a, r),
       ...tr(f),
       ...s ? { ref: s } : null
     },
-    ka(o, n)
+    Sa(o, n)
   );
 });
-class Sa extends go {
+class za extends go {
   constructor(t = "") {
     super();
     c(this, "_text", "");
@@ -9735,19 +9773,19 @@ class Sa extends go {
       return this._text = "", this._nodes = void 0, this;
     if (typeof t == "number" || typeof t == "bigint")
       return this._text = String(t), this._nodes = void 0, this;
-    if (u.isValidElement(t) || Array.isArray(t))
+    if (l.isValidElement(t) || Array.isArray(t))
       return this._nodes = t, this._text = "", this;
-    if (ya(t)) {
+    if (_a(t)) {
       const i = t, {
         children: r,
         text: n,
         variant: s,
         type: f,
         className: a,
-        style: l,
+        style: u,
         ...d
       } = i;
-      return Object.keys(d).length > 0 && this.props(d), typeof a == "string" && this.className(a), l && typeof l == "object" && this.style(l), typeof s == "string" && this.variant(s), typeof f == "string" && this.type(f), n != null ? this.text(n) : r != null ? this.text(r) : (this._text = "", this._nodes = void 0, this);
+      return Object.keys(d).length > 0 && this.props(d), typeof a == "string" && this.className(a), u && typeof u == "object" && this.style(u), typeof s == "string" && this.variant(s), typeof f == "string" && this.type(f), n != null ? this.text(n) : r != null ? this.text(r) : (this._text = "", this._nodes = void 0, this);
     }
     if (typeof t.toString == "function") {
       const i = String(t);
@@ -9760,7 +9798,7 @@ class Sa extends go {
    * CSS display (`block` / `flex` / …) sets `display` and leaves the tag alone.
    */
   type(t) {
-    return Ae(t) ? (this._type = t, this) : typeof t == "string" && va.has(t) ? (this.layoutStyle({ display: t }), this) : this;
+    return Ae(t) ? (this._type = t, this) : typeof t == "string" && ya.has(t) ? (this.layoutStyle({ display: t }), this) : this;
   }
   variant(t) {
     return Ae(t) && (this._type = t), this;
@@ -9828,7 +9866,7 @@ class Sa extends go {
       className: s,
       style: f,
       as: a,
-      compute: l,
+      compute: u,
       type: d,
       text: g,
       children: h,
@@ -9841,7 +9879,7 @@ class Sa extends go {
     }, T = or(t, v), O = tr(S);
     if (typeof this._text == "function") {
       const $ = this._text;
-      return u.createElement(ma, {
+      return l.createElement(wa, {
         ...O,
         ...x.attrs,
         compute: () => {
@@ -9872,39 +9910,39 @@ class Sa extends go {
         $.node = M;
       };
     }
-    return u.createElement(_a, I);
+    return l.createElement(Ca, I);
   }
 }
-const $c = mo(Sa), Ca = (e, o) => {
+const Lc = mo(za), Ta = (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;
-}, za = (e, o) => ({
+}, Ea = (e, o) => ({
   classGroupId: e,
   validator: o
 }), er = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
   nextPart: e,
   validators: o,
   classGroupId: t
-}), ne = "-", si = [], Ta = "arbitrary..", Ea = (e) => {
-  const o = Ra(e), {
+}), ne = "-", si = [], Aa = "arbitrary..", Ra = (e) => {
+  const o = Ia(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: i
   } = e;
   return {
     getClassGroupId: (s) => {
       if (s.startsWith("[") && s.endsWith("]"))
-        return Aa(s);
+        return Ba(s);
       const f = s.split(ne), a = f[0] === "" && f.length > 1 ? 1 : 0;
       return ir(f, a, o);
     },
     getConflictingClassGroupIds: (s, f) => {
       if (f) {
-        const a = i[s], l = t[s];
-        return a ? l ? Ca(l, a) : a : l || si;
+        const a = i[s], u = t[s];
+        return a ? u ? Ta(u, a) : a : u || si;
       }
       return t[s] || si;
     }
@@ -9914,28 +9952,28 @@ const $c = mo(Sa), Ca = (e, o) => {
     return t.classGroupId;
   const r = e[o], n = t.nextPart.get(r);
   if (n) {
-    const l = ir(e, o + 1, n);
-    if (l) return l;
+    const u = ir(e, o + 1, n);
+    if (u) return u;
   }
   const s = t.validators;
   if (s === null)
     return;
   const f = o === 0 ? e.join(ne) : e.slice(o).join(ne), a = s.length;
-  for (let l = 0; l < a; l++) {
-    const d = s[l];
+  for (let u = 0; u < a; u++) {
+    const d = s[u];
     if (d.validator(f))
       return d.classGroupId;
   }
-}, Aa = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Ba = (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 ? Ta + i : void 0;
-})(), Ra = (e) => {
+  return i ? Aa + i : void 0;
+})(), Ia = (e) => {
   const {
     theme: o,
     classGroups: t
   } = e;
-  return Ba(t, o);
-}, Ba = (e, o) => {
+  return Fa(t, o);
+}, Fa = (e, o) => {
   const t = er();
   for (const i in e) {
     const r = e[i];
@@ -9946,28 +9984,28 @@ const $c = mo(Sa), Ca = (e, o) => {
   const r = e.length;
   for (let n = 0; n < r; n++) {
     const s = e[n];
-    Ia(s, o, t, i);
+    Na(s, o, t, i);
   }
-}, Ia = (e, o, t, i) => {
+}, Na = (e, o, t, i) => {
   if (typeof e == "string") {
-    Fa(e, o, t);
+    $a(e, o, t);
     return;
   }
   if (typeof e == "function") {
-    Na(e, o, t, i);
+    Ma(e, o, t, i);
     return;
   }
-  $a(e, o, t, i);
-}, Fa = (e, o, t) => {
+  La(e, o, t, i);
+}, $a = (e, o, t) => {
   const i = e === "" ? o : rr(o, e);
   i.classGroupId = t;
-}, Na = (e, o, t, i) => {
-  if (Ma(e)) {
+}, Ma = (e, o, t, i) => {
+  if (Pa(e)) {
     Oe(e(i), o, t, i);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(za(t, e));
-}, $a = (e, o, t, i) => {
+  o.validators === null && (o.validators = []), o.validators.push(Ea(t, e));
+}, La = (e, o, t, i) => {
   const r = Object.entries(e), n = r.length;
   for (let s = 0; s < n; s++) {
     const [f, a] = r[s];
@@ -9982,7 +10020,7 @@ const $c = mo(Sa), Ca = (e, o) => {
     f || (f = er(), t.nextPart.set(s, f)), t = f;
   }
   return t;
-}, Ma = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, La = (e) => {
+}, Pa = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Oa = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -10006,20 +10044,20 @@ const $c = mo(Sa), Ca = (e, o) => {
       n in t ? t[n] = s : r(n, s);
     }
   };
-}, Re = "!", fi = ":", Pa = [], ai = (e, o, t, i, r) => ({
+}, Re = "!", fi = ":", Wa = [], ai = (e, o, t, i, r) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: t,
   maybePostfixModifierPosition: i,
   isExternal: r
-}), Oa = (e) => {
+}), ja = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: t
   } = e;
   let i = (r) => {
     const n = [];
-    let s = 0, f = 0, a = 0, l;
+    let s = 0, f = 0, a = 0, u;
     const d = r.length;
     for (let y = 0; y < d; y++) {
       const x = r[y];
@@ -10029,7 +10067,7 @@ const $c = mo(Sa), Ca = (e, o) => {
           continue;
         }
         if (x === "/") {
-          l = y;
+          u = y;
           continue;
         }
       }
@@ -10044,12 +10082,12 @@ const $c = mo(Sa), Ca = (e, o) => {
        */
       g.startsWith(Re) && (h = g.slice(1), w = !0)
     );
-    const S = l && l > a ? l - a : void 0;
+    const S = u && u > a ? u - a : void 0;
     return ai(n, w, h, S);
   };
   if (o) {
     const r = o + fi, n = i;
-    i = (s) => s.startsWith(r) ? n(s.slice(r.length)) : ai(Pa, !1, s, void 0, !0);
+    i = (s) => s.startsWith(r) ? n(s.slice(r.length)) : ai(Wa, !1, s, void 0, !0);
   }
   if (t) {
     const r = i;
@@ -10059,7 +10097,7 @@ const $c = mo(Sa), Ca = (e, o) => {
     });
   }
   return i;
-}, Wa = (e) => {
+}, Da = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((t, i) => {
     o.set(t, 1e6 + i);
@@ -10072,21 +10110,21 @@ const $c = mo(Sa), Ca = (e, o) => {
     }
     return r.length > 0 && (r.sort(), i.push(...r)), i;
   };
-}, ja = (e) => ({
-  cache: La(e.cacheSize),
-  parseClassName: Oa(e),
-  sortModifiers: Wa(e),
-  ...Ea(e)
-}), Da = /\s+/, Ga = (e, o) => {
+}, Ga = (e) => ({
+  cache: Oa(e.cacheSize),
+  parseClassName: ja(e),
+  sortModifiers: Da(e),
+  ...Ra(e)
+}), Ha = /\s+/, Xa = (e, o) => {
   const {
     parseClassName: t,
     getClassGroupId: i,
     getConflictingClassGroupIds: r,
     sortModifiers: n
-  } = o, s = [], f = e.trim().split(Da);
+  } = o, s = [], f = e.trim().split(Ha);
   let a = "";
-  for (let l = f.length - 1; l >= 0; l -= 1) {
-    const d = f[l], {
+  for (let u = f.length - 1; u >= 0; u -= 1) {
+    const d = f[u], {
       isExternal: g,
       modifiers: h,
       hasImportantModifier: w,
@@ -10121,7 +10159,7 @@ const $c = mo(Sa), Ca = (e, o) => {
     a = d + (a.length > 0 ? " " + a : a);
   }
   return a;
-}, Ha = (...e) => {
+}, Va = (...e) => {
   let o = 0, t, i, r = "";
   for (; o < e.length; )
     (t = e[o++]) && (i = nr(t)) && (r && (r += " "), r += i);
@@ -10136,32 +10174,32 @@ const $c = mo(Sa), Ca = (e, o) => {
 }, ci = (e, ...o) => {
   let t, i, r, n;
   const s = (a) => {
-    const l = o.reduce((d, g) => g(d), e());
-    return t = ja(l), i = t.cache.get, r = t.cache.set, n = f, f(a);
+    const u = o.reduce((d, g) => g(d), e());
+    return t = Ga(u), i = t.cache.get, r = t.cache.set, n = f, f(a);
   }, f = (a) => {
-    const l = i(a);
-    if (l)
-      return l;
-    const d = Ga(a, t);
+    const u = i(a);
+    if (u)
+      return u;
+    const d = Xa(a, t);
     return r(a, d), d;
   };
-  return n = s, (...a) => n(Ha(...a));
-}, Xa = [], co = (e) => {
-  const o = (t) => t[e] || Xa;
+  return n = s, (...a) => n(Va(...a));
+}, Ya = [], co = (e) => {
+  const o = (t) => t[e] || Ya;
   return o.isThemeGetter = !0, o;
-}, sr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Va = /^\d+\/\d+$/, Ya = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ua = /\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$/, Ka = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, qa = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Za = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, tt = (e) => Va.test(e), j = (e) => !!e && !Number.isNaN(Number(e)), Mo = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && j(e.slice(0, -1)), Ao = (e) => Ya.test(e), Ja = () => !0, Qa = (e) => (
+}, sr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, fr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ua = /^\d+\/\d+$/, Ka = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qa = /\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$/, Za = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ja = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qa = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, et = (e) => Ua.test(e), j = (e) => !!e && !Number.isNaN(Number(e)), Mo = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && j(e.slice(0, -1)), Ao = (e) => Ka.test(e), oc = () => !0, tc = (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.
-  Ua.test(e) && !Ka.test(e)
-), ar = () => !1, oc = (e) => qa.test(e), tc = (e) => Za.test(e), ec = (e) => !A(e) && !R(e), ic = (e) => lt(e, ur, ar), A = (e) => sr.test(e), Vo = (e) => lt(e, br, Qa), ge = (e) => lt(e, ac, j), li = (e) => lt(e, cr, ar), rc = (e) => lt(e, lr, tc), Gt = (e) => lt(e, hr, oc), R = (e) => fr.test(e), yt = (e) => ut(e, br), nc = (e) => ut(e, cc), ui = (e) => ut(e, cr), sc = (e) => ut(e, ur), fc = (e) => ut(e, lr), Ht = (e) => ut(e, hr, !0), lt = (e, o, t) => {
+  qa.test(e) && !Za.test(e)
+), ar = () => !1, ec = (e) => Ja.test(e), ic = (e) => Qa.test(e), rc = (e) => !A(e) && !R(e), nc = (e) => ut(e, ur, ar), A = (e) => sr.test(e), Vo = (e) => ut(e, br, tc), ge = (e) => ut(e, lc, j), li = (e) => ut(e, cr, ar), sc = (e) => ut(e, lr, ic), Gt = (e) => ut(e, hr, ec), R = (e) => fr.test(e), kt = (e) => bt(e, br), fc = (e) => bt(e, uc), ui = (e) => bt(e, cr), ac = (e) => bt(e, ur), cc = (e) => bt(e, lr), Ht = (e) => bt(e, hr, !0), ut = (e, o, t) => {
   const i = sr.exec(e);
   return i ? i[1] ? o(i[1]) : t(i[2]) : !1;
-}, ut = (e, o, t = !1) => {
+}, bt = (e, o, t = !1) => {
   const i = fr.exec(e);
   return i ? i[1] ? o(i[1]) : t : !1;
-}, cr = (e) => e === "position" || e === "percentage", lr = (e) => e === "image" || e === "url", ur = (e) => e === "length" || e === "size" || e === "bg-size", br = (e) => e === "length", ac = (e) => e === "number", cc = (e) => e === "family-name", hr = (e) => e === "shadow", bi = () => {
-  const e = co("color"), o = co("font"), t = co("text"), i = co("font-weight"), r = co("tracking"), n = co("leading"), s = co("breakpoint"), f = co("container"), a = co("spacing"), l = co("radius"), d = co("shadow"), g = co("inset-shadow"), h = co("text-shadow"), w = co("drop-shadow"), S = co("blur"), y = co("perspective"), x = co("aspect"), v = co("ease"), T = co("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
+}, cr = (e) => e === "position" || e === "percentage", lr = (e) => e === "image" || e === "url", ur = (e) => e === "length" || e === "size" || e === "bg-size", br = (e) => e === "length", lc = (e) => e === "number", uc = (e) => e === "family-name", hr = (e) => e === "shadow", bi = () => {
+  const e = co("color"), o = co("font"), t = co("text"), i = co("font-weight"), r = co("tracking"), n = co("leading"), s = co("breakpoint"), f = co("container"), a = co("spacing"), u = co("radius"), d = co("shadow"), g = co("inset-shadow"), h = co("text-shadow"), w = co("drop-shadow"), S = co("blur"), y = co("perspective"), x = co("aspect"), v = co("ease"), T = co("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
     "center",
     "top",
     "bottom",
@@ -10179,30 +10217,30 @@ const $c = mo(Sa), Ca = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], $ = () => [...I(), R, A], M = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], k = () => [R, A, a], H = () => [tt, "full", "auto", ...k()], V = () => [Mo, "none", "subgrid", R, A], K = () => ["auto", {
+  ], $ = () => [...I(), R, A], M = () => ["auto", "hidden", "clip", "visible", "scroll"], W = () => ["auto", "contain", "none"], k = () => [R, A, a], H = () => [et, "full", "auto", ...k()], V = () => [Mo, "none", "subgrid", R, A], K = () => ["auto", {
     span: ["full", Mo, R, A]
-  }, Mo, R, A], to = () => [Mo, "auto", R, A], po = () => ["auto", "min", "max", "fr", R, A], no = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], fo = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], so = () => ["auto", ...k()], oo = () => [tt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], C = () => [e, R, A], So = () => [...I(), ui, li, {
+  }, Mo, R, A], eo = () => [Mo, "auto", R, A], po = () => ["auto", "min", "max", "fr", R, A], no = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], fo = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], so = () => ["auto", ...k()], oo = () => [et, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], C = () => [e, R, A], So = () => [...I(), ui, li, {
     position: [R, A]
   }], yo = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Do = () => ["auto", "cover", "contain", sc, ic, {
+  }], Do = () => ["auto", "cover", "contain", ac, nc, {
     size: [R, A]
-  }], N = () => [xe, yt, Vo], q = () => [
+  }], N = () => [xe, kt, Vo], q = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    l,
+    u,
     R,
     A
-  ], lo = () => ["", j, yt, Vo], Y = () => ["solid", "dashed", "dotted", "double"], Go = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Q = () => [j, xe, ui, li], Fo = () => [
+  ], lo = () => ["", j, kt, Vo], Y = () => ["solid", "dashed", "dotted", "double"], Go = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Q = () => [j, xe, ui, li], Fo = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     S,
     R,
     A
-  ], To = () => ["none", j, R, A], uo = () => ["none", j, R, A], Eo = () => [j, R, A], wo = () => [tt, "full", ...k()];
+  ], To = () => ["none", j, R, A], uo = () => ["none", j, R, A], Eo = () => [j, R, A], wo = () => [et, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -10210,11 +10248,11 @@ const $c = mo(Sa), Ca = (e, o) => {
       aspect: ["video"],
       blur: [Ao],
       breakpoint: [Ao],
-      color: [Ja],
+      color: [oc],
       container: [Ao],
       "drop-shadow": [Ao],
       ease: ["in", "out", "in-out"],
-      font: [ec],
+      font: [rc],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Ao],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -10235,7 +10273,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", tt, A, R, x]
+        aspect: ["auto", "square", et, A, R, x]
       }],
       /**
        * Container
@@ -10458,7 +10496,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [tt, "full", "auto", f, ...k()]
+        basis: [et, "full", "auto", f, ...k()]
       }],
       /**
        * Flex Direction
@@ -10479,7 +10517,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [j, tt, "auto", "initial", "none", A]
+        flex: [j, et, "auto", "initial", "none", A]
       }],
       /**
        * Flex Grow
@@ -10521,14 +10559,14 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": to()
+        "col-start": eo()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": to()
+        "col-end": eo()
       }],
       /**
        * Grid Template Rows
@@ -10549,14 +10587,14 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": to()
+        "row-start": eo()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": to()
+        "row-end": eo()
       }],
       /**
        * Grid Auto Flow
@@ -10895,7 +10933,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, yt, Vo]
+        text: ["base", t, kt, Vo]
       }],
       /**
        * Font Smoothing
@@ -10926,7 +10964,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [nc, A, o]
+        font: [fc, A, o]
       }],
       /**
        * Font Variant Numeric
@@ -11181,7 +11219,7 @@ const $c = mo(Sa), Ca = (e, o) => {
           }, Mo, R, A],
           radial: ["", R, A],
           conic: [Mo, R, A]
-        }, fc, rc]
+        }, cc, sc]
       }],
       /**
        * Background Color
@@ -11530,7 +11568,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", j, yt, Vo]
+        outline: ["", j, kt, Vo]
       }],
       /**
        * Outline Color
@@ -12555,7 +12593,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, yt, Vo, ge]
+        stroke: [j, kt, Vo, ge]
       }],
       /**
        * Stroke
@@ -12630,18 +12668,18 @@ const $c = mo(Sa), Ca = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, lc = (e, {
+}, bc = (e, {
   cacheSize: o,
   prefix: t,
   experimentalParseClassName: i,
   extend: r = {},
   override: n = {}
-}) => (_t(e, "cacheSize", o), _t(e, "prefix", t), _t(e, "experimentalParseClassName", i), Xt(e.theme, n.theme), Xt(e.classGroups, n.classGroups), Xt(e.conflictingClassGroups, n.conflictingClassGroups), Xt(e.conflictingClassGroupModifiers, n.conflictingClassGroupModifiers), _t(e, "orderSensitiveModifiers", n.orderSensitiveModifiers), Vt(e.theme, r.theme), Vt(e.classGroups, r.classGroups), Vt(e.conflictingClassGroups, r.conflictingClassGroups), Vt(e.conflictingClassGroupModifiers, r.conflictingClassGroupModifiers), dr(e, r, "orderSensitiveModifiers"), e), _t = (e, o, t) => {
+}) => (St(e, "cacheSize", o), St(e, "prefix", t), St(e, "experimentalParseClassName", i), Xt(e.theme, n.theme), Xt(e.classGroups, n.classGroups), Xt(e.conflictingClassGroups, n.conflictingClassGroups), Xt(e.conflictingClassGroupModifiers, n.conflictingClassGroupModifiers), St(e, "orderSensitiveModifiers", n.orderSensitiveModifiers), Vt(e.theme, r.theme), Vt(e.classGroups, r.classGroups), Vt(e.conflictingClassGroups, r.conflictingClassGroups), Vt(e.conflictingClassGroupModifiers, r.conflictingClassGroupModifiers), dr(e, r, "orderSensitiveModifiers"), e), St = (e, o, t) => {
   t !== void 0 && (e[o] = t);
 }, Xt = (e, o) => {
   if (o)
     for (const t in o)
-      _t(e, t, o[t]);
+      St(e, t, o[t]);
 }, Vt = (e, o) => {
   if (o)
     for (const t in o)
@@ -12649,7 +12687,7 @@ const $c = mo(Sa), Ca = (e, o) => {
 }, dr = (e, o, t) => {
   const i = o[t];
   i !== void 0 && (e[t] = e[t] ? e[t].concat(i) : i);
-}, uc = (e, ...o) => typeof e == "function" ? ci(bi, e, ...o) : ci(() => lc(bi(), e), ...o), X = [() => !0], bc = uc({
+}, hc = (e, ...o) => typeof e == "function" ? ci(bi, e, ...o) : ci(() => bc(bi(), e), ...o), X = [() => !0], dc = hc({
   extend: {
     classGroups: {
       h: [{ "fibo-height": X }],
@@ -12685,16 +12723,16 @@ const $c = mo(Sa), Ca = (e, o) => {
     }
   }
 });
-function St(e) {
+function Ct(e) {
   return e === "submit" || e === "reset" || e === "button" ? e : "button";
 }
-function hc(e) {
+function pc(e) {
   const o = { ...e };
   for (const t of Object.keys(o))
     t.startsWith("on") && typeof o[t] == "function" && delete o[t];
   return o;
 }
-function dc(e, o) {
+function xc(e, o) {
   const {
     text: t,
     variant: i,
@@ -12703,7 +12741,7 @@ function dc(e, o) {
     onHover: s,
     disabled: f,
     icon: a,
-    shape: l,
+    shape: u,
     shadow: d,
     tone: g,
     motion: h,
@@ -12716,27 +12754,27 @@ function dc(e, o) {
     onClick: O,
     children: I,
     ...$
-  } = e, M = St(x), W = {
+  } = e, M = Ct(x), W = {
     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]",
     lg: "px-[32px] py-[16px] text-[17px] gap-[10px] h-[56px]"
   };
   let k = "rounded-[14px]";
-  l === "pill" ? k = "rounded-full" : l === "square" ? k = "rounded-[12px]" : l === "rect" ? k = "rounded-[2px]" : l === "rounded" ? k = "rounded-[8px]" : l === "sharp" && (k = "rounded-none");
+  u === "pill" ? k = "rounded-full" : u === "square" ? k = "rounded-[12px]" : u === "rect" ? k = "rounded-[2px]" : u === "rounded" ? k = "rounded-[8px]" : u === "sharp" && (k = "rounded-none");
   const H = g === "inverse";
   let V = "";
   i === "ghost" ? V = H ? "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 = H ? "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 = H ? "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 = H ? "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", k = ""), d === "soft" && i !== "raw" && (V += " shadow-[0_8px_20px_-6px_rgba(59,130,246,0.4)]");
-  const K = y || {}, to = K.padding !== void 0 || K.paddingTop !== void 0 || K.paddingBottom !== void 0 || K.paddingLeft !== void 0 || K.paddingRight !== void 0 || K.fontSize !== void 0 || K.height !== void 0, po = K.borderRadius !== void 0, no = K.fontWeight !== void 0 || r === "xs" || H, fo = i === "raw" || h === "none" || H || r === "xs" || v;
+  const K = y || {}, eo = K.padding !== void 0 || K.paddingTop !== void 0 || K.paddingBottom !== void 0 || K.paddingLeft !== void 0 || K.paddingRight !== void 0 || K.fontSize !== void 0 || K.height !== void 0, po = K.borderRadius !== void 0, no = K.fontWeight !== void 0 || r === "xs" || H, fo = i === "raw" || h === "none" || H || r === "xs" || v;
   v ? (V = "", k = "") : f && (V = V.replace(/\s*(hover|active):\S+/g, "").trim());
-  const so = bc(
+  const so = dc(
     "fibo-button",
     v ? "" : "relative overflow-hidden",
     "inline-flex items-center justify-center whitespace-nowrap",
     no || v ? "" : "font-semibold",
     fo || 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" || v || to ? "" : W[r],
+    i === "raw" || v || eo ? "" : W[r],
     i === "raw" || v || po ? "" : k,
     w ? "flex-1 w-full" : "",
     `fibo-button-${i}`,
@@ -12748,14 +12786,14 @@ function dc(e, o) {
     className: so,
     ref: T,
     disabled: f,
-    ...hc($),
+    ...pc($),
     type: M,
     style: K
   };
-  return u.createElement("button", C, ...oo);
+  return l.createElement("button", C, ...oo);
 }
-function pc(e) {
-  return dc(e);
+function gc(e) {
+  return xc(e);
 }
 function pr(e, o) {
   if (!(typeof o != "string" || !J(o)))
@@ -12777,10 +12815,10 @@ function Be(e, o) {
   if (Array.isArray(o))
     for (const t of o) Be(e, t);
 }
-function xc(e) {
+function mc(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
-class gc extends go {
+class vc extends go {
   constructor(t = "") {
     super();
     c(this, "_text", "");
@@ -12848,10 +12886,10 @@ class gc extends go {
    * a props object renders the button.
    */
   type(t) {
-    return this._htmlType = St(t), this._htmlTypeExplicit = !0, this;
+    return this._htmlType = Ct(t), this._htmlTypeExplicit = !0, this;
   }
   htmlType(t) {
-    return this._htmlType = St(t), this._htmlTypeExplicit = !0, this;
+    return this._htmlType = Ct(t), this._htmlTypeExplicit = !0, this;
   }
   /** Shortcut for `.htmlType('submit')` inside a `Form`. */
   submit() {
@@ -12863,7 +12901,7 @@ class gc extends go {
   }
   resolvedHtmlType() {
     var t;
-    return this._htmlTypeExplicit ? St(this._htmlType) : St(((t = this._props) == null ? void 0 : t.type) ?? this._htmlType);
+    return this._htmlTypeExplicit ? Ct(this._htmlType) : Ct(((t = this._props) == null ? void 0 : t.type) ?? this._htmlType);
   }
   build() {
     const t = this.getClassName(), i = typeof this._text == "function" ? this._text() : this._text, n = {
@@ -12881,7 +12919,7 @@ class gc extends go {
       expand: this._expand,
       className: t,
       style: this.getStyle(),
-      children: this.processChildren().map(xc),
+      children: this.processChildren().map(mc),
       ...this._props,
       type: this.resolvedHtmlType(),
       bare: this.isReset()
@@ -12892,31 +12930,31 @@ class gc extends go {
         s.node = f;
       };
     }
-    return u.createElement(pc, n);
+    return l.createElement(gc, n);
   }
 }
-const Mc = mo(gc);
+const Pc = mo(vc);
 export {
-  Bc as Box,
-  Mc as Button,
-  Ic as Card,
-  Cc as Center,
-  zc as Column,
-  Tc as Container,
+  Fc as Box,
+  Pc as Button,
+  Nc as Card,
+  Tc as Center,
+  Ec as Column,
+  Ac as Container,
   wi as FiboStyles,
-  Fc as Grid,
-  Nc as GridItem,
-  Df as Header,
+  $c as Grid,
+  Mc as GridItem,
+  Hf as Header,
   tn as MotionStyles,
-  yc as Presence,
-  Ec as Row,
-  Rc as Scaffold,
-  Ac as Spacer,
-  $c as Text,
-  _c as createPage,
+  _c as Presence,
+  Rc as Row,
+  Ic as Scaffold,
+  Bc as Spacer,
+  Lc as Text,
+  Cc as createPage,
   vi as endSsrRequest,
   mi as getCss,
-  kc as getStyleTag,
+  Sc as getStyleTag,
   en as page,
-  Sc as withFiboStyles
+  zc as withFiboStyles
 };