fiboui 2.9.5 → 2.9.6

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) {
@@ -146,7 +146,7 @@ function Lr(e) {
   const o = e;
   return typeof o.from == "object" && o.from !== null && typeof o.to == "object" && o.to !== null;
 }
-const je = /* @__PURE__ */ new Set([
+const De = /* @__PURE__ */ new Set([
   "opacity",
   "zIndex",
   "z-index",
@@ -164,13 +164,13 @@ const je = /* @__PURE__ */ new Set([
   "scale",
   "scaleX",
   "scaleY"
-]), De = /* @__PURE__ */ new Set(["rotate", "rotateX", "rotateY", "rotateZ"]), Pr = /^-{0,2}[a-zA-Z_][\w-]*$/;
+]), je = /* @__PURE__ */ new Set(["rotate", "rotateX", "rotateY", "rotateZ"]), Pr = /^-{0,2}[a-zA-Z_][\w-]*$/;
 function Ge(e) {
   return Object.entries(e).map(([o, t]) => {
     const i = o.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
     if (!Pr.test(i)) return "";
     if (typeof t == "number")
-      return Number.isFinite(t) ? je.has(o) || je.has(i) ? `${i}: ${t}` : De.has(o) || De.has(i) ? `${i}: ${t}deg` : `${i}: ${t}px` : "";
+      return Number.isFinite(t) ? De.has(o) || De.has(i) ? `${i}: ${t}` : je.has(o) || je.has(i) ? `${i}: ${t}deg` : `${i}: ${t}px` : "";
     const r = String(t);
     return /[{};]/.test(r) ? "" : `${i}: ${r}`;
   }).filter(Boolean).join("; ");
@@ -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,12 +389,12 @@ 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];
@@ -560,8 +560,8 @@ 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);
+      for (var eo = new w(), ao = [], j = 0, z = m; j < z.length; j++) {
+        var E = z[j], B = eo.has(E);
         B || (eo.add(E), ao.push(E));
       }
       for (var F = 0, G = L; F < G.length; F++) {
@@ -579,7 +579,7 @@ var Xe;
       );
       return m ? m.OrdinaryOwnMetadataKeys(b, p) : [];
     }
-    function Do(b) {
+    function jo(b) {
       if (b === null)
         return 1;
       switch (typeof b) {
@@ -612,7 +612,7 @@ var Xe;
       return typeof b == "object" ? b !== null : typeof b == "function";
     }
     function Go(b, p) {
-      switch (Do(b)) {
+      switch (jo(b)) {
         case 0:
           return b;
         case 1:
@@ -673,7 +673,7 @@ var Xe;
       return typeof b == "function";
     }
     function Ft(b) {
-      switch (Do(b)) {
+      switch (jo(b)) {
         case 3:
           return !0;
         case 4:
@@ -753,7 +753,7 @@ var Xe;
             break;
         }
       }
-      function D(F, G) {
+      function j(F, G) {
         if (!N(p)) {
           if (p.isProviderFor(F, G))
             return p;
@@ -776,7 +776,7 @@ var Xe;
       }
       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;
+        return N(Z) || (io = Z.get(G)), N(io) && (io = j(F, G), N(io) || (N(Z) && (Z = new h(), L.set(F, Z)), Z.set(G, io))), io;
       }
       function E(F) {
         if (N(F))
@@ -814,7 +814,7 @@ var Xe;
         OrdinaryDefineOwnMetadata: ao,
         OrdinaryHasOwnMetadata: L,
         OrdinaryGetOwnMetadata: eo,
-        OrdinaryOwnMetadataKeys: D,
+        OrdinaryOwnMetadataKeys: j,
         OrdinaryDeleteMetadata: z
       };
       return x.registerProvider(m), m;
@@ -862,7 +862,7 @@ var Xe;
         );
         Z.set(E, B);
       }
-      function D(E, B) {
+      function j(E, B) {
         var F = [], G = _(
           E,
           B,
@@ -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, eo = b.deleteMetadata, ao = new S(), j = {
         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;
@@ -916,7 +916,7 @@ var Xe;
         OrdinaryOwnMetadataKeys: L,
         OrdinaryDeleteMetadata: eo
       };
-      return D;
+      return j;
     }
     function No(b, p, m) {
       var _ = x.getProvider(b, p);
@@ -932,59 +932,59 @@ var Xe;
       var b = {}, p = [], m = (
         /** @class */
         function() {
-          function D(z, E, B) {
+          function j(z, E, B) {
             this._index = 0, this._keys = z, this._values = E, this._selector = B;
           }
-          return D.prototype["@@iterator"] = function() {
+          return j.prototype["@@iterator"] = function() {
             return this;
-          }, D.prototype[s] = function() {
+          }, j.prototype[s] = function() {
             return this;
-          }, D.prototype.next = function() {
+          }, j.prototype.next = function() {
             var z = this._index;
             if (z >= 0 && z < this._keys.length) {
               var E = this._selector(this._keys[z], this._values[z]);
               return z + 1 >= this._keys.length ? (this._index = -1, this._keys = p, this._values = p) : this._index++, { value: E, done: !1 };
             }
             return { value: void 0, done: !0 };
-          }, D.prototype.throw = function(z) {
+          }, j.prototype.throw = function(z) {
             throw this._index >= 0 && (this._index = -1, this._keys = p, this._values = p), z;
-          }, D.prototype.return = function(z) {
+          }, j.prototype.return = function(z) {
             return this._index >= 0 && (this._index = -1, this._keys = p, this._values = p), { value: z, done: !0 };
-          }, D;
+          }, j;
         }()
       ), _ = (
         /** @class */
         function() {
-          function D() {
+          function j() {
             this._keys = [], this._values = [], this._cacheKey = b, this._cacheIndex = -2;
           }
-          return Object.defineProperty(D.prototype, "size", {
+          return Object.defineProperty(j.prototype, "size", {
             get: function() {
               return this._keys.length;
             },
             enumerable: !0,
             configurable: !0
-          }), D.prototype.has = function(z) {
+          }), j.prototype.has = function(z) {
             return this._find(
               z,
               /*insert*/
               !1
             ) >= 0;
-          }, D.prototype.get = function(z) {
+          }, j.prototype.get = function(z) {
             var E = this._find(
               z,
               /*insert*/
               !1
             );
             return E >= 0 ? this._values[E] : void 0;
-          }, D.prototype.set = function(z, E) {
+          }, j.prototype.set = function(z, E) {
             var B = this._find(
               z,
               /*insert*/
               !0
             );
             return this._values[B] = E, this;
-          }, D.prototype.delete = function(z) {
+          }, j.prototype.delete = function(z) {
             var E = this._find(
               z,
               /*insert*/
@@ -996,19 +996,19 @@ var Xe;
               return this._keys.length--, this._values.length--, Uo(z, this._cacheKey) && (this._cacheKey = b, this._cacheIndex = -2), !0;
             }
             return !1;
-          }, D.prototype.clear = function() {
+          }, j.prototype.clear = function() {
             this._keys.length = 0, this._values.length = 0, this._cacheKey = b, this._cacheIndex = -2;
-          }, D.prototype.keys = function() {
+          }, j.prototype.keys = function() {
             return new m(this._keys, this._values, L);
-          }, D.prototype.values = function() {
+          }, j.prototype.values = function() {
             return new m(this._keys, this._values, eo);
-          }, D.prototype.entries = function() {
+          }, j.prototype.entries = function() {
             return new m(this._keys, this._values, ao);
-          }, D.prototype["@@iterator"] = function() {
+          }, j.prototype["@@iterator"] = function() {
             return this.entries();
-          }, D.prototype[s] = function() {
+          }, j.prototype[s] = function() {
             return this.entries();
-          }, D.prototype._find = function(z, E) {
+          }, j.prototype._find = function(z, E) {
             if (!Uo(this._cacheKey, z)) {
               this._cacheIndex = -1;
               for (var B = 0; B < this._keys.length; B++)
@@ -1018,18 +1018,18 @@ var Xe;
                 }
             }
             return this._cacheIndex < 0 && E && (this._cacheIndex = this._keys.length, this._keys.push(z), this._values.push(void 0)), this._cacheIndex;
-          }, D;
+          }, j;
         }()
       );
       return _;
-      function L(D, z) {
-        return D;
+      function L(j, z) {
+        return j;
       }
-      function eo(D, z) {
+      function eo(j, z) {
         return z;
       }
-      function ao(D, z) {
-        return [D, z];
+      function ao(j, z) {
+        return [j, z];
       }
     }
     function Ot() {
@@ -1112,7 +1112,7 @@ var Xe;
       function _() {
         var z;
         do
-          z = "@@WeakMap@@" + D();
+          z = "@@WeakMap@@" + j();
         while (d.has(p, z));
         return p[z] = !0, z;
       }
@@ -1136,7 +1136,7 @@ var Xe;
         }
         return eo(new Array(z), z);
       }
-      function D() {
+      function j() {
         var z = ao(b);
         z[6] = z[6] & 79 | 64, z[8] = z[8] & 191 | 128;
         for (var E = "", B = 0; B < b; ++B) {
@@ -1151,18 +1151,18 @@ var Xe;
     }
   });
 })(Xe || (Xe = {}));
-const jr = Symbol("inject"), Dr = Symbol("injectable"), Gr = Symbol("injectable:options");
+const Dr = Symbol("inject"), jr = Symbol("injectable"), Gr = Symbol("injectable:options");
 function xi(e) {
   let o = e;
   for (; o && o !== Function.prototype && o !== Object.prototype; ) {
-    const t = Reflect.getOwnMetadata(jr, o);
+    const t = Reflect.getOwnMetadata(Dr, o);
     if (t && t.length > 0) return t;
     o = Object.getPrototypeOf(o);
   }
   return [];
 }
 function gi(e) {
-  return Reflect.getMetadata(Dr, e) === !0;
+  return Reflect.getMetadata(jr, e) === !0;
 }
 function Hr(e) {
   const o = Reflect.getMetadata(Gr, e);
@@ -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);
   }
@@ -1553,10 +1553,10 @@ const U = class U {
 };
 c(U, "instance"), c(U, "scopeStack", []), /** Shared across `run()` scopes — the DI container is process-wide. */
 c(U, "serviceRefs", /* @__PURE__ */ new Map());
-let jo = U;
+let Do = U;
 const Zr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PluginManager: jo
+  PluginManager: Do
 }, Symbol.toStringTag, { value: "Module" }));
 function ce(e) {
   let o = 5381;
@@ -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);
@@ -1727,8 +1727,8 @@ const P = new Proxy({}, {
     const t = Io.getInstance(), i = Reflect.get(t, o, t);
     return typeof i == "function" ? i.bind(t) : i;
   }
-}), on = jo.run.bind(jo);
-jo.run = function(o) {
+}), on = Do.run.bind(Do);
+Do.run = function(o) {
   return Io.run(() => on(o));
 };
 function Ro() {
@@ -1740,17 +1740,17 @@ 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;
 }
 function vi() {
-  Io.resetForTests(), (typeof globalThis.window > "u" || !globalThis.window) && jo.reset();
+  Io.resetForTests(), (typeof globalThis.window > "u" || !globalThis.window) && Do.reset();
 }
 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 = {
@@ -1812,7 +1812,7 @@ function fn() {
 function an() {
   return fn().activeEffect;
 }
-class jt {
+class Dt {
   constructor(o) {
     c(this, "listeners", /* @__PURE__ */ new Set());
     c(this, "effects", /* @__PURE__ */ new Set());
@@ -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 };
@@ -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;
 }
@@ -2593,7 +2593,7 @@ function st(e) {
     y: typeof e.clientY == "number" && Number.isFinite(e.clientY) ? e.clientY : 0
   };
 }
-function Dt(e, o) {
+function jt(e, o) {
   const t = st(e);
   if (!o) return t;
   const i = o.getBoundingClientRect();
@@ -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();
@@ -2708,7 +2708,7 @@ 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 = jt(x, u.current);
           y(k);
         },
         onPointerCancelCapture(x) {
@@ -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(jt(x, u.current));
               return;
             }
           }
-          y(Dt(x, l.current));
+          y(jt(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(jt(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",
@@ -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,18 +2832,18 @@ 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(() => {
+      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;
+        u.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);
       }, y.current.duration);
@@ -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 = [];
@@ -4458,7 +4458,7 @@ function ue(e) {
   const o = { ...e };
   let t = !1;
   const i = o.background;
-  typeof i == "string" && i.trim() && o.backgroundColor == null && Dn(i) && (o.backgroundColor = i, delete o.background, t = !0);
+  typeof i == "string" && i.trim() && o.backgroundColor == null && jn(i) && (o.backgroundColor = i, delete o.background, t = !0);
   const r = o.border;
   if (typeof r == "string" && r.trim()) {
     const n = Hn(r);
@@ -4466,16 +4466,16 @@ function ue(e) {
   }
   return t ? o : e;
 }
-const jn = "translate3d(0, 0, 0)";
+const Dn = "translate3d(0, 0, 0)";
 function Qe(e) {
   const o = e.transform == null ? "" : String(e.transform).trim();
-  return o !== "" && o !== "none" ? e : { ...e, transform: jn };
+  return o !== "" && o !== "none" ? e : { ...e, transform: Dn };
 }
 function oi(e, o) {
   const t = typeof o == "number" ? `${o}px` : o;
   return e === "x" ? `translate3d(${t}, 0, 0)` : `translate3d(0, ${t}, 0)`;
 }
-function Dn(e) {
+function jn(e) {
   const o = e.trim().toLowerCase();
   return !(!o || o === "none" || o.includes("gradient(") || o.includes("url(") || o.includes("image(") || o.includes("element(") || o.startsWith("repeat") || Gn(o));
 }
@@ -4652,8 +4652,8 @@ function Kn(e, o) {
     [`${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) {
@@ -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(Rt(h), ro(h, u));
           return n;
         };
       }
@@ -4957,20 +4957,42 @@ function os(e) {
     display: "flex",
     minWidth: 0,
     minHeight: 0,
-    alignItems: o.alignItems,
-    justifyContent: o.justifyContent
+    // `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 = 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");
   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,7 +5002,7 @@ 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);
 }
@@ -4989,9 +5011,9 @@ const at = {
   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 +5028,8 @@ function is(e, o) {
     e
   );
 }
-function rs(e) {
-  return u.createElement(
+function ss(e) {
+  return l.createElement(
     "div",
     {
       className: "fibo-clipped",
@@ -5023,9 +5045,9 @@ function rs(e) {
     e
   );
 }
-function ns(e, o) {
+function fs(e, o) {
   const t = o in at ? at[o] : o === "rectangle" ? void 0 : String(o);
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       className: "fibo-clip-shape",
@@ -5042,7 +5064,7 @@ function ns(e, o) {
     e
   );
 }
-const ss = {
+const as = {
   position: "absolute",
   inset: 0,
   zIndex: 10,
@@ -5055,13 +5077,13 @@ const ss = {
   userSelect: "none",
   WebkitUserSelect: "none"
 };
-function fs(e, o = "rectangle") {
+function cs(e, o = "rectangle") {
   const t = o === "rectangle" ? void 0 : o in at ? at[o] : o === "circle" ? "50%" : String(o), i = Oi(o), r = {
-    ...ss,
+    ...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 +5100,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 +5115,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 +5124,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 +5146,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 +5169,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 +5179,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 +5199,7 @@ function ls(e, o) {
     },
     e
   );
-  return u.createElement(
+  return l.createElement(
     "div",
     {
       className: "fibo-view-layer-host",
@@ -5195,15 +5217,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 +5235,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 +5250,8 @@ function bs({
     o
   );
 }
-function hs(e) {
-  return u.createElement(
+function ps(e) {
+  return l.createElement(
     "div",
     {
       className: "fibo-compositing-group",
@@ -5243,19 +5265,19 @@ function hs(e) {
     e
   );
 }
-function ds(e, o) {
+function xs(e, o) {
   const t = Oi(o) ?? void 0, i = o in at ? at[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 +5286,7 @@ function ps(e) {
   }
   return null;
 }
-function xs({
+function ms({
   child: e,
   spec: o
 }) {
@@ -5272,7 +5294,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 +5304,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 +5323,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 +5348,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 +5383,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({
+function _s({
   child: e,
   spec: o
 }) {
@@ -5387,13 +5409,13 @@ function ys({
         const d = Qo.get(n);
         (d == null ? void 0 : d.isSource) === r && Qo.delete(n);
       };
-    const l = new ResizeObserver(a);
-    return l.observe(f), () => {
-      l.disconnect();
+    const u = new ResizeObserver(a);
+    return u.observe(f), () => {
+      u.disconnect();
       const d = Qo.get(n);
       d && d.isSource === r && Qo.delete(n);
     };
-  }, [n, i, o.id, r]), u.createElement(
+  }, [n, i, o.id, r]), l.createElement(
     "div",
     {
       ref: t,
@@ -5410,11 +5432,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 +5461,7 @@ function _s() {
     }
   };
 }
-function Ss({
+function zs({
   prefKey: e,
   value: o,
   children: t
@@ -5450,27 +5472,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 +5511,7 @@ const be = {
   vertical: "vertical",
   all: "all"
 };
-function Es(e) {
+function Rs(e) {
   return {
     top: e.top,
     bottom: e.bottom,
@@ -5497,7 +5519,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 +5538,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 +5560,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 +5577,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 +5603,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 +5615,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 +5626,7 @@ function Fs(e, o) {
     ...g
   );
 }
-const Ns = {
+const Ms = {
   name: "material",
   colors: {
     primary: "#6750A4",
@@ -5698,7 +5720,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 +5815,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 +5907,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 +6011,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 Ds(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 js(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 +6063,23 @@ function js(e) {
   return i && Object.keys(i).forEach((s) => {
     const f = i[s];
     if (!f) return;
-    const a = Ws(s);
+    const a = js(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));
   }), 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 +6088,7 @@ const Wi = 64, Xs = [
   "marginRight",
   "marginBottom",
   "marginLeft"
-], Vs = /* @__PURE__ */ new Set([
+], Us = /* @__PURE__ */ new Set([
   "padding-top",
   "padding-right",
   "padding-bottom",
@@ -6075,7 +6097,7 @@ const Wi = 64, Xs = [
   "margin-right",
   "margin-bottom",
   "margin-left"
-]), Ys = {
+]), Ks = {
   templateColumns: "gridTemplateColumns",
   templateRows: "gridTemplateRows",
   templateAreas: "gridTemplateAreas",
@@ -6084,12 +6106,12 @@ const Wi = 64, Xs = [
   autoRows: "gridAutoRows",
   cssFloat: "float"
 };
-function ji(e) {
+function Di(e) {
   if (e.startsWith("--")) return e;
-  const o = Ys[e] ?? e, t = Rt(o);
+  const o = Ks[e] ?? e, t = Rt(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 +6220,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;
@@ -6378,11 +6403,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,7 +6438,7 @@ class go {
   }
   trackBoxLonghandsFrom(o) {
     const t = o;
-    for (const i of Xs)
+    for (const i of Ys)
       t[i] != null && this._boxLonghands.add(Rt(i));
   }
   flexDirection(o) {
@@ -6685,7 +6710,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 +6780,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;
       }
     }
@@ -6786,7 +6811,7 @@ class go {
     if (!t) return;
     const i = Po(t);
     for (const [r, n] of Object.entries(i))
-      n == null || n === "" || this._classNames.push(P.registerMedia(o, ji(r), String(n)));
+      n == null || n === "" || this._classNames.push(P.registerMedia(o, Di(r), String(n)));
   }
   sm(o) {
     return this.media("sm", o);
@@ -6998,20 +7023,20 @@ class go {
       o();
   }
   translateX(o) {
-    return o instanceof jt ? this._animatedProps.set("translateX", o) : this._transforms.push(`translateX(${o}px)`), this;
+    return o instanceof Dt ? this._animatedProps.set("translateX", o) : this._transforms.push(`translateX(${o}px)`), this;
   }
   translateY(o) {
-    return o instanceof jt ? this._animatedProps.set("translateY", o) : this._transforms.push(`translateY(${o}px)`), this;
+    return o instanceof Dt ? this._animatedProps.set("translateY", o) : this._transforms.push(`translateY(${o}px)`), this;
   }
   scale(o) {
-    return o instanceof jt ? this._animatedProps.set("scale", o) : this._transforms.push(`scale(${o})`), this;
+    return o instanceof Dt ? this._animatedProps.set("scale", o) : this._transforms.push(`scale(${o})`), this;
   }
   /** SwiftUI `scaleEffect` — alias of {@link scale}. */
   scaleEffect(o) {
     return this.scale(o);
   }
   rotate(o) {
-    return o instanceof jt ? this._animatedProps.set("rotate", o) : this._transforms.push(`rotate(${o}deg)`), this;
+    return o instanceof Dt ? this._animatedProps.set("rotate", o) : this._transforms.push(`rotate(${o}deg)`), this;
   }
   /** SwiftUI `rotationEffect` — alias of {@link rotate} (degrees). */
   rotationEffect(o) {
@@ -7197,8 +7222,8 @@ class go {
     }
     const a = et(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 +7315,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;
   }
   /**
@@ -7361,8 +7386,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 = Ds(o);
+    return this._theme = t, this.addClassName(Vs(t)), this;
   }
   /** Prefer dark/light system chrome for native controls under this subtree. */
   colorScheme(o) {
@@ -7452,7 +7477,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,
@@ -7470,10 +7495,10 @@ class go {
   processChildren() {
     const o = this._childFunction ? Ct(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 +7510,7 @@ class go {
     return this._childFunction;
   }
 }
-const Ks = /* @__PURE__ */ new Set([
+const Zs = /* @__PURE__ */ new Set([
   "$$typeof",
   "type",
   "props",
@@ -7498,59 +7523,59 @@ 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));
+    K && (h = hs(h, K));
     const to = e._animatedProps, po = e._animationConfig;
-    to && to.size > 0 && (h = u.createElement(Tr, {
+    to && to.size > 0 && (h = l.createElement(Tr, {
       key: s,
       animatedProps: to,
       animationConfig: po,
@@ -7561,7 +7586,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 +7597,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 +7616,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 +7658,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 +7675,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,11 +7685,11 @@ 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)) {
+            const x = Di(y);
+            if (Us.has(x)) {
               n.setBoxLonghand(x, h);
               continue;
             }
@@ -7676,39 +7701,39 @@ function mo(e) {
     });
   };
 }
-const Di = "FIBO:", Qs = /\uE000FIBO:(\d+)\uE001/g, Gi = [];
+const ji = "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);
   });
 }
 function J(e) {
-  return Pe(e).includes(Di);
+  return Pe(e).includes(ji);
 }
 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++) {
-    if (!o.includes(Di)) return o;
-    const i = of(o);
+  for (let t = 0; t < rf; t++) {
+    if (!o.includes(ji)) return 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 +7747,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 +7783,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 +7795,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 +7840,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 +7862,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 +7944,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 +7959,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 +7974,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,38 +8015,38 @@ 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) {
   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 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] = 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];
+    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));
@@ -8031,7 +8056,7 @@ function Cf(e, o) {
   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"));
 }
-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 +8066,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 = ro("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,8 +8084,8 @@ 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 = ro("padding", r), [s, f, a, u] = 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 = u), super.padding(r);
   }
   paddingHorizontal(t) {
     const i = ro("paddingLeft", t);
@@ -8095,8 +8120,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,
@@ -8115,11 +8140,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 +8152,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 +8167,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 +8241,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 +8301,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 +8312,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 +8327,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 Df(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 jf(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(Df);
 }
-const jf = u.memo((e) => {
+const Gf = l.memo((e) => {
   const {
     height: o = 64,
     sticky: t,
@@ -8328,10 +8353,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,20 +8366,20 @@ 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
@@ -8423,24 +8448,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: jf(this.processChildren(), i)
     });
   }
 };
 c(At, "unstickSeq", 0);
 let Te = At;
-const Df = mo(Te);
-function Gf(e, o) {
+const Hf = mo(Te);
+function Xf(e, o) {
   const {
     theme: t,
     locale: i,
@@ -8449,7 +8474,7 @@ function Gf(e, o) {
     style: s,
     children: f,
     overlays: a = [],
-    rootRef: l,
+    rootRef: u,
     extendBody: d,
     extendBehindHeader: g,
     avoidKeyboard: h,
@@ -8459,7 +8484,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 +8497,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 +8533,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,15 +8547,15 @@ 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);
@@ -8544,7 +8569,7 @@ function rt(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Xf(e, o);
+    Yf(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -8554,7 +8579,7 @@ function Xo(e) {
   return typeof e == "string" && J(e) ? ho(e) : e;
 }
 const ot = { flexShrink: 0 };
-class Vf extends go {
+class Uf extends go {
   constructor() {
     super(...arguments);
     c(this, "_locale");
@@ -8607,7 +8632,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}
@@ -8677,8 +8702,8 @@ class Vf extends go {
   }
   _normalizeBar(t) {
     return this._isLayoutBarConfig(t) ? {
-      content: u.createElement(
-        u.Fragment,
+      content: l.createElement(
+        l.Fragment,
         null,
         ...Ct(t.children).map(Xo)
       ),
@@ -8689,7 +8714,7 @@ 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;
@@ -8701,8 +8726,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 ? 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 = l.createElement(
       "div",
       {
         key: "scaffold-middle",
@@ -8717,7 +8742,7 @@ class Vf extends go {
         }
       },
       [
-        I && !M && u.createElement("div", {
+        I && !M && l.createElement("div", {
           key: "sidebar-left",
           className: "z-20",
           style: {
@@ -8733,7 +8758,7 @@ class Vf extends go {
             ...ot
           }
         }, S.content),
-        u.createElement("main", {
+        l.createElement("main", {
           key: "scaffold-body",
           className: "fibo-scaffold-body",
           style: {
@@ -8747,7 +8772,7 @@ class Vf extends go {
             minHeight: "0px"
           }
         }, g),
-        $ && !W && u.createElement("div", {
+        $ && !W && l.createElement("div", {
           key: "sidebar-right",
           className: "z-20",
           style: {
@@ -8764,7 +8789,7 @@ class Vf extends go {
           }
         }, y.content)
       ].filter(Boolean)
-    ), H = T && u.createElement("div", {
+    ), H = T && l.createElement("div", {
       key: "header-bar",
       className: "z-30 fibo-scaffold-header",
       style: {
@@ -8776,7 +8801,7 @@ class Vf extends go {
         zIndex: 30,
         ...ot
       }
-    }, 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: {
@@ -8785,7 +8810,7 @@ class Vf extends go {
         zIndex: 30,
         ...ot
       }
-    }, 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", to = this._fab ? l.createElement(
       "div",
       {
         key: "scaffold-fab",
@@ -8793,7 +8818,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,11 +8827,11 @@ 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(
+    ) : null, fo = (qo, $o) => $o ? l.createElement(
       "div",
       {
         key: `drawer-${qo}`,
@@ -8819,15 +8844,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 && to ? 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, [
+    ) : 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 +8860,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", {
+      l.createElement("div", {
         key: "scaffold-snack",
         className: "fibo-scaffold-snack",
         "data-scaffold-snack": "true",
@@ -8854,7 +8879,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 +8892,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,
@@ -8883,12 +8908,12 @@ class Vf extends go {
         }
       }, 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,
@@ -8900,10 +8925,10 @@ class Vf extends go {
         }
       }, y.content)
     ]));
-    const yo = jo.getInstance().getOverlays().map((qo, $o) => {
+    const yo = Do.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);
-    }), Do = {
+      return l.isValidElement(b) && b.key != null && b.key !== "" ? b : l.createElement(l.Fragment, { key: `fibo-overlay-${$o}` }, b);
+    }), jo = {
       theme: this._theme,
       locale: this._locale,
       providers: this._customProviders,
@@ -8915,13 +8940,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, jo);
   }
 }
-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 +8960,7 @@ function ee(e, o) {
     return;
   }
   if (typeof o == "string") {
-    Yf(e, o);
+    Kf(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -8947,7 +8972,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 +9000,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);
@@ -9002,13 +9027,13 @@ function Ki(e) {
     const [d, g, h, w] = ct(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 +9043,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 +9054,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 +9075,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 +9086,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 +9110,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 +9138,7 @@ const na = u.memo((e) => {
     style: s,
     children: f,
     header: a,
-    footer: l,
+    footer: u,
     as: d,
     ...g
   } = e;
@@ -9133,9 +9158,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 +9174,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 +9201,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 +9247,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 +9262,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,20 +9283,20 @@ 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");
+  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 }
@@ -9291,12 +9316,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 +9331,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 = Tt(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 +9352,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 ? Tt(d) : y, $ = u != null ? Tt(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 +9392,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 +9407,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 +9419,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 +9487,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 +9531,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 +9546,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 +9653,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 +9667,7 @@ function re(e, o) {
     return;
   }
   if (typeof o == "string") {
-    wa(e, o);
+    ka(e, o);
     return;
   }
   if (Array.isArray(o))
@@ -9657,8 +9682,8 @@ 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;
 }
@@ -9673,7 +9698,7 @@ function Et(e) {
     } catch {
       return null;
     }
-  if (u.isValidElement(e)) return e;
+  if (l.isValidElement(e)) return e;
   if (Array.isArray(e)) return e.map((o) => Et(o));
   if (typeof e == "object" && e && "children" in e && !("$$typeof" in e))
     return Et(e.children);
@@ -9683,24 +9708,24 @@ function Et(e) {
   }
   return null;
 }
-function ka(e, o) {
+function Sa(e, o) {
   const t = Et(e);
   return t != null && t !== "" ? t : Et(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 +9760,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 +9785,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 +9853,7 @@ class Sa extends go {
       className: s,
       style: f,
       as: a,
-      compute: l,
+      compute: u,
       type: d,
       text: g,
       children: h,
@@ -9841,7 +9866,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 +9897,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 +9939,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 +9971,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 +10007,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 +10031,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) => {
+}), Da = (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 +10054,7 @@ const $c = mo(Sa), Ca = (e, o) => {
           continue;
         }
         if (x === "/") {
-          l = y;
+          u = y;
           continue;
         }
       }
@@ -10044,12 +10069,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 +10084,7 @@ const $c = mo(Sa), Ca = (e, o) => {
     });
   }
   return i;
-}, Wa = (e) => {
+}, ja = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((t, i) => {
     o.set(t, 1e6 + i);
@@ -10072,21 +10097,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: Da(e),
+  sortModifiers: ja(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 +10146,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 +10161,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)\(.+\)$/, tt = (e) => Ua.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), Mo = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && D(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) => lt(e, ur, ar), A = (e) => sr.test(e), Vo = (e) => lt(e, br, tc), ge = (e) => lt(e, lc, D), li = (e) => lt(e, cr, ar), sc = (e) => lt(e, lr, ic), Gt = (e) => lt(e, hr, ec), R = (e) => fr.test(e), yt = (e) => ut(e, br), fc = (e) => ut(e, uc), ui = (e) => ut(e, cr), ac = (e) => ut(e, ur), cc = (e) => ut(e, lr), Ht = (e) => ut(e, hr, !0), lt = (e, o, t) => {
   const i = sr.exec(e);
   return i ? i[1] ? o(i[1]) : t(i[2]) : !1;
 }, ut = (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",
@@ -10185,24 +10210,24 @@ const $c = mo(Sa), Ca = (e, o) => {
     position: [R, A]
   }], yo = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Do = () => ["auto", "cover", "contain", sc, ic, {
+  }], jo = () => ["auto", "cover", "contain", ac, nc, {
     size: [R, A]
   }], N = () => [xe, yt, 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 = () => ["", D, 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 = () => [D, 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", D, R, A], uo = () => ["none", D, R, A], Eo = () => [D, R, A], wo = () => [tt, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -10210,18 +10235,18 @@ 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"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [Ao],
       shadow: [Ao],
-      spacing: ["px", j],
+      spacing: ["px", D],
       text: [Ao],
       "text-shadow": [Ao],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -10248,7 +10273,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [j, A, R, f]
+        columns: [D, A, R, f]
       }],
       /**
        * Break After
@@ -10479,21 +10504,21 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [j, tt, "auto", "initial", "none", A]
+        flex: [D, tt, "auto", "initial", "none", A]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", j, R, A]
+        grow: ["", D, R, A]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", j, R, A]
+        shrink: ["", D, R, A]
       }],
       /**
        * Order
@@ -10926,7 +10951,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
@@ -10970,7 +10995,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [j, "none", R, ge]
+        "line-clamp": [D, "none", R, ge]
       }],
       /**
        * Line Height
@@ -11043,7 +11068,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [j, "from-font", "auto", R, Vo]
+        decoration: [D, "from-font", "auto", R, Vo]
       }],
       /**
        * Text Decoration Color
@@ -11057,7 +11082,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [j, "auto", R, A]
+        "underline-offset": [D, "auto", R, A]
       }],
       /**
        * Text Transform
@@ -11168,7 +11193,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Do()
+        bg: jo()
       }],
       /**
        * Background Image
@@ -11181,7 +11206,7 @@ const $c = mo(Sa), Ca = (e, o) => {
           }, Mo, R, A],
           radial: ["", R, A],
           conic: [Mo, R, A]
-        }, fc, rc]
+        }, cc, sc]
       }],
       /**
        * Background Color
@@ -11523,14 +11548,14 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [j, R, A]
+        "outline-offset": [D, R, A]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", j, yt, Vo]
+        outline: ["", D, yt, Vo]
       }],
       /**
        * Outline Color
@@ -11605,7 +11630,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [j, Vo]
+        "ring-offset": [D, Vo]
       }],
       /**
        * Ring Offset Color
@@ -11649,7 +11674,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [j, R, A]
+        opacity: [D, R, A]
       }],
       /**
        * Mix Blend Mode
@@ -11684,7 +11709,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [j]
+        "mask-linear": [D]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": Q()
@@ -11798,7 +11823,7 @@ const $c = mo(Sa), Ca = (e, o) => {
         "mask-radial-at": I()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [j]
+        "mask-conic": [D]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": Q()
@@ -11845,7 +11870,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Do()
+        mask: jo()
       }],
       /**
        * Mask Type
@@ -11889,14 +11914,14 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [j, R, A]
+        brightness: [D, R, A]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [j, R, A]
+        contrast: [D, R, A]
       }],
       /**
        * Drop Shadow
@@ -11924,35 +11949,35 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", j, R, A]
+        grayscale: ["", D, R, A]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [j, R, A]
+        "hue-rotate": [D, R, A]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", j, R, A]
+        invert: ["", D, R, A]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [j, R, A]
+        saturate: [D, R, A]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", j, R, A]
+        sepia: ["", D, R, A]
       }],
       /**
        * Backdrop Filter
@@ -11979,56 +12004,56 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [j, R, A]
+        "backdrop-brightness": [D, R, A]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [j, R, A]
+        "backdrop-contrast": [D, R, A]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", j, R, A]
+        "backdrop-grayscale": ["", D, R, A]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [j, R, A]
+        "backdrop-hue-rotate": [D, R, A]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", j, R, A]
+        "backdrop-invert": ["", D, R, A]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [j, R, A]
+        "backdrop-opacity": [D, R, A]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [j, R, A]
+        "backdrop-saturate": [D, R, A]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", j, R, A]
+        "backdrop-sepia": ["", D, R, A]
       }],
       // --------------
       // --- Tables ---
@@ -12097,7 +12122,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [j, "initial", R, A]
+        duration: [D, "initial", R, A]
       }],
       /**
        * Transition Timing Function
@@ -12111,7 +12136,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [j, R, A]
+        delay: [D, R, A]
       }],
       /**
        * Animation
@@ -12555,7 +12580,7 @@ const $c = mo(Sa), Ca = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, yt, Vo, ge]
+        stroke: [D, yt, Vo, ge]
       }],
       /**
        * Stroke
@@ -12630,7 +12655,7 @@ 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,
@@ -12649,7 +12674,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 }],
@@ -12688,13 +12713,13 @@ const $c = mo(Sa), Ca = (e, o) => {
 function St(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 +12728,7 @@ function dc(e, o) {
     onHover: s,
     disabled: f,
     icon: a,
-    shape: l,
+    shape: u,
     shadow: d,
     tone: g,
     motion: h,
@@ -12723,13 +12748,13 @@ function dc(e, o) {
     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;
   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",
@@ -12748,14 +12773,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 +12802,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", "");
@@ -12881,7 +12906,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 +12917,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
 };