fiboui 1.0.2 → 2.1.0

package/dist/builder-6GkZlCaz.js

@@ -0,0 +1,1894 @@
+"use client";
+var ct = Object.defineProperty;
+var lt = (o, t, e) => t in o ? ct(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var a = (o, t, e) => lt(o, typeof t != "symbol" ? t + "" : t, e);
+import g, { useRef as S, createContext as z, useContext as M, useCallback as $, useSyncExternalStore as R, useEffect as L, useState as I, memo as at, cloneElement as O } from "react";
+import { jsx as x, Fragment as B } from "react/jsx-runtime";
+class X {
+  constructor() {
+    a(this, "activeEffect", null);
+  }
+}
+const Y = new X(), P = [Y];
+function H() {
+  return new X();
+}
+function K() {
+  return P[P.length - 1] ?? Y;
+}
+function j() {
+  return K().activeEffect;
+}
+function ht(o, t) {
+  P.push(o);
+  try {
+    return t();
+  } finally {
+    P.pop();
+  }
+}
+function N(o) {
+  const t = K(), e = t.activeEffect;
+  return t.activeEffect = o, e;
+}
+class ut {
+  constructor(t) {
+    a(this, "dependencies", /* @__PURE__ */ new Set());
+    a(this, "_onDispose");
+    this.fn = t, this.run();
+  }
+  run() {
+    const t = N(this);
+    try {
+      this.cleanup(), this.fn();
+    } finally {
+      N(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 ft {
+  constructor(t) {
+    a(this, "dependencies", /* @__PURE__ */ new Set());
+    this._onInvalidate = t;
+  }
+  execute(t) {
+    const e = N(this);
+    try {
+      return this.cleanup(), t();
+    } finally {
+      N(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 E {
+  constructor(t) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this._value = t;
+  }
+  get value() {
+    const t = j();
+    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((s) => s.trigger()), e.forEach((s) => s(this._value));
+  }
+}
+function Ut(o) {
+  return new E(o);
+}
+class dt {
+  constructor(t) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    a(this, "_value");
+    a(this, "_dirty", !0);
+    a(this, "internalEffect");
+    this.fn = t, this.internalEffect = new ut(() => {
+      this._dirty || (this._dirty = !0, this.notify());
+    });
+  }
+  get value() {
+    const t = j();
+    if (t && t.track(this), this._dirty) {
+      const e = N(this.internalEffect);
+      try {
+        this.internalEffect.cleanup(), this._value = this.fn(), this._dirty = !1;
+      } finally {
+        N(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((s) => s.trigger()), e.forEach((s) => s(this._value));
+  }
+}
+function qt(o) {
+  return new dt(o);
+}
+class pt {
+  constructor(t) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this._value = t;
+  }
+  get() {
+    const t = j();
+    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 Zt(o) {
+  return new pt(o);
+}
+class mt {
+  constructor(t) {
+    a(this, "listeners", /* @__PURE__ */ new Set());
+    a(this, "effects", /* @__PURE__ */ new Set());
+    this.state = t;
+  }
+  getState() {
+    const t = j();
+    return t && t.track(this), this.state;
+  }
+  setState(t) {
+    const e = typeof t == "function" ? t(this.state) : t, s = { ...this.state, ...e }, r = Object.keys(this.state), i = Object.keys(s);
+    r.length === i.length && i.every((n) => Object.is(s[n], this.state[n])) || (this.state = s, 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 Jt(o) {
+  return new mt(o);
+}
+const gt = H(), U = z(gt);
+function bt() {
+  return M(U);
+}
+function Qt({ children: o, scope: t }) {
+  const e = S(t ?? H()).current;
+  return /* @__PURE__ */ x(U.Provider, { value: e, children: o });
+}
+function kt({ children: o }) {
+  const t = S(0), e = S(/* @__PURE__ */ new Set()), s = S(null);
+  s.current || (s.current = new ft(() => {
+    t.current += 1, e.current.forEach((h) => h());
+  }));
+  const r = $((h) => (e.current.add(h), () => {
+    e.current.delete(h);
+  }), []), i = $(() => t.current, []);
+  R(r, i, i), L(() => () => {
+    var h;
+    (h = s.current) == null || h.dispose();
+  }, []);
+  const c = bt();
+  let n = null;
+  try {
+    n = ht(c, () => s.current.execute(o));
+  } catch {
+    n = null;
+  }
+  return /* @__PURE__ */ x(B, { children: n });
+}
+const yt = z(/* @__PURE__ */ new Map()), q = z(null);
+function te(o) {
+  const t = M(q);
+  if (!t)
+    throw new Error("useBuilderState must be used under a builder that called .state()");
+  return [t.get(o), (e) => t.set(o, e)];
+}
+function _t({ stateMap: o = /* @__PURE__ */ new Map(), children: t }) {
+  const [e, s] = I(() => new Map(o)), r = {
+    map: e,
+    get: (i) => e.get(i),
+    set: (i, c) => {
+      s((n) => {
+        if (Object.is(n.get(i), c))
+          return n;
+        const h = new Map(n);
+        return h.set(i, c), h;
+      });
+    }
+  };
+  return /* @__PURE__ */ x(q.Provider, { value: r, children: /* @__PURE__ */ x(yt.Provider, { value: e, children: t }) });
+}
+function xt({ observables: o, children: t }) {
+  const e = S(0), s = $((i) => {
+    const c = Array.from(o).map(
+      (n) => n.subscribe(() => {
+        e.current += 1, i();
+      })
+    );
+    return () => c.forEach((n) => n());
+  }, [o]), r = $(() => e.current, []);
+  return R(s, r, r), /* @__PURE__ */ x(B, { children: typeof t == "function" ? t() : t });
+}
+function wt({ signals: o, children: t }) {
+  const e = S(0), s = $((i) => {
+    const c = Array.from(o).map(
+      (n) => n.subscribe(() => {
+        e.current += 1, i();
+      })
+    );
+    return () => c.forEach((n) => n());
+  }, [o]), r = $(() => e.current, []);
+  return R(s, r, r), /* @__PURE__ */ x(B, { children: typeof t == "function" ? t() : t });
+}
+const Z = z(/* @__PURE__ */ new Map());
+function ee(o) {
+  const t = M(Z);
+  return t == null ? void 0 : t.get(o);
+}
+function St({ providers: o = /* @__PURE__ */ new Map(), children: t }) {
+  return /* @__PURE__ */ x(Z.Provider, { value: o, children: t });
+}
+function $t(o) {
+  return !!o && typeof o == "object" && "build" in o && typeof o.build == "function";
+}
+function Nt(o) {
+  return g.isValidElement(o) ? o : $t(o) ? o.build() : o;
+}
+function D(o) {
+  if (o == null)
+    return [];
+  const t = typeof o == "function" ? o() : o;
+  return (Array.isArray(t) ? t : [t]).map(Nt);
+}
+function Ct(o, t, e) {
+  if (!t) return o;
+  const s = e ?? (typeof window < "u" ? window.innerWidth : void 0);
+  if (s === void 0)
+    return o;
+  let r = { ...o };
+  return s < 768 && t.mobile ? r = { ...r, ...t.mobile } : s >= 768 && s < 1024 && t.tablet ? r = { ...r, ...t.tablet } : s >= 1024 && t.desktop && (r = { ...r, ...t.desktop }), r;
+}
+function se(o, t) {
+  const e = at(o, t);
+  return (s) => g.createElement(e, s);
+}
+function J(o) {
+  var t, e, s = "";
+  if (typeof o == "string" || typeof o == "number") s += o;
+  else if (typeof o == "object") if (Array.isArray(o)) {
+    var r = o.length;
+    for (t = 0; t < r; t++) o[t] && (e = J(o[t])) && (s && (s += " "), s += e);
+  } else for (e in o) o[e] && (s && (s += " "), s += e);
+  return s;
+}
+function Et() {
+  for (var o, t, e = 0, s = "", r = arguments.length; e < r; e++) (o = arguments[e]) && (t = J(o)) && (s && (s += " "), s += t);
+  return s;
+}
+const _ = class _ {
+  constructor() {
+    a(this, "sheet", null);
+    a(this, "cache", /* @__PURE__ */ new Map());
+    typeof document < "u" && (this.sheet = document.createElement("style"), this.sheet.id = "fibo-dynamic-styles", document.head.appendChild(this.sheet));
+  }
+  static getInstance() {
+    return _.instance || (_.instance = new _()), _.instance;
+  }
+  register(t, e) {
+    const s = `${t}:${e}`;
+    if (this.cache.has(s))
+      return this.cache.get(s);
+    const r = e.replace(/[^a-zA-Z0-9-]/g, "_"), i = `fibo-${t}-${r}`, c = `.${i} { ${t}: ${e} !important; }`;
+    if (this.sheet && this.sheet.sheet)
+      try {
+        this.sheet.sheet.insertRule(c, this.sheet.sheet.cssRules.length);
+      } catch (n) {
+        console.error("FiboUI: Failed to inject dynamic style", n);
+      }
+    return this.cache.set(s, i), i;
+  }
+  registerPseudo(t, e, s, r) {
+    const i = `${t}:${e}:${s}:${r}`;
+    if (this.cache.has(i))
+      return t;
+    const c = `.${t}:${e} { ${s}: ${r} !important; }`;
+    if (this.sheet && this.sheet.sheet)
+      try {
+        this.sheet.sheet.insertRule(c, this.sheet.sheet.cssRules.length);
+      } catch (n) {
+        console.error("FiboUI: Failed to inject pseudo-state style", n);
+      }
+    return this.cache.set(i, t), t;
+  }
+  registerGroupPseudo(t, e, s, r) {
+    const i = `group:${t}:${e}:${s}:${r}`;
+    if (this.cache.has(i))
+      return t;
+    const c = `.group:${e} .${t} { ${s}: ${r} !important; }`;
+    if (this.sheet && this.sheet.sheet)
+      try {
+        this.sheet.sheet.insertRule(c, this.sheet.sheet.cssRules.length);
+      } catch (n) {
+        console.error("FiboUI: Failed to inject group pseudo-state style", n);
+      }
+    return this.cache.set(i, t), t;
+  }
+};
+a(_, "instance");
+let W = _;
+const l = W.getInstance();
+function Pt(o) {
+  const t = o.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
+  if (!t)
+    return o;
+  const [, e, s, r] = t, i = parseFloat(e), c = parseFloat(s), n = parseFloat(r), h = c * Math.cos(n * Math.PI / 180), u = c * Math.sin(n * Math.PI / 180), d = i + 0.3963377774 * h + 0.2158037573 * u, f = i - 0.1055613458 * h - 0.0638541728 * u, m = i - 0.0894841775 * h - 1.291485548 * u, p = d * d * d, k = f * f * f, y = m * m * m, v = 4.0767416621 * p - 3.3077115913 * k + 0.2309699292 * y, st = -1.2684380046 * p + 2.6097574011 * k - 0.3413193965 * y, ot = -0.0041960863 * p - 0.7034186147 * k + 1.707614701 * y, V = (C) => C >= 31308e-7 ? 1.055 * C ** (1 / 2.4) - 0.055 : 12.92 * C, rt = Math.max(0, Math.min(1, V(v))), it = Math.max(0, Math.min(1, V(st))), nt = Math.max(0, Math.min(1, V(ot))), F = (C) => {
+    var G;
+    const A = (G = Math.round(C * 255).toString(16)) == null ? void 0 : G.toUpperCase();
+    return A.length === 1 ? `0${A}` : A;
+  };
+  return `#${F(rt)}${F(it)}${F(nt)}`;
+}
+function zt(o) {
+  const t = {}, e = {}, s = o.split(`
+`);
+  for (const r of s) {
+    const i = r.trim();
+    if (!i || i.startsWith("//") || i.startsWith("*") || i === "@theme {" || i === "}")
+      continue;
+    const c = i.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), n = i.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
+    if (c) {
+      const [, h, u] = c, d = Pt(u);
+      t[d.toLowerCase()] = `bg-${h}`, e[d.toLowerCase()] = `text-${h}`;
+    } else if (n) {
+      const [, h, u] = n;
+      t[u.toLowerCase()] = `bg-${h}`, e[u.toLowerCase()] = `text-${h}`;
+    }
+  }
+  return { background: t, text: e };
+}
+const Rt = (o) => {
+  if (o !== void 0)
+    return typeof o == "number" ? `${o}px` : o.toString();
+}, w = (o, t) => {
+  const e = Rt(t);
+  return e === void 0 ? "" : `${o}-[${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;
+`, vt = zt(jt), Q = {
+  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"
+  }
+}, Vt = (o, t) => ({
+  // 背景色
+  backgroundColor: (e) => e.backgroundColor ? [o.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
+  // 文字色
+  color: (e) => e.color ? [o.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
+  // 圆角
+  borderRadius: (e) => {
+    if (!e.borderRadius)
+      return [];
+    const s = Q.borderRadius[e.borderRadius] || w("rounded", e.borderRadius);
+    return s ? [s] : [];
+  },
+  // 外边距
+  margin: (e) => {
+    const s = [];
+    if (e.margin !== void 0) {
+      const i = w("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: c }) => {
+      if (i !== void 0) {
+        const n = w(c, i);
+        n && s.push(n);
+      }
+    }), s;
+  },
+  // 内边距
+  padding: (e) => {
+    const s = [];
+    if (e.padding !== void 0) {
+      const i = w("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: c }) => {
+      if (i !== void 0) {
+        const n = w(c, i);
+        n && s.push(n);
+      }
+    }), s;
+  },
+  // 字体
+  font: (e) => {
+    const s = [];
+    if (e.fontSize && s.push(t.fontSize[e.fontSize.toString()] || `text-[${e.fontSize}]`), e.fontWeight) {
+      const r = t.fontWeight[e.fontWeight.toString()];
+      r && s.push(r);
+    }
+    if (e.textAlign) {
+      const r = t.textAlign[e.textAlign];
+      r && s.push(r);
+    }
+    if (e.fontFamily) {
+      const r = t.fontFamily[e.fontFamily];
+      r && s.push(r);
+    }
+    if (e.textDecoration) {
+      const r = t.textDecoration[e.textDecoration];
+      r && s.push(r);
+    }
+    if (e.fontVariantNumeric) {
+      const r = t.fontVariantNumeric[e.fontVariantNumeric];
+      r && s.push(r);
+    }
+    if (e.fontStyle) {
+      const r = t.fontStyle[e.fontStyle];
+      r && s.push(r);
+    }
+    return s;
+  },
+  // 尺寸
+  size: (e) => {
+    const s = [];
+    if (e.width) {
+      const r = e.width.toString();
+      s.push(`w-[${r}]`);
+    }
+    if (e.height) {
+      const r = e.height.toString();
+      s.push(`h-[${r}]`);
+    }
+    return s;
+  },
+  // 布局
+  layout: (e) => {
+    const s = [];
+    if (e.display) {
+      const r = t.display[e.display];
+      r && s.push(r);
+    }
+    if (e.flexDirection) {
+      const i = {
+        row: "flex-row",
+        column: "flex-col",
+        "row-reverse": "flex-row-reverse",
+        "column-reverse": "flex-col-reverse"
+      }[e.flexDirection];
+      i && s.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 && s.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 && s.push(i);
+    }
+    if (e.gap) {
+      const r = w("gap", e.gap);
+      r && s.push(r);
+    }
+    return s;
+  },
+  // 定位
+  position: (e) => e.position ? [t.position[e.position] || ""].filter(Boolean) : [],
+  // 透明度
+  opacity: (e) => {
+    if (e.opacity === void 0)
+      return [];
+    const s = typeof e.opacity == "string" ? parseFloat(e.opacity) : e.opacity;
+    return [`opacity-${{
+      0: "0",
+      0.25: "25",
+      0.5: "50",
+      0.75: "75",
+      1: "100"
+    }[s] || Math.round(s * 100)}`];
+  },
+  // 自定义类名
+  className: (e) => e.className ? [e.className] : []
+}), Ft = {
+  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"
+}, At = (o, t) => {
+  const e = (t == null ? void 0 : t.colorMaps) || vt, s = (t == null ? void 0 : t.styleMaps) || Q, r = Vt(e, s), i = [], c = /* @__PURE__ */ new Set();
+  return Object.keys(o).forEach((n) => {
+    const h = Ft[n];
+    if (h && !c.has(h)) {
+      const u = r[h];
+      if (u) {
+        const d = u(o);
+        i.push(...d), c.add(h);
+      }
+    }
+  }), i.filter(Boolean).join(" ");
+};
+function Wt(o) {
+  const t = {};
+  return o.forEach((e, s) => {
+    t[s] = e.value;
+  }), t;
+}
+function Mt({ animatedProps: o, animationConfig: t, children: e }) {
+  const [s, r] = I(
+    () => Wt(o)
+  );
+  L(() => {
+    const h = [];
+    return o.forEach((u, d) => {
+      const f = (m) => {
+        r((p) => ({
+          ...p,
+          [d]: m
+        }));
+      };
+      h.push(u.subscribe(f)), f(u.value);
+    }), () => {
+      h.forEach((u) => u());
+    };
+  }, [o]);
+  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 c = {};
+  if (i.length > 0 && (c.transform = i.join(" ")), t) {
+    const { duration: h = 300, curve: u = "easeOut" } = t, d = u === "spring" ? "cubic-bezier(0.68, -0.55, 0.265, 1.55)" : u;
+    c.transition = `transform ${h}ms ${d}`;
+  }
+  const n = {
+    ...e.props.style,
+    ...c
+  };
+  return O(e, { style: n });
+}
+class b {
+  constructor(t, e, s, r = !1) {
+    a(this, "baseClassName");
+    a(this, "pseudoState");
+    a(this, "parentBuilder");
+    a(this, "isGroup");
+    a(this, "transitionDuration", 200);
+    a(this, "transitionEasing", "ease-in-out");
+    a(this, "transitionDelay", 0);
+    a(this, "transitionProperties", ["all"]);
+    this.baseClassName = t, this.pseudoState = e, this.parentBuilder = s, this.isGroup = r;
+  }
+  bg(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "background-color", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "background-color", t), this;
+  }
+  color(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "color", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "color", t), this;
+  }
+  text(t) {
+    return this.color(t);
+  }
+  opacity(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "opacity", String(t)) : l.registerPseudo(this.baseClassName, this.pseudoState, "opacity", String(t)), this;
+  }
+  borderColor(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "border-color", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "border-color", t), this;
+  }
+  transform(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transform", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "transform", t), this;
+  }
+  scale(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transform", `scale(${t})`) : l.registerPseudo(this.baseClassName, this.pseudoState, "transform", `scale(${t})`), this;
+  }
+  translateX(t) {
+    const e = typeof t == "number" ? `${t}px` : t;
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transform", `translateX(${e})`) : l.registerPseudo(this.baseClassName, this.pseudoState, "transform", `translateX(${e})`), this;
+  }
+  translateY(t) {
+    const e = typeof t == "number" ? `${t}px` : t;
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transform", `translateY(${e})`) : l.registerPseudo(this.baseClassName, this.pseudoState, "transform", `translateY(${e})`), this;
+  }
+  shadow(t) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "box-shadow", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "box-shadow", t), this;
+  }
+  css(t, e) {
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, t, e) : l.registerPseudo(this.baseClassName, this.pseudoState, t, e), this;
+  }
+  transition(t, e, s, r) {
+    if (typeof t == "string" && e === void 0)
+      return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transition", t) : l.registerPseudo(this.baseClassName, this.pseudoState, "transition", t), this;
+    const i = Array.isArray(t) ? t.join(", ") : t, c = `${e || this.transitionDuration}ms`, n = s || this.transitionEasing, h = r ? `${r}ms` : "0ms", u = `${i} ${c} ${n} ${h}`;
+    return this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transition", u) : l.registerPseudo(this.baseClassName, this.pseudoState, "transition", u), this;
+  }
+  duration(t) {
+    return this.transitionDuration = t, this.applyTransition(), this;
+  }
+  easing(t) {
+    return this.transitionEasing = t, this.applyTransition(), this;
+  }
+  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`, s = this.transitionEasing, r = this.transitionDelay > 0 ? `${this.transitionDelay}ms` : "0ms", i = `${t} ${e} ${s} ${r}`;
+    this.isGroup ? l.registerGroupPseudo(this.baseClassName, this.pseudoState, "transition", i) : l.registerPseudo(this.baseClassName, this.pseudoState, "transition", i);
+  }
+  end() {
+    return this.parentBuilder;
+  }
+}
+function Bt(o) {
+  return typeof window > "u" ? () => {
+  } : (window.addEventListener("resize", o), () => window.removeEventListener("resize", o));
+}
+function Gt() {
+  return typeof window > "u" ? 1024 : window.innerWidth;
+}
+function Dt({ responsive: o, children: t }) {
+  const e = R(Bt, Gt, () => 1024), s = Ct(t.props.style ?? {}, o, e);
+  return O(t, { style: s });
+}
+let T = 0;
+function tt(o) {
+  return T += 1, `${o}-${T}`;
+}
+class oe {
+  constructor() {
+    /** @internal Extra DOM props forwarded to the host element. */
+    a(this, "_props", {});
+    a(this, "_style", {});
+    a(this, "_cssStyles", {});
+    a(this, "_classNames", []);
+    a(this, "_children", []);
+    a(this, "_responsive");
+    a(this, "_theme");
+    a(this, "_state", /* @__PURE__ */ new Map());
+    a(this, "_providers", /* @__PURE__ */ new Map());
+    a(this, "_observers", /* @__PURE__ */ new Set());
+    a(this, "_signals", /* @__PURE__ */ new Set());
+    a(this, "_isObserver", !1);
+    a(this, "_gesture");
+    a(this, "_animationConfig");
+    a(this, "_animatedProps", /* @__PURE__ */ new Map());
+    a(this, "_transforms", []);
+    a(this, "_pseudoStateClassName");
+    /** Shrink-wrap: skip the default `w-full` / `self-stretch` on Row and Column. */
+    a(this, "_hug", !1);
+    // Transition properties
+    a(this, "_transitionDuration", 200);
+    // ms
+    a(this, "_transitionEasing", "ease-in-out");
+    a(this, "_transitionDelay", 0);
+    // ms
+    a(this, "_transitionProperties", ["all"]);
+    a(this, "_childFunction");
+  }
+  hug() {
+    return this._hug = !0, this;
+  }
+  isHug() {
+    return this._hug;
+  }
+  id(t) {
+    return this._props.id = t, this;
+  }
+  /**
+   * React list key. After this is called, React reads the key as a string.
+   * Builders are valid elements — you do not need `.build()`.
+   */
+  key(t) {
+    return this._props.key = t, this;
+  }
+  paddingHorizontal(t) {
+    const e = typeof t == "number" ? `${t}px` : t, s = l.register("padding-left", e), r = l.register("padding-right", e);
+    return this._classNames.push(s, r), this;
+  }
+  paddingVertical(t) {
+    const e = typeof t == "number" ? `${t}px` : t, s = l.register("padding-top", e), r = l.register("padding-bottom", e);
+    return this._classNames.push(s, r), this;
+  }
+  marginHorizontal(t) {
+    const e = typeof t == "number" ? `${t}px` : t, s = l.register("margin-left", e), r = l.register("margin-right", e);
+    return this._classNames.push(s, r), this;
+  }
+  marginVertical(t) {
+    const e = typeof t == "number" ? `${t}px` : t, s = l.register("margin-top", e), r = l.register("margin-bottom", e);
+    return this._classNames.push(s, r), 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 = l.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, s = l.register("width", e), r = l.register("height", e);
+    return this._classNames.push(s, r), this;
+  }
+  circle() {
+    return this._classNames.push("rounded-full"), this;
+  }
+  opacity(t) {
+    const e = l.register("opacity", String(t));
+    return this._classNames.push(e), this;
+  }
+  p(t) {
+    const e = typeof t == "number" ? `${t}px` : t, s = l.register("padding", e);
+    return this._classNames.push(s), 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, s = l.register("margin", e);
+    return this._classNames.push(s), 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, s = l.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 = l.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 = l.register("color", e);
+    return this._classNames.push(s), 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 = l.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)"
+    }, s = (i) => i.startsWith("#") || i.startsWith("rgb") || i.startsWith("hsl") || ["red", "blue", "green", "yellow", "purple", "pink", "orange", "white", "black", "gray"].some((c) => i.includes(c)), r = (i, c, n, h) => {
+      let f = n || "rgba(0, 0, 0, " + (h ?? 0.1) + ")";
+      if (n && n.startsWith("#") && h !== void 0) {
+        const k = parseInt(n.slice(1, 3), 16), y = parseInt(n.slice(3, 5), 16), v = parseInt(n.slice(5, 7), 16);
+        f = `rgba(${k}, ${y}, ${v}, ${h})`;
+      }
+      const p = {
+        sm: "2px",
+        md: "4px",
+        lg: "8px",
+        xl: "12px",
+        "2xl": "16px"
+      }[c] || "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[c] || e.md;
+      }
+    };
+    if (!t) {
+      const i = l.register("box-shadow", e.md);
+      return this._classNames.push(i), this;
+    }
+    if (typeof t == "string") {
+      if (s(t)) {
+        const n = r("all", "md", t), h = l.register("box-shadow", n);
+        return this._classNames.push(h), this;
+      }
+      const i = e[t] || e.md, c = l.register("box-shadow", i);
+      return this._classNames.push(c), this;
+    }
+    if (Array.isArray(t)) {
+      const [i, c, n, h] = t;
+      if (typeof i == "string" && s(i)) {
+        const f = r("all", "md", i, c), m = l.register("box-shadow", f);
+        return this._classNames.push(m), this;
+      }
+      const u = i;
+      if (typeof c == "string" && s(c)) {
+        const f = r(u, "md", c, n), m = l.register("box-shadow", f);
+        return this._classNames.push(m), this;
+      } else {
+        const m = r(u, c, n, h), p = l.register("box-shadow", m);
+        return this._classNames.push(p), this;
+      }
+    }
+    return this;
+  }
+  responsive(t) {
+    return this._responsive = t, this;
+  }
+  rounded(t) {
+    if (typeof t == "number") {
+      const e = l.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 = l.register("border-radius", t);
+      this._classNames.push(e);
+    }
+    return this;
+  }
+  borderRadius(t) {
+    if (typeof t == "number") {
+      const e = l.register("border-radius", `${t}px`);
+      this._classNames.push(e);
+    } else {
+      const e = l.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 = l.register("border-color", t);
+      this._classNames.push(e);
+    }
+    return this;
+  }
+  width(t) {
+    if (typeof t == "number") {
+      const e = l.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 = l.register("width", t);
+      this._classNames.push(e);
+    }
+    return this;
+  }
+  height(t) {
+    if (typeof t == "number") {
+      const e = l.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 = l.register("height", t);
+      this._classNames.push(e);
+    }
+    return this;
+  }
+  gap(t) {
+    if (typeof t == "number") {
+      const e = l.register("gap", `${t}px`);
+      this._classNames.push(e);
+    } else if (typeof t == "string" && t.startsWith("gap-"))
+      this._classNames.push(t);
+    else {
+      const e = l.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 s = (c) => ["red", "blue", "green", "yellow", "purple", "pink", "indigo", "gray", "orange", "teal", "cyan", "emerald", "lime", "amber", "fuchsia", "rose", "violet", "sky", "slate", "zinc", "neutral", "stone"].includes(c) ? `${c}-500` : c, r = s(t), i = s(e);
+    return this._classNames.push(
+      "border",
+      `border-${r}`,
+      "focus-within:ring-2",
+      `focus-within:ring-${i}`,
+      `focus-within:border-${i}`
+    ), this.clean();
+  }
+  weight(t) {
+    if (typeof t == "number") {
+      const e = l.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 s = l.register("font-weight", t);
+        this._classNames.push(s);
+      }
+    }
+    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 E ? this._animatedProps.set("translateX", t) : this._transforms.push(`translateX(${t}px)`), this;
+  }
+  translateY(t) {
+    return t instanceof E ? this._animatedProps.set("translateY", t) : this._transforms.push(`translateY(${t}px)`), this;
+  }
+  scale(t) {
+    return t instanceof E ? this._animatedProps.set("scale", t) : this._transforms.push(`scale(${t})`), this;
+  }
+  rotate(t) {
+    return t instanceof E ? 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, s, r) {
+    if (typeof t == "string" && e === void 0) {
+      const f = l.register("transition", t);
+      return this._classNames.push(f), this;
+    }
+    const i = Array.isArray(t) ? t.join(", ") : t, c = `${e || this._transitionDuration}ms`, n = s || this._transitionEasing, h = r ? `${r}ms` : "0ms", u = `${i} ${c} ${n} ${h}`, d = l.register("transition", u);
+    return this._classNames.push(d), this;
+  }
+  /**
+   * Set transition duration in milliseconds
+   * Example: .duration(200) → 200ms
+   */
+  duration(t) {
+    return this._transitionDuration = t, this._applyTransition(), this;
+  }
+  /**
+   * Set transition easing function
+   * Example: .easing('ease-in-out')
+   */
+  easing(t) {
+    return this._transitionEasing = t, this._applyTransition(), this;
+  }
+  /**
+   * Set transition delay in milliseconds
+   * Example: .delay(100) → 100ms delay
+   */
+  delay(t) {
+    return this._transitionDelay = t, 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`, s = this._transitionEasing, r = this._transitionDelay > 0 ? `${this._transitionDelay}ms` : "0ms", i = `${t} ${e} ${s} ${r}`, c = l.register("transition", i);
+    this._classNames.push(c);
+  }
+  theme(t) {
+    return this._theme = t, this;
+  }
+  getPseudoStateClassName() {
+    return this._pseudoStateClassName || (this._pseudoStateClassName = tt("fibo-pseudo"), this._classNames.push(this._pseudoStateClassName)), this._pseudoStateClassName;
+  }
+  hover(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "hover", this);
+    return t ? (t(s), this) : s;
+  }
+  focus(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "focus", this);
+    return t ? (t(s), this) : s;
+  }
+  active(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "active", this);
+    return t ? (t(s), this) : s;
+  }
+  visited(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "visited", this);
+    return t ? (t(s), this) : s;
+  }
+  disabledState(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "disabled", this);
+    return t ? (t(s), this) : s;
+  }
+  focusWithin(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "focus-within", this);
+    return t ? (t(s), this) : s;
+  }
+  firstChild(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "first-child", this);
+    return t ? (t(s), this) : s;
+  }
+  lastChild(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "last-child", this);
+    return t ? (t(s), this) : s;
+  }
+  groupHover(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "hover", this, !0);
+    return t ? (t(s), this) : s;
+  }
+  groupFocus(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "focus", this, !0);
+    return t ? (t(s), this) : s;
+  }
+  groupActive(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "active", this, !0);
+    return t ? (t(s), this) : s;
+  }
+  groupFocusWithin(t) {
+    const e = this.getPseudoStateClassName(), s = new b(e, "focus-within", this, !0);
+    return t ? (t(s), this) : s;
+  }
+  group() {
+    return this._classNames.push("group"), this;
+  }
+  children(t) {
+    return typeof t == "function" ? (this._childFunction = t, this._children = []) : (this._children = D(t), this._childFunction = void 0), this;
+  }
+  getClassName() {
+    let t;
+    return Object.keys(this._cssStyles).length > 0 && (t = At(this._cssStyles) || void 0), Et(this._classNames, t);
+  }
+  getStyle() {
+    let t = { ...this._style, ...this._cssStyles };
+    if (this._theme) {
+      const e = this._theme.colors || this._theme.colorScheme;
+      if (e) {
+        const s = t;
+        e.primary && (s["--fibo-primary"] = e.primary), e.onPrimary && (s["--fibo-on-primary"] = e.onPrimary), e.secondary && (s["--fibo-secondary"] = e.secondary), e.onSecondary && (s["--fibo-on-secondary"] = e.onSecondary), e.background && (s["--fibo-background"] = e.background), e.onBackground && (s["--fibo-on-background"] = e.onBackground), e.surface && (s["--fibo-surface"] = e.surface), e.onSurface && (s["--fibo-on-surface"] = e.onSurface), e.error && (s["--fibo-error"] = e.error);
+      }
+    }
+    if (this._transforms.length > 0) {
+      const e = t.transform || "";
+      t.transform = e ? `${e} ${this._transforms.join(" ")}` : this._transforms.join(" ");
+    }
+    if (this._animationConfig && this._animatedProps.size === 0) {
+      const { duration: e = 300, curve: s = "easeOut" } = this._animationConfig, r = s === "spring" ? "cubic-bezier(0.68, -0.55, 0.265, 1.55)" : s;
+      t.transition = `all ${e}ms ${r}`;
+    }
+    return t;
+  }
+  processChildren() {
+    return this._childFunction ? D(this._childFunction) : this._children;
+  }
+  getChildFunction() {
+    return this._childFunction;
+  }
+}
+const Tt = /* @__PURE__ */ new Set([
+  "$$typeof",
+  "type",
+  "props",
+  "ref",
+  "_owner",
+  "_store",
+  "_self",
+  "_source",
+  "_debugStack",
+  "_debugTask",
+  "_debugInfo"
+]);
+function Lt(o) {
+  const t = o._isObserver, e = o._signals, s = o._observers, r = o._state, i = o._providers, c = () => {
+    let f = o.build();
+    const m = o._animatedProps, p = o._animationConfig;
+    m && m.size > 0 && (f = g.createElement(Mt, {
+      animatedProps: m,
+      animationConfig: p,
+      children: f
+    }));
+    const k = o._gesture;
+    k && (f = k.wrap(f));
+    const y = o._responsive;
+    return y && (f = g.createElement(Dt, {
+      responsive: y,
+      children: f
+    })), f;
+  }, n = typeof o.hasStateManagement == "function" ? o.hasStateManagement() : !!(t || e && e.size || s && s.size || r && r.size || i && i.size), h = t ? g.createElement(kt, {
+    key: o._props.key,
+    children: c
+  }) : null, u = () => h ?? c();
+  let d = u();
+  return n && e && e.size > 0 ? d = g.createElement(wt, {
+    key: o._props.key,
+    signals: e,
+    children: u
+  }) : n && s && s.size > 0 && (d = g.createElement(xt, {
+    observables: s,
+    children: u
+  })), n && r && r.size > 0 && (d = g.createElement(_t, {
+    stateMap: r,
+    children: d
+  })), n && i && i.size > 0 && (d = g.createElement(St, {
+    providers: i,
+    children: d
+  })), d;
+}
+function et(o, t, e) {
+  const s = function() {
+    return t();
+  };
+  s.displayName = e;
+  const r = g.createElement(s);
+  Object.defineProperty(o, "$$typeof", {
+    value: r.$$typeof,
+    enumerable: !0,
+    configurable: !0
+  }), Object.defineProperty(o, "type", {
+    value: s,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }), o.ref = r.ref ?? null, o.__fiboElementProps = r.props ?? {}, r._owner !== void 0 && (o._owner = r._owner), o._store = { validated: 1 };
+}
+function re(o) {
+  return (...t) => {
+    const e = new o(...t), s = o.name.replace(/Builder$/, "") || "Fibo", r = () => Lt(e);
+    return et(e, r, s), new Proxy(e, {
+      get(i, c, n) {
+        var h;
+        if (c === "build")
+          return r;
+        if (c === "key") {
+          const u = (h = i._props) == null ? void 0 : h.key;
+          if (u != null && u !== "")
+            return typeof u == "number" ? String(u) : u;
+          if (!i.__fiboKeyFn) {
+            const d = tt("fibo"), f = (m) => (i.key(m), n);
+            f.toString = () => d, f.valueOf = () => d, i.__fiboKeyFn = f, i.__fiboAutoKey = d;
+          }
+          return i.__fiboKeyFn;
+        }
+        if (c === "props") {
+          const u = Object.getPrototypeOf(i).props;
+          return typeof u == "function" ? Object.assign((f) => (u.call(i, f), n), i.__fiboElementProps ?? {}) : i.__fiboElementProps ?? {};
+        }
+        return Tt.has(c) || Reflect.has(i, c) ? Reflect.get(i, c, n) : (u) => {
+          const d = c.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), m = ["opacity", "z-index", "flex", "flex-grow", "flex-shrink", "order", "font-weight", "line-height"].includes(d), p = typeof u == "number" && !m ? `${u}px` : String(u), k = l.register(d, p);
+          return i.className(k), n;
+        };
+      }
+    });
+  };
+}
+const It = ({
+  signal: o,
+  builder: t,
+  loading: e,
+  error: s
+}) => {
+  const r = g.useSyncExternalStore(
+    g.useCallback((n) => o.subscribe ? o.subscribe(n) : () => {
+    }, [o]),
+    () => o.value
+  ), i = r == null ? void 0 : r.error;
+  return i && s ? s(i) : ((r == null ? void 0 : r.isLoading) || (r == null ? void 0 : r.loading)) === !0 && e ? e() : t ? t(r) : null;
+}, Ot = g.memo(It);
+class Xt {
+  constructor(t) {
+    a(this, "_loading");
+    a(this, "_error");
+    a(this, "_builder");
+    this._signal = t, et(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(Ot, {
+      signal: this._signal,
+      builder: this._builder,
+      loading: this._loading,
+      error: this._error
+    });
+  }
+}
+function ie(o) {
+  return new Xt(o);
+}
+export {
+  dt as C,
+  ut as E,
+  oe as F,
+  pt as O,
+  St as P,
+  Qt as R,
+  E as S,
+  ie as V,
+  Jt as a,
+  H as b,
+  qt as c,
+  kt as d,
+  ee as e,
+  Ct as f,
+  K as g,
+  re as h,
+  bt as i,
+  _t as j,
+  $t as k,
+  Nt as l,
+  tt as m,
+  D as n,
+  Zt as o,
+  se as p,
+  ht as r,
+  Ut as s,
+  te as u
+};