fiboui 2.2.3 → 2.3.0

package/dist/{builder-3Bc2PfP9.js → builder-DTH8K7ph.js}

@@ -1,12 +1,13 @@
 "use client";
 var gt = Object.defineProperty;
-var bt = (r, t, e) => t in r ? gt(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var c = (r, t, e) => bt(r, typeof t != "symbol" ? t + "" : t, e);
-import g, { useRef as w, createContext as j, useContext as O, useCallback as E, useSyncExternalStore as B, useEffect as A, useState as q, cloneElement as yt } from "react";
+var bt = (s, t, e) => t in s ? gt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var l = (s, t, e) => bt(s, typeof t != "symbol" ? t + "" : t, e);
+import g, { useRef as w, createContext as j, useContext as O, useCallback as E, useSyncExternalStore as B, useEffect as A, useState as Z, cloneElement as yt } from "react";
 import { jsx as C, Fragment as W } from "react/jsx-runtime";
+import { r as kt, f as _t, b as xt } from "./themeData-CmTJt3dU.js";
 class J {
   constructor() {
-    c(this, "activeEffect", null);
+    l(this, "activeEffect", null);
   }
 }
 const Q = new J(), z = [Q];
@@ -19,22 +20,22 @@ function et() {
 function D() {
   return et().activeEffect;
 }
-function kt(r, t) {
-  z.push(r);
+function $t(s, t) {
+  z.push(s);
   try {
     return t();
   } finally {
     z.pop();
   }
 }
-function M(r) {
+function M(s) {
   const t = et(), e = t.activeEffect;
-  return t.activeEffect = r, e;
+  return t.activeEffect = s, e;
 }
-class _t {
+class wt {
   constructor(t) {
-    c(this, "dependencies", /* @__PURE__ */ new Set());
-    c(this, "_onDispose");
+    l(this, "dependencies", /* @__PURE__ */ new Set());
+    l(this, "_onDispose");
     this.fn = t, this.run();
   }
   run() {
@@ -59,9 +60,9 @@ class _t {
     this.cleanup(), (t = this._onDispose) == null || t.call(this);
   }
 }
-class xt {
+class St {
   constructor(t) {
-    c(this, "dependencies", /* @__PURE__ */ new Set());
+    l(this, "dependencies", /* @__PURE__ */ new Set());
     this._onInvalidate = t;
   }
   execute(t) {
@@ -87,8 +88,8 @@ class xt {
 }
 class R {
   constructor(t) {
-    c(this, "listeners", /* @__PURE__ */ new Set());
-    c(this, "effects", /* @__PURE__ */ new Set());
+    l(this, "listeners", /* @__PURE__ */ new Set());
+    l(this, "effects", /* @__PURE__ */ new Set());
     this._value = t;
   }
   get value() {
@@ -109,20 +110,20 @@ class R {
   }
   notify() {
     const t = Array.from(this.effects), e = Array.from(this.listeners);
-    t.forEach((s) => s.trigger()), e.forEach((s) => s(this._value));
+    t.forEach((r) => r.trigger()), e.forEach((r) => r(this._value));
   }
 }
-function ge(r) {
-  return new R(r);
+function _e(s) {
+  return new R(s);
 }
-class $t {
+class vt {
   constructor(t) {
-    c(this, "listeners", /* @__PURE__ */ new Set());
-    c(this, "effects", /* @__PURE__ */ new Set());
-    c(this, "_value");
-    c(this, "_dirty", !0);
-    c(this, "internalEffect");
-    this.fn = t, this.internalEffect = new _t(() => {
+    l(this, "listeners", /* @__PURE__ */ new Set());
+    l(this, "effects", /* @__PURE__ */ new Set());
+    l(this, "_value");
+    l(this, "_dirty", !0);
+    l(this, "internalEffect");
+    this.fn = t, this.internalEffect = new wt(() => {
       this._dirty || (this._dirty = !0, this.notify());
     });
   }
@@ -149,16 +150,16 @@ class $t {
   }
   notify() {
     const t = Array.from(this.effects), e = Array.from(this.listeners);
-    t.forEach((s) => s.trigger()), e.forEach((s) => s(this._value));
+    t.forEach((r) => r.trigger()), e.forEach((r) => r(this._value));
   }
 }
-function be(r) {
-  return new $t(r);
+function xe(s) {
+  return new vt(s);
 }
-class wt {
+class Ct {
   constructor(t) {
-    c(this, "listeners", /* @__PURE__ */ new Set());
-    c(this, "effects", /* @__PURE__ */ new Set());
+    l(this, "listeners", /* @__PURE__ */ new Set());
+    l(this, "effects", /* @__PURE__ */ new Set());
     this._value = t;
   }
   get() {
@@ -181,13 +182,13 @@ class wt {
     Array.from(this.effects).forEach((t) => t.trigger()), Array.from(this.listeners).forEach((t) => t(this._value));
   }
 }
-function ye(r) {
-  return new wt(r);
+function $e(s) {
+  return new Ct(s);
 }
-class St {
+class Nt {
   constructor(t) {
-    c(this, "listeners", /* @__PURE__ */ new Set());
-    c(this, "effects", /* @__PURE__ */ new Set());
+    l(this, "listeners", /* @__PURE__ */ new Set());
+    l(this, "effects", /* @__PURE__ */ new Set());
     this.state = t;
   }
   getState() {
@@ -195,8 +196,8 @@ class St {
     return t && t.track(this), this.state;
   }
   setState(t) {
-    const e = typeof t == "function" ? t(this.state) : t, s = { ...this.state, ...e }, i = Object.keys(this.state), o = Object.keys(s);
-    i.length === o.length && o.every((a) => Object.is(s[a], this.state[a])) || (this.state = s, this.notify());
+    const e = typeof t == "function" ? t(this.state) : t, r = { ...this.state, ...e }, o = Object.keys(this.state), i = Object.keys(r);
+    o.length === i.length && i.every((a) => Object.is(r[a], this.state[a])) || (this.state = r, this.notify());
   }
   subscribe(t) {
     return this.listeners.add(t), () => this.listeners.delete(t);
@@ -211,127 +212,127 @@ class St {
     Array.from(this.effects).forEach((t) => t.trigger()), Array.from(this.listeners).forEach((t) => t(this.state));
   }
 }
-function ke(r) {
-  return new St(r);
+function we(s) {
+  return new Nt(s);
 }
-const vt = tt(), st = j(vt);
-function Ct() {
+const Et = tt(), st = j(Et);
+function Mt() {
   return O(st);
 }
-function _e({ children: r, scope: t }) {
+function Se({ children: s, scope: t }) {
   const e = w(t ?? tt()).current;
-  return /* @__PURE__ */ C(st.Provider, { value: e, children: r });
+  return /* @__PURE__ */ C(st.Provider, { value: e, children: s });
 }
-function Nt({ children: r }) {
-  const t = w(0), e = w(/* @__PURE__ */ new Set()), s = w(null);
-  s.current || (s.current = new xt(() => {
-    t.current += 1, e.current.forEach((l) => l());
+function Tt({ children: s }) {
+  const t = w(0), e = w(/* @__PURE__ */ new Set()), r = w(null);
+  r.current || (r.current = new St(() => {
+    t.current += 1, e.current.forEach((c) => c());
   }));
-  const i = E((l) => (e.current.add(l), () => {
-    e.current.delete(l);
-  }), []), o = E(() => t.current, []);
-  B(i, o, o), A(() => () => {
-    var l;
-    (l = s.current) == null || l.dispose();
+  const o = E((c) => (e.current.add(c), () => {
+    e.current.delete(c);
+  }), []), i = E(() => t.current, []);
+  B(o, i, i), A(() => () => {
+    var c;
+    (c = r.current) == null || c.dispose();
   }, []);
-  const n = Ct();
+  const n = Mt();
   let a = null;
   try {
-    a = kt(n, () => s.current.execute(r));
+    a = $t(n, () => r.current.execute(s));
   } catch {
     a = null;
   }
   return /* @__PURE__ */ C(W, { children: a });
 }
-const Et = j(/* @__PURE__ */ new Map()), rt = j(null);
-function xe(r) {
+const It = j(/* @__PURE__ */ new Map()), rt = j(null);
+function ve(s) {
   const t = O(rt);
   if (!t)
     throw new Error("useBuilderState must be used under a builder that called .state()");
-  return [t.get(r), (e) => t.set(r, e)];
+  return [t.get(s), (e) => t.set(s, e)];
 }
-function Mt({ stateMap: r = /* @__PURE__ */ new Map(), children: t }) {
-  const [e, s] = q(() => new Map(r)), i = {
+function Rt({ stateMap: s = /* @__PURE__ */ new Map(), children: t }) {
+  const [e, r] = Z(() => new Map(s)), o = {
     map: e,
-    get: (o) => e.get(o),
-    set: (o, n) => {
-      s((a) => {
-        if (Object.is(a.get(o), n))
+    get: (i) => e.get(i),
+    set: (i, n) => {
+      r((a) => {
+        if (Object.is(a.get(i), n))
           return a;
-        const l = new Map(a);
-        return l.set(o, n), l;
+        const c = new Map(a);
+        return c.set(i, n), c;
       });
     }
   };
-  return /* @__PURE__ */ C(rt.Provider, { value: i, children: /* @__PURE__ */ C(Et.Provider, { value: e, children: t }) });
+  return /* @__PURE__ */ C(rt.Provider, { value: o, children: /* @__PURE__ */ C(It.Provider, { value: e, children: t }) });
 }
-function Tt({ observables: r, children: t }) {
-  const e = w(0), s = E((o) => {
-    const n = Array.from(r).map(
+function zt({ observables: s, children: t }) {
+  const e = w(0), r = E((i) => {
+    const n = Array.from(s).map(
       (a) => a.subscribe(() => {
-        e.current += 1, o();
+        e.current += 1, i();
       })
     );
     return () => n.forEach((a) => a());
-  }, [r]), i = E(() => e.current, []);
-  return B(s, i, i), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
+  }, [s]), o = E(() => e.current, []);
+  return B(r, o, o), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
 }
-function It({ signals: r, children: t }) {
-  const e = w(0), s = E((o) => {
-    const n = Array.from(r).map(
+function jt({ signals: s, children: t }) {
+  const e = w(0), r = E((i) => {
+    const n = Array.from(s).map(
       (a) => a.subscribe(() => {
-        e.current += 1, o();
+        e.current += 1, i();
       })
     );
     return () => n.forEach((a) => a());
-  }, [r]), i = E(() => e.current, []);
-  return B(s, i, i), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
+  }, [s]), o = E(() => e.current, []);
+  return B(r, o, o), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
 }
 const ot = j(/* @__PURE__ */ new Map());
-function $e(r) {
+function Ce(s) {
   const t = O(ot);
-  return t == null ? void 0 : t.get(r);
+  return t == null ? void 0 : t.get(s);
 }
-function Rt({ providers: r = /* @__PURE__ */ new Map(), children: t }) {
-  return /* @__PURE__ */ C(ot.Provider, { value: r, children: t });
+function At({ providers: s = /* @__PURE__ */ new Map(), children: t }) {
+  return /* @__PURE__ */ C(ot.Provider, { value: s, children: t });
 }
-function zt(r) {
-  return !!r && typeof r == "object" && "build" in r && typeof r.build == "function";
+function Dt(s) {
+  return !!s && typeof s == "object" && "build" in s && typeof s.build == "function";
 }
-function jt(r) {
-  return g.isValidElement(r) ? r : zt(r) ? r.build() : r;
+function Ft(s) {
+  return g.isValidElement(s) ? s : Dt(s) ? s.build() : s;
 }
-function H(r) {
-  return typeof r == "string" || typeof r == "number";
+function H(s) {
+  return typeof s == "string" || typeof s == "number";
 }
-function At(r, t) {
-  return g.isValidElement(r) && H(r.key) && r.key !== "" ? r.key : `.$fibo-${t}`;
+function Lt(s, t) {
+  return g.isValidElement(s) && H(s.key) && s.key !== "" ? s.key : `.$fibo-${t}`;
 }
-function Dt(r, t) {
-  return !g.isValidElement(r) || H(r.key) && r.key !== "" ? r : g.cloneElement(r, { key: At(r, t) });
+function Vt(s, t) {
+  return !g.isValidElement(s) || H(s.key) && s.key !== "" ? s : g.cloneElement(s, { key: Lt(s, t) });
 }
-function K(r) {
-  if (r == null)
+function K(s) {
+  if (s == null)
     return [];
-  const t = typeof r == "function" ? r() : r;
-  return (Array.isArray(t) ? t : [t]).map((s, i) => Dt(jt(s), i));
+  const t = typeof s == "function" ? s() : s;
+  return (Array.isArray(t) ? t : [t]).map((r, o) => Vt(Ft(r), o));
 }
-const Y = /* @__PURE__ */ new Map(), Lt = {
+const Y = /* @__PURE__ */ new Map(), Pt = {
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
   linear: "linear",
   ease: "ease"
 };
-function it(r = {}) {
-  const t = r.stiffness ?? 170, e = r.damping ?? 26, s = r.mass ?? 1, i = `${t}:${e}:${s}`, o = Y.get(i);
-  if (o) return o;
+function it(s = {}) {
+  const t = s.stiffness ?? 170, e = s.damping ?? 26, r = s.mass ?? 1, o = `${t}:${e}:${r}`, i = Y.get(o);
+  if (i) return i;
   const n = 1 / 60, a = 1;
-  let l = 0, d = 0;
+  let c = 0, d = 0;
   const h = [0];
   for (let b = 0; b < 180; b += 1) {
-    const x = -t * (l - a) - e * d;
-    if (d += x / s * n, l += d * n, h.push(l), b > 8 && Math.abs(l - a) < 2e-3 && Math.abs(d) < 2e-3) break;
+    const x = -t * (c - a) - e * d;
+    if (d += x / r * n, c += d * n, h.push(c), b > 8 && Math.abs(c - a) < 2e-3 && Math.abs(d) < 2e-3) break;
   }
   h[h.length - 1] !== 1 && h.push(1);
   const m = Math.max(1, Math.floor((h.length - 1) / 24)), p = [];
@@ -340,10 +341,10 @@ function it(r = {}) {
     p.push(b === 0 ? `${S}` : `${S} ${Math.round(x * 1e4) / 100}%`);
   }
   const y = `linear(${p.join(", ")})`;
-  return Y.set(i, y), y;
+  return Y.set(o, y), y;
 }
-function v(r, t) {
-  return r === "spring" ? it(t) : Lt[r] ?? r;
+function v(s, t) {
+  return s === "spring" ? it(t) : Pt[s] ?? s;
 }
 const U = [
   "fadeIn",
@@ -361,35 +362,35 @@ const U = [
   "blur",
   "pop",
   "bounce"
-], Vt = {
+], Ot = {
   fade: "fadeIn",
   scale: "scaleIn",
   blur: "blurIn"
 };
-function Pt(r) {
-  if (!r || typeof r != "object") return !1;
-  const t = r;
+function Bt(s) {
+  if (!s || typeof s != "object") return !1;
+  const t = s;
   return typeof t.from == "object" && t.from !== null && typeof t.to == "object" && t.to !== null;
 }
-function G(r) {
+function G(s) {
   const t = /* @__PURE__ */ new Set(["opacity", "zIndex", "z-index", "flex", "fontWeight", "lineHeight"]);
-  return Object.entries(r).map(([e, s]) => {
-    const i = e.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`), o = typeof s == "number" && !t.has(e) ? `${s}px` : String(s);
-    return `${i}: ${o}`;
+  return Object.entries(s).map(([e, r]) => {
+    const o = e.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`), i = typeof r == "number" && !t.has(e) ? `${r}px` : String(r);
+    return `${o}: ${i}`;
   }).join("; ");
 }
-function Ft(r) {
+function Wt(s) {
   let t = 5381;
-  for (let e = 0; e < r.length; e += 1) t = (t << 5) + t ^ r.charCodeAt(e);
+  for (let e = 0; e < s.length; e += 1) t = (t << 5) + t ^ s.charCodeAt(e);
   return (t >>> 0).toString(36);
 }
-function Ot(r) {
-  const t = Vt[r] ?? r;
+function Ht(s) {
+  const t = Ot[s] ?? s;
   if (!U.includes(t))
-    throw new Error(`Unknown motion preset "${r}". Use: ${U.join(", ")}`);
+    throw new Error(`Unknown motion preset "${s}". Use: ${U.join(", ")}`);
   return t;
 }
-const F = `
+const P = `
 .fibo-anim {
   animation-duration: var(--fibo-dur, 300ms);
   animation-timing-function: var(--fibo-ease, ease);
@@ -531,18 +532,18 @@ const F = `
   }
 }
 `.trim();
-function Z(r) {
+function q(s) {
   let t = 5381;
-  for (let e = 0; e < r.length; e += 1)
-    t = (t << 5) + t ^ r.charCodeAt(e);
+  for (let e = 0; e < s.length; e += 1)
+    t = (t << 5) + t ^ s.charCodeAt(e);
   return (t >>> 0).toString(36);
 }
 const $ = class $ {
   constructor() {
-    c(this, "sheet", null);
-    c(this, "cache", /* @__PURE__ */ new Map());
-    c(this, "extras", []);
-    c(this, "defaultsReady", !1);
+    l(this, "sheet", null);
+    l(this, "cache", /* @__PURE__ */ new Map());
+    l(this, "extras", []);
+    l(this, "defaultsReady", !1);
     this.attachSheet(), this.ensureDefaults();
   }
   static getInstance() {
@@ -567,32 +568,32 @@ const $ = class $ {
   /**
    * CSS `@media` rule, deduped. Used by `.media()` / `.md()` / `.responsive()` — not JS resize.
    */
-  registerMedia(t, e, s) {
-    const i = `@media ${t}|${e}:${s}`;
-    if (this.cache.has(i))
-      return this.cache.get(i);
-    const o = `fibo-mq-${Z(i)}`, n = `@media ${t} { .${o} { ${e}: ${s} !important; } }`;
-    return this.insert(n), this.cache.set(i, o), o;
+  registerMedia(t, e, r) {
+    const o = `@media ${t}|${e}:${r}`;
+    if (this.cache.has(o))
+      return this.cache.get(o);
+    const i = `fibo-mq-${q(o)}`, n = `@media ${t} { .${i} { ${e}: ${r} !important; } }`;
+    return this.insert(n), this.cache.set(o, i), i;
   }
   ensureDefaults() {
     var t;
-    this.defaultsReady || (this.defaultsReady = !0, this.sheet && !((t = this.sheet.textContent) != null && t.includes("fibo-fadeIn")) && this.sheet.appendChild(document.createTextNode(F)));
+    this.defaultsReady || (this.defaultsReady = !0, this.sheet && !((t = this.sheet.textContent) != null && t.includes("fibo-fadeIn")) && this.sheet.appendChild(document.createTextNode(P)));
   }
   getCss() {
     this.ensureDefaults();
     const t = [...this.extras].sort();
-    return [F, ...t].filter(Boolean).join(`
+    return [P, ...t].filter(Boolean).join(`
 `);
   }
-  registerKeyframes(t, e, s) {
-    const i = `kf:${e}=>${s}`;
-    if (this.cache.has(i)) return this.cache.get(i);
-    const o = `fibo-c-${t}`;
-    return this.insert(`@keyframes ${o} { from { ${e} } to { ${s} } }`), this.insert(`.${o} { animation-name: ${o}; }`), this.cache.set(i, o), o;
+  registerKeyframes(t, e, r) {
+    const o = `kf:${e}=>${r}`;
+    if (this.cache.has(o)) return this.cache.get(o);
+    const i = `fibo-c-${t}`;
+    return this.insert(`@keyframes ${i} { from { ${e} } to { ${r} } }`), this.insert(`.${i} { animation-name: ${i}; }`), this.cache.set(o, i), i;
   }
   insert(t, e = !0) {
-    var s;
-    if (!(e && this.extras.includes(t)) && (e && this.extras.push(t), !(this.sheet && ((s = this.sheet.textContent) != null && s.includes(t)))))
+    var r;
+    if (!(e && this.extras.includes(t)) && (e && this.extras.push(t), !(this.sheet && ((r = this.sheet.textContent) != null && r.includes(t)))))
       if (this.sheet && this.sheet.sheet)
         try {
           this.sheet.sheet.insertRule(t, this.sheet.sheet.cssRules.length);
@@ -603,8 +604,8 @@ const $ = class $ {
   }
   /** Set a `:root` custom property (e.g. `--fibo-sticky-offset`). */
   registerRoot(t, e) {
-    const s = `:root:${t}:${e}`;
-    this.cache.has(s) || (this.insert(`:root { ${t}: ${e}; }`), this.cache.set(s, ":root"));
+    const r = `:root:${t}:${e}`;
+    this.cache.has(r) || (this.insert(`:root { ${t}: ${e}; }`), this.cache.set(r, ":root"));
   }
   /** Once: `html { scroll-padding-top: var(--fibo-sticky-offset, 0px) }`. */
   ensureScrollPadding() {
@@ -612,43 +613,43 @@ const $ = class $ {
     this.cache.has(t) || (this.insert("html { scroll-padding-top: var(--fibo-sticky-offset, 0px); }"), this.cache.set(t, "html"));
   }
   register(t, e) {
-    const s = `${t}:${e}`;
-    if (this.cache.has(s))
-      return this.cache.get(s);
-    const i = e.replace(/[^a-zA-Z0-9-]/g, "_"), o = `fibo-${t}-${i}`, n = `.${o} { ${t}: ${e} !important; }`;
-    return this.insert(n), this.cache.set(s, o), o;
+    const r = `${t}:${e}`;
+    if (this.cache.has(r))
+      return this.cache.get(r);
+    const o = e.replace(/[^a-zA-Z0-9-]/g, "_"), i = `fibo-${t}-${o}`, n = `.${i} { ${t}: ${e} !important; }`;
+    return this.insert(n), this.cache.set(r, i), i;
   }
   /**
    * One class per (pseudo, property, value). Same rules → same class on server and client.
    * Order-independent: each declaration hashes on its own.
    */
-  registerPseudo(t, e, s, i = !1) {
-    const o = `${i ? "group:" : ""}${t}:${e}:${s}`;
-    if (this.cache.has(o))
-      return this.cache.get(o);
-    const n = `fibo-ps-${Z(o)}`, a = i ? `.group:${t} .${n} { ${e}: ${s} !important; }` : `.${n}:${t} { ${e}: ${s} !important; }`;
-    return this.insert(a), this.cache.set(o, n), n;
+  registerPseudo(t, e, r, o = !1) {
+    const i = `${o ? "group:" : ""}${t}:${e}:${r}`;
+    if (this.cache.has(i))
+      return this.cache.get(i);
+    const n = `fibo-ps-${q(i)}`, a = o ? `.group:${t} .${n} { ${e}: ${r} !important; }` : `.${n}:${t} { ${e}: ${r} !important; }`;
+    return this.insert(a), this.cache.set(i, n), n;
   }
-  registerGroupPseudo(t, e, s, i) {
-    return this.registerPseudo(e, s, i, !0);
+  registerGroupPseudo(t, e, r, o) {
+    return this.registerPseudo(e, r, o, !0);
   }
 };
-c($, "instance");
+l($, "instance");
 let T = $;
-const f = T.getInstance();
+const u = T.getInstance();
 function _() {
   T.getInstance().ensureDefaults();
 }
-function we() {
+function Ne() {
   return T.getInstance().getCss();
 }
 function nt() {
   return T.getInstance().getCss();
 }
-function Se() {
+function Ee() {
   return `<style id="fibo-dynamic-styles" data-fibo="1">${nt().replace(/<\/style/gi, "<\\/style")}</style>`;
 }
-function ve() {
+function Me() {
   return _(), g.createElement("style", {
     id: "fibo-dynamic-styles",
     "data-fibo": "1",
@@ -656,11 +657,11 @@ function ve() {
     dangerouslySetInnerHTML: { __html: nt() }
   });
 }
-function Bt() {
+function Xt() {
   return _(), g.createElement("style", {
     id: "fibo-motion-presets",
     "data-fibo-motion": "1",
-    dangerouslySetInnerHTML: { __html: F }
+    dangerouslySetInnerHTML: { __html: P }
   });
 }
 const at = {
@@ -669,64 +670,64 @@ const at = {
   lg: 1024,
   xl: 1280
 };
-function Wt(r) {
-  return r in at;
+function Kt(s) {
+  return s in at;
 }
-function Ht(r) {
-  if (Wt(r))
-    return `(min-width: ${at[r]}px)`;
-  const t = r.trim();
+function Yt(s) {
+  if (Kt(s))
+    return `(min-width: ${at[s]}px)`;
+  const t = s.trim();
   return t.startsWith("@media") ? t.replace(/^@media\s+/, "") : t;
 }
-function ct(r) {
-  var t, e, s = "";
-  if (typeof r == "string" || typeof r == "number") s += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var i = r.length;
-    for (t = 0; t < i; t++) r[t] && (e = ct(r[t])) && (s && (s += " "), s += e);
-  } else for (e in r) r[e] && (s && (s += " "), s += e);
-  return s;
-}
-function Xt() {
-  for (var r, t, e = 0, s = "", i = arguments.length; e < i; e++) (r = arguments[e]) && (t = ct(r)) && (s && (s += " "), s += t);
-  return s;
-}
-function Kt(r) {
-  const t = r.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
+function lt(s) {
+  var t, e, r = "";
+  if (typeof s == "string" || typeof s == "number") r += s;
+  else if (typeof s == "object") if (Array.isArray(s)) {
+    var o = s.length;
+    for (t = 0; t < o; t++) s[t] && (e = lt(s[t])) && (r && (r += " "), r += e);
+  } else for (e in s) s[e] && (r && (r += " "), r += e);
+  return r;
+}
+function Ut() {
+  for (var s, t, e = 0, r = "", o = arguments.length; e < o; e++) (s = arguments[e]) && (t = lt(s)) && (r && (r += " "), r += t);
+  return r;
+}
+function Gt(s) {
+  const t = s.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
   if (!t)
-    return r;
-  const [, e, s, i] = t, o = parseFloat(e), n = parseFloat(s), a = parseFloat(i), l = n * Math.cos(a * Math.PI / 180), d = n * Math.sin(a * Math.PI / 180), h = o + 0.3963377774 * l + 0.2158037573 * d, u = o - 0.1055613458 * l - 0.0638541728 * d, m = o - 0.0894841775 * l - 1.291485548 * d, p = h * h * h, y = u * u * u, b = m * m * m, x = 4.0767416621 * p - 3.3077115913 * y + 0.2309699292 * b, S = -1.2684380046 * p + 2.6097574011 * y - 0.3413193965 * b, ut = -0.0041960863 * p - 0.7034186147 * y + 1.707614701 * b, L = (I) => I >= 31308e-7 ? 1.055 * I ** (1 / 2.4) - 0.055 : 12.92 * I, dt = Math.max(0, Math.min(1, L(x))), mt = Math.max(0, Math.min(1, L(S))), pt = Math.max(0, Math.min(1, L(ut))), V = (I) => {
+    return s;
+  const [, e, r, o] = t, i = parseFloat(e), n = parseFloat(r), a = parseFloat(o), c = n * Math.cos(a * Math.PI / 180), d = n * Math.sin(a * Math.PI / 180), h = i + 0.3963377774 * c + 0.2158037573 * d, f = i - 0.1055613458 * c - 0.0638541728 * d, m = i - 0.0894841775 * c - 1.291485548 * d, p = h * h * h, y = f * f * f, b = m * m * m, x = 4.0767416621 * p - 3.3077115913 * y + 0.2309699292 * b, S = -1.2684380046 * p + 2.6097574011 * y - 0.3413193965 * b, ft = -0.0041960863 * p - 0.7034186147 * y + 1.707614701 * b, F = (I) => I >= 31308e-7 ? 1.055 * I ** (1 / 2.4) - 0.055 : 12.92 * I, dt = Math.max(0, Math.min(1, F(x))), mt = Math.max(0, Math.min(1, F(S))), pt = Math.max(0, Math.min(1, F(ft))), L = (I) => {
     var X;
-    const P = (X = Math.round(I * 255).toString(16)) == null ? void 0 : X.toUpperCase();
-    return P.length === 1 ? `0${P}` : P;
+    const V = (X = Math.round(I * 255).toString(16)) == null ? void 0 : X.toUpperCase();
+    return V.length === 1 ? `0${V}` : V;
   };
-  return `#${V(dt)}${V(mt)}${V(pt)}`;
+  return `#${L(dt)}${L(mt)}${L(pt)}`;
 }
-function Yt(r) {
-  const t = {}, e = {}, s = r.split(`
+function qt(s) {
+  const t = {}, e = {}, r = s.split(`
 `);
-  for (const i of s) {
-    const o = i.trim();
-    if (!o || o.startsWith("//") || o.startsWith("*") || o === "@theme {" || o === "}")
+  for (const o of r) {
+    const i = o.trim();
+    if (!i || i.startsWith("//") || i.startsWith("*") || i === "@theme {" || i === "}")
       continue;
-    const n = o.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), a = o.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
+    const n = i.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), a = i.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
     if (n) {
-      const [, l, d] = n, h = Kt(d);
-      t[h.toLowerCase()] = `bg-${l}`, e[h.toLowerCase()] = `text-${l}`;
+      const [, c, d] = n, h = Gt(d);
+      t[h.toLowerCase()] = `bg-${c}`, e[h.toLowerCase()] = `text-${c}`;
     } else if (a) {
-      const [, l, d] = a;
-      t[d.toLowerCase()] = `bg-${l}`, e[d.toLowerCase()] = `text-${l}`;
+      const [, c, d] = a;
+      t[d.toLowerCase()] = `bg-${c}`, e[d.toLowerCase()] = `text-${c}`;
     }
   }
   return { background: t, text: e };
 }
-const Ut = (r) => {
-  if (r !== void 0)
-    return typeof r == "number" ? `${r}px` : r.toString();
-}, N = (r, t) => {
-  const e = Ut(t);
-  return e === void 0 ? "" : `${r}-[${e}]`;
-}, Gt = `
+const Zt = (s) => {
+  if (s !== void 0)
+    return typeof s == "number" ? `${s}px` : s.toString();
+}, N = (s, t) => {
+  const e = Zt(t);
+  return e === void 0 ? "" : `${s}-[${e}]`;
+}, Jt = `
   --color-red-50: oklch(0.971 0.013 17.38);
   --color-red-100: oklch(0.936 0.032 17.717);
   --color-red-200: oklch(0.885 0.062 18.334);
@@ -971,7 +972,7 @@ const Ut = (r) => {
   --color-stone-950: oklch(0.147 0.004 49.25);
   --color-black: #000;
   --color-white: #fff;
-`, Zt = Yt(Gt), lt = {
+`, Qt = qt(Jt), ct = {
   borderRadius: {
     0: "rounded-none",
     "0px": "rounded-none",
@@ -1068,24 +1069,24 @@ const Ut = (r) => {
     fixed: "fixed",
     sticky: "sticky"
   }
-}, qt = (r, t) => ({
+}, te = (s, t) => ({
   // 背景色
-  backgroundColor: (e) => e.backgroundColor ? [r.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
+  backgroundColor: (e) => e.backgroundColor ? [s.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
   // 文字色
-  color: (e) => e.color ? [r.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
+  color: (e) => e.color ? [s.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
   // 圆角
   borderRadius: (e) => {
     if (!e.borderRadius)
       return [];
-    const s = lt.borderRadius[e.borderRadius] || N("rounded", e.borderRadius);
-    return s ? [s] : [];
+    const r = ct.borderRadius[e.borderRadius] || N("rounded", e.borderRadius);
+    return r ? [r] : [];
   },
   // 外边距
   margin: (e) => {
-    const s = [];
+    const r = [];
     if (e.margin !== void 0) {
-      const o = N("m", e.margin);
-      return o ? [o] : [];
+      const i = N("m", e.margin);
+      return i ? [i] : [];
     }
     return [
       { prop: e.marginTop, dir: "mt" },
@@ -1094,19 +1095,19 @@ const Ut = (r) => {
       { prop: e.marginLeft, dir: "ml" },
       { prop: e.marginX, dir: "mx" },
       { prop: e.marginY, dir: "my" }
-    ].forEach(({ prop: o, dir: n }) => {
-      if (o !== void 0) {
-        const a = N(n, o);
-        a && s.push(a);
+    ].forEach(({ prop: i, dir: n }) => {
+      if (i !== void 0) {
+        const a = N(n, i);
+        a && r.push(a);
       }
-    }), s;
+    }), r;
   },
   // 内边距
   padding: (e) => {
-    const s = [];
+    const r = [];
     if (e.padding !== void 0) {
-      const o = N("p", e.padding);
-      return o ? [o] : [];
+      const i = N("p", e.padding);
+      return i ? [i] : [];
     }
     return [
       { prop: e.paddingTop, dir: "pt" },
@@ -1115,73 +1116,73 @@ const Ut = (r) => {
       { prop: e.paddingLeft, dir: "pl" },
       { prop: e.paddingX, dir: "px" },
       { prop: e.paddingY, dir: "py" }
-    ].forEach(({ prop: o, dir: n }) => {
-      if (o !== void 0) {
-        const a = N(n, o);
-        a && s.push(a);
+    ].forEach(({ prop: i, dir: n }) => {
+      if (i !== void 0) {
+        const a = N(n, i);
+        a && r.push(a);
       }
-    }), s;
+    }), r;
   },
   // 字体
   font: (e) => {
-    const s = [];
-    if (e.fontSize && s.push(t.fontSize[e.fontSize.toString()] || `text-[${e.fontSize}]`), e.fontWeight) {
-      const i = t.fontWeight[e.fontWeight.toString()];
-      i && s.push(i);
+    const r = [];
+    if (e.fontSize && r.push(t.fontSize[e.fontSize.toString()] || `text-[${e.fontSize}]`), e.fontWeight) {
+      const o = t.fontWeight[e.fontWeight.toString()];
+      o && r.push(o);
     }
     if (e.textAlign) {
-      const i = t.textAlign[e.textAlign];
-      i && s.push(i);
+      const o = t.textAlign[e.textAlign];
+      o && r.push(o);
     }
     if (e.fontFamily) {
-      const i = t.fontFamily[e.fontFamily];
-      i && s.push(i);
+      const o = t.fontFamily[e.fontFamily];
+      o && r.push(o);
     }
     if (e.textDecoration) {
-      const i = t.textDecoration[e.textDecoration];
-      i && s.push(i);
+      const o = t.textDecoration[e.textDecoration];
+      o && r.push(o);
     }
     if (e.fontVariantNumeric) {
-      const i = t.fontVariantNumeric[e.fontVariantNumeric];
-      i && s.push(i);
+      const o = t.fontVariantNumeric[e.fontVariantNumeric];
+      o && r.push(o);
     }
     if (e.fontStyle) {
-      const i = t.fontStyle[e.fontStyle];
-      i && s.push(i);
+      const o = t.fontStyle[e.fontStyle];
+      o && r.push(o);
     }
-    return s;
+    return r;
   },
   // 尺寸
   size: (e) => {
-    const s = [];
+    const r = [];
     if (e.width) {
-      const i = e.width.toString();
-      s.push(`w-[${i}]`);
+      const o = e.width.toString();
+      r.push(`w-[${o}]`);
     }
     if (e.height) {
-      const i = e.height.toString();
-      s.push(`h-[${i}]`);
+      const o = e.height.toString();
+      r.push(`h-[${o}]`);
     }
-    return s;
+    return r;
   },
   // 布局
   layout: (e) => {
-    const s = [];
+    const r = [];
     if (e.display) {
-      const i = t.display[e.display];
-      i && s.push(i);
+      const o = t.display[e.display];
+      o && r.push(o);
     }
     if (e.flexDirection) {
-      const o = {
+      const i = {
         row: "flex-row",
         column: "flex-col",
         "row-reverse": "flex-row-reverse",
         "column-reverse": "flex-col-reverse"
       }[e.flexDirection];
-      o && s.push(o);
+      i && r.push(i);
     }
     if (e.justifyContent) {
-      const o = {
+      const i = {
         "flex-start": "justify-start",
         "flex-end": "justify-end",
         center: "justify-center",
@@ -1189,23 +1190,23 @@ const Ut = (r) => {
         "space-around": "justify-around",
         "space-evenly": "justify-evenly"
       }[e.justifyContent];
-      o && s.push(o);
+      i && r.push(i);
     }
     if (e.alignItems) {
-      const o = {
+      const i = {
         "flex-start": "items-start",
         "flex-end": "items-end",
         center: "items-center",
         baseline: "items-baseline",
         stretch: "items-stretch"
       }[e.alignItems];
-      o && s.push(o);
+      i && r.push(i);
     }
     if (e.gap) {
-      const i = N("gap", e.gap);
-      i && s.push(i);
+      const o = N("gap", e.gap);
+      o && r.push(o);
     }
-    return s;
+    return r;
   },
   // 定位
   position: (e) => e.position ? [t.position[e.position] || ""].filter(Boolean) : [],
@@ -1213,18 +1214,18 @@ const Ut = (r) => {
   opacity: (e) => {
     if (e.opacity === void 0)
       return [];
-    const s = typeof e.opacity == "string" ? parseFloat(e.opacity) : e.opacity;
+    const r = typeof e.opacity == "string" ? parseFloat(e.opacity) : e.opacity;
     return [`opacity-${{
       0: "0",
       0.25: "25",
       0.5: "50",
       0.75: "75",
       1: "100"
-    }[s] || Math.round(s * 100)}`];
+    }[r] || Math.round(r * 100)}`];
   },
   // 自定义类名
   className: (e) => e.className ? [e.className] : []
-}), Jt = {
+}), ee = {
   backgroundColor: "backgroundColor",
   color: "color",
   borderRadius: "borderRadius",
@@ -1258,49 +1259,49 @@ const Ut = (r) => {
   position: "position",
   opacity: "opacity",
   className: "className"
-}, Qt = (r, t) => {
-  const e = (t == null ? void 0 : t.colorMaps) || Zt, s = (t == null ? void 0 : t.styleMaps) || lt, i = qt(e, s), o = [], n = /* @__PURE__ */ new Set();
-  return Object.keys(r).forEach((a) => {
-    const l = Jt[a];
-    if (l && !n.has(l)) {
-      const d = i[l];
+}, se = (s, t) => {
+  const e = (t == null ? void 0 : t.colorMaps) || Qt, r = (t == null ? void 0 : t.styleMaps) || ct, o = te(e, r), i = [], n = /* @__PURE__ */ new Set();
+  return Object.keys(s).forEach((a) => {
+    const c = ee[a];
+    if (c && !n.has(c)) {
+      const d = o[c];
       if (d) {
-        const h = d(r);
-        o.push(...h), n.add(l);
+        const h = d(s);
+        i.push(...h), n.add(c);
       }
     }
-  }), o.filter(Boolean).join(" ");
+  }), i.filter(Boolean).join(" ");
 };
-function te(r) {
+function re(s) {
   const t = {};
-  return r.forEach((e, s) => {
-    t[s] = e.value;
+  return s.forEach((e, r) => {
+    t[r] = e.value;
   }), t;
 }
-function ee({ animatedProps: r, animationConfig: t, children: e }) {
-  const [s, i] = q(
-    () => te(r)
+function oe({ animatedProps: s, animationConfig: t, children: e }) {
+  const [r, o] = Z(
+    () => re(s)
   );
   A(() => {
-    const l = [];
-    return r.forEach((d, h) => {
-      const u = (m) => {
-        i((p) => ({
+    const c = [];
+    return s.forEach((d, h) => {
+      const f = (m) => {
+        o((p) => ({
           ...p,
           [h]: m
         }));
       };
-      l.push(d.subscribe(u)), u(d.value);
+      c.push(d.subscribe(f)), f(d.value);
     }), () => {
-      l.forEach((d) => d());
+      c.forEach((d) => d());
     };
-  }, [r]);
-  const o = [];
-  s.translateX !== void 0 && o.push(`translateX(${s.translateX}px)`), s.translateY !== void 0 && o.push(`translateY(${s.translateY}px)`), s.scale !== void 0 && o.push(`scale(${s.scale})`), s.rotate !== void 0 && o.push(`rotate(${s.rotate}deg)`);
+  }, [s]);
+  const i = [];
+  r.translateX !== void 0 && i.push(`translateX(${r.translateX}px)`), r.translateY !== void 0 && i.push(`translateY(${r.translateY}px)`), r.scale !== void 0 && i.push(`scale(${r.scale})`), r.rotate !== void 0 && i.push(`rotate(${r.rotate}deg)`);
   const n = {};
-  if (o.length > 0 && (n.transform = o.join(" ")), t) {
-    const { duration: l = 300, curve: d = "easeOut", stiffness: h, damping: u } = t, m = v(d, { stiffness: h, damping: u });
-    n.transition = `transform ${l}ms ${m}`;
+  if (i.length > 0 && (n.transform = i.join(" ")), t) {
+    const { duration: c = 300, curve: d = "easeOut", stiffness: h, damping: f } = t, m = v(d, { stiffness: h, damping: f });
+    n.transition = `transform ${c}ms ${m}`;
   }
   const a = {
     ...e.props.style,
@@ -1309,16 +1310,16 @@ function ee({ animatedProps: r, animationConfig: t, children: e }) {
   return yt(e, { style: a });
 }
 class k {
-  constructor(t, e, s = !1) {
-    c(this, "pseudoState");
-    c(this, "parentBuilder");
-    c(this, "isGroup");
-    c(this, "transitionDuration", 200);
-    c(this, "transitionEasing", "ease-in-out");
-    c(this, "transitionDelay", 0);
-    c(this, "transitionProperties", ["all"]);
-    c(this, "transforms", /* @__PURE__ */ new Map());
-    this.pseudoState = t, this.parentBuilder = e, this.isGroup = s;
+  constructor(t, e, r = !1) {
+    l(this, "pseudoState");
+    l(this, "parentBuilder");
+    l(this, "isGroup");
+    l(this, "transitionDuration", 200);
+    l(this, "transitionEasing", "ease-in-out");
+    l(this, "transitionDelay", 0);
+    l(this, "transitionProperties", ["all"]);
+    l(this, "transforms", /* @__PURE__ */ new Map());
+    this.pseudoState = t, this.parentBuilder = e, this.isGroup = r;
   }
   bg(t) {
     return this.set("background-color", t);
@@ -1358,11 +1359,11 @@ class k {
   css(t, e) {
     return this.set(t, e);
   }
-  transition(t, e, s, i) {
+  transition(t, e, r, o) {
     if (typeof t == "string" && e === void 0)
       return this.set("transition", t);
-    const o = Array.isArray(t) ? t.join(", ") : t, n = `${e || this.transitionDuration}ms`, a = v(s || this.transitionEasing), l = i ? `${i}ms` : "0ms";
-    return this.set("transition", `${o} ${n} ${a} ${l}`);
+    const i = Array.isArray(t) ? t.join(", ") : t, n = `${e || this.transitionDuration}ms`, a = v(r || this.transitionEasing), c = o ? `${o}ms` : "0ms";
+    return this.set("transition", `${i} ${n} ${a} ${c}`);
   }
   duration(t) {
     return this.transitionDuration = t, this.applyTransition(), this;
@@ -1380,49 +1381,51 @@ class k {
     return this.transitionProperties = t, this.applyTransition(), this;
   }
   applyTransition() {
-    const t = this.transitionProperties.join(", "), e = `${this.transitionDuration}ms`, s = this.transitionEasing, i = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms";
-    this.set("transition", `${t} ${e} ${s} ${i}`);
+    const t = this.transitionProperties.join(", "), e = `${this.transitionDuration}ms`, r = this.transitionEasing, o = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms";
+    this.set("transition", `${t} ${e} ${r} ${o}`);
   }
   flushTransform() {
     return this.set("transform", [...this.transforms.values()].join(" "));
   }
   set(t, e) {
-    const s = f.registerPseudo(this.pseudoState, t, e, this.isGroup);
-    return this.parentBuilder.addClassName(s), this;
+    const r = u.registerPseudo(this.pseudoState, t, e, this.isGroup);
+    return this.parentBuilder.addClassName(r), this;
   }
   end() {
     return this.parentBuilder;
   }
 }
-function Ce(r, t) {
+function Te(s, t) {
   if (typeof document > "u") return;
-  const e = typeof r == "string" ? document.querySelector(r) : r;
-  e && e.scrollIntoView({
+  const e = typeof s == "string" ? s : null, r = (e == null ? void 0 : e.replace(/^#/, "")) ?? null;
+  t != null && t.hash && r && typeof window < "u" && (window.location.hash = r);
+  const o = typeof s == "string" ? document.getElementById(s.replace(/^#/, "")) ?? document.querySelector(s.startsWith("#") ? s : `#${s}`) ?? document.querySelector(s) : s;
+  o && o.scrollIntoView({
     behavior: (t == null ? void 0 : t.behavior) ?? "smooth",
     block: (t == null ? void 0 : t.block) ?? "start"
   });
 }
-function Ne(r) {
+function Ie(s) {
   const t = typeof document < "u" ? document : void 0, e = t == null ? void 0 : t.startViewTransition;
   if (typeof e == "function") {
-    e.call(t, r);
+    e.call(t, s);
     return;
   }
-  r();
+  s();
 }
-function se() {
+function ie() {
   return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "view()");
 }
-function re() {
+function ne() {
   return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "scroll()");
 }
-function oe({
-  preset: r = "fadeUp",
+function ae({
+  preset: s = "fadeUp",
   once: t = !0,
   rootMargin: e = "0px 0px -8% 0px",
-  threshold: s = 0.12,
-  forceMotion: i = !1,
-  preferTimeline: o = !1,
+  threshold: r = 0.12,
+  forceMotion: o = !1,
+  preferTimeline: i = !1,
   children: n
 }) {
   const a = w(null);
@@ -1430,7 +1433,7 @@ function oe({
     _();
     const d = a.current;
     if (!d) return;
-    if (o && se()) {
+    if (i && ie()) {
       d.classList.add("fibo-inview");
       return;
     }
@@ -1439,83 +1442,84 @@ function oe({
       return;
     }
     const h = new IntersectionObserver(
-      (u) => {
-        for (const m of u)
+      (f) => {
+        for (const m of f)
           m.isIntersecting ? (m.target.classList.add("fibo-inview"), t && h.unobserve(m.target)) : t || m.target.classList.remove("fibo-inview");
       },
-      { rootMargin: e, threshold: s }
+      { rootMargin: e, threshold: r }
     );
     return h.observe(d), () => h.disconnect();
-  }, [t, e, s, o]);
-  const l = [
+  }, [t, e, r, i]);
+  const c = [
     "fibo-reveal",
-    `fibo-reveal-${r}`,
+    `fibo-reveal-${s}`,
     // min-w-0 only — do NOT force w-full (breaks horizontal ScrollView / carousel slides)
     "min-w-0",
-    i ? "fibo-motion-force" : ""
+    o ? "fibo-motion-force" : ""
   ].filter(Boolean).join(" ");
-  return g.createElement("div", { ref: a, className: l, "data-fibo-reveal": r }, n);
+  return g.createElement("div", { ref: a, className: c, "data-fibo-reveal": s }, n);
 }
-function ie({ children: r }) {
+function le({ children: s }) {
   const t = w(null);
   return A(() => {
-    if (_(), re()) return;
+    if (_(), ne()) return;
     const e = () => {
-      var o, n;
-      return ((o = t.current) == null ? void 0 : o.querySelector(".fibo-scroll-progress")) ?? ((n = t.current) == null ? void 0 : n.firstElementChild);
-    }, s = () => {
-      const i = e();
-      if (!i) return;
-      const o = document.documentElement.scrollHeight - window.innerHeight, n = o > 0 ? Math.min(1, Math.max(0, window.scrollY / o)) : 0;
-      i.style.setProperty("--fibo-progress", String(n));
+      var i, n;
+      return ((i = t.current) == null ? void 0 : i.querySelector(".fibo-scroll-progress")) ?? ((n = t.current) == null ? void 0 : n.firstElementChild);
+    }, r = () => {
+      const o = e();
+      if (!o) return;
+      const i = document.documentElement.scrollHeight - window.innerHeight, n = i > 0 ? Math.min(1, Math.max(0, window.scrollY / i)) : 0;
+      o.style.setProperty("--fibo-progress", String(n));
     };
-    return s(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s), () => {
-      window.removeEventListener("scroll", s), window.removeEventListener("resize", s);
+    return r(), window.addEventListener("scroll", r, { passive: !0 }), window.addEventListener("resize", r), () => {
+      window.removeEventListener("scroll", r), window.removeEventListener("resize", r);
     };
   }, []), g.createElement(
     "div",
     { ref: t, "data-fibo-scroll-progress": "1", style: { display: "contents" } },
-    r
+    s
   );
 }
-const ht = 64, ne = `${ht}px`;
-class Ee {
+const ht = 64, ce = `${ht}px`;
+class Re {
   constructor() {
     /** @internal Extra DOM props forwarded to the host element. */
-    c(this, "_props", {});
-    c(this, "_style", {});
-    c(this, "_cssStyles", {});
-    c(this, "_classNames", []);
-    c(this, "_children", []);
-    c(this, "_theme");
-    c(this, "_state", /* @__PURE__ */ new Map());
-    c(this, "_providers", /* @__PURE__ */ new Map());
-    c(this, "_observers", /* @__PURE__ */ new Set());
-    c(this, "_signals", /* @__PURE__ */ new Set());
-    c(this, "_isObserver", !1);
-    c(this, "_gesture");
-    c(this, "_animationConfig");
-    c(this, "_animatedProps", /* @__PURE__ */ new Map());
-    c(this, "_transforms", []);
-    c(this, "_transitionClass");
-    c(this, "_motionClass");
-    c(this, "_staggerMs");
-    c(this, "_reveal");
-    c(this, "_scrollProgress", !1);
-    c(this, "_viewTransition");
-    c(this, "_reducedMotion", "reduce");
-    c(this, "_usesCssMotion", !1);
-    c(this, "_explicitScrollMargin", !1);
+    l(this, "_props", {});
+    l(this, "_style", {});
+    l(this, "_cssStyles", {});
+    l(this, "_classNames", []);
+    l(this, "_children", []);
+    /** Resolved theme for this subtree (SwiftUI Environment / Flutter Theme). */
+    l(this, "_theme");
+    l(this, "_state", /* @__PURE__ */ new Map());
+    l(this, "_providers", /* @__PURE__ */ new Map());
+    l(this, "_observers", /* @__PURE__ */ new Set());
+    l(this, "_signals", /* @__PURE__ */ new Set());
+    l(this, "_isObserver", !1);
+    l(this, "_gesture");
+    l(this, "_animationConfig");
+    l(this, "_animatedProps", /* @__PURE__ */ new Map());
+    l(this, "_transforms", []);
+    l(this, "_transitionClass");
+    l(this, "_motionClass");
+    l(this, "_staggerMs");
+    l(this, "_reveal");
+    l(this, "_scrollProgress", !1);
+    l(this, "_viewTransition");
+    l(this, "_reducedMotion", "reduce");
+    l(this, "_usesCssMotion", !1);
+    l(this, "_explicitScrollMargin", !1);
     /** Shrink-wrap: skip the default `w-full` / `self-stretch` on Row and Column. */
-    c(this, "_hug", !1);
+    l(this, "_hug", !1);
     // Transition properties
-    c(this, "_transitionDuration", 200);
+    l(this, "_transitionDuration", 200);
     // ms
-    c(this, "_transitionEasing", "ease-in-out");
-    c(this, "_transitionDelay", 0);
+    l(this, "_transitionEasing", "ease-in-out");
+    l(this, "_transitionDelay", 0);
     // ms
-    c(this, "_transitionProperties", ["all"]);
-    c(this, "_childFunction");
+    l(this, "_transitionProperties", ["all"]);
+    l(this, "_childFunction");
   }
   hug() {
     return this._hug = !0, this;
@@ -1532,7 +1536,7 @@ class Ee {
    */
   anchor(t) {
     return this.id(t), this._explicitScrollMargin || this._classNames.push(
-      f.register("scroll-margin-top", "var(--fibo-sticky-offset, 0px)")
+      u.register("scroll-margin-top", "var(--fibo-sticky-offset, 0px)")
     ), this;
   }
   /**
@@ -1542,7 +1546,7 @@ class Ee {
   scrollMargin(t) {
     this._explicitScrollMargin = !0;
     const e = typeof t == "number" ? `${t}px` : t;
-    return this._classNames.push(f.register("scroll-margin-top", e)), this;
+    return this._classNames.push(u.register("scroll-margin-top", e)), this;
   }
   /** Stamp a class onto the host. Used by PseudoStateBuilder (hashed `:hover` etc.). */
   addClassName(t) {
@@ -1559,20 +1563,20 @@ class Ee {
     return e && typeof e == "object" && (this.__fiboElementProps = { ...e, key: String(t) }), this;
   }
   paddingHorizontal(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("padding-left", e), i = f.register("padding-right", e);
-    return this._classNames.push(s, i), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("padding-left", e), o = u.register("padding-right", e);
+    return this._classNames.push(r, o), this;
   }
   paddingVertical(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("padding-top", e), i = f.register("padding-bottom", e);
-    return this._classNames.push(s, i), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("padding-top", e), o = u.register("padding-bottom", e);
+    return this._classNames.push(r, o), this;
   }
   marginHorizontal(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("margin-left", e), i = f.register("margin-right", e);
-    return this._classNames.push(s, i), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("margin-left", e), o = u.register("margin-right", e);
+    return this._classNames.push(r, o), this;
   }
   marginVertical(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("margin-top", e), i = f.register("margin-bottom", e);
-    return this._classNames.push(s, i), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("margin-top", e), o = u.register("margin-bottom", e);
+    return this._classNames.push(r, o), this;
   }
   flexDirection(t) {
     return this._classNames.push(`flex-${t}`), this;
@@ -1586,7 +1590,7 @@ class Ee {
   flex(t) {
     if (this._classNames.push("flex"), t !== void 0)
       if (typeof t == "number") {
-        const e = f.register("flex", String(t));
+        const e = u.register("flex", String(t));
         this._classNames.push(e);
       } else typeof t == "string" && this._classNames.push(`flex-${t}`);
     return this;
@@ -1637,19 +1641,19 @@ class Ee {
     return this._classNames.push("h-full"), this;
   }
   square(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("width", e), i = f.register("height", e);
-    return this._classNames.push(s, i), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("width", e), o = u.register("height", e);
+    return this._classNames.push(r, o), this;
   }
   circle() {
     return this._classNames.push("rounded-full"), this;
   }
   opacity(t) {
-    const e = f.register("opacity", String(t));
+    const e = u.register("opacity", String(t));
     return this._classNames.push(e), this;
   }
   p(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("padding", e);
-    return this._classNames.push(s), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("padding", e);
+    return this._classNames.push(r), this;
   }
   px(t) {
     return this.paddingHorizontal(t);
@@ -1664,8 +1668,8 @@ class Ee {
     return this.paddingVertical(t);
   }
   m(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("margin", e);
-    return this._classNames.push(s), this;
+    const e = typeof t == "number" ? `${t}px` : t, r = u.register("margin", e);
+    return this._classNames.push(r), this;
   }
   mx(t) {
     return this.marginHorizontal(t);
@@ -1680,16 +1684,16 @@ class Ee {
     return this.marginVertical(t);
   }
   bg(t) {
-    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = f.register("background-color", e);
-    return this._classNames.push(s), this;
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, r = u.register("background-color", e);
+    return this._classNames.push(r), this;
   }
   text(t) {
-    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = f.register("color", e);
-    return this._classNames.push(s), this;
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, r = u.register("color", e);
+    return this._classNames.push(r), this;
   }
   color(t) {
-    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = f.register("color", e);
-    return this._classNames.push(s), this;
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, r = u.register("color", e);
+    return this._classNames.push(r), this;
   }
   resolveSemanticColor(t) {
     return [
@@ -1718,8 +1722,8 @@ class Ee {
   }
   shadow(t) {
     if (t === null || t === "none") {
-      const o = f.register("box-shadow", "none");
-      return this._classNames.push(o), this;
+      const i = u.register("box-shadow", "none");
+      return this._classNames.push(i), this;
     }
     const e = {
       sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
@@ -1732,11 +1736,11 @@ class Ee {
       modal: "0 10px 40px rgba(0, 0, 0, 0.2)",
       float: "0 8px 16px rgba(0, 0, 0, 0.15)",
       inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)"
-    }, s = (o) => o.startsWith("#") || o.startsWith("rgb") || o.startsWith("hsl") || ["red", "blue", "green", "yellow", "purple", "pink", "orange", "white", "black", "gray"].some((n) => o.includes(n)), i = (o, n, a, l) => {
-      let u = a || "rgba(0, 0, 0, " + (l ?? 0.1) + ")";
-      if (a && a.startsWith("#") && l !== void 0) {
+    }, r = (i) => i.startsWith("#") || i.startsWith("rgb") || i.startsWith("hsl") || ["red", "blue", "green", "yellow", "purple", "pink", "orange", "white", "black", "gray"].some((n) => i.includes(n)), o = (i, n, a, c) => {
+      let f = a || "rgba(0, 0, 0, " + (c ?? 0.1) + ")";
+      if (a && a.startsWith("#") && c !== void 0) {
         const y = parseInt(a.slice(1, 3), 16), b = parseInt(a.slice(3, 5), 16), x = parseInt(a.slice(5, 7), 16);
-        u = `rgba(${y}, ${b}, ${x}, ${l})`;
+        f = `rgba(${y}, ${b}, ${x}, ${c})`;
       }
       const p = {
         sm: "2px",
@@ -1745,50 +1749,50 @@ class Ee {
         xl: "12px",
         "2xl": "16px"
       }[n] || "4px";
-      switch (o) {
+      switch (i) {
         case "top":
-          return `0 -${p} ${p} -1px ${u}`;
+          return `0 -${p} ${p} -1px ${f}`;
         case "bottom":
-          return `0 ${p} ${p} -1px ${u}`;
+          return `0 ${p} ${p} -1px ${f}`;
         case "left":
-          return `-${p} 0 ${p} -1px ${u}`;
+          return `-${p} 0 ${p} -1px ${f}`;
         case "right":
-          return `${p} 0 ${p} -1px ${u}`;
+          return `${p} 0 ${p} -1px ${f}`;
         case "top-bottom":
         case "vertical":
-          return `0 -${p} ${p} -1px ${u}, 0 ${p} ${p} -1px ${u}`;
+          return `0 -${p} ${p} -1px ${f}, 0 ${p} ${p} -1px ${f}`;
         case "left-right":
         case "horizontal":
-          return `-${p} 0 ${p} -1px ${u}, ${p} 0 ${p} -1px ${u}`;
+          return `-${p} 0 ${p} -1px ${f}, ${p} 0 ${p} -1px ${f}`;
         case "all":
         default:
           return e[n] || e.md;
       }
     };
     if (!t) {
-      const o = f.register("box-shadow", e.md);
-      return this._classNames.push(o), this;
+      const i = u.register("box-shadow", e.md);
+      return this._classNames.push(i), this;
     }
     if (typeof t == "string") {
-      if (s(t)) {
-        const a = i("all", "md", t), l = f.register("box-shadow", a);
-        return this._classNames.push(l), this;
+      if (r(t)) {
+        const a = o("all", "md", t), c = u.register("box-shadow", a);
+        return this._classNames.push(c), this;
       }
-      const o = e[t] || e.md, n = f.register("box-shadow", o);
+      const i = e[t] || e.md, n = u.register("box-shadow", i);
       return this._classNames.push(n), this;
     }
     if (Array.isArray(t)) {
-      const [o, n, a, l] = t;
-      if (typeof o == "string" && s(o)) {
-        const u = i("all", "md", o, n), m = f.register("box-shadow", u);
+      const [i, n, a, c] = t;
+      if (typeof i == "string" && r(i)) {
+        const f = o("all", "md", i, n), m = u.register("box-shadow", f);
         return this._classNames.push(m), this;
       }
-      const d = o;
-      if (typeof n == "string" && s(n)) {
-        const u = i(d, "md", n, a), m = f.register("box-shadow", u);
+      const d = i;
+      if (typeof n == "string" && r(n)) {
+        const f = o(d, "md", n, a), m = u.register("box-shadow", f);
         return this._classNames.push(m), this;
       } else {
-        const m = i(d, n, a, l), p = f.register("box-shadow", m);
+        const m = o(d, n, a, c), p = u.register("box-shadow", m);
         return this._classNames.push(p), this;
       }
     }
@@ -1808,11 +1812,11 @@ class Ee {
    * @example Box().padding(8).media('md', { padding: 16 }).media('(prefers-color-scheme: dark)', { backgroundColor: '#111' })
    */
   media(t, e) {
-    return this.registerMediaStyles(Ht(t), e), this;
+    return this.registerMediaStyles(Yt(t), e), this;
   }
   registerMediaStyles(t, e) {
     if (!e) return;
-    const s = /* @__PURE__ */ new Set([
+    const r = /* @__PURE__ */ new Set([
       "opacity",
       "zIndex",
       "z-index",
@@ -1823,10 +1827,10 @@ class Ee {
       "fontWeight",
       "lineHeight"
     ]);
-    for (const [i, o] of Object.entries(e)) {
-      if (o == null) continue;
-      const n = i.replace(/[A-Z]/g, (l) => `-${l.toLowerCase()}`), a = typeof o == "number" && !s.has(i) && !s.has(n) ? `${o}px` : String(o);
-      this._classNames.push(f.registerMedia(t, n, a));
+    for (const [o, i] of Object.entries(e)) {
+      if (i == null) continue;
+      const n = o.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`), a = typeof i == "number" && !r.has(o) && !r.has(n) ? `${i}px` : String(i);
+      this._classNames.push(u.registerMedia(t, n, a));
     }
   }
   sm(t) {
@@ -1843,23 +1847,23 @@ class Ee {
   }
   rounded(t) {
     if (typeof t == "number") {
-      const e = f.register("border-radius", `${t}px`);
+      const e = u.register("border-radius", `${t}px`);
       this._classNames.push(e);
     } else if (typeof t == "string" && (t.startsWith("rounded-") || ["sm", "md", "lg", "xl", "2xl", "3xl", "full", "none"].includes(t))) {
       const e = t.startsWith("rounded-") ? t : `rounded-${t}`;
       this._classNames.push(e);
     } else {
-      const e = f.register("border-radius", t);
+      const e = u.register("border-radius", t);
       this._classNames.push(e);
     }
     return this;
   }
   borderRadius(t) {
     if (typeof t == "number") {
-      const e = f.register("border-radius", `${t}px`);
+      const e = u.register("border-radius", `${t}px`);
       this._classNames.push(e);
     } else {
-      const e = f.register("border-radius", t);
+      const e = u.register("border-radius", t);
       this._classNames.push(e);
     }
     return this;
@@ -1870,45 +1874,45 @@ class Ee {
     else if (["red", "blue", "green", "gray", "white", "black", "transparent"].some((e) => t.includes(e)))
       this._classNames.push(`border-${t}`);
     else {
-      const e = f.register("border-color", t);
+      const e = u.register("border-color", t);
       this._classNames.push(e);
     }
     return this;
   }
   width(t) {
     if (typeof t == "number") {
-      const e = f.register("width", `${t}px`);
+      const e = u.register("width", `${t}px`);
       this._classNames.push(e);
     } else if (typeof t == "string" && (t.startsWith("w-") || t === "full" || t === "screen" || t === "min" || t === "max" || t === "fit")) {
       const e = t.startsWith("w-") ? t : `w-${t}`;
       this._classNames.push(e);
     } else {
-      const e = f.register("width", t);
+      const e = u.register("width", t);
       this._classNames.push(e);
     }
     return this;
   }
   height(t) {
     if (typeof t == "number") {
-      const e = f.register("height", `${t}px`);
+      const e = u.register("height", `${t}px`);
       this._classNames.push(e);
     } else if (typeof t == "string" && (t.startsWith("h-") || t === "full" || t === "screen" || t === "min" || t === "max" || t === "fit")) {
       const e = t.startsWith("h-") ? t : `h-${t}`;
       this._classNames.push(e);
     } else {
-      const e = f.register("height", t);
+      const e = u.register("height", t);
       this._classNames.push(e);
     }
     return this;
   }
   gap(t) {
     if (typeof t == "number") {
-      const e = f.register("gap", `${t}px`);
+      const e = u.register("gap", `${t}px`);
       this._classNames.push(e);
     } else if (typeof t == "string" && t.startsWith("gap-"))
       this._classNames.push(t);
     else {
-      const e = f.register("gap", t);
+      const e = u.register("gap", t);
       this._classNames.push(e);
     }
     return this;
@@ -1959,18 +1963,18 @@ class Ee {
     ), this;
   }
   borderInput(t = "gray-300", e = "blue-500") {
-    const s = (n) => ["red", "blue", "green", "yellow", "purple", "pink", "indigo", "gray", "orange", "teal", "cyan", "emerald", "lime", "amber", "fuchsia", "rose", "violet", "sky", "slate", "zinc", "neutral", "stone"].includes(n) ? `${n}-500` : n, i = s(t), o = s(e);
+    const r = (n) => ["red", "blue", "green", "yellow", "purple", "pink", "indigo", "gray", "orange", "teal", "cyan", "emerald", "lime", "amber", "fuchsia", "rose", "violet", "sky", "slate", "zinc", "neutral", "stone"].includes(n) ? `${n}-500` : n, o = r(t), i = r(e);
     return this._classNames.push(
       "border",
-      `border-${i}`,
+      `border-${o}`,
       "focus-within:ring-2",
-      `focus-within:ring-${o}`,
-      `focus-within:border-${o}`
+      `focus-within:ring-${i}`,
+      `focus-within:border-${i}`
     ), this.clean();
   }
   weight(t) {
     if (typeof t == "number") {
-      const e = f.register("font-weight", String(t));
+      const e = u.register("font-weight", String(t));
       this._classNames.push(e);
     } else {
       const e = {
@@ -1987,8 +1991,8 @@ class Ee {
       if (e[t])
         this._classNames.push(e[t]);
       else {
-        const s = f.register("font-weight", t);
-        this._classNames.push(s);
+        const r = u.register("font-weight", t);
+        this._classNames.push(r);
       }
     }
     return this;
@@ -2056,11 +2060,11 @@ class Ee {
   props(t) {
     return this._props = { ...this._props, ...t }, this;
   }
-  transition(t, e, s, i) {
+  transition(t, e, r, o) {
     if (typeof t == "string" && e === void 0)
-      return this.replaceTransitionClass(f.register("transition", t)), this;
-    const o = Array.isArray(t) ? t.join(", ") : t, n = `${e || this._transitionDuration}ms`, a = v(s || this._transitionEasing), l = i ? `${i}ms` : "0ms";
-    return this.replaceTransitionClass(f.register("transition", `${o} ${n} ${a} ${l}`)), this;
+      return this.replaceTransitionClass(u.register("transition", t)), this;
+    const i = Array.isArray(t) ? t.join(", ") : t, n = `${e || this._transitionDuration}ms`, a = v(r || this._transitionEasing), c = o ? `${o}ms` : "0ms";
+    return this.replaceTransitionClass(u.register("transition", `${i} ${n} ${a} ${c}`)), this;
   }
   /**
    * Set transition duration in milliseconds
@@ -2098,32 +2102,32 @@ class Ee {
    * Apply the built transition to the element
    */
   _applyTransition() {
-    const t = this._transitionProperties.join(", "), e = `${this._transitionDuration}ms`, s = this._transitionEasing, i = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms";
-    this.replaceTransitionClass(f.register("transition", `${t} ${e} ${s} ${i}`));
+    const t = this._transitionProperties.join(", "), e = `${this._transitionDuration}ms`, r = this._transitionEasing, o = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms";
+    this.replaceTransitionClass(u.register("transition", `${t} ${e} ${r} ${o}`));
   }
   replaceTransitionClass(t) {
     this._transitionClass && (this._classNames = this._classNames.filter((e) => e !== this._transitionClass)), this._transitionClass = t, this._classNames.push(t);
   }
   animate(t, e) {
     _(), this._usesCssMotion = !0, this._motionClass && (this._classNames = this._classNames.filter((h) => h !== this._motionClass));
-    const s = Pt(t), i = (s ? t.duration : e == null ? void 0 : e.duration) ?? this._transitionDuration, o = (s ? t.delay : e == null ? void 0 : e.delay) ?? this._transitionDelay;
-    let n = s ? t.ease : e == null ? void 0 : e.ease;
+    const r = Bt(t), o = (r ? t.duration : e == null ? void 0 : e.duration) ?? this._transitionDuration, i = (r ? t.delay : e == null ? void 0 : e.delay) ?? this._transitionDelay;
+    let n = r ? t.ease : e == null ? void 0 : e.ease;
     const a = {
-      stiffness: (s ? t.stiffness : e == null ? void 0 : e.stiffness) ?? void 0,
-      damping: (s ? t.damping : e == null ? void 0 : e.damping) ?? void 0,
-      mass: (s ? t.mass : e == null ? void 0 : e.mass) ?? void 0
+      stiffness: (r ? t.stiffness : e == null ? void 0 : e.stiffness) ?? void 0,
+      damping: (r ? t.damping : e == null ? void 0 : e.damping) ?? void 0,
+      mass: (r ? t.mass : e == null ? void 0 : e.mass) ?? void 0
     };
-    if (s) {
-      const h = G(t.from), u = G(t.to), m = f.registerKeyframes(Ft(`${h}=>${u}`), h, u);
+    if (r) {
+      const h = G(t.from), f = G(t.to), m = u.registerKeyframes(Wt(`${h}=>${f}`), h, f);
       this._motionClass = `fibo-anim ${m}`, this._props["data-fibo-anim"] = "custom";
     } else {
-      const h = Ot(t);
+      const h = Ht(t);
       this._motionClass = `fibo-anim fibo-anim-${h}`, this._props["data-fibo-anim"] = h, (e == null ? void 0 : e.from) !== void 0 && (this._style["--fibo-from"] = typeof e.from == "number" ? `${e.from}px` : e.from), !n && h === "pop" && (n = "spring");
     }
-    const l = v(n ?? "ease", a);
+    const c = v(n ?? "ease", a);
     this._classNames.push(this._motionClass);
     const d = this._style;
-    return d["--fibo-dur"] = `${i}ms`, d["--fibo-ease"] = l, d["--fibo-delay"] = `${o}ms`, this._reducedMotion === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
+    return d["--fibo-dur"] = `${o}ms`, d["--fibo-ease"] = c, d["--fibo-delay"] = `${i}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(t) {
@@ -2161,7 +2165,7 @@ class Ee {
     return _(), this._scrollProgress = !0, this._classNames.push("fibo-scroll-progress"), this._usesCssMotion = !0, this;
   }
   smoothScroll() {
-    return this._classNames.push(f.register("scroll-behavior", "smooth")), this;
+    return this._classNames.push(u.register("scroll-behavior", "smooth")), this;
   }
   scrollSnap(t = "y") {
     return _(), this._classNames.push(`fibo-snap-${t}`), this;
@@ -2171,11 +2175,11 @@ class Ee {
   }
   sticky(t = 0) {
     if (t === !1) return this;
-    this._classNames.push(f.register("position", "sticky"));
+    this._classNames.push(u.register("position", "sticky"));
     const e = t === !0 ? "0px" : typeof t == "number" ? `${t}px` : t;
-    this._classNames.push(f.register("top", e));
-    const s = t === !0 || t === 0 ? ne : typeof t == "number" ? `${Math.max(t, ht)}px` : t;
-    return this.publishStickyOffset(s), this;
+    this._classNames.push(u.register("top", e));
+    const r = t === !0 || t === 0 ? ce : typeof t == "number" ? `${Math.max(t, ht)}px` : t;
+    return this.publishStickyOffset(r), this;
   }
   /**
    * Publish `--fibo-sticky-offset` on `:root` so `.anchor()` / `html` scroll-padding
@@ -2183,7 +2187,7 @@ class Ee {
    */
   publishStickyOffset(t) {
     const e = typeof t == "number" ? `${t}px` : t;
-    f.registerRoot("--fibo-sticky-offset", e), f.ensureScrollPadding();
+    u.registerRoot("--fibo-sticky-offset", e), u.ensureScrollPadding();
   }
   viewTransition(t) {
     return this._viewTransition = t, this._style.viewTransitionName = t, this;
@@ -2196,14 +2200,24 @@ class Ee {
   }
   ensureInteractiveTransition() {
     this._transitionClass || this._motionClass || this.replaceTransitionClass(
-      f.register(
+      u.register(
         "transition",
         `transform ${this._transitionDuration}ms ${this._transitionEasing}, opacity ${this._transitionDuration}ms ${this._transitionEasing}`
       )
     );
   }
+  /**
+   * Apply a theme to this node and descendants (CSS vars inherit).
+   * Fluent: `.theme("noir")` | `.theme(noirTheme)` | `.theme(extendTheme(webTheme, {…}))`.
+   * SSR-safe: class + inline vars on first paint (no useEffect).
+   */
   theme(t) {
-    return this._theme = t, this;
+    const e = kt(t);
+    return this._theme = e, this.addClassName(_t(e)), this;
+  }
+  /** Prefer dark/light system chrome for native controls under this subtree. */
+  colorScheme(t) {
+    return this._style = { ...this._style, colorScheme: t }, this;
   }
   hover(t) {
     this.ensureInteractiveTransition();
@@ -2262,23 +2276,22 @@ class Ee {
   }
   getClassName() {
     let t;
-    return Object.keys(this._cssStyles).length > 0 && (t = Qt(this._cssStyles) || void 0), Xt(this._classNames, t);
+    return Object.keys(this._cssStyles).length > 0 && (t = se(this._cssStyles) || void 0), Ut(this._classNames, t);
   }
   getStyle() {
     let t = { ...this._style, ...this._cssStyles };
-    if (this._theme) {
-      const e = this._theme.colors || this._theme.colorScheme;
-      if (e) {
-        const s = t;
-        e.primary && (s["--fibo-primary"] = e.primary), e.onPrimary && (s["--fibo-on-primary"] = e.onPrimary), e.secondary && (s["--fibo-secondary"] = e.secondary), e.onSecondary && (s["--fibo-on-secondary"] = e.onSecondary), e.background && (s["--fibo-background"] = e.background), e.onBackground && (s["--fibo-on-background"] = e.onBackground), e.surface && (s["--fibo-surface"] = e.surface), e.onSurface && (s["--fibo-on-surface"] = e.onSurface), e.error && (s["--fibo-error"] = e.error);
-      }
-    }
-    if (this._transforms.length > 0) {
+    if (this._theme && (t = {
+      ...xt(this._theme),
+      ...t,
+      backgroundColor: t.backgroundColor ?? this._theme.colors.background,
+      color: t.color ?? this._theme.colors.onBackground,
+      fontFamily: t.fontFamily ?? this._theme.fontFamily
+    }), this._transforms.length > 0) {
       const e = t.transform || "";
       t.transform = e ? `${e} ${this._transforms.join(" ")}` : this._transforms.join(" ");
     }
     if (this._animationConfig && this._animatedProps.size === 0) {
-      const { duration: e = 300, curve: s = "easeOut", stiffness: i, damping: o } = this._animationConfig, n = v(s, { stiffness: i, damping: o });
+      const { duration: e = 300, curve: r = "easeOut", stiffness: o, damping: i } = this._animationConfig, n = v(r, { stiffness: o, damping: i });
       t.transition = `all ${e}ms ${n}`;
     }
     return t;
@@ -2286,12 +2299,12 @@ class Ee {
   processChildren() {
     const t = this._childFunction ? K(this._childFunction) : this._children;
     return this._staggerMs == null ? t : t.map(
-      (e, s) => g.createElement(
+      (e, r) => g.createElement(
         "span",
         {
-          key: g.isValidElement(e) && H(e.key) ? e.key : `fibo-stagger-${s}`,
+          key: g.isValidElement(e) && H(e.key) ? e.key : `fibo-stagger-${r}`,
           className: "fibo-stagger-item",
-          style: { "--fibo-i": String(s) }
+          style: { "--fibo-i": String(r) }
         },
         e
       )
@@ -2301,7 +2314,7 @@ class Ee {
     return this._childFunction;
   }
 }
-const ae = /* @__PURE__ */ new Set([
+const he = /* @__PURE__ */ new Set([
   "$$typeof",
   "type",
   "props",
@@ -2314,133 +2327,133 @@ const ae = /* @__PURE__ */ new Set([
   "_debugTask",
   "_debugInfo"
 ]);
-function ce(r) {
+function ue(s) {
   var e;
-  const t = (e = r._props) == null ? void 0 : e.key;
+  const t = (e = s._props) == null ? void 0 : e.key;
   if (!(t == null || t === ""))
     return t;
 }
-function le(r) {
-  const t = r._isObserver, e = r._signals, s = r._observers, i = r._state, o = r._providers, n = ce(r), a = () => {
+function fe(s) {
+  const t = s._isObserver, e = s._signals, r = s._observers, o = s._state, i = s._providers, n = ue(s), a = () => {
     var S;
-    let m = r.build();
-    const p = r._animatedProps, y = r._animationConfig;
-    p && p.size > 0 && (m = g.createElement(ee, {
+    let m = s.build();
+    const p = s._animatedProps, y = s._animationConfig;
+    p && p.size > 0 && (m = g.createElement(oe, {
       key: n,
       animatedProps: p,
       animationConfig: y,
       children: m
     }));
-    const b = r._reveal;
-    b && (m = g.createElement(oe, {
+    const b = s._reveal;
+    b && (m = g.createElement(ae, {
       key: n,
       preset: b.preset,
       once: b.once,
       rootMargin: b.rootMargin,
       threshold: b.threshold,
-      forceMotion: r._reducedMotion === "never",
-      preferTimeline: (S = r._classNames) == null ? void 0 : S.includes("fibo-view-timeline"),
+      forceMotion: s._reducedMotion === "never",
+      preferTimeline: (S = s._classNames) == null ? void 0 : S.includes("fibo-view-timeline"),
       children: m
-    })), r._scrollProgress && (m = g.createElement(ie, { key: n, children: m })), r._usesCssMotion && (m = g.createElement(
+    })), s._scrollProgress && (m = g.createElement(le, { key: n, children: m })), s._usesCssMotion && (m = g.createElement(
       g.Fragment,
       { key: n },
-      g.createElement(Bt),
+      g.createElement(Xt),
       m
     ));
-    const x = r._gesture;
+    const x = s._gesture;
     return x && (m = x.wrap(m)), m;
-  }, l = typeof r.hasStateManagement == "function" ? r.hasStateManagement() : !!(t || e && e.size || s && s.size || i && i.size || o && o.size), d = t ? g.createElement(Nt, {
+  }, c = typeof s.hasStateManagement == "function" ? s.hasStateManagement() : !!(t || e && e.size || r && r.size || o && o.size || i && i.size), d = t ? g.createElement(Tt, {
     key: n,
     children: a
   }) : null, h = () => d ?? a();
-  let u = h();
-  return l && e && e.size > 0 ? u = g.createElement(It, {
+  let f = h();
+  return c && e && e.size > 0 ? f = g.createElement(jt, {
     key: n,
     signals: e,
     children: h
-  }) : l && s && s.size > 0 && (u = g.createElement(Tt, {
+  }) : c && r && r.size > 0 && (f = g.createElement(zt, {
     key: n,
-    observables: s,
+    observables: r,
     children: h
-  })), l && i && i.size > 0 && (u = g.createElement(Mt, {
+  })), c && o && o.size > 0 && (f = g.createElement(Rt, {
     key: n,
-    stateMap: i,
-    children: u
-  })), l && o && o.size > 0 && (u = g.createElement(Rt, {
+    stateMap: o,
+    children: f
+  })), c && i && i.size > 0 && (f = g.createElement(At, {
     key: n,
-    providers: o,
-    children: u
-  })), u;
+    providers: i,
+    children: f
+  })), f;
 }
-function ft(r, t, e) {
-  const s = function() {
+function ut(s, t, e) {
+  const r = function() {
     return t();
   };
-  s.displayName = e;
-  const i = g.createElement(s);
-  Object.defineProperty(r, "$$typeof", {
-    value: i.$$typeof,
+  r.displayName = e;
+  const o = g.createElement(r);
+  Object.defineProperty(s, "$$typeof", {
+    value: o.$$typeof,
     enumerable: !0,
     configurable: !0
-  }), Object.defineProperty(r, "type", {
-    value: s,
+  }), Object.defineProperty(s, "type", {
+    value: r,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }), r.ref = i.ref ?? null, r.__fiboElementProps = i.props ?? {}, i._owner !== void 0 && (r._owner = i._owner), r._store = { validated: 1 };
+  }), s.ref = o.ref ?? null, s.__fiboElementProps = o.props ?? {}, o._owner !== void 0 && (s._owner = o._owner), s._store = { validated: 1 };
 }
-function Me(r) {
+function ze(s) {
   return (...t) => {
-    const e = new r(...t), s = r.name.replace(/Builder$/, "") || "Fibo", i = () => le(e);
-    return ft(e, i, s), new Proxy(e, {
-      get(o, n, a) {
-        var l, d;
+    const e = new s(...t), r = s.name.replace(/Builder$/, "") || "Fibo", o = () => fe(e);
+    return ut(e, o, r), new Proxy(e, {
+      get(i, n, a) {
+        var c, d;
         if (n === "build")
-          return i;
+          return o;
         if (n === "key") {
-          const h = (l = o._props) == null ? void 0 : l.key;
+          const h = (c = i._props) == null ? void 0 : c.key;
           if (h != null && h !== "")
             return String(h);
-          if (!o.__fiboKeyFn) {
-            const u = (m) => (o.key(m), a);
-            o.__fiboKeyFn = u;
+          if (!i.__fiboKeyFn) {
+            const f = (m) => (i.key(m), a);
+            i.__fiboKeyFn = f;
           }
-          return o.__fiboKeyFn;
+          return i.__fiboKeyFn;
         }
         if (n === "props") {
-          const h = (d = o._props) == null ? void 0 : d.key, u = {
-            ...o.__fiboElementProps ?? {},
+          const h = (d = i._props) == null ? void 0 : d.key, f = {
+            ...i.__fiboElementProps ?? {},
             ...h != null && h !== "" ? { key: String(h) } : {}
-          }, m = Object.getPrototypeOf(o).props;
-          return typeof m == "function" ? Object.assign((y) => (m.call(o, y), a), u) : u;
+          }, m = Object.getPrototypeOf(i).props;
+          return typeof m == "function" ? Object.assign((y) => (m.call(i, y), a), f) : f;
         }
-        return ae.has(n) || Reflect.has(o, n) ? Reflect.get(o, n, a) : (h) => {
-          const u = n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), p = ["opacity", "z-index", "flex", "flex-grow", "flex-shrink", "order", "font-weight", "line-height"].includes(u), y = typeof h == "number" && !p ? `${h}px` : String(h), b = f.register(u, y);
-          return o.className(b), a;
+        return he.has(n) || Reflect.has(i, n) ? Reflect.get(i, n, a) : (h) => {
+          const f = n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), p = ["opacity", "z-index", "flex", "flex-grow", "flex-shrink", "order", "font-weight", "line-height"].includes(f), y = typeof h == "number" && !p ? `${h}px` : String(h), b = u.register(f, y);
+          return i.className(b), a;
         };
       }
     });
   };
 }
-const he = ({
-  signal: r,
+const de = ({
+  signal: s,
   builder: t,
   loading: e,
-  error: s
+  error: r
 }) => {
-  const i = g.useSyncExternalStore(
-    g.useCallback((a) => r.subscribe ? r.subscribe(a) : () => {
-    }, [r]),
-    () => r.value
-  ), o = i == null ? void 0 : i.error;
-  return o && s ? s(o) : ((i == null ? void 0 : i.isLoading) || (i == null ? void 0 : i.loading)) === !0 && e ? e() : t ? t(i) : null;
-}, fe = g.memo(he);
-class ue {
+  const o = g.useSyncExternalStore(
+    g.useCallback((a) => s.subscribe ? s.subscribe(a) : () => {
+    }, [s]),
+    () => s.value
+  ), i = o == null ? void 0 : o.error;
+  return i && r ? r(i) : ((o == null ? void 0 : o.isLoading) || (o == null ? void 0 : o.loading)) === !0 && e ? e() : t ? t(o) : null;
+}, me = g.memo(de);
+class pe {
   constructor(t) {
-    c(this, "_loading");
-    c(this, "_error");
-    c(this, "_builder");
-    this._signal = t, ft(this, () => this.build(), "ValueBuilder");
+    l(this, "_loading");
+    l(this, "_error");
+    l(this, "_builder");
+    this._signal = t, ut(this, () => this.build(), "ValueBuilder");
   }
   loading(t) {
     return this._loading = typeof t == "function" ? t : () => t, this;
@@ -2455,7 +2468,7 @@ class ue {
     return this._builder = t, this;
   }
   build() {
-    return g.createElement(fe, {
+    return g.createElement(me, {
       signal: this._signal,
       builder: this._builder,
       loading: this._loading,
@@ -2463,53 +2476,53 @@ class ue {
     });
   }
 }
-function Te(r) {
-  return new ue(r);
+function je(s) {
+  return new pe(s);
 }
 export {
-  Ot as A,
-  Mt as B,
-  $t as C,
-  zt as D,
-  _t as E,
-  ve as F,
-  jt as G,
-  At as H,
+  Ht as A,
+  Rt as B,
+  vt as C,
+  Dt as D,
+  wt as E,
+  Me as F,
+  Ft as G,
+  Lt as H,
   K as I,
-  Z as J,
-  F as K,
+  q as J,
+  P as K,
   at as L,
   U as M,
-  Ht as N,
-  wt as O,
-  Rt as P,
-  _e as R,
+  Yt as N,
+  Ct as O,
+  At as P,
+  Se as R,
   R as S,
-  Te as V,
-  ke as a,
+  je as V,
+  we as a,
   tt as b,
-  be as c,
-  Nt as d,
-  $e as e,
-  oe as f,
+  xe as c,
+  Tt as d,
+  Ce as e,
+  ae as f,
   et as g,
-  ie as h,
-  Ce as i,
-  Ne as j,
-  se as k,
-  re as l,
+  le as h,
+  Te as i,
+  Ie as j,
+  ie as k,
+  ne as l,
   it as m,
   v as n,
-  ye as o,
-  Bt as p,
-  we as q,
-  kt as r,
-  ge as s,
+  $e as o,
+  Xt as p,
+  Ne as q,
+  $t as r,
+  _e as s,
   nt as t,
-  xe as u,
-  Se as v,
-  Me as w,
-  Ee as x,
-  Ct as y,
+  ve as u,
+  Ee as v,
+  ze as w,
+  Re as x,
+  Mt as y,
   _ as z
 };