fiboui 2.3.0 → 2.4.0

package/dist/builder-DTH8K7ph.js

@@ -1,2528 +0,0 @@
-"use client";
-var gt = Object.defineProperty;
-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() {
-    l(this, "activeEffect", null);
-  }
-}
-const Q = new J(), z = [Q];
-function tt() {
-  return new J();
-}
-function et() {
-  return z[z.length - 1] ?? Q;
-}
-function D() {
-  return et().activeEffect;
-}
-function $t(s, t) {
-  z.push(s);
-  try {
-    return t();
-  } finally {
-    z.pop();
-  }
-}
-function M(s) {
-  const t = et(), e = t.activeEffect;
-  return t.activeEffect = s, e;
-}
-class wt {
-  constructor(t) {
-    l(this, "dependencies", /* @__PURE__ */ new Set());
-    l(this, "_onDispose");
-    this.fn = t, this.run();
-  }
-  run() {
-    const t = M(this);
-    try {
-      this.cleanup(), this.fn();
-    } finally {
-      M(t);
-    }
-  }
-  track(t) {
-    this.dependencies.add(t), t.subscribeEffect(this);
-  }
-  trigger() {
-    this.run();
-  }
-  cleanup() {
-    this.dependencies.forEach((t) => t.unsubscribeEffect(this)), this.dependencies.clear();
-  }
-  dispose() {
-    var t;
-    this.cleanup(), (t = this._onDispose) == null || t.call(this);
-  }
-}
-class St {
-  constructor(t) {
-    l(this, "dependencies", /* @__PURE__ */ new Set());
-    this._onInvalidate = t;
-  }
-  execute(t) {
-    const e = M(this);
-    try {
-      return this.cleanup(), t();
-    } finally {
-      M(e);
-    }
-  }
-  track(t) {
-    this.dependencies.add(t), t.subscribeEffect(this);
-  }
-  trigger() {
-    this._onInvalidate();
-  }
-  cleanup() {
-    this.dependencies.forEach((t) => t.unsubscribeEffect(this)), this.dependencies.clear();
-  }
-  dispose() {
-    this.cleanup();
-  }
-}
-class R {
-  constructor(t) {
-    l(this, "listeners", /* @__PURE__ */ new Set());
-    l(this, "effects", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get value() {
-    const t = D();
-    return t && t.track(this), this._value;
-  }
-  set value(t) {
-    this._value !== t && (this._value = t, this.notify());
-  }
-  subscribe(t) {
-    return this.listeners.add(t), () => this.listeners.delete(t);
-  }
-  subscribeEffect(t) {
-    this.effects.add(t);
-  }
-  unsubscribeEffect(t) {
-    this.effects.delete(t);
-  }
-  notify() {
-    const t = Array.from(this.effects), e = Array.from(this.listeners);
-    t.forEach((r) => r.trigger()), e.forEach((r) => r(this._value));
-  }
-}
-function _e(s) {
-  return new R(s);
-}
-class vt {
-  constructor(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());
-    });
-  }
-  get value() {
-    const t = D();
-    if (t && t.track(this), this._dirty) {
-      const e = M(this.internalEffect);
-      try {
-        this.internalEffect.cleanup(), this._value = this.fn(), this._dirty = !1;
-      } finally {
-        M(e);
-      }
-    }
-    return this._value;
-  }
-  subscribe(t) {
-    return this.listeners.add(t), () => this.listeners.delete(t);
-  }
-  subscribeEffect(t) {
-    this.effects.add(t);
-  }
-  unsubscribeEffect(t) {
-    this.effects.delete(t);
-  }
-  notify() {
-    const t = Array.from(this.effects), e = Array.from(this.listeners);
-    t.forEach((r) => r.trigger()), e.forEach((r) => r(this._value));
-  }
-}
-function xe(s) {
-  return new vt(s);
-}
-class Ct {
-  constructor(t) {
-    l(this, "listeners", /* @__PURE__ */ new Set());
-    l(this, "effects", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get() {
-    const t = D();
-    return t && t.track(this), this._value;
-  }
-  set(t) {
-    this._value !== t && (this._value = t, this.notify());
-  }
-  subscribe(t) {
-    return this.listeners.add(t), () => this.listeners.delete(t);
-  }
-  subscribeEffect(t) {
-    this.effects.add(t);
-  }
-  unsubscribeEffect(t) {
-    this.effects.delete(t);
-  }
-  notify() {
-    Array.from(this.effects).forEach((t) => t.trigger()), Array.from(this.listeners).forEach((t) => t(this._value));
-  }
-}
-function $e(s) {
-  return new Ct(s);
-}
-class Nt {
-  constructor(t) {
-    l(this, "listeners", /* @__PURE__ */ new Set());
-    l(this, "effects", /* @__PURE__ */ new Set());
-    this.state = t;
-  }
-  getState() {
-    const t = D();
-    return t && t.track(this), this.state;
-  }
-  setState(t) {
-    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);
-  }
-  subscribeEffect(t) {
-    this.effects.add(t);
-  }
-  unsubscribeEffect(t) {
-    this.effects.delete(t);
-  }
-  notify() {
-    Array.from(this.effects).forEach((t) => t.trigger()), Array.from(this.listeners).forEach((t) => t(this.state));
-  }
-}
-function we(s) {
-  return new Nt(s);
-}
-const Et = tt(), st = j(Et);
-function Mt() {
-  return O(st);
-}
-function Se({ children: s, scope: t }) {
-  const e = w(t ?? tt()).current;
-  return /* @__PURE__ */ C(st.Provider, { value: e, children: s });
-}
-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 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 = Mt();
-  let a = null;
-  try {
-    a = $t(n, () => r.current.execute(s));
-  } catch {
-    a = null;
-  }
-  return /* @__PURE__ */ C(W, { children: a });
-}
-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(s), (e) => t.set(s, e)];
-}
-function Rt({ stateMap: s = /* @__PURE__ */ new Map(), children: t }) {
-  const [e, r] = Z(() => new Map(s)), o = {
-    map: e,
-    get: (i) => e.get(i),
-    set: (i, n) => {
-      r((a) => {
-        if (Object.is(a.get(i), n))
-          return a;
-        const c = new Map(a);
-        return c.set(i, n), c;
-      });
-    }
-  };
-  return /* @__PURE__ */ C(rt.Provider, { value: o, children: /* @__PURE__ */ C(It.Provider, { value: e, children: t }) });
-}
-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, i();
-      })
-    );
-    return () => n.forEach((a) => a());
-  }, [s]), o = E(() => e.current, []);
-  return B(r, o, o), /* @__PURE__ */ C(W, { children: typeof t == "function" ? t() : t });
-}
-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, i();
-      })
-    );
-    return () => n.forEach((a) => a());
-  }, [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 Ce(s) {
-  const t = O(ot);
-  return t == null ? void 0 : t.get(s);
-}
-function At({ providers: s = /* @__PURE__ */ new Map(), children: t }) {
-  return /* @__PURE__ */ C(ot.Provider, { value: s, children: t });
-}
-function Dt(s) {
-  return !!s && typeof s == "object" && "build" in s && typeof s.build == "function";
-}
-function Ft(s) {
-  return g.isValidElement(s) ? s : Dt(s) ? s.build() : s;
-}
-function H(s) {
-  return typeof s == "string" || typeof s == "number";
-}
-function Lt(s, t) {
-  return g.isValidElement(s) && H(s.key) && s.key !== "" ? s.key : `.$fibo-${t}`;
-}
-function Vt(s, t) {
-  return !g.isValidElement(s) || H(s.key) && s.key !== "" ? s : g.cloneElement(s, { key: Lt(s, t) });
-}
-function K(s) {
-  if (s == null)
-    return [];
-  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(), Pt = {
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  linear: "linear",
-  ease: "ease"
-};
-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 c = 0, d = 0;
-  const h = [0];
-  for (let b = 0; b < 180; b += 1) {
-    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 = [];
-  for (let b = 0; b < h.length; b += m) {
-    const x = b / (h.length - 1), S = Math.round(h[b] * 1e4) / 1e4;
-    p.push(b === 0 ? `${S}` : `${S} ${Math.round(x * 1e4) / 100}%`);
-  }
-  const y = `linear(${p.join(", ")})`;
-  return Y.set(o, y), y;
-}
-function v(s, t) {
-  return s === "spring" ? it(t) : Pt[s] ?? s;
-}
-const U = [
-  "fadeIn",
-  "fadeOut",
-  "fade",
-  "slideUp",
-  "slideDown",
-  "slideLeft",
-  "slideRight",
-  "scaleIn",
-  "scaleOut",
-  "scale",
-  "blurIn",
-  "blurOut",
-  "blur",
-  "pop",
-  "bounce"
-], Ot = {
-  fade: "fadeIn",
-  scale: "scaleIn",
-  blur: "blurIn"
-};
-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(s) {
-  const t = /* @__PURE__ */ new Set(["opacity", "zIndex", "z-index", "flex", "fontWeight", "lineHeight"]);
-  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 Wt(s) {
-  let t = 5381;
-  for (let e = 0; e < s.length; e += 1) t = (t << 5) + t ^ s.charCodeAt(e);
-  return (t >>> 0).toString(36);
-}
-function Ht(s) {
-  const t = Ot[s] ?? s;
-  if (!U.includes(t))
-    throw new Error(`Unknown motion preset "${s}". Use: ${U.join(", ")}`);
-  return t;
-}
-const P = `
-.fibo-anim {
-  animation-duration: var(--fibo-dur, 300ms);
-  animation-timing-function: var(--fibo-ease, ease);
-  animation-delay: calc(var(--fibo-i, 0) * var(--fibo-stagger, 0ms) + var(--fibo-delay, 0ms));
-  animation-fill-mode: both;
-  animation-iteration-count: 1;
-}
-.fibo-anim-fadeIn, .fibo-anim-fade { animation-name: fibo-fadeIn; }
-.fibo-anim-fadeOut { animation-name: fibo-fadeOut; }
-.fibo-anim-slideUp { animation-name: fibo-slideUp; }
-.fibo-anim-slideDown { animation-name: fibo-slideDown; }
-.fibo-anim-slideLeft { animation-name: fibo-slideLeft; }
-.fibo-anim-slideRight { animation-name: fibo-slideRight; }
-.fibo-anim-scaleIn, .fibo-anim-scale { animation-name: fibo-scaleIn; }
-.fibo-anim-scaleOut { animation-name: fibo-scaleOut; }
-.fibo-anim-blurIn, .fibo-anim-blur { animation-name: fibo-blurIn; }
-.fibo-anim-blurOut { animation-name: fibo-blurOut; }
-.fibo-anim-pop { animation-name: fibo-pop; }
-.fibo-anim-bounce { animation-name: fibo-bounce; }
-
-@keyframes fibo-fadeIn { from { opacity: 0; } to { opacity: 1; } }
-@keyframes fibo-fadeOut { from { opacity: 1; } to { opacity: 0; } }
-@keyframes fibo-slideUp {
-  from { opacity: 0; transform: translate3d(0, var(--fibo-from, 16px), 0); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-slideDown {
-  from { opacity: 0; transform: translate3d(0, calc(var(--fibo-from, 16px) * -1), 0); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-slideLeft {
-  from { opacity: 0; transform: translate3d(var(--fibo-from, 16px), 0, 0); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-slideRight {
-  from { opacity: 0; transform: translate3d(calc(var(--fibo-from, 16px) * -1), 0, 0); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-scaleIn {
-  from { opacity: 0; transform: scale(0.94); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-scaleOut {
-  from { opacity: 1; transform: none; }
-  to { opacity: 0; transform: scale(0.94); }
-}
-@keyframes fibo-blurIn {
-  from { opacity: 0; filter: blur(var(--fibo-from, 8px)); }
-  to { opacity: 1; filter: none; }
-}
-@keyframes fibo-blurOut {
-  from { opacity: 1; filter: none; }
-  to { opacity: 0; filter: blur(var(--fibo-from, 8px)); }
-}
-@keyframes fibo-pop {
-  from { opacity: 0; transform: scale(0.92); }
-  to { opacity: 1; transform: none; }
-}
-@keyframes fibo-bounce {
-  0% { opacity: 0; transform: translate3d(0, var(--fibo-from, 16px), 0); }
-  60% { opacity: 1; transform: translate3d(0, -6px, 0); }
-  80% { transform: translate3d(0, 2px, 0); }
-  100% { opacity: 1; transform: none; }
-}
-
-@keyframes stripes {
-  from { background-position: 0 0; }
-  to { background-position: 40px 0; }
-}
-
-.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;
-  transition-duration: var(--fibo-dur, 500ms);
-  transition-timing-function: var(--fibo-ease, ease);
-  transition-delay: calc(var(--fibo-i, 0) * var(--fibo-stagger, 0ms) + var(--fibo-delay, 0ms));
-}
-.fibo-reveal-fade { transform: none; }
-.fibo-reveal-fadeUp, .fibo-reveal-fadeIn, .fibo-reveal-slideUp { transform: translate3d(0, 16px, 0); }
-.fibo-reveal-slideDown { transform: translate3d(0, -16px, 0); }
-.fibo-reveal-slideLeft { transform: translate3d(16px, 0, 0); }
-.fibo-reveal-slideRight { transform: translate3d(-16px, 0, 0); }
-.fibo-reveal-scale, .fibo-reveal-scaleIn { transform: scale(0.96); }
-.fibo-reveal-blur { filter: blur(8px); transform: none; }
-.fibo-reveal.fibo-inview {
-  opacity: 1;
-  transform: none;
-  filter: none;
-}
-
-.fibo-view-timeline {
-  animation-timeline: view();
-  animation-range: entry 0% cover 35%;
-}
-.fibo-scroll-timeline {
-  animation-timeline: scroll();
-}
-.fibo-scroll-progress {
-  transform: scaleX(var(--fibo-progress, 0));
-  transform-origin: left center;
-  animation-name: fibo-progress-grow;
-  animation-duration: 1s;
-  animation-timing-function: linear;
-  animation-fill-mode: both;
-  animation-timeline: scroll();
-}
-@keyframes fibo-progress-grow {
-  from { transform: scaleX(0); }
-  to { transform: scaleX(1); }
-}
-@supports not (animation-timeline: scroll()) {
-  .fibo-scroll-progress {
-    animation: none;
-    transform: scaleX(var(--fibo-progress, 0));
-  }
-}
-
-.fibo-snap-y { scroll-snap-type: y mandatory; }
-.fibo-snap-x { scroll-snap-type: x mandatory; }
-.fibo-snap-both { scroll-snap-type: both mandatory; }
-.fibo-snap-start { scroll-snap-align: start; }
-.fibo-snap-center { scroll-snap-align: center; }
-.fibo-snap-end { scroll-snap-align: end; }
-
-@media (prefers-reduced-motion: reduce) {
-  .fibo-anim:not(.fibo-motion-force),
-  .fibo-reveal:not(.fibo-motion-force),
-  .fibo-scroll-progress:not(.fibo-motion-force) {
-    animation: none !important;
-    transition: none !important;
-    opacity: 1 !important;
-    transform: none !important;
-    filter: none !important;
-  }
-}
-`.trim();
-function q(s) {
-  let t = 5381;
-  for (let e = 0; e < s.length; e += 1)
-    t = (t << 5) + t ^ s.charCodeAt(e);
-  return (t >>> 0).toString(36);
-}
-const $ = class $ {
-  constructor() {
-    l(this, "sheet", null);
-    l(this, "cache", /* @__PURE__ */ new Map());
-    l(this, "extras", []);
-    l(this, "defaultsReady", !1);
-    this.attachSheet(), this.ensureDefaults();
-  }
-  static getInstance() {
-    return $.instance || ($.instance = new $()), $.instance;
-  }
-  /** Test-only: empty cache/sheet so a simulated client starts cold. */
-  reset() {
-    this.cache.clear(), this.extras = [], this.defaultsReady = !1, this.sheet = null, this.attachSheet(), this.ensureDefaults();
-  }
-  static resetForTests() {
-    $.getInstance().reset();
-  }
-  attachSheet() {
-    if (typeof document > "u") return;
-    const t = document.getElementById("fibo-dynamic-styles");
-    if (t) {
-      this.sheet = t, this.defaultsReady = !0;
-      return;
-    }
-    this.sheet = document.createElement("style"), this.sheet.id = "fibo-dynamic-styles", this.sheet.setAttribute("data-fibo", "1"), document.head.appendChild(this.sheet);
-  }
-  /**
-   * CSS `@media` rule, deduped. Used by `.media()` / `.md()` / `.responsive()` — not JS resize.
-   */
-  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(P)));
-  }
-  getCss() {
-    this.ensureDefaults();
-    const t = [...this.extras].sort();
-    return [P, ...t].filter(Boolean).join(`
-`);
-  }
-  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 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);
-        } catch {
-          this.sheet && this.sheet.appendChild(document.createTextNode(t));
-        }
-      else this.sheet && this.sheet.appendChild(document.createTextNode(t));
-  }
-  /** Set a `:root` custom property (e.g. `--fibo-sticky-offset`). */
-  registerRoot(t, e) {
-    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() {
-    const t = "html:scroll-padding-top";
-    this.cache.has(t) || (this.insert("html { scroll-padding-top: var(--fibo-sticky-offset, 0px); }"), this.cache.set(t, "html"));
-  }
-  register(t, e) {
-    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, 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, r, o) {
-    return this.registerPseudo(e, r, o, !0);
-  }
-};
-l($, "instance");
-let T = $;
-const u = T.getInstance();
-function _() {
-  T.getInstance().ensureDefaults();
-}
-function Ne() {
-  return T.getInstance().getCss();
-}
-function nt() {
-  return T.getInstance().getCss();
-}
-function Ee() {
-  return `<style id="fibo-dynamic-styles" data-fibo="1">${nt().replace(/<\/style/gi, "<\\/style")}</style>`;
-}
-function Me() {
-  return _(), g.createElement("style", {
-    id: "fibo-dynamic-styles",
-    "data-fibo": "1",
-    suppressHydrationWarning: !0,
-    dangerouslySetInnerHTML: { __html: nt() }
-  });
-}
-function Xt() {
-  return _(), g.createElement("style", {
-    id: "fibo-motion-presets",
-    "data-fibo-motion": "1",
-    dangerouslySetInnerHTML: { __html: P }
-  });
-}
-const at = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280
-};
-function Kt(s) {
-  return s in at;
-}
-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 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 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 V = (X = Math.round(I * 255).toString(16)) == null ? void 0 : X.toUpperCase();
-    return V.length === 1 ? `0${V}` : V;
-  };
-  return `#${L(dt)}${L(mt)}${L(pt)}`;
-}
-function qt(s) {
-  const t = {}, e = {}, r = s.split(`
-`);
-  for (const o of r) {
-    const i = o.trim();
-    if (!i || i.startsWith("//") || i.startsWith("*") || i === "@theme {" || i === "}")
-      continue;
-    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 [, c, d] = n, h = Gt(d);
-      t[h.toLowerCase()] = `bg-${c}`, e[h.toLowerCase()] = `text-${c}`;
-    } else if (a) {
-      const [, c, d] = a;
-      t[d.toLowerCase()] = `bg-${c}`, e[d.toLowerCase()] = `text-${c}`;
-    }
-  }
-  return { background: t, text: e };
-}
-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);
-  --color-red-300: oklch(0.808 0.114 19.571);
-  --color-red-400: oklch(0.704 0.191 22.216);
-  --color-red-500: oklch(0.637 0.237 25.331);
-  --color-red-600: oklch(0.577 0.245 27.325);
-  --color-red-700: oklch(0.505 0.213 27.518);
-  --color-red-800: oklch(0.444 0.177 26.899);
-  --color-red-900: oklch(0.396 0.141 25.723);
-  --color-red-950: oklch(0.258 0.092 26.042);
-  --color-orange-50: oklch(0.98 0.016 73.684);
-  --color-orange-100: oklch(0.954 0.038 75.164);
-  --color-orange-200: oklch(0.901 0.076 70.697);
-  --color-orange-300: oklch(0.837 0.128 66.29);
-  --color-orange-400: oklch(0.75 0.183 55.934);
-  --color-orange-500: oklch(0.705 0.213 47.604);
-  --color-orange-600: oklch(0.646 0.222 41.116);
-  --color-orange-700: oklch(0.553 0.195 38.402);
-  --color-orange-800: oklch(0.47 0.157 37.304);
-  --color-orange-900: oklch(0.408 0.123 38.172);
-  --color-orange-950: oklch(0.266 0.079 36.259);
-  --color-amber-50: oklch(0.987 0.022 95.277);
-  --color-amber-100: oklch(0.962 0.059 95.617);
-  --color-amber-200: oklch(0.924 0.12 95.746);
-  --color-amber-300: oklch(0.879 0.169 91.605);
-  --color-amber-400: oklch(0.828 0.189 84.429);
-  --color-amber-500: oklch(0.769 0.188 70.08);
-  --color-amber-600: oklch(0.666 0.179 58.318);
-  --color-amber-700: oklch(0.555 0.163 48.998);
-  --color-amber-800: oklch(0.473 0.137 46.201);
-  --color-amber-900: oklch(0.414 0.112 45.904);
-  --color-amber-950: oklch(0.279 0.077 45.635);
-  --color-yellow-50: oklch(0.987 0.026 102.212);
-  --color-yellow-100: oklch(0.973 0.071 103.193);
-  --color-yellow-200: oklch(0.945 0.129 101.54);
-  --color-yellow-300: oklch(0.905 0.182 98.111);
-  --color-yellow-400: oklch(0.852 0.199 91.936);
-  --color-yellow-500: oklch(0.795 0.184 86.047);
-  --color-yellow-600: oklch(0.681 0.162 75.834);
-  --color-yellow-700: oklch(0.554 0.135 66.442);
-  --color-yellow-800: oklch(0.476 0.114 61.907);
-  --color-yellow-900: oklch(0.421 0.095 57.708);
-  --color-yellow-950: oklch(0.286 0.066 53.813);
-  --color-lime-50: oklch(0.986 0.031 120.757);
-  --color-lime-100: oklch(0.967 0.067 122.328);
-  --color-lime-200: oklch(0.938 0.127 124.321);
-  --color-lime-300: oklch(0.897 0.196 126.665);
-  --color-lime-400: oklch(0.841 0.238 128.85);
-  --color-lime-500: oklch(0.768 0.233 130.85);
-  --color-lime-600: oklch(0.648 0.2 131.684);
-  --color-lime-700: oklch(0.532 0.157 131.589);
-  --color-lime-800: oklch(0.453 0.124 130.933);
-  --color-lime-900: oklch(0.405 0.101 131.063);
-  --color-lime-950: oklch(0.274 0.072 132.109);
-  --color-green-50: oklch(0.982 0.018 155.826);
-  --color-green-100: oklch(0.962 0.044 156.743);
-  --color-green-200: oklch(0.925 0.084 155.995);
-  --color-green-300: oklch(0.871 0.15 154.449);
-  --color-green-400: oklch(0.792 0.209 151.711);
-  --color-green-500: oklch(0.723 0.219 149.579);
-  --color-green-600: oklch(0.627 0.194 149.214);
-  --color-green-700: oklch(0.527 0.154 150.069);
-  --color-green-800: oklch(0.448 0.119 151.328);
-  --color-green-900: oklch(0.393 0.095 152.535);
-  --color-green-950: oklch(0.266 0.065 152.934);
-  --color-emerald-50: oklch(0.979 0.021 166.113);
-  --color-emerald-100: oklch(0.95 0.052 163.051);
-  --color-emerald-200: oklch(0.905 0.093 164.15);
-  --color-emerald-300: oklch(0.845 0.143 164.978);
-  --color-emerald-400: oklch(0.765 0.177 163.223);
-  --color-emerald-500: oklch(0.696 0.17 162.48);
-  --color-emerald-600: oklch(0.596 0.145 163.225);
-  --color-emerald-700: oklch(0.508 0.118 165.612);
-  --color-emerald-800: oklch(0.432 0.095 166.913);
-  --color-emerald-900: oklch(0.378 0.077 168.94);
-  --color-emerald-950: oklch(0.262 0.051 172.552);
-  --color-teal-50: oklch(0.984 0.014 180.72);
-  --color-teal-100: oklch(0.953 0.051 180.801);
-  --color-teal-200: oklch(0.91 0.096 180.426);
-  --color-teal-300: oklch(0.855 0.138 181.071);
-  --color-teal-400: oklch(0.777 0.152 181.912);
-  --color-teal-500: oklch(0.704 0.14 182.503);
-  --color-teal-600: oklch(0.6 0.118 184.704);
-  --color-teal-700: oklch(0.511 0.096 186.391);
-  --color-teal-800: oklch(0.437 0.078 188.216);
-  --color-teal-900: oklch(0.386 0.063 188.416);
-  --color-teal-950: oklch(0.277 0.046 192.524);
-  --color-cyan-50: oklch(0.984 0.019 200.873);
-  --color-cyan-100: oklch(0.956 0.045 203.388);
-  --color-cyan-200: oklch(0.917 0.08 205.041);
-  --color-cyan-300: oklch(0.865 0.127 207.078);
-  --color-cyan-400: oklch(0.789 0.154 211.53);
-  --color-cyan-500: oklch(0.715 0.143 215.221);
-  --color-cyan-600: oklch(0.609 0.126 221.723);
-  --color-cyan-700: oklch(0.52 0.105 223.128);
-  --color-cyan-800: oklch(0.45 0.085 224.283);
-  --color-cyan-900: oklch(0.398 0.07 227.392);
-  --color-cyan-950: oklch(0.302 0.056 229.695);
-  --color-sky-50: oklch(0.977 0.013 236.62);
-  --color-sky-100: oklch(0.951 0.026 236.824);
-  --color-sky-200: oklch(0.901 0.058 230.902);
-  --color-sky-300: oklch(0.828 0.111 230.318);
-  --color-sky-400: oklch(0.746 0.16 232.661);
-  --color-sky-500: oklch(0.685 0.169 237.323);
-  --color-sky-600: oklch(0.588 0.158 241.966);
-  --color-sky-700: oklch(0.5 0.134 242.749);
-  --color-sky-800: oklch(0.443 0.11 240.79);
-  --color-sky-900: oklch(0.391 0.09 240.876);
-  --color-sky-950: oklch(0.293 0.066 243.157);
-  --color-blue-50: oklch(0.97 0.014 254.604);
-  --color-blue-100: oklch(0.932 0.032 255.585);
-  --color-blue-200: oklch(0.882 0.059 254.128);
-  --color-blue-300: oklch(0.809 0.105 251.813);
-  --color-blue-400: oklch(0.707 0.165 254.624);
-  --color-blue-500: oklch(0.623 0.214 259.815);
-  --color-blue-600: oklch(0.546 0.245 262.881);
-  --color-blue-700: oklch(0.488 0.243 264.376);
-  --color-blue-800: oklch(0.424 0.199 265.638);
-  --color-blue-900: oklch(0.379 0.146 265.522);
-  --color-blue-950: oklch(0.282 0.091 267.935);
-  --color-indigo-50: oklch(0.962 0.018 272.314);
-  --color-indigo-100: oklch(0.93 0.034 272.788);
-  --color-indigo-200: oklch(0.87 0.065 274.039);
-  --color-indigo-300: oklch(0.785 0.115 274.713);
-  --color-indigo-400: oklch(0.673 0.182 276.935);
-  --color-indigo-500: oklch(0.585 0.233 277.117);
-  --color-indigo-600: oklch(0.511 0.262 276.966);
-  --color-indigo-700: oklch(0.457 0.24 277.023);
-  --color-indigo-800: oklch(0.398 0.195 277.366);
-  --color-indigo-900: oklch(0.359 0.144 278.697);
-  --color-indigo-950: oklch(0.257 0.09 281.288);
-  --color-violet-50: oklch(0.969 0.016 293.756);
-  --color-violet-100: oklch(0.943 0.029 294.588);
-  --color-violet-200: oklch(0.894 0.057 293.283);
-  --color-violet-300: oklch(0.811 0.111 293.571);
-  --color-violet-400: oklch(0.702 0.183 293.541);
-  --color-violet-500: oklch(0.606 0.25 292.717);
-  --color-violet-600: oklch(0.541 0.281 293.009);
-  --color-violet-700: oklch(0.491 0.27 292.581);
-  --color-violet-800: oklch(0.432 0.232 292.759);
-  --color-violet-900: oklch(0.38 0.189 293.745);
-  --color-violet-950: oklch(0.283 0.141 291.089);
-  --color-purple-50: oklch(0.977 0.014 308.299);
-  --color-purple-100: oklch(0.946 0.033 307.174);
-  --color-purple-200: oklch(0.902 0.063 306.703);
-  --color-purple-300: oklch(0.827 0.119 306.383);
-  --color-purple-400: oklch(0.714 0.203 305.504);
-  --color-purple-500: oklch(0.627 0.265 303.9);
-  --color-purple-600: oklch(0.558 0.288 302.321);
-  --color-purple-700: oklch(0.496 0.265 301.924);
-  --color-purple-800: oklch(0.438 0.218 303.724);
-  --color-purple-900: oklch(0.381 0.176 304.987);
-  --color-purple-950: oklch(0.291 0.149 302.717);
-  --color-fuchsia-50: oklch(0.977 0.017 320.058);
-  --color-fuchsia-100: oklch(0.952 0.037 318.852);
-  --color-fuchsia-200: oklch(0.903 0.076 319.62);
-  --color-fuchsia-300: oklch(0.833 0.145 321.434);
-  --color-fuchsia-400: oklch(0.74 0.238 322.16);
-  --color-fuchsia-500: oklch(0.667 0.295 322.15);
-  --color-fuchsia-600: oklch(0.591 0.293 322.896);
-  --color-fuchsia-700: oklch(0.518 0.253 323.949);
-  --color-fuchsia-800: oklch(0.452 0.211 324.591);
-  --color-fuchsia-900: oklch(0.401 0.17 325.612);
-  --color-fuchsia-950: oklch(0.293 0.136 325.661);
-  --color-pink-50: oklch(0.971 0.014 343.198);
-  --color-pink-100: oklch(0.948 0.028 342.258);
-  --color-pink-200: oklch(0.899 0.061 343.231);
-  --color-pink-300: oklch(0.823 0.12 346.018);
-  --color-pink-400: oklch(0.718 0.202 349.761);
-  --color-pink-500: oklch(0.656 0.241 354.308);
-  --color-pink-600: oklch(0.592 0.249 0.584);
-  --color-pink-700: oklch(0.525 0.223 3.958);
-  --color-pink-800: oklch(0.459 0.187 3.815);
-  --color-pink-900: oklch(0.408 0.153 2.432);
-  --color-pink-950: oklch(0.284 0.109 3.907);
-  --color-rose-50: oklch(0.969 0.015 12.422);
-  --color-rose-100: oklch(0.941 0.03 12.58);
-  --color-rose-200: oklch(0.892 0.058 10.001);
-  --color-rose-300: oklch(0.81 0.117 11.638);
-  --color-rose-400: oklch(0.712 0.194 13.428);
-  --color-rose-500: oklch(0.645 0.246 16.439);
-  --color-rose-600: oklch(0.586 0.253 17.585);
-  --color-rose-700: oklch(0.514 0.222 16.935);
-  --color-rose-800: oklch(0.455 0.188 13.697);
-  --color-rose-900: oklch(0.41 0.159 10.272);
-  --color-rose-950: oklch(0.271 0.105 12.094);
-  --color-slate-50: oklch(0.984 0.003 247.858);
-  --color-slate-100: oklch(0.968 0.007 247.896);
-  --color-slate-200: oklch(0.929 0.013 255.508);
-  --color-slate-300: oklch(0.869 0.022 252.894);
-  --color-slate-400: oklch(0.704 0.04 256.788);
-  --color-slate-500: oklch(0.554 0.046 257.417);
-  --color-slate-600: oklch(0.446 0.043 257.281);
-  --color-slate-700: oklch(0.372 0.044 257.287);
-  --color-slate-800: oklch(0.279 0.041 260.031);
-  --color-slate-900: oklch(0.208 0.042 265.755);
-  --color-slate-950: oklch(0.129 0.042 264.695);
-  --color-gray-50: oklch(0.985 0.002 247.839);
-  --color-gray-100: oklch(0.967 0.003 264.542);
-  --color-gray-200: oklch(0.928 0.006 264.531);
-  --color-gray-300: oklch(0.872 0.01 258.338);
-  --color-gray-400: oklch(0.707 0.022 261.325);
-  --color-gray-500: oklch(0.551 0.027 264.364);
-  --color-gray-600: oklch(0.446 0.03 256.802);
-  --color-gray-700: oklch(0.373 0.034 259.733);
-  --color-gray-800: oklch(0.278 0.033 256.848);
-  --color-gray-900: oklch(0.21 0.034 264.665);
-  --color-gray-950: oklch(0.13 0.028 261.692);
-  --color-zinc-50: oklch(0.985 0 0);
-  --color-zinc-100: oklch(0.967 0.001 286.375);
-  --color-zinc-200: oklch(0.92 0.004 286.32);
-  --color-zinc-300: oklch(0.871 0.006 286.286);
-  --color-zinc-400: oklch(0.705 0.015 286.067);
-  --color-zinc-500: oklch(0.552 0.016 285.938);
-  --color-zinc-600: oklch(0.442 0.017 285.786);
-  --color-zinc-700: oklch(0.37 0.013 285.805);
-  --color-zinc-800: oklch(0.274 0.006 286.033);
-  --color-zinc-900: oklch(0.21 0.006 285.885);
-  --color-zinc-950: oklch(0.141 0.005 285.823);
-  --color-neutral-50: oklch(0.985 0 0);
-  --color-neutral-100: oklch(0.97 0 0);
-  --color-neutral-200: oklch(0.922 0 0);
-  --color-neutral-300: oklch(0.87 0 0);
-  --color-neutral-400: oklch(0.708 0 0);
-  --color-neutral-500: oklch(0.556 0 0);
-  --color-neutral-600: oklch(0.439 0 0);
-  --color-neutral-700: oklch(0.371 0 0);
-  --color-neutral-800: oklch(0.269 0 0);
-  --color-neutral-900: oklch(0.205 0 0);
-  --color-neutral-950: oklch(0.145 0 0);
-  --color-stone-50: oklch(0.985 0.001 106.423);
-  --color-stone-100: oklch(0.97 0.001 106.424);
-  --color-stone-200: oklch(0.923 0.003 48.717);
-  --color-stone-300: oklch(0.869 0.005 56.366);
-  --color-stone-400: oklch(0.709 0.01 56.259);
-  --color-stone-500: oklch(0.553 0.013 58.071);
-  --color-stone-600: oklch(0.444 0.011 73.639);
-  --color-stone-700: oklch(0.374 0.01 67.558);
-  --color-stone-800: oklch(0.268 0.007 34.298);
-  --color-stone-900: oklch(0.216 0.006 56.043);
-  --color-stone-950: oklch(0.147 0.004 49.25);
-  --color-black: #000;
-  --color-white: #fff;
-`, Qt = qt(Jt), ct = {
-  borderRadius: {
-    0: "rounded-none",
-    "0px": "rounded-none",
-    "1px": "rounded-sm",
-    "2px": "rounded-sm",
-    "3px": "rounded",
-    "4px": "rounded",
-    "5px": "rounded-md",
-    "6px": "rounded-md",
-    "7px": "rounded-lg",
-    "8px": "rounded-lg",
-    "9px": "rounded-lg",
-    "10px": "rounded-lg",
-    "11px": "rounded-xl",
-    "12px": "rounded-xl",
-    "14px": "rounded-2xl",
-    "16px": "rounded-2xl",
-    "20px": "rounded-3xl",
-    "50%": "rounded-full",
-    "9999px": "rounded-full"
-  },
-  fontSize: {
-    "0.75rem": "text-xs",
-    "0.875rem": "text-sm",
-    "1rem": "text-base",
-    "1.125rem": "text-lg",
-    "1.25rem": "text-xl",
-    "1.5rem": "text-2xl",
-    "1.875rem": "text-3xl",
-    "2.25rem": "text-4xl",
-    "3rem": "text-5xl",
-    "3.75rem": "text-6xl",
-    "4.5rem": "text-7xl",
-    "6rem": "text-8xl",
-    "8rem": "text-9xl"
-  },
-  fontWeight: {
-    100: "font-thin",
-    200: "font-extralight",
-    300: "font-light",
-    400: "font-normal",
-    500: "font-medium",
-    600: "font-semibold",
-    700: "font-bold",
-    800: "font-extrabold",
-    900: "font-black"
-  },
-  fontFamily: {
-    "ui-serif": "font-serif",
-    "ui-monospace": "font-mono",
-    "ui-sans-serif": "font-sans",
-    default: "font-sans"
-  },
-  textAlign: {
-    left: "text-left",
-    center: "text-center",
-    right: "text-right",
-    justify: "text-justify"
-  },
-  textDecoration: {
-    underline: "underline",
-    overline: "overline",
-    "line-through": "line-through",
-    none: "no-underline"
-  },
-  fontVariantNumeric: {
-    "tabular-nums": "tabular-nums",
-    "oldstyle-nums": "oldstyle-nums",
-    "lining-nums": "lining-nums",
-    "proportional-nums": "proportional-nums",
-    "diagonal-fractions": "diagonal-fractions",
-    "stacked-fractions": "stacked-fractions",
-    ordinal: "ordinal",
-    "slashed-zero": "slashed-zero",
-    normal: "normal-nums"
-  },
-  fontStyle: {
-    normal: "normal",
-    italic: "italic",
-    oblique: "oblique"
-  },
-  display: {
-    block: "block",
-    flex: "flex",
-    "inline-flex": "inline-flex",
-    grid: "grid",
-    hidden: "hidden",
-    none: "hidden"
-  },
-  position: {
-    static: "static",
-    relative: "relative",
-    absolute: "absolute",
-    fixed: "fixed",
-    sticky: "sticky"
-  }
-}, te = (s, t) => ({
-  // 背景色
-  backgroundColor: (e) => e.backgroundColor ? [s.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
-  // 文字色
-  color: (e) => e.color ? [s.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
-  // 圆角
-  borderRadius: (e) => {
-    if (!e.borderRadius)
-      return [];
-    const r = ct.borderRadius[e.borderRadius] || N("rounded", e.borderRadius);
-    return r ? [r] : [];
-  },
-  // 外边距
-  margin: (e) => {
-    const r = [];
-    if (e.margin !== void 0) {
-      const i = N("m", e.margin);
-      return i ? [i] : [];
-    }
-    return [
-      { prop: e.marginTop, dir: "mt" },
-      { prop: e.marginRight, dir: "mr" },
-      { prop: e.marginBottom, dir: "mb" },
-      { prop: e.marginLeft, dir: "ml" },
-      { prop: e.marginX, dir: "mx" },
-      { prop: e.marginY, dir: "my" }
-    ].forEach(({ prop: i, dir: n }) => {
-      if (i !== void 0) {
-        const a = N(n, i);
-        a && r.push(a);
-      }
-    }), r;
-  },
-  // 内边距
-  padding: (e) => {
-    const r = [];
-    if (e.padding !== void 0) {
-      const i = N("p", e.padding);
-      return i ? [i] : [];
-    }
-    return [
-      { prop: e.paddingTop, dir: "pt" },
-      { prop: e.paddingRight, dir: "pr" },
-      { prop: e.paddingBottom, dir: "pb" },
-      { prop: e.paddingLeft, dir: "pl" },
-      { prop: e.paddingX, dir: "px" },
-      { prop: e.paddingY, dir: "py" }
-    ].forEach(({ prop: i, dir: n }) => {
-      if (i !== void 0) {
-        const a = N(n, i);
-        a && r.push(a);
-      }
-    }), r;
-  },
-  // 字体
-  font: (e) => {
-    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 o = t.textAlign[e.textAlign];
-      o && r.push(o);
-    }
-    if (e.fontFamily) {
-      const o = t.fontFamily[e.fontFamily];
-      o && r.push(o);
-    }
-    if (e.textDecoration) {
-      const o = t.textDecoration[e.textDecoration];
-      o && r.push(o);
-    }
-    if (e.fontVariantNumeric) {
-      const o = t.fontVariantNumeric[e.fontVariantNumeric];
-      o && r.push(o);
-    }
-    if (e.fontStyle) {
-      const o = t.fontStyle[e.fontStyle];
-      o && r.push(o);
-    }
-    return r;
-  },
-  // 尺寸
-  size: (e) => {
-    const r = [];
-    if (e.width) {
-      const o = e.width.toString();
-      r.push(`w-[${o}]`);
-    }
-    if (e.height) {
-      const o = e.height.toString();
-      r.push(`h-[${o}]`);
-    }
-    return r;
-  },
-  // 布局
-  layout: (e) => {
-    const r = [];
-    if (e.display) {
-      const o = t.display[e.display];
-      o && r.push(o);
-    }
-    if (e.flexDirection) {
-      const i = {
-        row: "flex-row",
-        column: "flex-col",
-        "row-reverse": "flex-row-reverse",
-        "column-reverse": "flex-col-reverse"
-      }[e.flexDirection];
-      i && r.push(i);
-    }
-    if (e.justifyContent) {
-      const i = {
-        "flex-start": "justify-start",
-        "flex-end": "justify-end",
-        center: "justify-center",
-        "space-between": "justify-between",
-        "space-around": "justify-around",
-        "space-evenly": "justify-evenly"
-      }[e.justifyContent];
-      i && r.push(i);
-    }
-    if (e.alignItems) {
-      const i = {
-        "flex-start": "items-start",
-        "flex-end": "items-end",
-        center: "items-center",
-        baseline: "items-baseline",
-        stretch: "items-stretch"
-      }[e.alignItems];
-      i && r.push(i);
-    }
-    if (e.gap) {
-      const o = N("gap", e.gap);
-      o && r.push(o);
-    }
-    return r;
-  },
-  // 定位
-  position: (e) => e.position ? [t.position[e.position] || ""].filter(Boolean) : [],
-  // 透明度
-  opacity: (e) => {
-    if (e.opacity === void 0)
-      return [];
-    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"
-    }[r] || Math.round(r * 100)}`];
-  },
-  // 自定义类名
-  className: (e) => e.className ? [e.className] : []
-}), ee = {
-  backgroundColor: "backgroundColor",
-  color: "color",
-  borderRadius: "borderRadius",
-  margin: "margin",
-  marginTop: "margin",
-  marginRight: "margin",
-  marginBottom: "margin",
-  marginLeft: "margin",
-  marginX: "margin",
-  marginY: "margin",
-  padding: "padding",
-  paddingTop: "padding",
-  paddingRight: "padding",
-  paddingBottom: "padding",
-  paddingLeft: "padding",
-  paddingX: "padding",
-  paddingY: "padding",
-  fontSize: "font",
-  fontWeight: "font",
-  textAlign: "font",
-  textDecoration: "font",
-  fontVariantNumeric: "font",
-  fontStyle: "font",
-  width: "size",
-  height: "size",
-  display: "layout",
-  flexDirection: "layout",
-  justifyContent: "layout",
-  alignItems: "layout",
-  gap: "layout",
-  position: "position",
-  opacity: "opacity",
-  className: "className"
-}, 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(s);
-        i.push(...h), n.add(c);
-      }
-    }
-  }), i.filter(Boolean).join(" ");
-};
-function re(s) {
-  const t = {};
-  return s.forEach((e, r) => {
-    t[r] = e.value;
-  }), t;
-}
-function oe({ animatedProps: s, animationConfig: t, children: e }) {
-  const [r, o] = Z(
-    () => re(s)
-  );
-  A(() => {
-    const c = [];
-    return s.forEach((d, h) => {
-      const f = (m) => {
-        o((p) => ({
-          ...p,
-          [h]: m
-        }));
-      };
-      c.push(d.subscribe(f)), f(d.value);
-    }), () => {
-      c.forEach((d) => d());
-    };
-  }, [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 (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,
-    ...n
-  };
-  return yt(e, { style: a });
-}
-class k {
-  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);
-  }
-  color(t) {
-    return this.set("color", t);
-  }
-  text(t) {
-    return this.color(t);
-  }
-  opacity(t) {
-    return this.set("opacity", String(t));
-  }
-  borderColor(t) {
-    return this.set("border-color", t);
-  }
-  transform(t) {
-    return this.transforms.set("raw", t), this.flushTransform();
-  }
-  scale(t) {
-    return this.transforms.set("scale", `scale(${t})`), this.flushTransform();
-  }
-  translateX(t) {
-    const e = typeof t == "number" ? `${t}px` : t;
-    return this.transforms.set("translateX", `translateX(${e})`), this.flushTransform();
-  }
-  translateY(t) {
-    const e = typeof t == "number" ? `${t}px` : t;
-    return this.transforms.set("translateY", `translateY(${e})`), this.flushTransform();
-  }
-  rotate(t) {
-    return this.transforms.set("rotate", `rotate(${t}deg)`), this.flushTransform();
-  }
-  shadow(t) {
-    return this.set("box-shadow", t);
-  }
-  css(t, e) {
-    return this.set(t, e);
-  }
-  transition(t, e, r, o) {
-    if (typeof t == "string" && e === void 0)
-      return this.set("transition", t);
-    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;
-  }
-  easing(t) {
-    return this.transitionEasing = v(t), this.applyTransition(), this;
-  }
-  ease(t) {
-    return this.easing(t);
-  }
-  delay(t) {
-    return this.transitionDelay = t, this.applyTransition(), this;
-  }
-  properties(t) {
-    return this.transitionProperties = t, this.applyTransition(), this;
-  }
-  applyTransition() {
-    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 r = u.registerPseudo(this.pseudoState, t, e, this.isGroup);
-    return this.parentBuilder.addClassName(r), this;
-  }
-  end() {
-    return this.parentBuilder;
-  }
-}
-function Te(s, t) {
-  if (typeof document > "u") return;
-  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 Ie(s) {
-  const t = typeof document < "u" ? document : void 0, e = t == null ? void 0 : t.startViewTransition;
-  if (typeof e == "function") {
-    e.call(t, s);
-    return;
-  }
-  s();
-}
-function ie() {
-  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "view()");
-}
-function ne() {
-  return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", "scroll()");
-}
-function ae({
-  preset: s = "fadeUp",
-  once: t = !0,
-  rootMargin: e = "0px 0px -8% 0px",
-  threshold: r = 0.12,
-  forceMotion: o = !1,
-  preferTimeline: i = !1,
-  children: n
-}) {
-  const a = w(null);
-  A(() => {
-    _();
-    const d = a.current;
-    if (!d) return;
-    if (i && ie()) {
-      d.classList.add("fibo-inview");
-      return;
-    }
-    if (typeof IntersectionObserver > "u") {
-      d.classList.add("fibo-inview");
-      return;
-    }
-    const h = new IntersectionObserver(
-      (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: r }
-    );
-    return h.observe(d), () => h.disconnect();
-  }, [t, e, r, i]);
-  const c = [
-    "fibo-reveal",
-    `fibo-reveal-${s}`,
-    // 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: c, "data-fibo-reveal": s }, n);
-}
-function le({ children: s }) {
-  const t = w(null);
-  return A(() => {
-    if (_(), ne()) return;
-    const e = () => {
-      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 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" } },
-    s
-  );
-}
-const ht = 64, ce = `${ht}px`;
-class Re {
-  constructor() {
-    /** @internal Extra DOM props forwarded to the host element. */
-    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. */
-    l(this, "_hug", !1);
-    // Transition properties
-    l(this, "_transitionDuration", 200);
-    // ms
-    l(this, "_transitionEasing", "ease-in-out");
-    l(this, "_transitionDelay", 0);
-    // ms
-    l(this, "_transitionProperties", ["all"]);
-    l(this, "_childFunction");
-  }
-  hug() {
-    return this._hug = !0, this;
-  }
-  isHug() {
-    return this._hug;
-  }
-  id(t) {
-    return this._props.id = t, this;
-  }
-  /**
-   * Scroll target. Same as `.id()`, plus `scroll-margin-top` so the section
-   * is not hidden under a sticky header. Pair with `scrollTo('#name')`.
-   */
-  anchor(t) {
-    return this.id(t), this._explicitScrollMargin || this._classNames.push(
-      u.register("scroll-margin-top", "var(--fibo-sticky-offset, 0px)")
-    ), this;
-  }
-  /**
-   * Explicit `scroll-margin-top` on this node (overrides the sticky CSS variable
-   * that `.anchor()` applies).
-   */
-  scrollMargin(t) {
-    this._explicitScrollMargin = !0;
-    const e = typeof t == "number" ? `${t}px` : t;
-    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) {
-    return t && !this._classNames.includes(t) && this._classNames.push(t), this;
-  }
-  /**
-   * React list key. After this is called, React reads the key as a string
-   * on both the builder element and the inner host wrapper.
-   * Builders are valid elements — you do not need `.build()`.
-   */
-  key(t) {
-    this._props.key = t;
-    const e = this.__fiboElementProps;
-    return e && typeof e == "object" && (this.__fiboElementProps = { ...e, key: String(t) }), this;
-  }
-  paddingHorizontal(t) {
-    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, 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, 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, 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;
-  }
-  alignItems(t) {
-    return this._classNames.push(`items-${t}`), this;
-  }
-  justifyContent(t) {
-    return this._classNames.push(`justify-${t}`), this;
-  }
-  flex(t) {
-    if (this._classNames.push("flex"), t !== void 0)
-      if (typeof t == "number") {
-        const e = u.register("flex", String(t));
-        this._classNames.push(e);
-      } else typeof t == "string" && this._classNames.push(`flex-${t}`);
-    return this;
-  }
-  grid() {
-    return this._classNames.push("grid"), this;
-  }
-  inlineFlex() {
-    return this._classNames.push("inline-flex"), this;
-  }
-  inlineGrid() {
-    return this._classNames.push("inline-grid"), this;
-  }
-  block() {
-    return this._classNames.push("block"), this;
-  }
-  inlineBlock() {
-    return this._classNames.push("inline-block"), this;
-  }
-  hidden() {
-    return this._classNames.push("hidden"), this;
-  }
-  center() {
-    return this._classNames.push("flex", "items-center", "justify-center"), this;
-  }
-  centerX() {
-    return this._classNames.push("flex", "justify-center"), this;
-  }
-  centerY() {
-    return this._classNames.push("flex", "items-center"), this;
-  }
-  spaceBetween() {
-    return this._classNames.push("justify-between"), this;
-  }
-  spaceAround() {
-    return this._classNames.push("justify-around"), this;
-  }
-  spaceEvenly() {
-    return this._classNames.push("justify-evenly"), this;
-  }
-  fill() {
-    return this._classNames.push("w-full", "h-full"), this;
-  }
-  fillWidth() {
-    return this._classNames.push("w-full"), this;
-  }
-  fillHeight() {
-    return this._classNames.push("h-full"), this;
-  }
-  square(t) {
-    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 = u.register("opacity", String(t));
-    return this._classNames.push(e), this;
-  }
-  p(t) {
-    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);
-  }
-  py(t) {
-    return this.paddingVertical(t);
-  }
-  paddingX(t) {
-    return this.paddingHorizontal(t);
-  }
-  paddingY(t) {
-    return this.paddingVertical(t);
-  }
-  m(t) {
-    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);
-  }
-  my(t) {
-    return this.marginVertical(t);
-  }
-  marginX(t) {
-    return this.marginHorizontal(t);
-  }
-  marginY(t) {
-    return this.marginVertical(t);
-  }
-  bg(t) {
-    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, 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, r = u.register("color", e);
-    return this._classNames.push(r), this;
-  }
-  resolveSemanticColor(t) {
-    return [
-      "primary",
-      "on-primary",
-      "primary-container",
-      "on-primary-container",
-      "secondary",
-      "on-secondary",
-      "secondary-container",
-      "on-secondary-container",
-      "tertiary",
-      "on-tertiary",
-      "tertiary-container",
-      "on-tertiary-container",
-      "error",
-      "on-error",
-      "background",
-      "on-background",
-      "surface",
-      "on-surface",
-      "surface-variant",
-      "on-surface-variant",
-      "outline"
-    ].includes(t) ? `var(--fibo-${t})` : t;
-  }
-  shadow(t) {
-    if (t === null || t === "none") {
-      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)",
-      md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-      lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
-      xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-      "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
-      card: "0 2px 8px rgba(0, 0, 0, 0.1)",
-      button: "0 2px 4px rgba(0, 0, 0, 0.12)",
-      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)"
-    }, 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);
-        f = `rgba(${y}, ${b}, ${x}, ${c})`;
-      }
-      const p = {
-        sm: "2px",
-        md: "4px",
-        lg: "8px",
-        xl: "12px",
-        "2xl": "16px"
-      }[n] || "4px";
-      switch (i) {
-        case "top":
-          return `0 -${p} ${p} -1px ${f}`;
-        case "bottom":
-          return `0 ${p} ${p} -1px ${f}`;
-        case "left":
-          return `-${p} 0 ${p} -1px ${f}`;
-        case "right":
-          return `${p} 0 ${p} -1px ${f}`;
-        case "top-bottom":
-        case "vertical":
-          return `0 -${p} ${p} -1px ${f}, 0 ${p} ${p} -1px ${f}`;
-        case "left-right":
-        case "horizontal":
-          return `-${p} 0 ${p} -1px ${f}, ${p} 0 ${p} -1px ${f}`;
-        case "all":
-        default:
-          return e[n] || e.md;
-      }
-    };
-    if (!t) {
-      const i = u.register("box-shadow", e.md);
-      return this._classNames.push(i), this;
-    }
-    if (typeof t == "string") {
-      if (r(t)) {
-        const a = o("all", "md", t), c = u.register("box-shadow", a);
-        return this._classNames.push(c), this;
-      }
-      const i = e[t] || e.md, n = u.register("box-shadow", i);
-      return this._classNames.push(n), this;
-    }
-    if (Array.isArray(t)) {
-      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 = 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 = o(d, n, a, c), p = u.register("box-shadow", m);
-        return this._classNames.push(p), this;
-      }
-    }
-    return this;
-  }
-  /**
-   * Breakpoint styles compiled to CSS `@media` (same engine as `.md()`).
-   * Tiers stay mutually exclusive: mobile `<768`, tablet `768–1023`, desktop `≥1024`.
-   * No `window.innerWidth` — hydrate-safe.
-   */
-  responsive(t) {
-    return this.registerMediaStyles("(max-width: 767px)", t.mobile), this.registerMediaStyles("(min-width: 768px) and (max-width: 1023px)", t.tablet), this.registerMediaStyles("(min-width: 1024px)", t.desktop), this;
-  }
-  /**
-   * CSS `@media` (min-width or a raw query). Compiles to a class — no resize JS.
-   *
-   * @example Box().padding(8).media('md', { padding: 16 }).media('(prefers-color-scheme: dark)', { backgroundColor: '#111' })
-   */
-  media(t, e) {
-    return this.registerMediaStyles(Yt(t), e), this;
-  }
-  registerMediaStyles(t, e) {
-    if (!e) return;
-    const r = /* @__PURE__ */ new Set([
-      "opacity",
-      "zIndex",
-      "z-index",
-      "flex",
-      "flexGrow",
-      "flexShrink",
-      "order",
-      "fontWeight",
-      "lineHeight"
-    ]);
-    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) {
-    return this.media("sm", t);
-  }
-  md(t) {
-    return this.media("md", t);
-  }
-  lg(t) {
-    return this.media("lg", t);
-  }
-  xl(t) {
-    return this.media("xl", t);
-  }
-  rounded(t) {
-    if (typeof t == "number") {
-      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 = u.register("border-radius", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  borderRadius(t) {
-    if (typeof t == "number") {
-      const e = u.register("border-radius", `${t}px`);
-      this._classNames.push(e);
-    } else {
-      const e = u.register("border-radius", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  borderColor(t) {
-    if (t.startsWith("border-"))
-      this._classNames.push(t);
-    else if (["red", "blue", "green", "gray", "white", "black", "transparent"].some((e) => t.includes(e)))
-      this._classNames.push(`border-${t}`);
-    else {
-      const e = u.register("border-color", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  width(t) {
-    if (typeof t == "number") {
-      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 = u.register("width", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  height(t) {
-    if (typeof t == "number") {
-      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 = u.register("height", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  gap(t) {
-    if (typeof t == "number") {
-      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 = u.register("gap", t);
-      this._classNames.push(e);
-    }
-    return this;
-  }
-  clean() {
-    return this._classNames.push(
-      "[&_input]:outline-none",
-      "[&_input]:ring-0",
-      "[&_input]:border-none",
-      "[&_input]:!shadow-none",
-      "[&_input]:bg-transparent",
-      "[&_input]:h-full",
-      "[&_input]:w-full",
-      "[&_input]:p-0",
-      "[&_textarea]:outline-none",
-      "[&_textarea]:ring-0",
-      "[&_textarea]:border-none",
-      "[&_textarea]:!shadow-none",
-      "[&_textarea]:bg-transparent",
-      "[&_textarea]:h-full",
-      "[&_textarea]:w-full",
-      "[&_textarea]:p-0",
-      "[&_select]:outline-none",
-      "[&_select]:ring-0",
-      "[&_select]:border-none",
-      "[&_select]:!shadow-none",
-      "[&_select]:bg-transparent",
-      "[&_select]:h-full",
-      "[&_select]:w-full",
-      "[&_select]:p-0",
-      "[&_.fibo-textfield-input]:outline-none",
-      "[&_.fibo-textfield-input]:ring-0",
-      "[&_.fibo-textfield-input]:border-none",
-      "[&_.fibo-textfield-input]:!shadow-none",
-      "[&_.fibo-textfield-input]:bg-transparent",
-      "[&_.fibo-textfield-input]:h-full",
-      "[&_.fibo-textfield-input]:w-full",
-      "[&_.fibo-textfield-input]:p-0",
-      "[&_.fibo-textarea-input]:outline-none",
-      "[&_.fibo-textarea-input]:ring-0",
-      "[&_.fibo-textarea-input]:border-none",
-      "[&_.fibo-textarea-input]:!shadow-none",
-      "[&_.fibo-textarea-input]:bg-transparent",
-      "[&_.fibo-textarea-input]:h-full",
-      "[&_.fibo-textarea-input]:w-full",
-      "[&_.fibo-textarea-input]:p-0",
-      "[&>div]:h-full"
-    ), this;
-  }
-  borderInput(t = "gray-300", e = "blue-500") {
-    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-${o}`,
-      "focus-within:ring-2",
-      `focus-within:ring-${i}`,
-      `focus-within:border-${i}`
-    ), this.clean();
-  }
-  weight(t) {
-    if (typeof t == "number") {
-      const e = u.register("font-weight", String(t));
-      this._classNames.push(e);
-    } else {
-      const e = {
-        thin: "font-thin",
-        extralight: "font-extralight",
-        light: "font-light",
-        normal: "font-normal",
-        medium: "font-medium",
-        semibold: "font-semibold",
-        bold: "font-bold",
-        extrabold: "font-extrabold",
-        black: "font-black"
-      };
-      if (e[t])
-        this._classNames.push(e[t]);
-      else {
-        const r = u.register("font-weight", t);
-        this._classNames.push(r);
-      }
-    }
-    return this;
-  }
-  onClick(t) {
-    return this._props.onClick = t, this;
-  }
-  state(t, e) {
-    return this._state.set(t, e), this;
-  }
-  getState(t) {
-    return this._state.get(t);
-  }
-  setState(t, e) {
-    return this._state.set(t, e), this;
-  }
-  provide(t, e) {
-    return this._providers.set(t, e), this;
-  }
-  consume(t) {
-    return this._providers.get(t);
-  }
-  observer(t) {
-    return this._isObserver = !0, typeof t == "object" && t !== null ? t.key !== void 0 && this.key(t.key) : t !== void 0 && this.key(t), this;
-  }
-  observe(t) {
-    return this._observers.add(t), this;
-  }
-  bindSignal(t) {
-    return this._signals.add(t), this;
-  }
-  translateX(t) {
-    return t instanceof R ? this._animatedProps.set("translateX", t) : this._transforms.push(`translateX(${t}px)`), this;
-  }
-  translateY(t) {
-    return t instanceof R ? this._animatedProps.set("translateY", t) : this._transforms.push(`translateY(${t}px)`), this;
-  }
-  scale(t) {
-    return t instanceof R ? this._animatedProps.set("scale", t) : this._transforms.push(`scale(${t})`), this;
-  }
-  rotate(t) {
-    return t instanceof R ? this._animatedProps.set("rotate", t) : this._transforms.push(`rotate(${t}deg)`), this;
-  }
-  gesture(t) {
-    return this._gesture = t, this;
-  }
-  animation(t) {
-    return this._animationConfig = t, this;
-  }
-  hasStateManagement() {
-    return this._state.size > 0 || this._providers.size > 0 || this._observers.size > 0 || this._signals.size > 0 || this._isObserver || this._animatedProps.size > 0;
-  }
-  className(t) {
-    return this._classNames.push(t), this;
-  }
-  classNames(t) {
-    return this._classNames.push(...t), this;
-  }
-  css(t) {
-    return this._cssStyles = { ...this._cssStyles, ...t }, this;
-  }
-  style(t) {
-    return this._style = { ...this._style, ...t }, this;
-  }
-  props(t) {
-    return this._props = { ...this._props, ...t }, this;
-  }
-  transition(t, e, r, o) {
-    if (typeof t == "string" && e === void 0)
-      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
-   * Example: .duration(200) → 200ms
-   */
-  duration(t) {
-    return this._transitionDuration = t, this._motionClass ? (this._style["--fibo-dur"] = `${t}ms`, this) : (this._applyTransition(), this);
-  }
-  /**
-   * Set transition easing function
-   * Example: .easing('ease-in-out')
-   */
-  easing(t) {
-    return this._transitionEasing = v(t), this._motionClass ? (this._style["--fibo-ease"] = this._transitionEasing, this) : (this._applyTransition(), this);
-  }
-  /** Alias of `.easing()`. `'spring'` becomes CSS `linear()`. */
-  ease(t) {
-    return this.easing(t);
-  }
-  /**
-   * Set transition delay in milliseconds
-   * Example: .delay(100) → 100ms delay
-   */
-  delay(t) {
-    return this._transitionDelay = t, this._motionClass ? (this._style["--fibo-delay"] = `${t}ms`, this) : (this._applyTransition(), this);
-  }
-  /**
-   * Set which properties to transition
-   * Example: .properties(['color', 'transform'])
-   */
-  properties(t) {
-    return this._transitionProperties = t, this._applyTransition(), this;
-  }
-  /**
-   * Apply the built transition to the element
-   */
-  _applyTransition() {
-    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 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: (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 (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 = 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 c = v(n ?? "ease", a);
-    this._classNames.push(this._motionClass);
-    const d = this._style;
-    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) {
-    const e = it(t);
-    return this._transitionEasing = e, this._motionClass ? (this._style["--fibo-ease"] = e, this) : (this._applyTransition(), this);
-  }
-  reducedMotion(t = "reduce") {
-    return this._reducedMotion = t, t === "never" && !this._classNames.includes("fibo-motion-force") && this._classNames.push("fibo-motion-force"), this;
-  }
-  press(t) {
-    return this.ensureInteractiveTransition(), t ? (this.active(t), this) : (this.active((e) => {
-      e.scale(0.97);
-    }), this);
-  }
-  focusVisible(t) {
-    const e = new k("focus-visible", this);
-    return t ? (t(e), this) : e;
-  }
-  stagger(t) {
-    return this._staggerMs = t, this._usesCssMotion = !0, this._style["--fibo-stagger"] = `${t}ms`, _(), this;
-  }
-  /** Scroll-reveal: IntersectionObserver toggles `.fibo-inview`. */
-  reveal(t = "fadeUp") {
-    return this._reveal = typeof t == "string" ? { preset: t, once: !0 } : { preset: "fadeUp", once: !0, ...t }, this._usesCssMotion = !0, _(), this;
-  }
-  /** Alias of `.reveal()` for scroll-triggered presets. */
-  onScroll(t = "fadeIn") {
-    return this.reveal(t);
-  }
-  /** CSS `animation-timeline: view()` / `scroll()`; IntersectionObserver reveal is the fallback. */
-  scrollTimeline(t = "view") {
-    return _(), this._classNames.push(t === "scroll" ? "fibo-scroll-timeline" : "fibo-view-timeline"), this._usesCssMotion = !0, t === "view" && !this._reveal && (this._reveal = { preset: "fadeUp", once: !0 }), this;
-  }
-  scrollProgress() {
-    return _(), this._scrollProgress = !0, this._classNames.push("fibo-scroll-progress"), this._usesCssMotion = !0, this;
-  }
-  smoothScroll() {
-    return this._classNames.push(u.register("scroll-behavior", "smooth")), this;
-  }
-  scrollSnap(t = "y") {
-    return _(), this._classNames.push(`fibo-snap-${t}`), this;
-  }
-  scrollSnapAlign(t = "start") {
-    return _(), this._classNames.push(`fibo-snap-${t}`), this;
-  }
-  sticky(t = 0) {
-    if (t === !1) return this;
-    this._classNames.push(u.register("position", "sticky"));
-    const e = t === !0 ? "0px" : typeof t == "number" ? `${t}px` : t;
-    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
-   * clear this bar. Header uses the real bar height.
-   */
-  publishStickyOffset(t) {
-    const e = typeof t == "number" ? `${t}px` : t;
-    u.registerRoot("--fibo-sticky-offset", e), u.ensureScrollPadding();
-  }
-  viewTransition(t) {
-    return this._viewTransition = t, this._style.viewTransitionName = t, this;
-  }
-  /** Default `:focus-visible` ring. Pass a callback to customize. */
-  focusRing(t = "var(--fibo-primary)") {
-    return this.focusVisible((e) => {
-      e.css("outline", `2px solid ${t}`), e.css("outline-offset", "2px");
-    }), this;
-  }
-  ensureInteractiveTransition() {
-    this._transitionClass || this._motionClass || this.replaceTransitionClass(
-      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) {
-    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();
-    const e = new k("hover", this);
-    return t ? (t(e), this) : e;
-  }
-  focus(t) {
-    const e = new k("focus", this);
-    return t ? (t(e), this) : e;
-  }
-  active(t) {
-    const e = new k("active", this);
-    return t ? (t(e), this) : e;
-  }
-  visited(t) {
-    const e = new k("visited", this);
-    return t ? (t(e), this) : e;
-  }
-  disabledState(t) {
-    const e = new k("disabled", this);
-    return t ? (t(e), this) : e;
-  }
-  focusWithin(t) {
-    const e = new k("focus-within", this);
-    return t ? (t(e), this) : e;
-  }
-  firstChild(t) {
-    const e = new k("first-child", this);
-    return t ? (t(e), this) : e;
-  }
-  lastChild(t) {
-    const e = new k("last-child", this);
-    return t ? (t(e), this) : e;
-  }
-  groupHover(t) {
-    const e = new k("hover", this, !0);
-    return t ? (t(e), this) : e;
-  }
-  groupFocus(t) {
-    const e = new k("focus", this, !0);
-    return t ? (t(e), this) : e;
-  }
-  groupActive(t) {
-    const e = new k("active", this, !0);
-    return t ? (t(e), this) : e;
-  }
-  groupFocusWithin(t) {
-    const e = new k("focus-within", this, !0);
-    return t ? (t(e), this) : e;
-  }
-  group() {
-    return this._classNames.push("group"), this;
-  }
-  children(t) {
-    return typeof t == "function" ? (this._childFunction = t, this._children = []) : (this._children = K(t), this._childFunction = void 0), this;
-  }
-  getClassName() {
-    let 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 && (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: r = "easeOut", stiffness: o, damping: i } = this._animationConfig, n = v(r, { stiffness: o, damping: i });
-      t.transition = `all ${e}ms ${n}`;
-    }
-    return t;
-  }
-  processChildren() {
-    const t = this._childFunction ? K(this._childFunction) : this._children;
-    return this._staggerMs == null ? t : t.map(
-      (e, r) => g.createElement(
-        "span",
-        {
-          key: g.isValidElement(e) && H(e.key) ? e.key : `fibo-stagger-${r}`,
-          className: "fibo-stagger-item",
-          style: { "--fibo-i": String(r) }
-        },
-        e
-      )
-    );
-  }
-  getChildFunction() {
-    return this._childFunction;
-  }
-}
-const he = /* @__PURE__ */ new Set([
-  "$$typeof",
-  "type",
-  "props",
-  "ref",
-  "_owner",
-  "_store",
-  "_self",
-  "_source",
-  "_debugStack",
-  "_debugTask",
-  "_debugInfo"
-]);
-function ue(s) {
-  var e;
-  const t = (e = s._props) == null ? void 0 : e.key;
-  if (!(t == null || t === ""))
-    return t;
-}
-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 = 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 = s._reveal;
-    b && (m = g.createElement(ae, {
-      key: n,
-      preset: b.preset,
-      once: b.once,
-      rootMargin: b.rootMargin,
-      threshold: b.threshold,
-      forceMotion: s._reducedMotion === "never",
-      preferTimeline: (S = s._classNames) == null ? void 0 : S.includes("fibo-view-timeline"),
-      children: m
-    })), s._scrollProgress && (m = g.createElement(le, { key: n, children: m })), s._usesCssMotion && (m = g.createElement(
-      g.Fragment,
-      { key: n },
-      g.createElement(Xt),
-      m
-    ));
-    const x = s._gesture;
-    return x && (m = x.wrap(m)), m;
-  }, 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 f = h();
-  return c && e && e.size > 0 ? f = g.createElement(jt, {
-    key: n,
-    signals: e,
-    children: h
-  }) : c && r && r.size > 0 && (f = g.createElement(zt, {
-    key: n,
-    observables: r,
-    children: h
-  })), c && o && o.size > 0 && (f = g.createElement(Rt, {
-    key: n,
-    stateMap: o,
-    children: f
-  })), c && i && i.size > 0 && (f = g.createElement(At, {
-    key: n,
-    providers: i,
-    children: f
-  })), f;
-}
-function ut(s, t, e) {
-  const r = function() {
-    return t();
-  };
-  r.displayName = e;
-  const o = g.createElement(r);
-  Object.defineProperty(s, "$$typeof", {
-    value: o.$$typeof,
-    enumerable: !0,
-    configurable: !0
-  }), Object.defineProperty(s, "type", {
-    value: r,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }), s.ref = o.ref ?? null, s.__fiboElementProps = o.props ?? {}, o._owner !== void 0 && (s._owner = o._owner), s._store = { validated: 1 };
-}
-function ze(s) {
-  return (...t) => {
-    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 o;
-        if (n === "key") {
-          const h = (c = i._props) == null ? void 0 : c.key;
-          if (h != null && h !== "")
-            return String(h);
-          if (!i.__fiboKeyFn) {
-            const f = (m) => (i.key(m), a);
-            i.__fiboKeyFn = f;
-          }
-          return i.__fiboKeyFn;
-        }
-        if (n === "props") {
-          const h = (d = i._props) == null ? void 0 : d.key, f = {
-            ...i.__fiboElementProps ?? {},
-            ...h != null && h !== "" ? { key: String(h) } : {}
-          }, m = Object.getPrototypeOf(i).props;
-          return typeof m == "function" ? Object.assign((y) => (m.call(i, y), a), f) : f;
-        }
-        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 de = ({
-  signal: s,
-  builder: t,
-  loading: e,
-  error: r
-}) => {
-  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) {
-    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;
-  }
-  error(t) {
-    return this._error = t, this;
-  }
-  builder(t) {
-    return this._builder = t, this;
-  }
-  children(t) {
-    return this._builder = t, this;
-  }
-  build() {
-    return g.createElement(me, {
-      signal: this._signal,
-      builder: this._builder,
-      loading: this._loading,
-      error: this._error
-    });
-  }
-}
-function je(s) {
-  return new pe(s);
-}
-export {
-  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,
-  q as J,
-  P as K,
-  at as L,
-  U as M,
-  Yt as N,
-  Ct as O,
-  At as P,
-  Se as R,
-  R as S,
-  je as V,
-  we as a,
-  tt as b,
-  xe as c,
-  Tt as d,
-  Ce as e,
-  ae as f,
-  et as g,
-  le as h,
-  Te as i,
-  Ie as j,
-  ie as k,
-  ne as l,
-  it as m,
-  v as n,
-  $e as o,
-  Xt as p,
-  Ne as q,
-  $t as r,
-  _e as s,
-  nt as t,
-  ve as u,
-  Ee as v,
-  ze as w,
-  Re as x,
-  Mt as y,
-  _ as z
-};