fiboui 2.2.1 → 2.2.4

package/dist/{builder-KX69ixME.js → builder-DxmEDvW3.js}

@@ -2,7 +2,7 @@
 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";
+import g, { useRef as w, createContext as j, useContext as B, useCallback as E, useSyncExternalStore as O, useEffect as A, useState as Z, cloneElement as yt } from "react";
 import { jsx as C, Fragment as W } from "react/jsx-runtime";
 class J {
   constructor() {
@@ -195,8 +195,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, s = { ...this.state, ...e }, o = Object.keys(this.state), i = Object.keys(s);
+    o.length === i.length && i.every((a) => Object.is(s[a], this.state[a])) || (this.state = s, this.notify());
   }
   subscribe(t) {
     return this.listeners.add(t), () => this.listeners.delete(t);
@@ -216,7 +216,7 @@ function ke(r) {
 }
 const vt = tt(), st = j(vt);
 function Ct() {
-  return O(st);
+  return B(st);
 }
 function _e({ children: r, scope: t }) {
   const e = w(t ?? tt()).current;
@@ -227,10 +227,10 @@ function Nt({ children: r }) {
   s.current || (s.current = new xt(() => {
     t.current += 1, e.current.forEach((l) => l());
   }));
-  const i = E((l) => (e.current.add(l), () => {
+  const o = E((l) => (e.current.add(l), () => {
     e.current.delete(l);
-  }), []), o = E(() => t.current, []);
-  B(i, o, o), A(() => () => {
+  }), []), i = E(() => t.current, []);
+  O(o, i, i), A(() => () => {
     var l;
     (l = s.current) == null || l.dispose();
   }, []);
@@ -245,51 +245,51 @@ function Nt({ children: r }) {
 }
 const Et = j(/* @__PURE__ */ new Map()), rt = j(null);
 function xe(r) {
-  const t = O(rt);
+  const t = B(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)];
 }
 function Mt({ stateMap: r = /* @__PURE__ */ new Map(), children: t }) {
-  const [e, s] = q(() => new Map(r)), i = {
+  const [e, s] = Z(() => new Map(r)), o = {
     map: e,
-    get: (o) => e.get(o),
-    set: (o, n) => {
+    get: (i) => e.get(i),
+    set: (i, n) => {
       s((a) => {
-        if (Object.is(a.get(o), n))
+        if (Object.is(a.get(i), n))
           return a;
         const l = new Map(a);
-        return l.set(o, n), l;
+        return l.set(i, n), l;
       });
     }
   };
-  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(Et.Provider, { value: e, children: t }) });
 }
 function Tt({ observables: r, children: t }) {
-  const e = w(0), s = E((o) => {
+  const e = w(0), s = E((i) => {
     const n = Array.from(r).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 });
+  }, [r]), o = E(() => e.current, []);
+  return O(s, 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 e = w(0), s = E((i) => {
     const n = Array.from(r).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 });
+  }, [r]), o = E(() => e.current, []);
+  return O(s, o, o), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
 }
 const ot = j(/* @__PURE__ */ new Map());
 function $e(r) {
-  const t = O(ot);
+  const t = B(ot);
   return t == null ? void 0 : t.get(r);
 }
 function Rt({ providers: r = /* @__PURE__ */ new Map(), children: t }) {
@@ -314,7 +314,7 @@ function K(r) {
   if (r == null)
     return [];
   const t = typeof r == "function" ? r() : r;
-  return (Array.isArray(t) ? t : [t]).map((s, i) => Dt(jt(s), i));
+  return (Array.isArray(t) ? t : [t]).map((s, o) => Dt(jt(s), o));
 }
 const Y = /* @__PURE__ */ new Map(), Lt = {
   easeIn: "ease-in",
@@ -324,8 +324,8 @@ const Y = /* @__PURE__ */ new Map(), Lt = {
   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;
+  const t = r.stiffness ?? 170, e = r.damping ?? 26, s = r.mass ?? 1, o = `${t}:${e}:${s}`, i = Y.get(o);
+  if (i) return i;
   const n = 1 / 60, a = 1;
   let l = 0, d = 0;
   const h = [0];
@@ -340,7 +340,7 @@ 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;
@@ -374,8 +374,8 @@ function Pt(r) {
 function G(r) {
   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}`;
+    const o = e.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`), i = typeof s == "number" && !t.has(e) ? `${s}px` : String(s);
+    return `${o}: ${i}`;
   }).join("; ");
 }
 function Ft(r) {
@@ -383,7 +383,7 @@ function Ft(r) {
   for (let e = 0; e < r.length; e += 1) t = (t << 5) + t ^ r.charCodeAt(e);
   return (t >>> 0).toString(36);
 }
-function Ot(r) {
+function Bt(r) {
   const t = Vt[r] ?? r;
   if (!U.includes(t))
     throw new Error(`Unknown motion preset "${r}". Use: ${U.join(", ")}`);
@@ -463,6 +463,8 @@ const F = `
 .fibo-stagger-item { display: contents; }
 
 .fibo-reveal {
+  min-width: 0;
+  max-width: 100%;
   opacity: 0;
   transform: translate3d(0, 12px, 0);
   transition-property: opacity, transform, filter;
@@ -529,7 +531,7 @@ const F = `
   }
 }
 `.trim();
-function Z(r) {
+function q(r) {
   let t = 5381;
   for (let e = 0; e < r.length; e += 1)
     t = (t << 5) + t ^ r.charCodeAt(e);
@@ -566,11 +568,11 @@ 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;
+    const o = `@media ${t}|${e}:${s}`;
+    if (this.cache.has(o))
+      return this.cache.get(o);
+    const i = `fibo-mq-${q(o)}`, n = `@media ${t} { .${i} { ${e}: ${s} !important; } }`;
+    return this.insert(n), this.cache.set(o, i), i;
   }
   ensureDefaults() {
     var t;
@@ -583,10 +585,10 @@ const $ = class $ {
 `);
   }
   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;
+    const o = `kf:${e}=>${s}`;
+    if (this.cache.has(o)) return this.cache.get(o);
+    const i = `fibo-c-${t}`;
+    return this.insert(`@keyframes ${i} { from { ${e} } to { ${s} } }`), this.insert(`.${i} { animation-name: ${i}; }`), this.cache.set(o, i), i;
   }
   insert(t, e = !0) {
     var s;
@@ -613,27 +615,27 @@ const $ = class $ {
     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 o = e.replace(/[^a-zA-Z0-9-]/g, "_"), i = `fibo-${t}-${o}`, n = `.${i} { ${t}: ${e} !important; }`;
+    return this.insert(n), this.cache.set(s, 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, s, o = !1) {
+    const i = `${o ? "group:" : ""}${t}:${e}:${s}`;
+    if (this.cache.has(i))
+      return this.cache.get(i);
+    const n = `fibo-ps-${q(i)}`, a = o ? `.group:${t} .${n} { ${e}: ${s} !important; }` : `.${n}:${t} { ${e}: ${s} !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, s, o) {
+    return this.registerPseudo(e, s, o, !0);
   }
 };
 c($, "instance");
 let T = $;
-const f = T.getInstance();
+const u = T.getInstance();
 function _() {
   T.getInstance().ensureDefaults();
 }
@@ -654,7 +656,7 @@ function ve() {
     dangerouslySetInnerHTML: { __html: nt() }
   });
 }
-function Bt() {
+function Ot() {
   return _(), g.createElement("style", {
     id: "fibo-motion-presets",
     "data-fibo-motion": "1",
@@ -680,20 +682,20 @@ 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);
+    var o = r.length;
+    for (t = 0; t < o; 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);
+  for (var r, t, e = 0, s = "", o = arguments.length; e < o; 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*\)/);
   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) => {
+  const [, e, s, o] = t, i = parseFloat(e), n = parseFloat(s), a = parseFloat(o), l = n * Math.cos(a * Math.PI / 180), d = n * Math.sin(a * Math.PI / 180), h = i + 0.3963377774 * l + 0.2158037573 * d, f = i - 0.1055613458 * l - 0.0638541728 * d, m = i - 0.0894841775 * l - 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, 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(ft))), V = (I) => {
     var X;
     const P = (X = Math.round(I * 255).toString(16)) == null ? void 0 : X.toUpperCase();
     return P.length === 1 ? `0${P}` : P;
@@ -703,11 +705,11 @@ function Kt(r) {
 function Yt(r) {
   const t = {}, e = {}, s = r.split(`
 `);
-  for (const i of s) {
-    const o = i.trim();
-    if (!o || o.startsWith("//") || o.startsWith("*") || o === "@theme {" || o === "}")
+  for (const o of s) {
+    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}`;
@@ -969,7 +971,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 = Yt(Gt), lt = {
   borderRadius: {
     0: "rounded-none",
     "0px": "rounded-none",
@@ -1066,7 +1068,7 @@ const Ut = (r) => {
     fixed: "fixed",
     sticky: "sticky"
   }
-}, qt = (r, t) => ({
+}, Zt = (r, t) => ({
   // 背景色
   backgroundColor: (e) => e.backgroundColor ? [r.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
   // 文字色
@@ -1082,8 +1084,8 @@ const Ut = (r) => {
   margin: (e) => {
     const s = [];
     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" },
@@ -1092,9 +1094,9 @@ 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);
+    ].forEach(({ prop: i, dir: n }) => {
+      if (i !== void 0) {
+        const a = N(n, i);
         a && s.push(a);
       }
     }), s;
@@ -1103,8 +1105,8 @@ const Ut = (r) => {
   padding: (e) => {
     const s = [];
     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" },
@@ -1113,9 +1115,9 @@ 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);
+    ].forEach(({ prop: i, dir: n }) => {
+      if (i !== void 0) {
+        const a = N(n, i);
         a && s.push(a);
       }
     }), s;
@@ -1124,28 +1126,28 @@ const Ut = (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 o = t.fontWeight[e.fontWeight.toString()];
+      o && s.push(o);
     }
     if (e.textAlign) {
-      const i = t.textAlign[e.textAlign];
-      i && s.push(i);
+      const o = t.textAlign[e.textAlign];
+      o && s.push(o);
     }
     if (e.fontFamily) {
-      const i = t.fontFamily[e.fontFamily];
-      i && s.push(i);
+      const o = t.fontFamily[e.fontFamily];
+      o && s.push(o);
     }
     if (e.textDecoration) {
-      const i = t.textDecoration[e.textDecoration];
-      i && s.push(i);
+      const o = t.textDecoration[e.textDecoration];
+      o && s.push(o);
     }
     if (e.fontVariantNumeric) {
-      const i = t.fontVariantNumeric[e.fontVariantNumeric];
-      i && s.push(i);
+      const o = t.fontVariantNumeric[e.fontVariantNumeric];
+      o && s.push(o);
     }
     if (e.fontStyle) {
-      const i = t.fontStyle[e.fontStyle];
-      i && s.push(i);
+      const o = t.fontStyle[e.fontStyle];
+      o && s.push(o);
     }
     return s;
   },
@@ -1153,12 +1155,12 @@ const Ut = (r) => {
   size: (e) => {
     const s = [];
     if (e.width) {
-      const i = e.width.toString();
-      s.push(`w-[${i}]`);
+      const o = e.width.toString();
+      s.push(`w-[${o}]`);
     }
     if (e.height) {
-      const i = e.height.toString();
-      s.push(`h-[${i}]`);
+      const o = e.height.toString();
+      s.push(`h-[${o}]`);
     }
     return s;
   },
@@ -1166,20 +1168,20 @@ const Ut = (r) => {
   layout: (e) => {
     const s = [];
     if (e.display) {
-      const i = t.display[e.display];
-      i && s.push(i);
+      const o = t.display[e.display];
+      o && s.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 && s.push(i);
     }
     if (e.justifyContent) {
-      const o = {
+      const i = {
         "flex-start": "justify-start",
         "flex-end": "justify-end",
         center: "justify-center",
@@ -1187,21 +1189,21 @@ const Ut = (r) => {
         "space-around": "justify-around",
         "space-evenly": "justify-evenly"
       }[e.justifyContent];
-      o && s.push(o);
+      i && s.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 && s.push(i);
     }
     if (e.gap) {
-      const i = N("gap", e.gap);
-      i && s.push(i);
+      const o = N("gap", e.gap);
+      o && s.push(o);
     }
     return s;
   },
@@ -1257,17 +1259,17 @@ const Ut = (r) => {
   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();
+  const e = (t == null ? void 0 : t.colorMaps) || qt, s = (t == null ? void 0 : t.styleMaps) || lt, o = Zt(e, s), i = [], n = /* @__PURE__ */ new Set();
   return Object.keys(r).forEach((a) => {
     const l = Jt[a];
     if (l && !n.has(l)) {
-      const d = i[l];
+      const d = o[l];
       if (d) {
         const h = d(r);
-        o.push(...h), n.add(l);
+        i.push(...h), n.add(l);
       }
     }
-  }), o.filter(Boolean).join(" ");
+  }), i.filter(Boolean).join(" ");
 };
 function te(r) {
   const t = {};
@@ -1276,28 +1278,28 @@ function te(r) {
   }), t;
 }
 function ee({ animatedProps: r, animationConfig: t, children: e }) {
-  const [s, i] = q(
+  const [s, o] = Z(
     () => te(r)
   );
   A(() => {
     const l = [];
     return r.forEach((d, h) => {
-      const u = (m) => {
-        i((p) => ({
+      const f = (m) => {
+        o((p) => ({
           ...p,
           [h]: m
         }));
       };
-      l.push(d.subscribe(u)), u(d.value);
+      l.push(d.subscribe(f)), f(d.value);
     }), () => {
       l.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)`);
+  const i = [];
+  s.translateX !== void 0 && i.push(`translateX(${s.translateX}px)`), s.translateY !== void 0 && i.push(`translateY(${s.translateY}px)`), s.scale !== void 0 && i.push(`scale(${s.scale})`), s.rotate !== void 0 && i.push(`rotate(${s.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 });
+  if (i.length > 0 && (n.transform = i.join(" ")), t) {
+    const { duration: l = 300, curve: d = "easeOut", stiffness: h, damping: f } = t, m = v(d, { stiffness: h, damping: f });
     n.transition = `transform ${l}ms ${m}`;
   }
   const a = {
@@ -1356,11 +1358,11 @@ class k {
   css(t, e) {
     return this.set(t, e);
   }
-  transition(t, e, s, i) {
+  transition(t, e, s, 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(s || this.transitionEasing), l = o ? `${o}ms` : "0ms";
+    return this.set("transition", `${i} ${n} ${a} ${l}`);
   }
   duration(t) {
     return this.transitionDuration = t, this.applyTransition(), this;
@@ -1378,14 +1380,14 @@ 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`, s = this.transitionEasing, o = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms";
+    this.set("transition", `${t} ${e} ${s} ${o}`);
   }
   flushTransform() {
     return this.set("transform", [...this.transforms.values()].join(" "));
   }
   set(t, e) {
-    const s = f.registerPseudo(this.pseudoState, t, e, this.isGroup);
+    const s = u.registerPseudo(this.pseudoState, t, e, this.isGroup);
     return this.parentBuilder.addClassName(s), this;
   }
   end() {
@@ -1394,8 +1396,10 @@ class k {
 }
 function Ce(r, t) {
   if (typeof document > "u") return;
-  const e = typeof r == "string" ? document.querySelector(r) : r;
-  e && e.scrollIntoView({
+  const e = typeof r == "string" ? r : null, s = (e == null ? void 0 : e.replace(/^#/, "")) ?? null;
+  t != null && t.hash && s && typeof window < "u" && (window.location.hash = s);
+  const o = typeof r == "string" ? document.getElementById(r.replace(/^#/, "")) ?? document.querySelector(r.startsWith("#") ? r : `#${r}`) ?? document.querySelector(r) : r;
+  o && o.scrollIntoView({
     behavior: (t == null ? void 0 : t.behavior) ?? "smooth",
     block: (t == null ? void 0 : t.block) ?? "start"
   });
@@ -1419,8 +1423,8 @@ function oe({
   once: t = !0,
   rootMargin: e = "0px 0px -8% 0px",
   threshold: s = 0.12,
-  forceMotion: i = !1,
-  preferTimeline: o = !1,
+  forceMotion: o = !1,
+  preferTimeline: i = !1,
   children: n
 }) {
   const a = w(null);
@@ -1428,7 +1432,7 @@ function oe({
     _();
     const d = a.current;
     if (!d) return;
-    if (o && se()) {
+    if (i && se()) {
       d.classList.add("fibo-inview");
       return;
     }
@@ -1437,18 +1441,20 @@ 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 }
     );
     return h.observe(d), () => h.disconnect();
-  }, [t, e, s, o]);
+  }, [t, e, s, i]);
   const l = [
     "fibo-reveal",
     `fibo-reveal-${r}`,
-    i ? "fibo-motion-force" : ""
+    // min-w-0 only — do NOT force w-full (breaks horizontal ScrollView / carousel slides)
+    "min-w-0",
+    o ? "fibo-motion-force" : ""
   ].filter(Boolean).join(" ");
   return g.createElement("div", { ref: a, className: l, "data-fibo-reveal": r }, n);
 }
@@ -1457,13 +1463,13 @@ function ie({ children: r }) {
   return A(() => {
     if (_(), re()) 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);
+      var i, n;
+      return ((i = t.current) == null ? void 0 : i.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));
+      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);
@@ -1528,7 +1534,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;
   }
   /**
@@ -1538,7 +1544,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) {
@@ -1555,20 +1561,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, s = u.register("padding-left", e), o = u.register("padding-right", e);
+    return this._classNames.push(s, 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, s = u.register("padding-top", e), o = u.register("padding-bottom", e);
+    return this._classNames.push(s, 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, s = u.register("margin-left", e), o = u.register("margin-right", e);
+    return this._classNames.push(s, 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, s = u.register("margin-top", e), o = u.register("margin-bottom", e);
+    return this._classNames.push(s, o), this;
   }
   flexDirection(t) {
     return this._classNames.push(`flex-${t}`), this;
@@ -1582,7 +1588,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;
@@ -1633,18 +1639,18 @@ 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, s = u.register("width", e), o = u.register("height", e);
+    return this._classNames.push(s, 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);
+    const e = typeof t == "number" ? `${t}px` : t, s = u.register("padding", e);
     return this._classNames.push(s), this;
   }
   px(t) {
@@ -1660,7 +1666,7 @@ class Ee {
     return this.paddingVertical(t);
   }
   m(t) {
-    const e = typeof t == "number" ? `${t}px` : t, s = f.register("margin", e);
+    const e = typeof t == "number" ? `${t}px` : t, s = u.register("margin", e);
     return this._classNames.push(s), this;
   }
   mx(t) {
@@ -1676,15 +1682,15 @@ 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);
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = u.register("background-color", e);
     return this._classNames.push(s), this;
   }
   text(t) {
-    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = f.register("color", e);
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = u.register("color", e);
     return this._classNames.push(s), this;
   }
   color(t) {
-    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = f.register("color", e);
+    const e = typeof t == "string" && !t.startsWith("#") && !t.startsWith("rgb") ? this.resolveSemanticColor(t) : t, s = u.register("color", e);
     return this._classNames.push(s), this;
   }
   resolveSemanticColor(t) {
@@ -1714,8 +1720,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)",
@@ -1728,11 +1734,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) + ")";
+    }, s = (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, l) => {
+      let f = a || "rgba(0, 0, 0, " + (l ?? 0.1) + ")";
       if (a && a.startsWith("#") && l !== 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}, ${l})`;
       }
       const p = {
         sm: "2px",
@@ -1741,50 +1747,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);
+        const a = o("all", "md", t), l = u.register("box-shadow", a);
         return this._classNames.push(l), 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, l] = t;
+      if (typeof i == "string" && s(i)) {
+        const f = o("all", "md", i, n), m = u.register("box-shadow", f);
         return this._classNames.push(m), this;
       }
-      const d = o;
+      const d = i;
       if (typeof n == "string" && s(n)) {
-        const u = i(d, "md", n, a), m = f.register("box-shadow", u);
+        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, l), p = u.register("box-shadow", m);
         return this._classNames.push(p), this;
       }
     }
@@ -1819,10 +1825,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, (l) => `-${l.toLowerCase()}`), a = typeof i == "number" && !s.has(o) && !s.has(n) ? `${i}px` : String(i);
+      this._classNames.push(u.registerMedia(t, n, a));
     }
   }
   sm(t) {
@@ -1839,23 +1845,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;
@@ -1866,45 +1872,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;
@@ -1955,18 +1961,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 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, o = s(t), i = s(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 = {
@@ -1983,7 +1989,7 @@ class Ee {
       if (e[t])
         this._classNames.push(e[t]);
       else {
-        const s = f.register("font-weight", t);
+        const s = u.register("font-weight", t);
         this._classNames.push(s);
       }
     }
@@ -2052,11 +2058,11 @@ class Ee {
   props(t) {
     return this._props = { ...this._props, ...t }, this;
   }
-  transition(t, e, s, i) {
+  transition(t, e, s, 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(s || this._transitionEasing), l = o ? `${o}ms` : "0ms";
+    return this.replaceTransitionClass(u.register("transition", `${i} ${n} ${a} ${l}`)), this;
   }
   /**
    * Set transition duration in milliseconds
@@ -2094,15 +2100,15 @@ 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`, s = this._transitionEasing, o = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms";
+    this.replaceTransitionClass(u.register("transition", `${t} ${e} ${s} ${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;
+    const s = Pt(t), o = (s ? t.duration : e == null ? void 0 : e.duration) ?? this._transitionDuration, i = (s ? t.delay : e == null ? void 0 : e.delay) ?? this._transitionDelay;
     let n = s ? t.ease : e == null ? void 0 : e.ease;
     const a = {
       stiffness: (s ? t.stiffness : e == null ? void 0 : e.stiffness) ?? void 0,
@@ -2110,16 +2116,16 @@ class Ee {
       mass: (s ? 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);
+      const h = G(t.from), f = G(t.to), m = u.registerKeyframes(Ft(`${h}=>${f}`), h, f);
       this._motionClass = `fibo-anim ${m}`, this._props["data-fibo-anim"] = "custom";
     } else {
-      const h = Ot(t);
+      const h = Bt(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);
     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"] = l, 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) {
@@ -2157,7 +2163,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;
@@ -2167,9 +2173,9 @@ 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));
+    this._classNames.push(u.register("top", e));
     const s = t === !0 || t === 0 ? ne : typeof t == "number" ? `${Math.max(t, ht)}px` : t;
     return this.publishStickyOffset(s), this;
   }
@@ -2179,7 +2185,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;
@@ -2192,7 +2198,7 @@ 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}`
       )
@@ -2274,7 +2280,7 @@ class Ee {
       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: s = "easeOut", stiffness: o, damping: i } = this._animationConfig, n = v(s, { stiffness: o, damping: i });
       t.transition = `all ${e}ms ${n}`;
     }
     return t;
@@ -2317,7 +2323,7 @@ function ce(r) {
     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 = () => {
+  const t = r._isObserver, e = r._signals, s = r._observers, o = r._state, i = r._providers, n = ce(r), a = () => {
     var S;
     let m = r.build();
     const p = r._animatedProps, y = r._animationConfig;
@@ -2340,42 +2346,42 @@ function le(r) {
     })), r._scrollProgress && (m = g.createElement(ie, { key: n, children: m })), r._usesCssMotion && (m = g.createElement(
       g.Fragment,
       { key: n },
-      g.createElement(Bt),
+      g.createElement(Ot),
       m
     ));
     const x = r._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, {
+  }, l = typeof r.hasStateManagement == "function" ? r.hasStateManagement() : !!(t || e && e.size || s && s.size || o && o.size || i && i.size), d = t ? g.createElement(Nt, {
     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 l && e && e.size > 0 ? f = g.createElement(It, {
     key: n,
     signals: e,
     children: h
-  }) : l && s && s.size > 0 && (u = g.createElement(Tt, {
+  }) : l && s && s.size > 0 && (f = g.createElement(Tt, {
     key: n,
     observables: s,
     children: h
-  })), l && i && i.size > 0 && (u = g.createElement(Mt, {
+  })), l && o && o.size > 0 && (f = g.createElement(Mt, {
     key: n,
-    stateMap: i,
-    children: u
-  })), l && o && o.size > 0 && (u = g.createElement(Rt, {
+    stateMap: o,
+    children: f
+  })), l && i && i.size > 0 && (f = g.createElement(Rt, {
     key: n,
-    providers: o,
-    children: u
-  })), u;
+    providers: i,
+    children: f
+  })), f;
 }
-function ft(r, t, e) {
+function ut(r, t, e) {
   const s = function() {
     return t();
   };
   s.displayName = e;
-  const i = g.createElement(s);
+  const o = g.createElement(s);
   Object.defineProperty(r, "$$typeof", {
-    value: i.$$typeof,
+    value: o.$$typeof,
     enumerable: !0,
     configurable: !0
   }), Object.defineProperty(r, "type", {
@@ -2383,36 +2389,36 @@ function ft(r, t, e) {
     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 };
+  }), r.ref = o.ref ?? null, r.__fiboElementProps = o.props ?? {}, o._owner !== void 0 && (r._owner = o._owner), r._store = { validated: 1 };
 }
 function Me(r) {
   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) {
+    const e = new r(...t), s = r.name.replace(/Builder$/, "") || "Fibo", o = () => le(e);
+    return ut(e, o, s), new Proxy(e, {
+      get(i, n, a) {
         var l, d;
         if (n === "build")
-          return i;
+          return o;
         if (n === "key") {
-          const h = (l = o._props) == null ? void 0 : l.key;
+          const h = (l = i._props) == null ? void 0 : l.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 ae.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;
         };
       }
     });
@@ -2424,19 +2430,19 @@ const he = ({
   loading: e,
   error: s
 }) => {
-  const i = g.useSyncExternalStore(
+  const o = 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 {
+  ), i = o == null ? void 0 : o.error;
+  return i && s ? s(i) : ((o == null ? void 0 : o.isLoading) || (o == null ? void 0 : o.loading)) === !0 && e ? e() : t ? t(o) : null;
+}, ue = g.memo(he);
+class fe {
   constructor(t) {
     c(this, "_loading");
     c(this, "_error");
     c(this, "_builder");
-    this._signal = t, ft(this, () => this.build(), "ValueBuilder");
+    this._signal = t, ut(this, () => this.build(), "ValueBuilder");
   }
   loading(t) {
     return this._loading = typeof t == "function" ? t : () => t, this;
@@ -2451,7 +2457,7 @@ class ue {
     return this._builder = t, this;
   }
   build() {
-    return g.createElement(fe, {
+    return g.createElement(ue, {
       signal: this._signal,
       builder: this._builder,
       loading: this._loading,
@@ -2460,10 +2466,10 @@ class ue {
   }
 }
 function Te(r) {
-  return new ue(r);
+  return new fe(r);
 }
 export {
-  Ot as A,
+  Bt as A,
   Mt as B,
   $t as C,
   zt as D,
@@ -2472,7 +2478,7 @@ export {
   jt as G,
   At as H,
   K as I,
-  Z as J,
+  q as J,
   F as K,
   at as L,
   U as M,
@@ -2497,7 +2503,7 @@ export {
   it as m,
   v as n,
   ye as o,
-  Bt as p,
+  Ot as p,
   we as q,
   kt as r,
   ge as s,