fiboui 1.0.2 → 2.0.0

package/dist/index.esm.js

@@ -1,4777 +0,0 @@
-var ne = Object.defineProperty;
-var oe = (i, t, e) => t in i ? ne(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => oe(i, typeof t != "symbol" ? t + "" : t, e);
-import s, { createContext as X, useState as $, useRef as U, useEffect as M, useContext as Y } from "react";
-import { jsx as S, Fragment as J, jsxs as O } from "react/jsx-runtime";
-let A = null;
-class le {
-  constructor(t) {
-    n(this, "dependencies", /* @__PURE__ */ new Set());
-    n(this, "_onDispose");
-    this.fn = t, this.run();
-  }
-  run() {
-    const t = A;
-    A = this;
-    try {
-      this.cleanup(), this.fn();
-    } finally {
-      A = 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 ae {
-  constructor(t) {
-    n(this, "dependencies", /* @__PURE__ */ new Set());
-    this._onInvalidate = t;
-  }
-  execute(t) {
-    const e = A;
-    A = this;
-    try {
-      return this.cleanup(), t();
-    } finally {
-      A = e;
-    }
-  }
-  // Called by Signals when they are accessed
-  track(t) {
-    this.dependencies.add(t), t.subscribeEffect(this);
-  }
-  // Called by Signals when they change
-  trigger() {
-    this._onInvalidate();
-  }
-  cleanup() {
-    this.dependencies.forEach((t) => t.unsubscribeEffect(this)), this.dependencies.clear();
-  }
-  dispose() {
-    this.cleanup();
-  }
-}
-class Z {
-  constructor(t) {
-    n(this, "listeners", /* @__PURE__ */ new Set());
-    n(this, "effects", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get value() {
-    return A && A.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 cs(i) {
-  return new Z(i);
-}
-class ce {
-  constructor(t) {
-    n(this, "listeners", /* @__PURE__ */ new Set());
-    n(this, "effects", /* @__PURE__ */ new Set());
-    n(this, "_value");
-    n(this, "_dirty", !0);
-    n(this, "internalEffect");
-    this.fn = t, this.internalEffect = new le(() => {
-      this._dirty || (this._dirty = !0, this.notify());
-    });
-  }
-  get value() {
-    if (A && A.track(this), this._dirty) {
-      const t = A;
-      A = this.internalEffect;
-      try {
-        this.internalEffect.cleanup(), this._value = this.fn(), this._dirty = !1;
-      } finally {
-        A = t;
-      }
-    }
-    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 hs(i) {
-  return new ce(i);
-}
-class he {
-  constructor(t) {
-    n(this, "listeners", /* @__PURE__ */ new Set());
-    n(this, "effects", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get() {
-    return A && A.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 ds(i) {
-  return new he(i);
-}
-class de {
-  constructor(t) {
-    n(this, "listeners", /* @__PURE__ */ new Set());
-    n(this, "effects", /* @__PURE__ */ new Set());
-    this.state = t;
-  }
-  getState() {
-    return A && A.track(this), this.state;
-  }
-  setState(t) {
-    const e = typeof t == "function" ? t(this.state) : t, r = { ...this.state, ...e };
-    this.state !== r && (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 us(i) {
-  return new de(i);
-}
-function ue({ children: i }) {
-  const [, t] = $({}), e = U(null);
-  e.current || (e.current = new ae(() => {
-    t({});
-  })), M(() => () => {
-    var o;
-    (o = e.current) == null || o.dispose();
-  }, []);
-  let r;
-  try {
-    r = e.current.execute(i);
-  } catch (o) {
-    console.error("Observer render error", o), r = null;
-  }
-  return /* @__PURE__ */ S(J, { children: r });
-}
-const ee = X(/* @__PURE__ */ new Map());
-function ms() {
-  return Y(ee);
-}
-function ps({ stateMap: i, children: t }) {
-  const [e] = $(() => new Map(i));
-  return /* @__PURE__ */ S(ee.Provider, { value: e, children: t });
-}
-function fs({ observables: i, children: t }) {
-  const [, e] = $({});
-  return M(() => {
-    const r = Array.from(i).map(
-      (o) => o.subscribe(() => e({}))
-    );
-    return () => r.forEach((o) => o());
-  }, [i]), /* @__PURE__ */ S(J, { children: t });
-}
-function gs({ signals: i, children: t }) {
-  const [, e] = $({});
-  return M(() => {
-    const r = Array.from(i).map(
-      (o) => o.subscribe(() => e({}))
-    );
-    return () => r.forEach((o) => o());
-  }, [i]), /* @__PURE__ */ S(J, { children: t });
-}
-const te = X(/* @__PURE__ */ new Map());
-function bs(i) {
-  return Y(te).get(i);
-}
-function me({ providers: i, children: t }) {
-  return /* @__PURE__ */ S(te.Provider, { value: i, children: t });
-}
-function se(i) {
-  var t, e, r = "";
-  if (typeof i == "string" || typeof i == "number") r += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var o = i.length;
-    for (t = 0; t < o; t++) i[t] && (e = se(i[t])) && (r && (r += " "), r += e);
-  } else for (e in i) i[e] && (r && (r += " "), r += e);
-  return r;
-}
-function pe() {
-  for (var i, t, e = 0, r = "", o = arguments.length; e < o; e++) (i = arguments[e]) && (t = se(i)) && (r && (r += " "), r += t);
-  return r;
-}
-function fe(i) {
-  const t = i.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
-  if (!t)
-    return i;
-  const [, e, r, o] = t, l = parseFloat(e), a = parseFloat(r), c = parseFloat(o), d = a * Math.cos(c * Math.PI / 180), p = a * Math.sin(c * Math.PI / 180), u = l + 0.3963377774 * d + 0.2158037573 * p, m = l - 0.1055613458 * d - 0.0638541728 * p, h = l - 0.0894841775 * d - 1.291485548 * p, g = u * u * u, N = m * m * m, v = h * h * h, B = 4.0767416621 * g - 3.3077115913 * N + 0.2309699292 * v, I = -1.2684380046 * g + 2.6097574011 * N - 0.3413193965 * v, k = -0.0041960863 * g - 0.7034186147 * N + 1.707614701 * v, C = (W) => W >= 31308e-7 ? 1.055 * W ** (1 / 2.4) - 0.055 : 12.92 * W, b = Math.max(0, Math.min(1, C(B))), f = Math.max(0, Math.min(1, C(I))), F = Math.max(0, Math.min(1, C(k))), j = (W) => {
-    var z;
-    const _ = (z = Math.round(W * 255).toString(16)) == null ? void 0 : z.toUpperCase();
-    return _.length === 1 ? `0${_}` : _;
-  };
-  return `#${j(b)}${j(f)}${j(F)}`;
-}
-function ge(i) {
-  const t = {}, e = {}, r = i.split(`
-`);
-  for (const o of r) {
-    const l = o.trim();
-    if (!l || l.startsWith("//") || l.startsWith("*") || l === "@theme {" || l === "}")
-      continue;
-    const a = l.match(/^--color-([a-z0-9\-]+): (oklch\([^)]+\));?$/), c = l.match(/^--color-([a-z0-9\-]+): (#[a-fA-F0-9]{3,6});?$/);
-    if (a) {
-      const [, d, p] = a, u = fe(p);
-      t[u.toLowerCase()] = `bg-${d}`, e[u.toLowerCase()] = `text-${d}`;
-    } else if (c) {
-      const [, d, p] = c;
-      t[p.toLowerCase()] = `bg-${d}`, e[p.toLowerCase()] = `text-${d}`;
-    }
-  }
-  return { background: t, text: e };
-}
-const be = (i) => {
-  if (i !== void 0)
-    return typeof i == "number" ? `${i}px` : i.toString();
-}, H = (i, t) => {
-  const e = be(t);
-  return e === void 0 ? "" : `${i}-[${e}]`;
-}, xe = `
-  --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;
-`, ye = ge(xe), re = {
-  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"
-  }
-}, _e = (i, t) => ({
-  // 背景色
-  backgroundColor: (e) => e.backgroundColor ? [i.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
-  // 文字色
-  color: (e) => e.color ? [i.text[e.color.toLowerCase()] || `text-[${e.color}]`] : [],
-  // 圆角
-  borderRadius: (e) => {
-    if (!e.borderRadius)
-      return [];
-    const r = re.borderRadius[e.borderRadius] || H("rounded", e.borderRadius);
-    return r ? [r] : [];
-  },
-  // 外边距
-  margin: (e) => {
-    const r = [];
-    if (e.margin !== void 0) {
-      const l = H("m", e.margin);
-      return l ? [l] : [];
-    }
-    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: l, dir: a }) => {
-      if (l !== void 0) {
-        const c = H(a, l);
-        c && r.push(c);
-      }
-    }), r;
-  },
-  // 内边距
-  padding: (e) => {
-    const r = [];
-    if (e.padding !== void 0) {
-      const l = H("p", e.padding);
-      return l ? [l] : [];
-    }
-    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: l, dir: a }) => {
-      if (l !== void 0) {
-        const c = H(a, l);
-        c && r.push(c);
-      }
-    }), 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 l = {
-        row: "flex-row",
-        column: "flex-col",
-        "row-reverse": "flex-row-reverse",
-        "column-reverse": "flex-col-reverse"
-      }[e.flexDirection];
-      l && r.push(l);
-    }
-    if (e.justifyContent) {
-      const l = {
-        "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];
-      l && r.push(l);
-    }
-    if (e.alignItems) {
-      const l = {
-        "flex-start": "items-start",
-        "flex-end": "items-end",
-        center: "items-center",
-        baseline: "items-baseline",
-        stretch: "items-stretch"
-      }[e.alignItems];
-      l && r.push(l);
-    }
-    if (e.gap) {
-      const o = H("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] : []
-}), ke = {
-  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"
-}, ve = (i, t) => {
-  const e = (t == null ? void 0 : t.colorMaps) || ye, r = (t == null ? void 0 : t.styleMaps) || re, o = _e(e, r), l = [], a = /* @__PURE__ */ new Set();
-  return Object.keys(i).forEach((c) => {
-    const d = ke[c];
-    if (d && !a.has(d)) {
-      const p = o[d];
-      if (p) {
-        const u = p(i);
-        l.push(...u), a.add(d);
-      }
-    }
-  }), l.filter(Boolean).join(" ");
-};
-class x {
-  constructor() {
-    n(this, "_props", {});
-    n(this, "_style", {});
-    n(this, "_cssStyles", {});
-    n(this, "_classNames", []);
-    n(this, "_children", []);
-    n(this, "_responsive");
-    n(this, "_state", /* @__PURE__ */ new Map());
-    n(this, "_providers", /* @__PURE__ */ new Map());
-    n(this, "_observers", /* @__PURE__ */ new Set());
-    n(this, "_signals", /* @__PURE__ */ new Set());
-    n(this, "_isObserver", !1);
-    n(this, "_childFunction");
-  }
-  id(t) {
-    return this._props.id = t, this;
-  }
-  key(t) {
-    return this._props.key = t, this;
-  }
-  paddingHorizontal(t) {
-    return typeof t == "number" ? this._classNames.push(`px-[${t}px]`) : this._classNames.push(`px-${t}`), this;
-  }
-  paddingVertical(t) {
-    return typeof t == "number" ? this._classNames.push(`py-[${t}px]`) : this._classNames.push(`py-${t}`), this;
-  }
-  marginHorizontal(t) {
-    return typeof t == "number" ? this._classNames.push(`mx-[${t}px]`) : this._classNames.push(`mx-${t}`), this;
-  }
-  marginVertical(t) {
-    return typeof t == "number" ? this._classNames.push(`my-[${t}px]`) : this._classNames.push(`my-${t}`), 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;
-  }
-  responsive(t) {
-    return this._responsive = 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() {
-    return this._isObserver = !0, this;
-  }
-  observe(t) {
-    return this._observers.add(t), this;
-  }
-  bindSignal(t) {
-    return this._signals.add(t), this;
-  }
-  hasStateManagement() {
-    return this._state.size > 0 || this._providers.size > 0 || this._observers.size > 0 || this._signals.size > 0 || this._isObserver;
-  }
-  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;
-  }
-  children(t) {
-    if (typeof t == "function")
-      this._childFunction = t, this._children = [];
-    else {
-      const e = Array.isArray(t) ? t : [t];
-      this._children = e.map((r) => r && typeof r == "object" && "build" in r && typeof r.build == "function" ? r.build() : r), this._childFunction = void 0;
-    }
-    return this;
-  }
-  getClassName() {
-    if (Object.keys(this._cssStyles).length > 0) {
-      const t = ve(this._cssStyles);
-      t && this._classNames.push(t);
-    }
-    return pe(this._classNames);
-  }
-  getStyle() {
-    let t = { ...this._style, ...this._cssStyles };
-    return this._responsive && this._responsive.mobile && (t = { ...t, ...this._responsive.mobile }), t;
-  }
-  processChildren() {
-    if (this._childFunction) {
-      const t = this._childFunction();
-      return Array.isArray(t) ? t : [t];
-    }
-    return this._children;
-  }
-  getChildFunction() {
-    return this._childFunction;
-  }
-}
-function y(i) {
-  return (...t) => {
-    const e = new i(...t);
-    return new Proxy(e, {
-      get(r, o, l) {
-        return o === "build" ? () => r._isObserver ? s.createElement(ue, {
-          children: () => r.build()
-        }) : r.build() : Reflect.has(r, o) ? Reflect.get(r, o, l) : (a) => (r.css({ [o]: a }), l);
-      }
-    });
-  };
-}
-function xs(i) {
-  return (Array.isArray(i) ? i : [i]).map((e) => e && typeof e == "object" && "build" in e ? e.build() : e);
-}
-function ys(...i) {
-  return i.reduce((t, e) => e ? { ...t, ...e } : t, {});
-}
-function _s(i, t) {
-  if (!t) return i;
-  let e = { ...i };
-  if (typeof window < "u") {
-    const r = window.innerWidth;
-    r < 768 && t.mobile ? e = { ...e, ...t.mobile } : r >= 768 && r < 1024 && t.tablet ? e = { ...e, ...t.tablet } : r >= 1024 && t.desktop && (e = { ...e, ...t.desktop });
-  }
-  return e;
-}
-function ks(i, t = "px") {
-  return typeof i == "number" ? `${i}${t}` : i;
-}
-function vs(i) {
-  const [t, e] = $(i.value);
-  return M(() => (e(i.value), i.subscribe((o) => {
-    e(o);
-  })), [i]), t;
-}
-function ws(i) {
-  const [t, e] = $(i.getState());
-  return M(() => (e(i.getState()), i.subscribe((o) => {
-    e(o);
-  })), [i]), t;
-}
-function Ns(i) {
-  const [t, e] = $(i.get());
-  return M(() => (e(i.get()), i.subscribe((o) => {
-    e(o);
-  })), [i]), t;
-}
-const we = {
-  name: "material",
-  colors: {
-    primary: "#6200EE",
-    primaryVariant: "#3700B3",
-    secondary: "#03DAC6",
-    secondaryVariant: "#018786",
-    background: "#FFFFFF",
-    surface: "#FFFFFF",
-    error: "#B00020",
-    success: "#4CAF50",
-    warning: "#FF9800",
-    info: "#2196F3",
-    onPrimary: "#FFFFFF",
-    onSecondary: "#000000",
-    onBackground: "#000000",
-    onSurface: "#000000",
-    onError: "#FFFFFF"
-  },
-  typography: {
-    h1: {
-      fontSize: "96px",
-      fontWeight: 300,
-      letterSpacing: "-1.5px"
-    },
-    h2: {
-      fontSize: "60px",
-      fontWeight: 300,
-      letterSpacing: "-0.5px"
-    },
-    h3: {
-      fontSize: "48px",
-      fontWeight: 400
-    },
-    h4: {
-      fontSize: "34px",
-      fontWeight: 400,
-      letterSpacing: "0.25px"
-    },
-    h5: {
-      fontSize: "24px",
-      fontWeight: 400
-    },
-    h6: {
-      fontSize: "20px",
-      fontWeight: 500,
-      letterSpacing: "0.15px"
-    },
-    body: {
-      fontSize: "16px",
-      fontWeight: 400,
-      letterSpacing: "0.5px"
-    },
-    caption: {
-      fontSize: "12px",
-      fontWeight: 400,
-      letterSpacing: "0.4px"
-    },
-    label: {
-      fontSize: "14px",
-      fontWeight: 500,
-      letterSpacing: "1.25px"
-    }
-  },
-  spacing: {
-    xs: "4px",
-    sm: "8px",
-    md: "16px",
-    lg: "24px",
-    xl: "32px"
-  },
-  borderRadius: {
-    sm: "4px",
-    md: "8px",
-    lg: "16px",
-    full: "9999px"
-  },
-  shadows: {
-    sm: "0 2px 4px rgba(0,0,0,0.1)",
-    md: "0 4px 8px rgba(0,0,0,0.12)",
-    lg: "0 8px 16px rgba(0,0,0,0.14)"
-  },
-  fontFamily: "Roboto, sans-serif"
-}, Ne = {
-  name: "cupertino",
-  colors: {
-    primary: "#007AFF",
-    secondary: "#AF52DE",
-    background: "#FFFFFF",
-    surface: "#F2F2F7",
-    error: "#FF3B30",
-    success: "#34C759",
-    warning: "#FF9500",
-    info: "#5AC8FA",
-    onPrimary: "#FFFFFF",
-    onSecondary: "#FFFFFF",
-    onBackground: "#000000",
-    onSurface: "#000000",
-    onError: "#FFFFFF"
-  },
-  typography: {
-    h1: {
-      fontSize: "34px",
-      fontWeight: 700,
-      letterSpacing: "0.37px"
-    },
-    h2: {
-      fontSize: "28px",
-      fontWeight: 700,
-      letterSpacing: "0.36px"
-    },
-    h3: {
-      fontSize: "22px",
-      fontWeight: 600,
-      letterSpacing: "0.35px"
-    },
-    h4: {
-      fontSize: "20px",
-      fontWeight: 600
-    },
-    h5: {
-      fontSize: "17px",
-      fontWeight: 600,
-      letterSpacing: "-0.41px"
-    },
-    h6: {
-      fontSize: "15px",
-      fontWeight: 600,
-      letterSpacing: "-0.24px"
-    },
-    body: {
-      fontSize: "17px",
-      fontWeight: 400,
-      letterSpacing: "-0.41px"
-    },
-    caption: {
-      fontSize: "13px",
-      fontWeight: 400,
-      letterSpacing: "-0.08px"
-    },
-    label: {
-      fontSize: "15px",
-      fontWeight: 500,
-      letterSpacing: "-0.24px"
-    }
-  },
-  spacing: {
-    xs: "4px",
-    sm: "8px",
-    md: "12px",
-    lg: "20px",
-    xl: "32px"
-  },
-  borderRadius: {
-    sm: "8px",
-    md: "12px",
-    lg: "20px",
-    full: "9999px"
-  },
-  shadows: {
-    sm: "0 1px 3px rgba(0,0,0,0.08)",
-    md: "0 2px 8px rgba(0,0,0,0.1)",
-    lg: "0 4px 16px rgba(0,0,0,0.12)"
-  },
-  fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
-}, Ee = {
-  name: "web",
-  colors: {
-    primary: "#3B82F6",
-    secondary: "#8B5CF6",
-    background: "#FFFFFF",
-    surface: "#F9FAFB",
-    error: "#EF4444",
-    success: "#10B981",
-    warning: "#F59E0B",
-    info: "#06B6D4",
-    onPrimary: "#FFFFFF",
-    onSecondary: "#FFFFFF",
-    onBackground: "#111827",
-    onSurface: "#374151",
-    onError: "#FFFFFF"
-  },
-  typography: {
-    h1: {
-      fontSize: "60px",
-      fontWeight: 800,
-      letterSpacing: "-0.02em"
-    },
-    h2: {
-      fontSize: "48px",
-      fontWeight: 700,
-      letterSpacing: "-0.01em"
-    },
-    h3: {
-      fontSize: "36px",
-      fontWeight: 700
-    },
-    h4: {
-      fontSize: "30px",
-      fontWeight: 600
-    },
-    h5: {
-      fontSize: "24px",
-      fontWeight: 600
-    },
-    h6: {
-      fontSize: "20px",
-      fontWeight: 600
-    },
-    body: {
-      fontSize: "16px",
-      fontWeight: 400,
-      lineHeight: "1.5"
-    },
-    caption: {
-      fontSize: "14px",
-      fontWeight: 400,
-      lineHeight: "1.4"
-    },
-    label: {
-      fontSize: "14px",
-      fontWeight: 500,
-      letterSpacing: "0.01em"
-    }
-  },
-  spacing: {
-    xs: "4px",
-    sm: "8px",
-    md: "16px",
-    lg: "24px",
-    xl: "32px"
-  },
-  borderRadius: {
-    sm: "6px",
-    md: "8px",
-    lg: "12px",
-    full: "9999px"
-  },
-  shadows: {
-    sm: "0 1px 2px rgba(0,0,0,0.05)",
-    md: "0 4px 6px rgba(0,0,0,0.07)",
-    lg: "0 10px 15px rgba(0,0,0,0.1)"
-  },
-  fontFamily: "Inter, system-ui, sans-serif"
-}, ie = X(void 0), Q = {
-  material: we,
-  cupertino: Ne,
-  web: Ee
-};
-function Es({
-  theme: i = "material",
-  children: t
-}) {
-  const [e, r] = $(i), [o, l] = $(Q[i]);
-  M(() => {
-    const c = Q[e];
-    if (l(c), typeof document < "u") {
-      const d = document.documentElement;
-      d.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), d.classList.add(`fibo-theme-${e}`), d.style.setProperty("--fibo-primary", c.colors.primary), d.style.setProperty("--fibo-secondary", c.colors.secondary), d.style.setProperty("--fibo-background", c.colors.background), d.style.setProperty("--fibo-surface", c.colors.surface), d.style.setProperty("--fibo-error", c.colors.error), d.style.setProperty("--fibo-font-family", c.fontFamily);
-    }
-  }, [e]);
-  const a = {
-    theme: o,
-    themeName: e,
-    setTheme: r
-  };
-  return /* @__PURE__ */ S(ie.Provider, { value: a, children: t });
-}
-function Cs() {
-  const i = Y(ie);
-  if (!i)
-    throw new Error("useFiboTheme must be used within a FiboThemeProvider");
-  return i;
-}
-class Ce extends x {
-  build() {
-    const t = this.getClassName(), e = this.getStyle(), r = this.processChildren();
-    return s.createElement(
-      "div",
-      {
-        className: `fibo-container ${t}`,
-        style: e,
-        ...this._props
-      },
-      ...r
-    );
-  }
-}
-const Ss = y(Ce);
-class Se extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_mainAxisAlignment", "start");
-    n(this, "_crossAxisAlignment", "start");
-    n(this, "_spacing");
-  }
-  mainAxisAlignment(e) {
-    return this._mainAxisAlignment = e, this;
-  }
-  crossAxisAlignment(e) {
-    return this._crossAxisAlignment = e, this;
-  }
-  spacing(e) {
-    return this._spacing = e, this;
-  }
-  items(e) {
-    return this.children(e), this;
-  }
-  build() {
-    const e = {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      spaceBetween: "justify-between",
-      spaceAround: "justify-around",
-      spaceEvenly: "justify-evenly"
-    }, r = {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    }, o = [
-      "fibo-row",
-      "flex",
-      "flex-row",
-      e[this._mainAxisAlignment],
-      r[this._crossAxisAlignment],
-      ...this._classNames
-    ], l = this.getStyle();
-    this._spacing && (typeof this._spacing == "number" ? l.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? l.gap = this._spacing : l.gap = `${Number(this._spacing) * 4}px`);
-    const a = o.filter(Boolean).join(" "), c = this.processChildren();
-    return s.createElement(
-      "div",
-      {
-        className: a,
-        style: l,
-        ...this._props
-      },
-      ...c
-    );
-  }
-}
-const R = y(Se);
-class Fe extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_mainAxisAlignment", "start");
-    n(this, "_crossAxisAlignment", "start");
-    n(this, "_spacing");
-    n(this, "_size");
-  }
-  mainAxisAlignment(e) {
-    return this._mainAxisAlignment = e, this;
-  }
-  crossAxisAlignment(e) {
-    return this._crossAxisAlignment = e, this;
-  }
-  spacing(e) {
-    return this._spacing = e, this;
-  }
-  size(e) {
-    return this._size = e, this;
-  }
-  build() {
-    const e = {
-      start: "justify-start",
-      center: "justify-center",
-      end: "justify-end",
-      spaceBetween: "justify-between",
-      spaceAround: "justify-around",
-      spaceEvenly: "justify-evenly"
-    }, r = {
-      start: "items-start",
-      center: "items-center",
-      end: "items-end",
-      stretch: "items-stretch"
-    }, o = {
-      small: "flex-[0.3]",
-      medium: "flex-1",
-      large: "flex-[1.5]"
-    }, l = [
-      "fibo-column",
-      "flex",
-      "flex-col",
-      e[this._mainAxisAlignment],
-      r[this._crossAxisAlignment],
-      this._size ? o[this._size] : "",
-      ...this._classNames
-    ], a = this.getStyle();
-    this._spacing && (typeof this._spacing == "number" ? a.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? a.gap = this._spacing : a.gap = `${Number(this._spacing) * 4}px`);
-    const c = l.filter(Boolean).join(" "), d = this.processChildren();
-    return s.createElement(
-      "div",
-      {
-        className: c,
-        style: a,
-        ...this._props
-      },
-      ...d
-    );
-  }
-}
-const P = y(Fe);
-class ze extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_height");
-    n(this, "_width");
-  }
-  height(e) {
-    return this._height = e, this;
-  }
-  width(e) {
-    return this._width = e, this;
-  }
-  build() {
-    const e = this.getStyle();
-    this._height && (e.height = typeof this._height == "number" ? `${this._height}px` : this._height), this._width && (e.width = typeof this._width == "number" ? `${this._width}px` : this._width);
-    const r = this.getClassName();
-    return s.createElement("div", {
-      className: `fibo-spacer ${r}`,
-      style: e,
-      ...this._props
-    });
-  }
-}
-const V = y(ze);
-class Be extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_sizeHeight");
-  }
-  sizeHeight(e) {
-    return this._sizeHeight = e, this;
-  }
-  build() {
-    const r = ["fibo-line", "flex", "flex-row", ...this._classNames].filter(Boolean).join(" "), o = this.getStyle();
-    this._sizeHeight && (o.height = this._sizeHeight);
-    const l = this.processChildren();
-    return s.createElement(
-      "div",
-      {
-        className: r,
-        style: o,
-        ...this._props
-      },
-      ...l
-    );
-  }
-}
-const Fs = y(Be);
-class Ae extends x {
-  build() {
-    const e = [
-      "fibo-center",
-      "flex",
-      "items-center",
-      "justify-center",
-      ...this._classNames
-    ].filter(Boolean).join(" "), r = this.getStyle(), o = this.processChildren();
-    return s.createElement(
-      "div",
-      {
-        className: e,
-        style: r,
-        ...this._props
-      },
-      ...o
-    );
-  }
-}
-const zs = y(Ae);
-class $e extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_direction", "vertical");
-    n(this, "_scrollbar", "auto");
-  }
-  direction(e) {
-    return this._direction = e, this;
-  }
-  horizontal() {
-    return this._direction = "horizontal", this;
-  }
-  vertical() {
-    return this._direction = "vertical", this;
-  }
-  scrollbar(e) {
-    return this._scrollbar = e, this;
-  }
-  build() {
-    const e = {
-      overflowX: this._direction === "horizontal" || this._direction === "both" ? "auto" : "hidden",
-      overflowY: this._direction === "vertical" || this._direction === "both" ? "auto" : "hidden",
-      WebkitOverflowScrolling: "touch",
-      display: "flex",
-      flexDirection: this._direction === "horizontal" ? "row" : "column",
-      ...this.getStyle()
-    }, r = [...this.getClassName().split(" ")];
-    return this._scrollbar === "hidden" && (r.push("scrollbar-hide"), e.scrollbarWidth = "none", e.msOverflowStyle = "none"), s.createElement("div", {
-      className: r.join(" "),
-      style: e,
-      ...this._props
-    }, ...this._children);
-  }
-}
-const Bs = y($e), Ie = s.memo((i) => {
-  const { height: t = 64, sticky: e, className: r, style: o, children: l, ...a } = i;
-  return s.createElement(
-    "header",
-    {
-      className: `flex items-center px-6 border-b border-gray-200 bg-white/80 backdrop-blur-md z-10 w-full ${e ? "sticky top-0" : ""} ${r || ""}`,
-      style: { height: t, minHeight: t, ...o },
-      ...a
-    },
-    l
-  );
-});
-class je extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_height", 64);
-    n(this, "_sticky", !1);
-  }
-  height(e) {
-    return this._height = e, this;
-  }
-  sticky(e = !0) {
-    return this._sticky = e, this;
-  }
-  build() {
-    const e = {
-      height: this._height,
-      sticky: this._sticky,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return s.createElement(Ie, e);
-  }
-}
-const As = y(je), We = s.memo((i) => {
-  const { width: t = 260, collapsed: e, className: r, style: o, children: l, ...a } = i, c = e ? 80 : t;
-  return s.createElement(
-    "aside",
-    {
-      className: `flex flex-col border-r border-gray-200 bg-white transition-all duration-300 h-full ${r || ""}`,
-      style: { width: c, minWidth: c, ...o },
-      ...a
-    },
-    l
-  );
-});
-class Le extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_width", 260);
-    n(this, "_collapsed", !1);
-  }
-  width(e) {
-    return this._width = e, this;
-  }
-  collapsible(e = !1) {
-    return this._collapsed = e, this;
-  }
-  build() {
-    const e = {
-      width: this._width,
-      collapsed: this._collapsed,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return s.createElement(We, e);
-  }
-}
-const $s = y(Le), Me = s.memo((i) => {
-  const { sidebar: t, header: e, children: r, className: o, style: l, ...a } = i, [c, d] = $(!1);
-  return s.createElement(
-    "div",
-    {
-      className: `h-full w-full bg-[#0B0C15] overflow-hidden relative ${o || ""}`,
-      style: l,
-      ...a
-    },
-    c && s.createElement("div", {
-      className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm transition-opacity lg:hidden",
-      onClick: () => d(!1)
-    }),
-    s.createElement(
-      "button",
-      {
-        className: "lg:hidden fixed top-4 right-4 z-50 p-2 rounded-lg bg-[#1A1B23] border border-white/10 text-white shadow-lg",
-        onClick: () => d(!c)
-      },
-      s.createElement("div", { className: c ? "i-heroicons-x-mark w-6 h-6" : "i-heroicons-bars-3 w-6 h-6" })
-    ),
-    s.createElement(
-      "div",
-      {
-        className: "grid h-full w-full lg:grid-cols-[260px_1fr] transition-all duration-300"
-      },
-      s.createElement(
-        "aside",
-        {
-          className: `
-                        fixed inset-y-0 left-0 z-50 w-[260px] bg-[#0B0C15] border-r border-white/5 transition-transform duration-300 transform
-                        lg:relative lg:translate-x-0 
-                        ${c ? "translate-x-0 shadow-2xl" : "-translate-x-full"}
-                    `
-        },
-        t
-      ),
-      s.createElement(
-        "main",
-        {
-          className: "flex flex-col min-w-0 h-full overflow-hidden relative"
-        },
-        e && s.createElement("div", { className: "flex-shrink-0" }, e),
-        s.createElement(
-          "div",
-          { className: "flex-1 overflow-y-auto scrollbar-hide p-4 lg:p-0" },
-          r
-        )
-      )
-    )
-  );
-});
-class Re extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_sidebar");
-    n(this, "_header");
-  }
-  sidebar(e) {
-    return this._sidebar = e, this;
-  }
-  header(e) {
-    return this._header = e, this;
-  }
-  build() {
-    const e = {
-      sidebar: this._sidebar,
-      header: this._header,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return s.createElement(Me, e);
-  }
-}
-const Is = y(Re), Te = s.memo((i) => {
-  const {
-    theme: t,
-    locale: e,
-    providers: r = {},
-    className: o,
-    style: l,
-    children: a
-  } = i, c = /* @__PURE__ */ new Map();
-  return t && c.set("theme", t), e && c.set("locale", e), Object.entries(r).forEach(([d, p]) => {
-    c.set(d, p);
-  }), c.size > 0 ? s.createElement(
-    me,
-    {
-      providers: c,
-      children: s.createElement(
-        "div",
-        {
-          className: `fibo-scaffold ${o || ""}`,
-          style: {
-            minHeight: "100vh",
-            display: "flex",
-            flexDirection: "column",
-            ...l
-          }
-        },
-        a
-      )
-    }
-  ) : s.createElement(
-    "div",
-    {
-      className: `fibo-scaffold ${o || ""}`,
-      style: {
-        minHeight: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        ...l
-      }
-    },
-    a
-  );
-});
-class Pe extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_theme");
-    n(this, "_locale");
-    n(this, "_customProviders", {});
-  }
-  theme(e) {
-    return this._theme = e, this;
-  }
-  locale(e) {
-    return this._locale = e, this;
-  }
-  providers(e) {
-    return this._customProviders = { ...this._customProviders, ...e }, this;
-  }
-  provider(e, r) {
-    return this._customProviders[e] = r, this;
-  }
-  build() {
-    const e = {
-      theme: this._theme,
-      locale: this._locale,
-      providers: this._customProviders,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: this.processChildren()
-    };
-    return s.createElement(Te, e);
-  }
-}
-const js = y(Pe), De = s.memo((i) => {
-  const { className: t, style: e, children: r, ...o } = i;
-  return s.createElement(
-    "div",
-    {
-      className: t,
-      style: e,
-      ...o
-    },
-    ...r
-  );
-});
-class Oe extends x {
-  build() {
-    const e = [
-      "fibo-box",
-      ...this._classNames
-    ].filter(Boolean).join(" "), r = this.getStyle(), o = this.processChildren(), l = {
-      className: e,
-      style: r,
-      children: o,
-      ...this._props
-    };
-    return s.createElement(De, l);
-  }
-}
-const w = y(Oe), He = s.memo((i) => {
-  const { image: t, size: e, border: r, shape: o, status: l, className: a, style: c } = i, d = typeof e == "number" ? `${e}px` : e, p = {
-    circle: "50%",
-    rounded: "24%",
-    square: "0"
-  }, u = {
-    none: "transparent",
-    online: "#10B981",
-    offline: "#9CA3AF",
-    busy: "#EF4444"
-  };
-  return w().className(a).style({
-    position: "relative",
-    width: d,
-    height: d,
-    borderRadius: p[o],
-    backgroundImage: `url(${t})`,
-    backgroundSize: "cover",
-    backgroundPosition: "center",
-    border: r,
-    boxShadow: r !== "none" ? "0 2px 8px rgba(0,0,0,0.05)" : "none",
-    ...c
-  }).children(
-    l !== "none" ? w().style({
-      position: "absolute",
-      bottom: "-2%",
-      right: "-2%",
-      width: "28%",
-      height: "28%",
-      minWidth: "10px",
-      minHeight: "10px",
-      backgroundColor: u[l],
-      borderRadius: "50%",
-      border: "3px solid #ffffff",
-      boxSizing: "content-box"
-    }).build() : null
-  ).build();
-});
-class Ve extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_image", "");
-    n(this, "_size", 40);
-    n(this, "_border", "none");
-    n(this, "_shape", "circle");
-    n(this, "_status", "none");
-  }
-  image(e) {
-    return this._image = e, this;
-  }
-  size(e) {
-    return this._size = e, this;
-  }
-  border(e) {
-    return this._border = e, this;
-  }
-  shape(e) {
-    return this._shape = e, this;
-  }
-  status(e) {
-    return this._status = e, this;
-  }
-  build() {
-    const e = {
-      image: this._image,
-      size: this._size,
-      border: this._border,
-      shape: this._shape,
-      status: this._status,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(He, e);
-  }
-}
-const qe = y(Ve), Ge = s.memo((i) => {
-  const { text: t, type: e, className: r, style: o, ...l } = i, a = {
-    h1: "h1",
-    h2: "h2",
-    h3: "h3",
-    h4: "h4",
-    h5: "h5",
-    h6: "h6",
-    body: "p",
-    caption: "span",
-    label: "label"
-  };
-  return s.createElement(
-    a[e],
-    {
-      className: `fibo-text fibo-text-${e} ${r}`,
-      style: o,
-      ...l
-    },
-    t
-  );
-});
-class Xe extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_text", "");
-    n(this, "_type", "body");
-    this._text = e;
-  }
-  text(e) {
-    return this._text = e, this;
-  }
-  type(e) {
-    return this._type = e, this;
-  }
-  variant(e) {
-    return this._type = e, this;
-  }
-  build() {
-    const e = {
-      text: this._text,
-      type: this._type,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Ge, e);
-  }
-}
-const E = y(Xe), Ue = s.memo((i) => {
-  const { text: t, icon: e, variant: r, intent: o, shape: l, className: a, style: c } = i, d = {
-    none: { bg: "#F9FAFB", text: "#6B7280", border: "#E5E7EB" },
-    success: { bg: "#ECFDF5", text: "#059669", border: "transparent" },
-    warning: { bg: "#FFFBEB", text: "#D97706", border: "transparent" },
-    error: { bg: "#FFF1F2", text: "#E11D48", border: "transparent" },
-    info: { bg: "#EFF6FF", text: "#2563EB", border: "transparent" }
-  };
-  let u = { ...{
-    neutral: { backgroundColor: "#F9FAFB", color: "#6B7280", border: "1px solid #E5E7EB" },
-    accent: { backgroundColor: "#EFF6FF", color: "#3B82F6", border: "none" },
-    outline: { backgroundColor: "transparent", color: "#FFFFFF", border: "1px solid rgba(255,255,255,0.3)" },
-    glass: {
-      backgroundColor: "rgba(255, 255, 255, 0.85)",
-      backdropFilter: "blur(12px)",
-      color: "#111827",
-      border: "1px solid rgba(255, 255, 255, 0.4)"
-    },
-    solid: { backgroundColor: "#111827", color: "#FFFFFF", border: "none" },
-    dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
-  }[r] };
-  if (o !== "none") {
-    const h = d[o];
-    if (r === "solid") {
-      const g = {
-        none: "#111827",
-        success: "#059669",
-        warning: "#D97706",
-        error: "#E11D48",
-        info: "#2563EB"
-      };
-      u.backgroundColor = g[o], u.color = "#FFFFFF";
-    } else r === "dot" ? (u.color = "#374151", u.borderColor = "#E5E7EB") : (u.backgroundColor = h.bg, u.color = h.text, h.border ? u.border = `1px solid ${h.border}` : u.border = "none");
-  }
-  const m = {
-    pill: "9999px",
-    rounded: "8px"
-  };
-  return w().className(a).style({
-    ...u,
-    borderRadius: m[l],
-    padding: r === "dot" ? "4px 8px" : "4px 10px",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "fit-content",
-    fontSize: "11px",
-    lineHeight: "1",
-    fontWeight: 600,
-    ...c
-  }).children(
-    R().gap(6).alignItems("center").children([
-      r === "dot" && o !== "none" ? w().style({
-        width: "6px",
-        height: "6px",
-        borderRadius: "50%",
-        backgroundColor: d[o].text,
-        boxShadow: `0 0 6px ${d[o].text}66`
-      }).build() : null,
-      e ? w().classNames(["flex", "items-center"]).children(e).build() : null,
-      E(t).fontSize(12).fontWeight(600).style({ color: "inherit" }).build()
-    ]).build()
-  ).build();
-});
-class Ye extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_text", "");
-    n(this, "_icon");
-    n(this, "_variant", "neutral");
-    n(this, "_intent", "none");
-    n(this, "_shape", "rounded");
-  }
-  text(e) {
-    return this._text = e, this;
-  }
-  icon(e) {
-    return this._icon = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  intent(e) {
-    return this._intent = e, this;
-  }
-  shape(e) {
-    return this._shape = e, this;
-  }
-  build() {
-    const e = {
-      text: this._text,
-      icon: this._icon,
-      variant: this._variant,
-      intent: this._intent,
-      shape: this._shape,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(Ue, e);
-  }
-}
-const G = y(Ye), Je = s.memo((i) => {
-  const { text: t, htmlFor: e, required: r, className: o, style: l, ...a } = i;
-  return s.createElement(
-    "label",
-    {
-      className: `fibo-label text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${o}`,
-      htmlFor: e,
-      style: l,
-      ...a
-    },
-    t,
-    r && s.createElement("span", { className: "text-red-500 ml-0.5" }, "*")
-  );
-});
-class Ke extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_text", "");
-    n(this, "_htmlFor");
-    n(this, "_required", !1);
-    this._text = e;
-  }
-  text(e) {
-    return this._text = e, this;
-  }
-  htmlFor(e) {
-    return this._htmlFor = e, this;
-  }
-  required(e = !0) {
-    return this._required = e, this;
-  }
-  build() {
-    const e = {
-      text: this._text,
-      htmlFor: this._htmlFor,
-      required: this._required,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Je, e);
-  }
-}
-const Ws = y(Ke), Qe = s.memo((i) => {
-  const {
-    src: t,
-    alt: e,
-    fit: r,
-    resizable: o,
-    clipShape: l,
-    frameWidth: a,
-    frameHeight: c,
-    className: d,
-    style: p,
-    ...u
-  } = i, m = { ...p };
-  return m.objectFit = r, a && (m.width = `${a}px`), c && (m.height = `${c}px`), o && (m.maxWidth = "100%", m.height = "auto"), s.createElement("img", {
-    src: t,
-    alt: e,
-    className: d,
-    style: m,
-    ...u
-  });
-});
-class Ze extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_src", "");
-    n(this, "_alt", "");
-    n(this, "_fit", "cover");
-    n(this, "_resizable", !1);
-    n(this, "_clipShape");
-    n(this, "_frameWidth");
-    n(this, "_frameHeight");
-    this._src = e;
-  }
-  src(e) {
-    return this._src = e, this;
-  }
-  alt(e) {
-    return this._alt = e, this;
-  }
-  resizable() {
-    return this._resizable = !0, this;
-  }
-  scaledToFit() {
-    return this._fit = "contain", this;
-  }
-  scaledToFill() {
-    return this._fit = "cover", this;
-  }
-  frame(e) {
-    return this._frameWidth = e.width, this._frameHeight = e.height, this;
-  }
-  clipShape(e) {
-    return this._clipShape = e, this;
-  }
-  foregroundStyle(e) {
-    return this;
-  }
-  build() {
-    const e = ["fibo-image", ...this._classNames];
-    this._clipShape === "circle" ? e.push("rounded-full") : this._clipShape === "rounded" && e.push("rounded-lg");
-    const r = e.filter(Boolean).join(" "), o = {
-      src: this._src,
-      alt: this._alt,
-      fit: this._fit,
-      resizable: this._resizable,
-      clipShape: this._clipShape,
-      frameWidth: this._frameWidth,
-      frameHeight: this._frameHeight,
-      className: r,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Qe, o);
-  }
-}
-const et = y(Ze), tt = s.memo((i) => {
-  const { size: t, color: e, variant: r = "circle", className: o, style: l, ...a } = i, d = typeof t == "number" ? t : {
-    sm: 16,
-    md: 24,
-    lg: 32,
-    xl: 48
-  }[t] || 24, p = e || "currentColor", u = {
-    className: `fibo-spinner ${o}`,
-    style: { width: d, height: d, ...l },
-    ...a
-  };
-  return r === "dots" ? s.createElement(
-    "div",
-    { ...u, className: `${u.className} flex items-center justify-between` },
-    [0, 1, 2].map((m) => s.createElement("div", {
-      key: m,
-      className: "w-[25%] h-[25%] rounded-full animate-bounce",
-      style: {
-        backgroundColor: p,
-        animationDelay: `${m * 0.1}s`
-      }
-    }))
-  ) : r === "pulse" ? s.createElement(
-    "div",
-    { ...u, className: `${u.className} relative flex items-center justify-center` },
-    [
-      s.createElement("div", {
-        key: "ring",
-        className: "absolute inset-0 rounded-full opacity-75 animate-ping",
-        style: { backgroundColor: p }
-      }),
-      s.createElement("div", {
-        key: "dot",
-        className: "relative rounded-full h-[75%] w-[75%]",
-        style: { backgroundColor: p }
-      })
-    ]
-  ) : r === "blocks" ? s.createElement(
-    "div",
-    { ...u, className: `${u.className} grid grid-cols-2 gap-[10%] p-[10%]` },
-    [0, 1, 2, 3].map((m) => s.createElement("div", {
-      key: m,
-      className: "w-full h-full bg-current animate-pulse",
-      style: {
-        backgroundColor: p,
-        animationDelay: `${m * 0.15}s`,
-        opacity: 0.6
-      }
-    }))
-  ) : s.createElement(
-    "div",
-    { ...u, className: `${u.className} animate-spin` },
-    s.createElement(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        style: { width: "100%", height: "100%" }
-      },
-      s.createElement("circle", {
-        className: "opacity-20",
-        cx: "12",
-        cy: "12",
-        r: "10",
-        stroke: p,
-        strokeWidth: "4"
-      }),
-      s.createElement("path", {
-        className: "",
-        fill: p,
-        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-      })
-    )
-  );
-});
-class st extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_size", "md");
-    n(this, "_color");
-    n(this, "_variant", "circle");
-  }
-  size(e) {
-    return this._size = e, this;
-  }
-  color(e) {
-    return this._color = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  build() {
-    const e = {
-      size: this._size,
-      color: this._color,
-      variant: this._variant,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(tt, e);
-  }
-}
-const Ls = y(st), rt = s.memo((i) => {
-  const { width: t, height: e, shape: r, className: o, style: l, ...a } = i, c = ["animate-pulse", "bg-gray-200", "loading-skeleton"];
-  return r === "circle" ? c.push("rounded-full") : r === "rounded-sm" ? c.push("rounded-sm") : r === "rounded-md" ? c.push("rounded-md") : r === "rounded-lg" ? c.push("rounded-lg") : r === "square" ? c.push("rounded-none") : c.push("rounded"), s.createElement("div", {
-    className: [...c, o].filter(Boolean).join(" "),
-    style: {
-      width: t,
-      height: e,
-      ...l
-    },
-    ...a
-  });
-});
-class it extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_width", "100%");
-    n(this, "_height", "20px");
-    n(this, "_shape", "rounded");
-  }
-  width(e) {
-    return this._width = e, this;
-  }
-  height(e) {
-    return this._height = e, this;
-  }
-  shape(e) {
-    return this._shape = e, this;
-  }
-  build() {
-    const e = {
-      width: this._width,
-      height: this._height,
-      shape: this._shape,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(rt, e);
-  }
-}
-const Ms = y(it), L = {
-  Heart: /* @__PURE__ */ S("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ S("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }),
-  Eth: /* @__PURE__ */ S("svg", { width: "14", height: "24", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ S("path", { d: "M15.925 23.96l-9.815-5.8 9.815 13.84 9.825-13.84-9.825 5.8zm0-23.96l-9.815 16.275 9.815 5.675 9.825-5.675-9.825-16.275zm0 20.3l-8.915-5.265 8.915-12.42 8.925 12.42-8.925 5.265z" }) }),
-  Verify: /* @__PURE__ */ S("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "#3B82F6", stroke: "none", children: /* @__PURE__ */ S("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }) }),
-  More: /* @__PURE__ */ O("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "1" }),
-    /* @__PURE__ */ S("circle", { cx: "19", cy: "12", r: "1" }),
-    /* @__PURE__ */ S("circle", { cx: "5", cy: "12", r: "1" })
-  ] }),
-  Clock: /* @__PURE__ */ O("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ S("polyline", { points: "12 6 12 12 16 14" })
-  ] }),
-  Info: /* @__PURE__ */ O("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ S("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ S("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-    /* @__PURE__ */ S("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
-  ] }),
-  Check: /* @__PURE__ */ O("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ S("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-    /* @__PURE__ */ S("polyline", { points: "22 4 12 14.01 9 11.01" })
-  ] }),
-  Search: /* @__PURE__ */ O("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ S("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ S("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-  ] }),
-  Close: /* @__PURE__ */ O("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ S("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ S("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-  ] })
-}, nt = s.memo((i) => {
-  const { title: t, description: e, intent: r = "info", className: o, style: l, ...a } = i, c = r, d = {
-    info: "bg-blue-500 text-white",
-    success: "bg-emerald-500 text-white",
-    warning: "bg-orange-400 text-white",
-    error: "bg-rose-500 text-white"
-  }, p = {
-    info: "bg-blue-600",
-    success: "bg-emerald-600",
-    warning: "bg-orange-500",
-    error: "bg-rose-600"
-  }, u = {
-    info: L.Info || s.createElement("span", {}, "?"),
-    success: L.Check || s.createElement("span", {}, "✔"),
-    warning: L.Search || s.createElement("span", {}, "!"),
-    error: L.Close || s.createElement("span", {}, "x")
-  }, m = `relative overflow-hidden flex items-start gap-4 p-5 rounded-3xl shadow-lg border-none ${d[c]}`;
-  return s.createElement("div", {
-    className: `${m} ${o}`,
-    style: l,
-    ...a
-  }, [
-    s.createElement("div", {
-      key: "blob1",
-      className: "absolute -top-6 -right-6 w-24 h-24 rounded-full bg-white opacity-10 pointer-events-none"
-    }),
-    s.createElement("div", {
-      key: "blob2",
-      className: "absolute bottom-[-10px] left-10 w-12 h-12 rounded-full bg-black opacity-5 pointer-events-none"
-    }),
-    s.createElement("div", {
-      key: "blob3",
-      className: "absolute top-10 right-20 w-8 h-8 rounded-full bg-white opacity-10 pointer-events-none"
-    }),
-    s.createElement("div", {
-      key: "icon-wrapper",
-      className: `relative z-10 shrink-0 w-10 h-10 rounded-full flex items-center justify-center shadow-sm ${p[c]}`
-    }, s.cloneElement(u[c], { width: 20, height: 20, strokeWidth: 3 })),
-    s.createElement("div", { key: "content", className: "relative z-10 flex flex-col gap-1.5 pt-0.5" }, [
-      t && s.createElement("h5", { key: "title", className: "font-bold text-lg leading-none tracking-tight" }, t),
-      e && s.createElement("p", { key: "desc", className: "text-sm font-medium opacity-90 leading-relaxed" }, e)
-    ])
-  ]);
-});
-class ot extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title", "");
-    n(this, "_description");
-    n(this, "_intent", "info");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  description(e) {
-    return this._description = e, this;
-  }
-  intent(e) {
-    return this._intent = e, this;
-  }
-  build() {
-    const e = {
-      title: this._title,
-      description: this._description,
-      intent: this._intent,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(nt, e);
-  }
-}
-const Rs = y(ot), lt = s.memo((i) => {
-  const {
-    value: t,
-    max: e,
-    color: r,
-    height: o,
-    variant: l = "default",
-    label: a,
-    subLabel: c,
-    items: d = [],
-    className: p,
-    style: u,
-    ...m
-  } = i, h = Math.min(100, Math.max(0, t / e * 100)), g = r || "#3B82F6";
-  if (l === "circular") {
-    const k = typeof o == "number" ? o : 64, C = 8, b = (k - C) / 2, f = b * 2 * Math.PI, F = f - h / 100 * f;
-    return s.createElement("div", {
-      className: `relative inline-flex items-center justify-center ${p}`,
-      style: { width: k, height: k, ...u },
-      ...m
-    }, [
-      s.createElement("svg", {
-        key: "svg",
-        className: "transform -rotate-90",
-        width: k,
-        height: k
-      }, [
-        s.createElement("circle", {
-          key: "track",
-          className: "text-gray-100",
-          stroke: "currentColor",
-          strokeWidth: C,
-          fill: "transparent",
-          r: b,
-          cx: k / 2,
-          cy: k / 2
-        }),
-        s.createElement("circle", {
-          key: "prog",
-          stroke: g,
-          strokeWidth: C,
-          strokeDasharray: f,
-          strokeDashoffset: F,
-          strokeLinecap: "round",
-          fill: "transparent",
-          r: b,
-          cx: k / 2,
-          cy: k / 2,
-          className: "transition-all duration-1000 ease-out"
-        })
-      ]),
-      s.createElement("span", {
-        key: "label",
-        className: "absolute text-sm font-bold text-gray-700"
-      }, a || `${Math.round(h)}%`)
-    ]);
-  }
-  if (l === "pagination") {
-    const C = Math.floor(h / 100 * 5);
-    return s.createElement("div", {
-      className: `flex items-center gap-2 ${p}`,
-      style: u,
-      ...m
-    }, Array.from({ length: 5 }).map((b, f) => {
-      const F = f === C;
-      return s.createElement("div", {
-        key: f,
-        className: `h-3 rounded-full transition-all duration-300 ${F ? "w-8" : "w-3"}`,
-        style: { backgroundColor: f <= C ? g : "#E5E7EB" }
-      });
-    }));
-  }
-  if (l === "timeline") {
-    const k = d.length ? d : [
-      { title: "Order components", date: "Done" },
-      { title: "Draft implementation", date: "In Progress" },
-      { title: "Verify functionality", date: "Pending" }
-    ], C = Math.floor(h / 100 * k.length);
-    return s.createElement("div", {
-      className: `flex flex-col relative ${p}`,
-      style: u,
-      ...m
-    }, k.map((b, f) => {
-      const F = f < C, j = f === C, W = f === k.length - 1, _ = F || j ? g : "#E5E7EB", z = F ? s.createElement("span", {}, "✓") : f + 1;
-      return s.createElement("div", {
-        key: f,
-        className: "relative flex items-start gap-4 pb-8 last:pb-0"
-      }, [
-        !W && s.createElement("div", {
-          key: "tail",
-          className: "absolute left-[19px] top-10 bottom-0 w-0.5 transition-colors duration-500",
-          style: { backgroundColor: F ? g : "#E5E7EB" }
-        }),
-        s.createElement("div", {
-          key: "dot",
-          className: "relative z-10 w-10 h-10 rounded-full flex items-center justify-center border-2 bg-white transition-all duration-300 shrink-0 text-sm font-bold shadow-sm",
-          style: {
-            borderColor: _,
-            color: F ? "#fff" : j ? _ : "#9CA3AF",
-            backgroundColor: F ? _ : "#fff"
-          }
-        }, z),
-        s.createElement("div", { key: "content", className: "pt-2" }, [
-          s.createElement("div", { className: "text-sm font-bold text-gray-900 leading-none" }, b.title),
-          b.description && s.createElement("div", { className: "text-xs text-gray-500 mt-1.5" }, b.description),
-          b.date && s.createElement("div", { className: "text-xs font-mono text-gray-400 mt-1" }, b.date)
-        ])
-      ]);
-    }));
-  }
-  if (l === "floating")
-    return s.createElement("div", {
-      className: `w-full bg-white rounded-xl shadow-sm border border-gray-100 p-4 relative overflow-hidden ${p}`,
-      style: u,
-      ...m
-    }, [
-      s.createElement("div", { key: "info", className: "flex justify-between items-center mb-3 px-1" }, [
-        s.createElement(
-          "span",
-          { key: "l", className: "text-sm font-semibold text-gray-700" },
-          a ? s.createElement("span", { className: "text-blue-600 mr-2" }, `${Math.round(h)}%`) : null,
-          a || "Update in progress..."
-        ),
-        c && s.createElement("span", { key: "r", className: "text-xs font-medium text-gray-400" }, c)
-      ]),
-      s.createElement("div", {
-        key: "track",
-        className: "w-full bg-blue-50 h-1.5 rounded-full overflow-hidden"
-      }, s.createElement("div", {
-        className: "h-full rounded-full transition-all duration-1000 ease-out",
-        style: { width: `${h}%`, backgroundColor: g }
-      }))
-    ]);
-  if (l === "chevron") {
-    const C = Math.floor(h / 100 * 3);
-    return s.createElement("div", {
-      className: `flex w-full rounded-lg overflow-hidden ${p}`,
-      style: u,
-      ...m
-    }, Array.from({ length: 3 }).map((b, f) => {
-      const F = f <= C;
-      return s.createElement("div", {
-        key: f,
-        className: "flex-1 h-10 flex items-center justify-center text-sm font-bold text-white transition-colors duration-300",
-        style: {
-          backgroundColor: F ? f === C ? g : "#60A5FA" : "#E5E7EB",
-          clipPath: f === 0 ? "polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%)" : f === 2 ? "polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 15% 50%)" : "polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%)",
-          marginLeft: f === 0 ? 0 : "-10px",
-          paddingLeft: f === 0 ? 0 : "10px",
-          zIndex: 3 - f
-        }
-      }, `Step ${f + 1}`);
-    }));
-  }
-  if (l === "steps") {
-    const C = Math.ceil(h / 100 * 3);
-    return s.createElement("div", {
-      className: `w-full flex items-center justify-between relative ${p}`,
-      style: {
-        marginTop: "1rem",
-        ...u
-      },
-      ...m
-    }, [
-      s.createElement("div", {
-        key: "line-bg",
-        className: "absolute top-1/2 left-0 w-full h-1.5 bg-gray-200 z-0 transform -translate-y-1/2 rounded-full"
-      }),
-      s.createElement("div", {
-        key: "line-active",
-        className: "absolute top-1/2 left-0 h-1.5 z-0 transform -translate-y-1/2 transition-all duration-500 rounded-full",
-        style: { width: `${h}%`, backgroundColor: g }
-      }),
-      ...Array.from({ length: 3 }).map((b, f) => {
-        const F = f + 1, j = F <= C, W = F < C;
-        return s.createElement("div", {
-          key: f,
-          className: `relative z-10 w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold transition-all duration-300 border-4 ${j ? "text-white border-white shadow-md" : "bg-gray-100 text-gray-400 border-gray-50"}`,
-          style: { backgroundColor: j ? g : void 0 }
-        }, W ? s.createElement("span", {}, "✔") : F);
-      })
-    ]);
-  }
-  const N = o || 12;
-  if (l === "segments") {
-    const C = Math.round(h / 100 * 10);
-    return s.createElement(
-      "div",
-      {
-        className: `flex gap-1.5 w-full ${p}`,
-        style: u,
-        ...m
-      },
-      Array.from({ length: 10 }).map((b, f) => s.createElement("div", {
-        key: f,
-        className: "h-3 flex-1 rounded-sm transition-all duration-300 first:rounded-l-full last:rounded-r-full",
-        style: {
-          height: o || 12,
-          backgroundColor: f < C ? g : "#E5E7EB"
-        }
-      }))
-    );
-  }
-  let v = null;
-  l === "striped" && (v = s.createElement("div", {
-    className: "w-full h-full opacity-30 animate-[stripes_1s_linear_infinite]",
-    style: {
-      backgroundImage: "linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent)",
-      backgroundSize: "20px 20px"
-    }
-  }));
-  const B = l === "labeled" ? s.createElement("div", {
-    className: "absolute -top-12 transform -translate-x-1/2 bg-slate-800 text-white text-xs font-bold py-1.5 px-3 rounded-lg shadow-xl whitespace-nowrap",
-    style: { left: `${h}%` }
-  }, [
-    a || `${Math.round(h)}%`,
-    s.createElement("div", { key: "arrow", className: "absolute -bottom-1 left-1/2 transform -translate-x-1/2 w-2 h-2 bg-slate-800 rotate-45" })
-  ]) : null, I = l === "knob" ? s.createElement("div", {
-    className: "absolute top-1/2 right-0 w-7 h-7 bg-white rounded-full shadow-lg border-4 transform translate-x-1/2 -translate-y-1/2 flex items-center justify-center",
-    style: { borderColor: g }
-  }, s.createElement("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: g } })) : null;
-  return s.createElement("div", {
-    className: `relative w-full ${l === "labeled" ? "mt-8" : ""}`,
-    ...m
-  }, [
-    B,
-    s.createElement(
-      "div",
-      {
-        key: "track",
-        className: `w-full bg-slate-100 rounded-full ${p}`,
-        style: {
-          width: "100%",
-          height: N,
-          ...u
-        }
-      },
-      s.createElement("div", {
-        className: "h-full transition-all duration-1000 ease-out rounded-full flex items-center justify-center relative",
-        style: {
-          width: `${h}%`,
-          backgroundColor: g
-        }
-      }, [v, I])
-    )
-  ]);
-});
-class at extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_value", 0);
-    n(this, "_max", 100);
-    n(this, "_color");
-    n(this, "_height");
-    n(this, "_variant", "default");
-    n(this, "_label");
-    n(this, "_subLabel");
-    n(this, "_items");
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  max(e) {
-    return this._max = e, this;
-  }
-  color(e) {
-    return this._color = e, this;
-  }
-  height(e) {
-    return this._height = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  subLabel(e) {
-    return this._subLabel = e, this;
-  }
-  items(e) {
-    return this._items = e, this;
-  }
-  build() {
-    const e = {
-      value: this._value,
-      max: this._max,
-      color: this._color,
-      height: this._height,
-      variant: this._variant,
-      label: this._label,
-      subLabel: this._subLabel,
-      items: this._items,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(lt, e);
-  }
-}
-const Ts = y(at), ct = s.memo((i) => {
-  const {
-    text: t,
-    variant: e,
-    size: r,
-    onPress: o,
-    disabled: l,
-    icon: a,
-    shape: c,
-    shadow: d,
-    className: p,
-    style: u,
-    ...m
-  } = i, h = { ...u };
-  Object.assign(h, {
-    sm: { padding: "6px 14px", fontSize: "13px", gap: "6px", height: "32px" },
-    md: { padding: "10px 22px", fontSize: "15px", gap: "8px", height: "44px" },
-    lg: { padding: "16px 32px", fontSize: "17px", gap: "10px", height: "56px" }
-  }[r]), c === "pill" ? h.borderRadius = "9999px" : c === "square" ? h.borderRadius = "12px" : h.borderRadius = "14px", d === "soft" && (h.boxShadow = "0 8px 20px -6px rgba(59, 130, 246, 0.4)"), e === "ghost" ? (h.backgroundColor = "transparent", h.color = "#4B5563", h.boxShadow = "none", h.border = "1px solid transparent") : e === "text" ? (h.backgroundColor = "transparent", h.color = "#4B5563", h.boxShadow = "none", h.border = "none", h.paddingLeft = "8px", h.paddingRight = "8px") : e === "soft" ? (h.backgroundColor = "#EEF2FF", h.color = "#4F46E5", h.boxShadow = "none", h.border = "none") : e === "outline" && (h.backgroundColor = "transparent", h.border = "1.5px solid #E5E7EB", h.color = "#374151", h.boxShadow = "none");
-  const N = [];
-  return a && N.push(a), t && N.push(t), s.createElement(
-    "button",
-    {
-      className: p,
-      style: {
-        display: "inline-flex",
-        alignItems: "center",
-        justifyContent: "center",
-        cursor: l ? "not-allowed" : "pointer",
-        opacity: l ? 0.6 : 1,
-        fontWeight: 600,
-        whiteSpace: "nowrap",
-        ...h
-      },
-      onClick: (v) => {
-        if (!l) {
-          if (document.documentElement.classList.contains("fibo-theme-material")) {
-            const B = v.currentTarget;
-            import("./effects-D16XdB_d.mjs").then(({ createRipple: I }) => {
-              I(v, B);
-            });
-          }
-          o == null || o();
-        }
-      },
-      disabled: l,
-      ...m
-    },
-    ...N
-  );
-});
-class ht extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_text", "");
-    n(this, "_variant", "elevated");
-    n(this, "_size", "md");
-    n(this, "_onPress");
-    n(this, "_disabled", !1);
-    n(this, "_icon");
-    n(this, "_shape", "default");
-    n(this, "_shadow", "none");
-    this._text = e;
-  }
-  text(e) {
-    return this._text = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  size(e) {
-    return this._size = e, this;
-  }
-  onPress(e) {
-    return this._onPress = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  icon(e) {
-    return this._icon = e, this;
-  }
-  shape(e) {
-    return this._shape = e, this;
-  }
-  shadow(e) {
-    return this._shadow = e, this;
-  }
-  build() {
-    const e = [
-      "fibo-button",
-      `fibo-button-${this._variant}`,
-      "active:scale-[0.96]",
-      "transform",
-      "transition-all",
-      "duration-200",
-      "ease-out",
-      ...this._classNames
-    ].filter(Boolean).join(" "), r = {
-      text: this._text,
-      variant: this._variant,
-      size: this._size,
-      onPress: this._onPress,
-      disabled: this._disabled,
-      icon: this._icon,
-      shape: this._shape,
-      shadow: this._shadow,
-      className: e,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(ct, r);
-  }
-}
-const K = y(ht), dt = (i, t) => {
-  let e = 0;
-  const r = i.replace(/\D/g, "").split("");
-  let o = "";
-  for (let l = 0; l < t.length && !(e >= r.length); l++)
-    t[l] === "9" ? o += r[e++] : o += t[l];
-  return o;
-}, ut = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, o] = s.useState(!1), {
-    containerClass: l,
-    containerStyle: a,
-    label: c,
-    error: d,
-    mask: p,
-    type: u,
-    value: m,
-    // Can be string or Signal
-    onChange: h,
-    ...g
-  } = i, N = m instanceof Z, [v, B] = $(N ? m.value : m);
-  M(() => {
-    if (N)
-      return m.subscribe((f) => {
-        B(f);
-      });
-    B(m);
-  }, [m, N]);
-  const I = u === "password", k = I && r ? "text" : u, C = (b) => {
-    let f = b.target.value;
-    if (p) {
-      f = dt(f, p);
-      const F = {
-        ...b,
-        target: {
-          ...b.target,
-          value: f
-        }
-      };
-      N && (m.value = f), h == null || h(F);
-    } else
-      N && (m.value = f), h == null || h(b);
-  };
-  return s.createElement(
-    "div",
-    { className: l, style: a },
-    s.createElement("div", { className: "relative w-full" }, [
-      s.createElement("input", {
-        key: "input",
-        id: e,
-        className: "fibo-textfield-input",
-        type: k,
-        onChange: C,
-        value: v,
-        ...g
-      }),
-      c && s.createElement(
-        "label",
-        {
-          key: "label",
-          htmlFor: e,
-          className: "fibo-textfield-label"
-        },
-        c
-      ),
-      I && s.createElement(
-        "button",
-        {
-          key: "toggle",
-          type: "button",
-          className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 focus:outline-none",
-          onClick: () => o(!r),
-          tabIndex: -1
-        },
-        r ? s.createElement(
-          "svg",
-          { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
-          s.createElement("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-          s.createElement("line", { x1: 1, y1: 1, x2: 23, y2: 23 })
-        ) : s.createElement(
-          "svg",
-          { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" },
-          s.createElement("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-          s.createElement("circle", { cx: 12, cy: 12, r: 3 })
-        )
-      )
-    ]),
-    d && s.createElement(
-      "span",
-      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
-      d
-    )
-  );
-});
-class mt extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_value", "");
-    n(this, "_label", "");
-    n(this, "_placeholder", "");
-    n(this, "_type", "text");
-    n(this, "_disabled", !1);
-    n(this, "_error");
-    n(this, "_mask");
-    n(this, "_onChange");
-    this._value = e;
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  placeholder(e) {
-    return this._placeholder = e, this;
-  }
-  type(e) {
-    return this._type = e, this;
-  }
-  mask(e) {
-    return this._mask = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  error(e) {
-    return this._error = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  build() {
-    const r = {
-      containerClass: ["fibo-textfield-container", ...this._classNames].filter(Boolean).join(" "),
-      containerStyle: this.getStyle(),
-      label: this._label,
-      error: this._error,
-      value: this._value,
-      placeholder: this._placeholder || " ",
-      type: this._type,
-      mask: this._mask,
-      disabled: this._disabled,
-      onChange: (o) => {
-        var l;
-        (l = this._onChange) == null || l.call(this, o.target.value);
-      },
-      ...this._props
-    };
-    return s.createElement(ut, r);
-  }
-}
-const pt = y(mt), ft = s.memo((i) => {
-  const {
-    checked: t,
-    onChange: e,
-    label: r,
-    disabled: o,
-    className: l,
-    style: a
-  } = i, c = {
-    width: "44px",
-    height: "24px",
-    borderRadius: "9999px",
-    position: "relative",
-    transition: "background-color 0.2s ease-in-out",
-    cursor: o ? "not-allowed" : "pointer",
-    opacity: o ? 0.5 : 1,
-    backgroundColor: t ? "var(--fibo-primary, #3B82F6)" : "#E5E7EB",
-    ...a
-  }, d = {
-    width: "20px",
-    height: "20px",
-    borderRadius: "50%",
-    backgroundColor: "white",
-    position: "absolute",
-    top: "2px",
-    left: "2px",
-    transition: "transform 0.2s ease-in-out",
-    transform: t ? "translateX(20px)" : "translateX(0)",
-    boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
-  };
-  return s.createElement(
-    "label",
-    {
-      className: `fibo-switch flex items-center gap-3 ${l}`
-    },
-    s.createElement(
-      "div",
-      {
-        className: "fibo-switch-track",
-        style: c,
-        onClick: (p) => {
-          p.preventDefault(), !o && e && e(!t);
-        }
-      },
-      s.createElement("div", { style: d })
-    ),
-    r && s.createElement(
-      "span",
-      { className: "text-sm font-medium text-gray-700 select-none" },
-      r
-    ),
-    s.createElement("input", {
-      type: "checkbox",
-      checked: t,
-      disabled: o,
-      className: "sr-only",
-      onChange: (p) => !o && (e == null ? void 0 : e(p.target.checked))
-    })
-  );
-});
-class gt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_checked", !1);
-    n(this, "_onChange");
-    n(this, "_label");
-    n(this, "_disabled", !1);
-  }
-  checked(e) {
-    return this._checked = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  build() {
-    const e = {
-      checked: this._checked,
-      onChange: this._onChange,
-      label: this._label,
-      disabled: this._disabled,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(ft, e);
-  }
-}
-const bt = y(gt), xt = s.memo((i) => {
-  const {
-    checked: t,
-    onChange: e,
-    label: r,
-    disabled: o,
-    indeterminate: l,
-    className: a,
-    style: c
-  } = i, d = t || l, p = {
-    width: "20px",
-    height: "20px",
-    borderRadius: "6px",
-    border: d ? "none" : "2px solid #D1D5DB",
-    backgroundColor: d ? "var(--fibo-primary, #3B82F6)" : "transparent",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    transition: "all 0.2s",
-    cursor: o ? "not-allowed" : "pointer",
-    opacity: o ? 0.5 : 1,
-    ...c
-  };
-  let u = null;
-  return l ? u = s.createElement("div", { style: { width: "10px", height: "2px", backgroundColor: "white", borderRadius: "1px" } }) : t && (u = s.createElement(
-    "svg",
-    {
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    s.createElement("path", {
-      d: "M10 3L4.5 8.5L2 6",
-      stroke: "white",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  )), s.createElement(
-    "label",
-    {
-      className: `fibo-checkbox flex items-center gap-2 ${a}`
-    },
-    s.createElement(
-      "div",
-      {
-        className: "fibo-checkbox-box",
-        style: p,
-        onClick: (m) => {
-          m.preventDefault(), !o && e && e(!t);
-        }
-      },
-      u
-    ),
-    r && s.createElement(
-      "span",
-      { className: "text-sm text-gray-700 select-none" },
-      r
-    ),
-    s.createElement("input", {
-      type: "checkbox",
-      checked: t,
-      disabled: o,
-      className: "sr-only",
-      onChange: (m) => !o && (e == null ? void 0 : e(m.target.checked))
-    })
-  );
-});
-class yt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_checked", !1);
-    n(this, "_onChange");
-    n(this, "_label");
-    n(this, "_disabled", !1);
-    n(this, "_indeterminate", !1);
-  }
-  checked(e) {
-    return this._checked = e, this;
-  }
-  indeterminate(e) {
-    return this._indeterminate = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  build() {
-    const e = {
-      checked: this._checked,
-      onChange: this._onChange,
-      label: this._label,
-      disabled: this._disabled,
-      indeterminate: this._indeterminate,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(xt, e);
-  }
-}
-const Ps = y(yt), _t = s.memo((i) => {
-  const {
-    value: t,
-    options: e,
-    onChange: r,
-    name: o,
-    direction: l,
-    className: a,
-    style: c
-  } = i;
-  return s.createElement(
-    "div",
-    {
-      className: `fibo-radio-group flex ${l === "vertical" ? "flex-col gap-2" : "flex-row gap-4"} ${a}`,
-      style: c
-    },
-    e.map((d) => {
-      const p = t === d.value, u = d.disabled;
-      return s.createElement(
-        "label",
-        {
-          key: d.value,
-          className: `flex items-center gap-2 cursor-pointer ${u ? "opacity-50 cursor-not-allowed" : ""}`
-        },
-        s.createElement(
-          "div",
-          {
-            className: "relative flex items-center justify-center",
-            style: {
-              width: "18px",
-              height: "18px",
-              borderRadius: "50%",
-              border: p ? "5px solid var(--fibo-primary, #3B82F6)" : "2px solid #D1D5DB",
-              transition: "all 0.2s"
-            }
-          },
-          s.createElement("input", {
-            type: "radio",
-            name: o,
-            value: d.value,
-            checked: p,
-            disabled: u,
-            className: "sr-only",
-            onChange: () => !u && (r == null ? void 0 : r(d.value))
-          })
-        ),
-        s.createElement(
-          "span",
-          { className: "text-sm text-gray-700" },
-          d.label
-        )
-      );
-    })
-  );
-});
-class kt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_value", "");
-    n(this, "_options", []);
-    n(this, "_onChange");
-    n(this, "_name", `radio-group-${Math.random().toString(36).substr(2, 9)}`);
-    n(this, "_direction", "vertical");
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  options(e) {
-    return this._options = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  direction(e) {
-    return this._direction = e, this;
-  }
-  name(e) {
-    return this._name = e, this;
-  }
-  build() {
-    const e = {
-      value: this._value,
-      options: this._options,
-      onChange: this._onChange,
-      name: this._name,
-      direction: this._direction,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(_t, e);
-  }
-}
-const Ds = y(kt), vt = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, {
-    containerClass: r,
-    containerStyle: o,
-    label: l,
-    error: a,
-    ...c
-  } = i;
-  return s.createElement(
-    "div",
-    { className: r, style: o },
-    s.createElement("textarea", {
-      id: e,
-      className: "fibo-textarea-input",
-      ...c
-    }),
-    l && s.createElement(
-      "label",
-      {
-        htmlFor: e,
-        className: "fibo-textarea-label"
-      },
-      l
-    ),
-    a && s.createElement(
-      "span",
-      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
-      a
-    )
-  );
-});
-class wt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_value", "");
-    n(this, "_label", "");
-    n(this, "_placeholder", "");
-    n(this, "_disabled", !1);
-    n(this, "_rows", 4);
-    n(this, "_error");
-    n(this, "_resize", "vertical");
-    n(this, "_onChange");
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  placeholder(e) {
-    return this._placeholder = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  rows(e) {
-    return this._rows = e, this;
-  }
-  resize(e) {
-    return this._resize = e, this;
-  }
-  error(e) {
-    return this._error = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  build() {
-    const r = {
-      containerClass: ["fibo-textarea-container", ...this._classNames].filter(Boolean).join(" "),
-      containerStyle: { width: "100%", ...this.getStyle() },
-      label: this._label,
-      error: this._error,
-      rows: this._rows,
-      value: this._value,
-      placeholder: this._placeholder || " ",
-      disabled: this._disabled,
-      style: { resize: this._resize },
-      onChange: (o) => {
-        var l;
-        (l = this._onChange) == null || l.call(this, o.target.value);
-      },
-      ...this._props
-    };
-    return s.createElement(vt, r);
-  }
-}
-const Os = y(wt), Nt = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, o] = $(!1), l = U(null), {
-    containerClass: a,
-    containerStyle: c,
-    label: d,
-    error: p,
-    value: u,
-    options: m = [],
-    placeholder: h,
-    onChange: g,
-    disabled: N,
-    multiple: v,
-    ...B
-  } = i;
-  M(() => {
-    const b = (f) => {
-      l.current && !l.current.contains(f.target) && o(!1);
-    };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, []);
-  const I = (b) => v ? Array.isArray(u) && u.includes(b) : u === b;
-  let k = "";
-  if (v)
-    Array.isArray(u) && u.length > 0 && (k = m.filter((b) => u.includes(b.value)).map((b) => b.label).join(", "));
-  else {
-    const b = m.find((f) => f.value === u);
-    k = b ? b.label : "";
-  }
-  const C = (b) => {
-    if (!N)
-      if (v) {
-        const f = Array.isArray(u) ? [...u] : [], F = f.indexOf(b);
-        F > -1 ? f.splice(F, 1) : f.push(b), g == null || g(f);
-      } else
-        g == null || g(b), o(!1);
-  };
-  return s.createElement(
-    "div",
-    {
-      ref: l,
-      className: a,
-      style: c
-    },
-    s.createElement("div", { className: "relative w-full" }, [
-      s.createElement("button", {
-        key: "trigger",
-        id: e,
-        type: "button",
-        disabled: N,
-        className: `fibo-textfield-input text-left w-full flex items-center justify-between ${k ? "" : "text-gray-400"}`,
-        onClick: () => !N && o(!r),
-        ...B
-      }, [
-        s.createElement("span", { key: "text", className: "truncate" }, k || h || " "),
-        s.createElement("svg", {
-          key: "icon",
-          className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24"
-        }, s.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
-      ]),
-      d && s.createElement(
-        "label",
-        {
-          key: "label",
-          htmlFor: e,
-          className: "fibo-textfield-label"
-        },
-        d
-      ),
-      r && s.createElement("div", {
-        key: "dropdown",
-        className: "absolute z-50 w-full mt-1 bg-[var(--fibo-surface)] border border-[var(--fibo-outline)] rounded-md shadow-lg max-h-60 overflow-auto focus:outline-none"
-      }, m.map((b) => {
-        const f = I(b.value);
-        return s.createElement("div", {
-          key: b.value,
-          className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] flex items-center justify-between ${f ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
-          onClick: () => C(b.value)
-        }, [
-          s.createElement("span", { key: "label" }, b.label),
-          f && s.createElement("svg", {
-            key: "check",
-            className: "w-4 h-4 text-[var(--fibo-primary)]",
-            viewBox: "0 0 20 20",
-            fill: "currentColor"
-          }, s.createElement("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }))
-        ]);
-      }))
-    ]),
-    p && s.createElement(
-      "span",
-      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
-      p
-    )
-  );
-});
-class Et extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_value", "");
-    n(this, "_label", "");
-    n(this, "_placeholder", "");
-    n(this, "_disabled", !1);
-    n(this, "_error");
-    n(this, "_multiple", !1);
-    n(this, "_options", []);
-    n(this, "_onChange");
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  placeholder(e) {
-    return this._placeholder = e, this;
-  }
-  options(e) {
-    return this._options = e, this;
-  }
-  multiple(e = !0) {
-    return this._multiple = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  error(e) {
-    return this._error = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  build() {
-    const r = {
-      containerClass: ["fibo-textfield-container relative", ...this._classNames].filter(Boolean).join(" "),
-      containerStyle: this.getStyle(),
-      label: this._label,
-      error: this._error,
-      value: this._value,
-      placeholder: this._placeholder,
-      options: this._options,
-      disabled: this._disabled,
-      multiple: this._multiple,
-      onChange: this._onChange,
-      ...this._props
-    };
-    return s.createElement(Nt, r);
-  }
-}
-const Hs = y(Et), Ct = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, o] = $(!1), [l, a] = $(""), c = U(null), {
-    containerClass: d,
-    containerStyle: p,
-    label: u,
-    error: m,
-    value: h,
-    options: g = [],
-    placeholder: N,
-    onChange: v,
-    onAdd: B,
-    disabled: I,
-    multiple: k,
-    ...C
-  } = i;
-  M(() => {
-    if (!k) {
-      const _ = i.options.find((z) => z.value === i.value);
-      _ && !r && l !== _.label && a(_.label);
-    }
-  }, [i.value, i.options, r, k]);
-  const b = g.filter(
-    (_) => _.label.toLowerCase().includes(l.toLowerCase())
-  );
-  M(() => {
-    const _ = (z) => {
-      if (c.current && !c.current.contains(z.target))
-        if (o(!1), k)
-          a("");
-        else {
-          const D = g.find((q) => q.value === h);
-          a(D ? D.label : "");
-        }
-    };
-    return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, [h, g, k]);
-  const f = (_) => {
-    if (k) {
-      const z = Array.isArray(h) ? [...h] : [];
-      z.includes(_.value) || (z.push(_.value), v == null || v(z)), a("");
-    } else
-      a(_.label), v == null || v(_.value), o(!1);
-  }, F = (_) => {
-    if (k && Array.isArray(h)) {
-      const z = h.filter((D) => D !== _);
-      v == null || v(z);
-    }
-  }, j = () => {
-    B == null || B(l), k ? a("") : o(!1);
-  }, W = (_) => k ? Array.isArray(h) && h.includes(_) : h === _;
-  return s.createElement(
-    "div",
-    {
-      ref: c,
-      className: d,
-      style: p
-    },
-    s.createElement("div", { className: "relative w-full" }, [
-      s.createElement("div", {
-        className: `fibo-textfield-input flex flex-wrap items-center gap-1 ${r ? "ring-2 ring-[var(--fibo-primary-container)] border-[var(--fibo-primary)]" : ""}`,
-        style: { minHeight: "42px", padding: "4px 8px" }
-      }, [
-        k && Array.isArray(h) && h.map((_) => {
-          const z = g.find((q) => q.value === _), D = z ? z.label : _;
-          return s.createElement("span", {
-            key: _,
-            className: "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] text-xs font-medium px-2 py-1 rounded-md flex items-center"
-          }, [
-            D,
-            s.createElement("button", {
-              type: "button",
-              className: "ml-1 hover:text-[var(--fibo-primary)] focus:outline-none",
-              onClick: (q) => {
-                q.stopPropagation(), F(_);
-              }
-            }, "×")
-          ]);
-        }),
-        s.createElement("input", {
-          key: "input",
-          id: e,
-          className: "bg-transparent outline-none flex-1 min-w-[60px] text-sm h-8",
-          value: l,
-          placeholder: k && Array.isArray(h) && h.length > 0 ? "" : N || " ",
-          disabled: I,
-          onChange: (_) => {
-            a(_.target.value), r || o(!0);
-          },
-          onFocus: () => o(!0),
-          ...C
-        })
-      ]),
-      u && s.createElement(
-        "label",
-        {
-          key: "label",
-          htmlFor: e,
-          className: "fibo-textfield-label"
-        },
-        u
-      ),
-      r && s.createElement("div", {
-        key: "dropdown",
-        className: "absolute z-50 w-full mt-1 bg-[var(--fibo-surface)] border border-[var(--fibo-outline)] rounded-md shadow-lg max-h-60 overflow-auto focus:outline-none left-0"
-      }, [
-        b.length > 0 ? b.map((_) => {
-          const z = W(_.value);
-          return s.createElement("div", {
-            key: _.value,
-            className: `px-4 py-2 cursor-pointer text-sm hover:bg-[var(--fibo-primary-container)] hover:text-[var(--fibo-on-primary-container)] ${z ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium opacity-50" : "text-[var(--fibo-on-surface)]"}`,
-            onClick: () => !z && f(_)
-          }, _.label);
-        }) : s.createElement("div", { className: "px-4 py-2 text-sm text-gray-500" }, "No results found."),
-        l && !b.some((_) => _.label.toLowerCase() === l.toLowerCase()) && B && s.createElement("div", {
-          key: "add-new",
-          className: "border-t border-[var(--fibo-outline)] px-4 py-2 cursor-pointer text-sm text-[var(--fibo-primary)] hover:bg-[var(--fibo-primary-container)] font-medium flex items-center",
-          onClick: j
-        }, [
-          s.createElement("span", { className: "mr-1" }, "+"),
-          `Add "${l}"`
-        ])
-      ])
-    ]),
-    m && s.createElement(
-      "span",
-      { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
-      m
-    )
-  );
-});
-class St extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_value", "");
-    n(this, "_label", "");
-    n(this, "_placeholder", "");
-    n(this, "_disabled", !1);
-    n(this, "_error");
-    n(this, "_multiple", !1);
-    n(this, "_options", []);
-    n(this, "_onChange");
-    n(this, "_onAdd");
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  label(e) {
-    return this._label = e, this;
-  }
-  placeholder(e) {
-    return this._placeholder = e, this;
-  }
-  options(e) {
-    return this._options = e, this;
-  }
-  multiple(e = !0) {
-    return this._multiple = e, this;
-  }
-  disabled(e = !0) {
-    return this._disabled = e, this;
-  }
-  error(e) {
-    return this._error = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  onAdd(e) {
-    return this._onAdd = e, this;
-  }
-  build() {
-    const r = {
-      containerClass: ["fibo-textfield-container relative", ...this._classNames].filter(Boolean).join(" "),
-      containerStyle: this.getStyle(),
-      label: this._label,
-      error: this._error,
-      value: this._value,
-      placeholder: this._placeholder,
-      options: this._options,
-      disabled: this._disabled,
-      multiple: this._multiple,
-      onChange: this._onChange,
-      onAdd: this._onAdd,
-      ...this._props
-    };
-    return s.createElement(Ct, r);
-  }
-}
-const Vs = y(St), Ft = s.memo((i) => {
-  const { text: t, subtitle: e, number: r, color: o, className: l, style: a, children: c, ...d } = i;
-  return s.createElement(
-    "div",
-    {
-      className: `rounded-[24px] shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgb(0,0,0,0.08)] transition-shadow duration-300 border-none p-4 ${l || ""}`,
-      style: { backgroundColor: "#ffffff", ...a },
-      ...d
-    },
-    s.createElement(
-      "div",
-      { className: "flex flex-col gap-2" },
-      t && s.createElement(
-        "h3",
-        {
-          className: "font-semibold text-[var(--fibo-on-surface-variant)] text-sm uppercase tracking-wide"
-        },
-        t
-      ),
-      r && s.createElement(
-        "p",
-        {
-          className: "font-bold text-[var(--fibo-on-surface)] text-3xl"
-        },
-        r
-      ),
-      e && s.createElement(
-        "p",
-        {
-          className: "text-[var(--fibo-on-surface-variant)] text-xs"
-        },
-        e
-      ),
-      ...c
-    )
-  );
-});
-class zt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_text", "");
-    n(this, "_subtitle");
-    n(this, "_number");
-    n(this, "_color");
-  }
-  text(e) {
-    return this._text = e, this;
-  }
-  subtitle(e) {
-    return this._subtitle = e, this;
-  }
-  number(e) {
-    return this._number = e, this;
-  }
-  color(e) {
-    return this._color = e, this;
-  }
-  build() {
-    const e = {
-      green: "border-l-green-500",
-      orange: "border-l-orange-500",
-      red: "border-l-red-500",
-      blue: "border-l-blue-500",
-      purple: "border-l-purple-500"
-    }, r = [
-      "fibo-card",
-      this._color ? `border-l-4 ${e[this._color]}` : "",
-      ...this._classNames
-    ].filter(Boolean).join(" "), o = {
-      text: this._text,
-      subtitle: this._subtitle,
-      number: this._number,
-      color: this._color,
-      className: r,
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return s.createElement(Ft, o);
-  }
-}
-const T = y(zt), Bt = s.memo((i) => {
-  const {
-    items: t,
-    renderItem: e,
-    variant: r,
-    separator: o,
-    loading: l,
-    threshold: a,
-    onEndReached: c,
-    className: d,
-    style: p
-  } = i, u = s.useRef(null);
-  s.useEffect(() => {
-    if (!c || l) return;
-    const N = new IntersectionObserver(
-      (v) => {
-        v[0].isIntersecting && (c == null || c());
-      },
-      { threshold: a }
-    );
-    return u.current && N.observe(u.current), () => N.disconnect();
-  }, [l, t.length, c, a]);
-  const m = {
-    default: { gap: "0px" },
-    card: { gap: "12px" },
-    floating: { gap: "8px" }
-  }, h = {
-    default: {
-      padding: "12px 16px",
-      borderBottom: o ? "1px solid #F3F4F6" : "none",
-      backgroundColor: "transparent",
-      transition: "background-color 0.2s"
-    },
-    card: {
-      padding: "16px",
-      backgroundColor: "#fff",
-      borderRadius: "16px",
-      boxShadow: "0 2px 8px -2px rgba(0,0,0,0.05)",
-      border: "1px solid #F3F4F6",
-      transition: "transform 0.2s, box-shadow 0.2s"
-    },
-    floating: {
-      padding: "8px 12px",
-      borderRadius: "12px",
-      backgroundColor: "transparent",
-      transition: "background-color 0.2s"
-    }
-  }, g = {
-    default: ["hover:bg-gray-50", "first:rounded-t-xl", "last:rounded-b-xl"],
-    card: ["hover:-translate-y-0.5", "hover:shadow-md"],
-    floating: ["hover:bg-white", "hover:shadow-sm"]
-  };
-  return w().className(d).classNames(["flex", "flex-col", "w-full"]).style({
-    ...m[r],
-    ...p
-  }).children(
-    s.createElement(s.Fragment, {}, [
-      ...t.map(
-        (N, v) => s.cloneElement(
-          w().style(h[r]).classNames(g[r]).children(
-            e ? e(N, v) : null
-          ).build(),
-          { key: `item-${v}` }
-        )
-      ),
-      c && s.createElement("div", {
-        ref: u,
-        className: "py-4 flex justify-center w-full"
-      }, l ? s.createElement("div", { className: "animate-spin rounded-full h-5 w-5 border-2 border-gray-300 border-b-blue-600" }) : s.createElement("div", { style: { height: "20px" } }))
-    ])
-  ).build();
-});
-class At extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_items", []);
-    n(this, "_renderItem");
-    n(this, "_variant", "default");
-    n(this, "_separator", !1);
-    n(this, "_onEndReached");
-    n(this, "_loading", !1);
-    n(this, "_threshold", 0.5);
-  }
-  items(e) {
-    return this._items = e, this;
-  }
-  renderItem(e) {
-    return this._renderItem = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  separator(e = !0) {
-    return this._separator = e, this;
-  }
-  onEndReached(e) {
-    return this._onEndReached = e, this;
-  }
-  loading(e) {
-    return this._loading = e, this;
-  }
-  threshold(e) {
-    return this._threshold = e, this;
-  }
-  build() {
-    const e = {
-      items: this._items,
-      renderItem: this._renderItem,
-      variant: this._variant,
-      separator: this._separator,
-      loading: this._loading,
-      threshold: this._threshold,
-      onEndReached: this._onEndReached,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement(Bt, e);
-  }
-}
-const qs = y(At), $t = s.memo((i) => {
-  const {
-    data: t,
-    columns: e,
-    variant: r,
-    density: o,
-    striped: l,
-    width: a,
-    className: c,
-    style: d
-  } = i, p = {
-    width: "100%",
-    borderCollapse: "separate",
-    borderSpacing: "0",
-    ...d
-  };
-  a && (p.width = typeof a == "number" ? `${a}px` : a);
-  const u = r === "clean" ? ["bg-white", "rounded-2xl", "border", "border-gray-100", "overflow-hidden", "shadow-sm"] : [], h = {
-    compact: "10px 16px",
-    standard: "16px 24px",
-    relaxed: "24px 32px"
-  }[o];
-  return w().className(c).classNames(u).children(
-    s.createElement("table", { style: p }, [
-      s.createElement(
-        "thead",
-        { key: "thead", className: "bg-gray-50/50" },
-        s.createElement(
-          "tr",
-          {},
-          e.map(
-            (g, N) => s.createElement("th", {
-              key: N,
-              style: {
-                textAlign: g.align || "left",
-                padding: h,
-                width: g.width
-              },
-              className: "text-xs font-bold text-gray-400 uppercase tracking-widest"
-            }, g.header)
-          )
-        )
-      ),
-      s.createElement(
-        "tbody",
-        { key: "tbody" },
-        t.map(
-          (g, N) => s.createElement(
-            "tr",
-            {
-              key: N,
-              className: `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${l && N % 2 !== 0 ? "bg-gray-50/30" : "bg-transparent"} ${r === "clean" ? "hover:bg-white hover:shadow-md hover:scale-[1.002] hover:z-10 relative" : "hover:bg-gray-50/50"}`
-            },
-            e.map(
-              (v, B) => s.createElement(
-                "td",
-                {
-                  key: B,
-                  style: {
-                    textAlign: v.align || "left",
-                    padding: h,
-                    borderTop: r === "default" ? "1px solid #F3F4F6" : "none"
-                  },
-                  className: "text-sm text-gray-900 font-medium"
-                },
-                v.render ? v.render(g) : v.accessor ? g[v.accessor] : null
-              )
-            )
-          )
-        )
-      )
-    ])
-  ).build();
-});
-class It extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_data", []);
-    n(this, "_columns", []);
-    n(this, "_variant", "clean");
-    n(this, "_density", "standard");
-    n(this, "_striped", !1);
-    n(this, "_width");
-  }
-  data(e) {
-    return this._data = e, this;
-  }
-  columns(e) {
-    return this._columns = e, this;
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  density(e) {
-    return this._density = e, this;
-  }
-  striped(e = !0) {
-    return this._striped = e, this;
-  }
-  width(e) {
-    return this._width = e, this;
-  }
-  build() {
-    const e = {
-      data: this._data,
-      columns: this._columns,
-      variant: this._variant,
-      density: this._density,
-      striped: this._striped,
-      width: this._width,
-      className: this.getClassName(),
-      style: this.getStyle()
-    };
-    return s.createElement($t, e);
-  }
-}
-const Gs = y(It), jt = s.memo((i) => {
-  const { items: t, className: e, style: r, ...o } = i, l = t.map(
-    (a, c) => s.createElement(
-      "span",
-      {
-        key: c,
-        className: "fibo-tag"
-      },
-      a.title
-    )
-  );
-  return s.createElement(
-    "div",
-    {
-      className: e,
-      style: r,
-      ...o
-    },
-    ...l
-  );
-});
-class Wt extends x {
-  constructor(e = []) {
-    super();
-    n(this, "_items", []);
-    this._items = e;
-  }
-  items(e) {
-    return this._items = e, this;
-  }
-  build() {
-    const e = ["fibo-tags", "flex", "gap-2", "flex-wrap", ...this._classNames].filter(Boolean).join(" "), r = {
-      items: this._items,
-      className: e,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(jt, r);
-  }
-}
-const Xs = y(Wt), Lt = s.memo((i) => {
-  const { status: t, title: e, subtitle: r, className: o, style: l, ...a } = i;
-  return s.createElement(
-    "div",
-    {
-      className: o,
-      style: l,
-      ...a
-    },
-    s.createElement(
-      "div",
-      { className: "flex flex-col gap-1" },
-      e && s.createElement(
-        "h4",
-        {
-          className: "font-semibold text-sm uppercase tracking-wide opacity-90"
-        },
-        e
-      ),
-      r && s.createElement(
-        "p",
-        {
-          className: "opacity-80 text-sm"
-        },
-        r
-      )
-    )
-  );
-});
-class Mt extends x {
-  constructor(e = "") {
-    super();
-    n(this, "_status", "info");
-    n(this, "_title", "");
-    n(this, "_subtitle");
-    this._title = e;
-  }
-  status(e) {
-    return this._status = e, this;
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  subtitle(e) {
-    return this._subtitle = e, this;
-  }
-  build() {
-    const r = [
-      "fibo-banner",
-      `fibo-banner-${this._status}`,
-      ...this._classNames
-    ].filter(Boolean).join(" "), o = {
-      status: this._status,
-      title: this._title,
-      subtitle: this._subtitle,
-      className: r,
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Lt, o);
-  }
-}
-const Us = y(Mt), Rt = s.memo((i) => {
-  const { image: t, title: e, price: r, likes: o, timeLeft: l, className: a, style: c, ...d } = i;
-  return T().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
-    width: "100%",
-    borderRadius: "24px",
-    border: "none",
-    boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
-    padding: "16px",
-    background: "#fff",
-    ...c
-  }).className(a).props(d).children([
-    w().classNames(["relative", "aspect-square", "overflow-hidden", "rounded-[20px]"]).children([
-      w().classNames(["w-full", "h-full", "bg-gray-200", "bg-cover", "bg-center"]).style({ backgroundImage: `url(${t})` }).build(),
-      w().classNames(["absolute", "top-3", "right-3"]).children(
-        G().variant("glass").shape("pill").icon(w().classNames(["text-gray-400", "hover:text-red-500"]).children(L.Heart).build()).text(`${o}`).build()
-      ).build()
-    ]).build(),
-    V().height(16).build(),
-    R().justifyContent("between").alignItems("start").children([
-      P().gap(4).children([
-        E(e).fontWeight(700).fontSize(18).color("#111827").build(),
-        G().variant("neutral").text("Not for sale x1").build()
-      ]).build(),
-      w().classNames(["text-gray-300"]).children(L.More).build()
-    ]).build(),
-    V().height(16).build(),
-    R().justifyContent("between").alignItems("center").children([
-      P().gap(4).children([
-        E("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
-        R().gap(4).alignItems("center").children([
-          w().classNames(["text-blue-500"]).children(L.Eth).build(),
-          E(`${r} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
-        ]).build()
-      ]).build(),
-      K("Place a bid").variant("filled").shape("pill").shadow("soft").style({
-        backgroundColor: "#111827",
-        color: "#fff",
-        padding: "10px 20px",
-        fontSize: "13px",
-        fontWeight: 600
-      }).build()
-    ]).build(),
-    V().height(12).build(),
-    l ? G().variant("accent").shape("rounded").icon(w().children(L.Clock).build()).text(l).style({ width: "100%" }).build() : null
-  ]).build();
-});
-class Tt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_image", "");
-    n(this, "_title", "");
-    n(this, "_price", "");
-    n(this, "_likes", "");
-    n(this, "_timeLeft");
-  }
-  image(e) {
-    return this._image = e, this;
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  price(e) {
-    return this._price = e, this;
-  }
-  likes(e) {
-    return this._likes = e, this;
-  }
-  timeLeft(e) {
-    return this._timeLeft = e, this;
-  }
-  build() {
-    const e = {
-      image: this._image,
-      title: this._title,
-      price: this._price,
-      likes: this._likes,
-      timeLeft: this._timeLeft,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Rt, e);
-  }
-}
-const Ys = y(Tt), Pt = s.memo((i) => {
-  const { banner: t, avatar: e, name: r, handle: o, stats: l, className: a, style: c, ...d } = i;
-  return T().style({
-    width: "100%",
-    borderRadius: "24px",
-    border: "none",
-    boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
-    padding: "0",
-    overflow: "hidden",
-    background: "#fff",
-    ...c
-  }).className(a).props(d).children([
-    w().style({ height: "100px", backgroundImage: `url(${t})`, backgroundSize: "cover", backgroundPosition: "center" }).build(),
-    P().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
-      qe().image(e).size(80).border("4px solid #fff").build(),
-      V().height(12).build(),
-      R().gap(6).alignItems("center").children([
-        E(r).fontWeight(700).fontSize(18).color("#111827").build(),
-        L.Verify
-      ]).build(),
-      E(o).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
-      V().height(16).build(),
-      K("+ Follow").variant("filled").shape("pill").shadow("soft").style({
-        backgroundColor: "#3B82F6",
-        color: "#fff",
-        padding: "8px 24px",
-        fontSize: "13px",
-        fontWeight: 600
-      }).build(),
-      V().height(24).build(),
-      R().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
-        P().alignItems("center").gap(4).children([
-          E(l.items).fontWeight(700).fontSize(14).build(),
-          E("Items").fontSize(11).color("#9CA3AF").build()
-        ]).build(),
-        P().alignItems("center").gap(4).children([
-          E(l.owners).fontWeight(700).fontSize(14).build(),
-          E("Owners").fontSize(11).color("#9CA3AF").build()
-        ]).build(),
-        P().alignItems("center").gap(4).children([
-          R().alignItems("center").gap(2).children([
-            w().width(8).children(L.Eth).build(),
-            E(l.floor).fontWeight(700).fontSize(14).build()
-          ]).build(),
-          E("Floor").fontSize(11).color("#9CA3AF").build()
-        ]).build()
-      ]).build()
-    ]).build()
-  ]).build();
-});
-class Dt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_banner", "");
-    n(this, "_avatar", "");
-    n(this, "_name", "");
-    n(this, "_handle", "");
-    n(this, "_stats", { items: "0", owners: "0", floor: "0" });
-  }
-  banner(e) {
-    return this._banner = e, this;
-  }
-  avatar(e) {
-    return this._avatar = e, this;
-  }
-  name(e) {
-    return this._name = e, this;
-  }
-  handle(e) {
-    return this._handle = e, this;
-  }
-  stats(e) {
-    return this._stats = e, this;
-  }
-  build() {
-    const e = {
-      banner: this._banner,
-      avatar: this._avatar,
-      name: this._name,
-      handle: this._handle,
-      stats: this._stats,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Pt, e);
-  }
-}
-const Js = y(Dt), Ot = s.memo((i) => {
-  const { image: t, title: e, author: r, items: o, className: l, style: a, ...c } = i;
-  return T().classNames(["group", "cursor-pointer"]).style({
-    width: "100%",
-    borderRadius: "24px",
-    height: "320px",
-    position: "relative",
-    overflow: "hidden",
-    border: "none",
-    ...a
-  }).className(l).props(c).children([
-    w().classNames(["absolute", "inset-0", "bg-cover", "bg-center", "transition-transform", "duration-500"]).style({ backgroundImage: `url(${t})` }).build(),
-    w().classNames(["absolute", "inset-0", "bg-gradient-to-t", "from-black/80", "via-black/20", "to-transparent"]).build(),
-    P().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
-      E(o).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
-      E(e).color("white").fontSize(22).fontWeight(700).build(),
-      R().gap(6).alignItems("center").children([
-        E("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
-        E(r).color("white").fontSize(13).fontWeight(600).build(),
-        L.Verify
-      ]).build()
-    ]).build()
-  ]).build();
-});
-class Ht extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_image", "");
-    n(this, "_title", "");
-    n(this, "_author", "");
-    n(this, "_items", "");
-  }
-  image(e) {
-    return this._image = e, this;
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  author(e) {
-    return this._author = e, this;
-  }
-  items(e) {
-    return this._items = e, this;
-  }
-  build() {
-    const e = {
-      image: this._image,
-      title: this._title,
-      author: this._author,
-      items: this._items,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Ot, e);
-  }
-}
-const Ks = y(Ht), Vt = s.memo((i) => {
-  const {
-    image: t,
-    title: e,
-    description: r,
-    date: o,
-    source: l,
-    className: a,
-    style: c
-  } = i;
-  return T().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${a}`).style(c).children([
-    t ? et().src(t).className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
-    w().className("flex flex-col gap-2").children([
-      e ? E(e).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
-      r ? E(r).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
-      l || o ? w().className("flex items-center gap-2 mt-2").children([
-        E(`${l || ""}${l && o ? " • " : ""}${o || ""}`).fontSize(11).fontWeight(600).color("#9CA3AF").textTransform("uppercase").letterSpacing("0.05em").build()
-      ]).build() : null
-    ]).build()
-  ]).build();
-});
-class qt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_image");
-    n(this, "_title");
-    n(this, "_description");
-    n(this, "_date");
-    n(this, "_source");
-  }
-  image(e) {
-    return this._image = e, this;
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  description(e) {
-    return this._description = e, this;
-  }
-  date(e) {
-    return this._date = e, this;
-  }
-  source(e) {
-    return this._source = e, this;
-  }
-  build() {
-    const e = {
-      image: this._image,
-      title: this._title,
-      description: this._description,
-      date: this._date,
-      source: this._source,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Vt, e);
-  }
-}
-const Qs = y(qt), Gt = s.memo((i) => {
-  const { title: t, description: e, icon: r, footer: o, className: l, style: a } = i;
-  return T().className(l).style(a).children([
-    w().className("flex items-start gap-4").children([
-      r ? w().className("mt-1 text-gray-400").children(r).build() : null,
-      w().className("flex-1").children([
-        t ? E(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
-        e ? E(e).fontSize(14).color("#6B7280").className("mt-1").build() : null,
-        o ? w().className("mt-4").children(o).build() : null
-      ]).build()
-    ]).build()
-  ]).build();
-});
-class Xt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title");
-    n(this, "_description");
-    n(this, "_icon");
-    n(this, "_footer");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  description(e) {
-    return this._description = e, this;
-  }
-  icon(e) {
-    return this._icon = e, this;
-  }
-  footer(e) {
-    return this._footer = e, this;
-  }
-  build() {
-    const e = {
-      title: this._title,
-      description: this._description,
-      icon: this._icon,
-      footer: this._footer,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Gt, e);
-  }
-}
-const Ut = s.memo((i) => {
-  const { title: t, description: e, action: r, actionType: o, onAction: l, actionLabel: a, className: c, style: d } = i;
-  let p = r;
-  return p || (o === "button" ? p = K(a || "Action").variant("soft").size("sm").onPress(l).build() : o === "switch" && (p = bt().onChange(l).build())), T().className(`flex items-center justify-between gap-4 ${c || ""}`).style(d).children([
-    w().className("flex-1").children([
-      t ? E(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
-      e ? E(e).fontSize(14).color("#6B7280").className("mt-1").build() : null
-    ]).build(),
-    p ? w().className("flex-shrink-0").children(p).build() : null
-  ]).build();
-});
-class Yt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title");
-    n(this, "_description");
-    n(this, "_action");
-    n(this, "_actionType");
-    n(this, "_actionLabel");
-    n(this, "_onAction");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  description(e) {
-    return this._description = e, this;
-  }
-  action(e) {
-    return this._action = e, this;
-  }
-  withButton(e, r) {
-    return this._actionType = "button", this._actionLabel = e, this._onAction = r, this;
-  }
-  withSwitch(e) {
-    return this._actionType = "switch", this._onAction = e, this;
-  }
-  build() {
-    const e = {
-      title: this._title,
-      description: this._description,
-      action: this._action,
-      actionType: this._actionType,
-      actionLabel: this._actionLabel,
-      onAction: this._onAction,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Ut, e);
-  }
-}
-const Zs = y(Xt), er = y(Yt), Jt = s.memo((i) => {
-  const { title: t, description: e, placeholder: r, value: o, onChange: l, type: a, className: c, style: d } = i;
-  return T().className(c).style(d).children([
-    t ? E(t).fontSize(14).fontWeight(600).color("#374151").className("mb-1").build() : null,
-    e ? E(e).fontSize(12).color("#6B7280").className("mb-3").build() : null,
-    pt().placeholder(r).value(o).type(a).onChange(l).className("w-full").build()
-  ]).build();
-});
-class Kt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title");
-    n(this, "_description");
-    n(this, "_placeholder");
-    n(this, "_value");
-    n(this, "_type", "text");
-    n(this, "_onChange");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  description(e) {
-    return this._description = e, this;
-  }
-  placeholder(e) {
-    return this._placeholder = e, this;
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  type(e) {
-    return this._type = e, this;
-  }
-  onChange(e) {
-    return this._onChange = e, this;
-  }
-  build() {
-    const e = {
-      title: this._title,
-      description: this._description,
-      placeholder: this._placeholder,
-      value: this._value,
-      type: this._type,
-      onChange: this._onChange,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Jt, e);
-  }
-}
-const tr = y(Kt), Qt = s.memo((i) => {
-  const { title: t, value: e, trend: r, trendDirection: o, className: l, style: a } = i, c = o === "up" ? "success" : o === "down" ? "error" : "none", d = o === "up" ? "↑" : o === "down" ? "↓" : "•";
-  return T().className(l).style(a).children([
-    E(t).fontSize(14).fontWeight(600).color("#6B7280").build(),
-    w().className("flex items-end justify-between mt-2").children([
-      E(e).fontSize(32).fontWeight(800).color("#111827").build(),
-      r ? G().text(`${d} ${r}`).intent(c).variant("accent").build() : null
-    ]).build()
-  ]).build();
-});
-class Zt extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title", "");
-    n(this, "_value", "");
-    n(this, "_trend");
-    n(this, "_trendDirection", "neutral");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  value(e) {
-    return this._value = e, this;
-  }
-  trend(e, r = "neutral") {
-    return this._trend = e, this._trendDirection = r, this;
-  }
-  build() {
-    const e = {
-      title: this._title,
-      value: this._value,
-      trend: this._trend,
-      trendDirection: this._trendDirection,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(Qt, e);
-  }
-}
-const sr = y(Zt);
-class es extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_title", "");
-    n(this, "_content", null);
-    n(this, "_defaultExpanded", !1);
-    n(this, "_expanded");
-    n(this, "_onToggle");
-  }
-  title(e) {
-    return this._title = e, this;
-  }
-  content(e) {
-    return this._content = e, this;
-  }
-  isOpen(e) {
-    return this._expanded = e, this;
-  }
-  defaultOpen(e) {
-    return this._defaultExpanded = e, this;
-  }
-  onToggle(e) {
-    return this._onToggle = e, this;
-  }
-  build() {
-    return s.createElement(ts, {
-      builder: this,
-      ...this._props
-    });
-  }
-}
-const ts = s.memo(({ builder: i }) => {
-  const t = i, e = t._expanded !== void 0, [r, o] = $(t._defaultExpanded), l = e ? t._expanded : r, a = () => {
-    e || o(!l), t._onToggle && t._onToggle(!l);
-  };
-  return w().classNames(["w-full", "border", "border-gray-200", "rounded-xl", "overflow-hidden", "bg-white", "transition-all", "duration-300"]).className(t.getClassName()).style(t.getStyle()).children([
-    R().justifyContent("between").alignItems("center").classNames(["p-4", "cursor-pointer", "hover:bg-gray-50", "transition-colors", "select-none"]).props({ onClick: a }).children([
-      typeof t._title == "string" ? E(t._title).fontWeight(600).fontSize(15).color("#1F2937").build() : t._title,
-      w().classNames(["transition-transform", "duration-300"]).style({ transform: l ? "rotate(180deg)" : "rotate(0deg)" }).children(
-        s.createElement("svg", {
-          width: "20",
-          height: "20",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "text-gray-400"
-        }, s.createElement("polyline", { points: "6 9 12 15 18 9" }))
-      ).build()
-    ]).build(),
-    w().classNames(["transition-all", "duration-300", "ease-in-out", "overflow-hidden"]).style({
-      maxHeight: l ? "500px" : "0px",
-      opacity: l ? 1 : 0
-    }).children(
-      w().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(t._content).build()
-    ).build()
-  ]).build();
-}), rr = y(es), ss = s.memo((i) => {
-  const {
-    children: t,
-    variant: e = "standard",
-    columns: r = 1,
-    gap: o = "md",
-    className: l,
-    style: a,
-    ...c
-  } = i, d = (m) => typeof m == "number" ? "" : {
-    none: "gap-0",
-    sm: "gap-2",
-    md: "gap-4",
-    lg: "gap-6",
-    xl: "gap-8"
-  }[m] || "gap-4", p = (m) => {
-    if (typeof m == "number") return m + "px";
-  }, u = (m) => {
-    if (typeof m == "number") return `grid-cols-${m}`;
-    let h = [];
-    return m.sm && h.push(`sm:grid-cols-${m.sm}`), m.md && h.push(`md:grid-cols-${m.md}`), m.lg && h.push(`lg:grid-cols-${m.lg}`), m.xl && h.push(`xl:grid-cols-${m.xl}`), h.join(" ") || "grid-cols-1";
-  };
-  if (e === "masonry") {
-    const m = (h) => {
-      if (typeof h == "number") return `columns-${h}`;
-      let g = [];
-      return h.sm && g.push(`sm:columns-${h.sm}`), h.md && g.push(`md:columns-${h.md}`), h.lg && g.push(`lg:columns-${h.lg}`), h.xl && g.push(`xl:columns-${h.xl}`), g.join(" ") || "columns-1";
-    };
-    return s.createElement("div", {
-      className: `${m(r)} ${d(o)} space-y-4 ${l}`,
-      style: {
-        columnGap: p(o),
-        ...a
-      },
-      ...c
-    }, s.Children.map(
-      t,
-      (h) => s.createElement("div", { className: "break-inside-avoid mb-4" }, h)
-    ));
-  }
-  return s.createElement("div", {
-    className: `grid ${u(r)} ${d(o)} ${l}`,
-    style: {
-      gap: p(o),
-      ...a
-    },
-    ...c
-  }, t);
-}), rs = s.memo((i) => {
-  const { children: t, colSpan: e, rowSpan: r, className: o, style: l, ...a } = i, c = () => {
-    let d = [];
-    return e && d.push(`col-span-${e}`), r && d.push(`row-span-${r}`), d.join(" ");
-  };
-  return s.createElement("div", {
-    className: `${c()} ${o}`,
-    style: l,
-    ...a
-  }, t);
-});
-class is extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_variant", "standard");
-    n(this, "_columns", 1);
-    n(this, "_gap", "md");
-    n(this, "_children", []);
-  }
-  variant(e) {
-    return this._variant = e, this;
-  }
-  columns(e) {
-    return this._columns = e, this;
-  }
-  gap(e) {
-    return this._gap = e, this;
-  }
-  children(e) {
-    return this._children = e, this;
-  }
-  build() {
-    const e = {
-      variant: this._variant,
-      columns: this._columns,
-      gap: this._gap,
-      children: this._children,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(ss, e);
-  }
-}
-class ns extends x {
-  constructor() {
-    super(...arguments);
-    n(this, "_colSpan");
-    n(this, "_rowSpan");
-    n(this, "_children", []);
-  }
-  colSpan(e) {
-    return this._colSpan = e, this;
-  }
-  rowSpan(e) {
-    return this._rowSpan = e, this;
-  }
-  children(e) {
-    return this._children = e, this;
-  }
-  build() {
-    const e = {
-      colSpan: this._colSpan,
-      rowSpan: this._rowSpan,
-      children: this._children,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      ...this._props
-    };
-    return s.createElement(rs, e);
-  }
-}
-const ir = y(is), nr = y(ns);
-export {
-  er as ActionCard,
-  Rs as Alert,
-  Ys as AssetCard,
-  qe as Avatar,
-  G as Badge,
-  Us as Banner,
-  w as Box,
-  K as Button,
-  T as Card,
-  zs as Center,
-  Ps as Checkbox,
-  rr as Collapse,
-  Ks as CollectionCard,
-  P as Column,
-  Vs as Combobox,
-  ce as ComputedSignal,
-  Ss as Container,
-  Qs as ContentCard,
-  Is as DashboardLayout,
-  le as Effect,
-  x as FiboBuilder,
-  Es as FiboThemeProvider,
-  ir as Grid,
-  nr as GridItem,
-  As as Header,
-  et as Image,
-  Zs as InfoCard,
-  tr as InputCard,
-  Ws as Label,
-  Fs as Line,
-  qs as List,
-  sr as MetricCard,
-  he as Observable,
-  ue as Observer,
-  fs as ObserverWrapper,
-  Js as ProfileCard,
-  Ts as Progress,
-  te as ProviderContext,
-  me as ProviderWrapper,
-  Ds as RadioGroup,
-  R as Row,
-  js as Scaffold,
-  Bs as ScrollView,
-  Hs as Select,
-  $s as Sidebar,
-  Z as Signal,
-  gs as SignalWrapper,
-  Ms as Skeleton,
-  V as Spacer,
-  Ls as Spinner,
-  ee as StateContext,
-  ps as StateWrapper,
-  de as StoreImpl,
-  bt as Switch,
-  Gs as Table,
-  Xs as Tags,
-  E as Text,
-  pt as TextField,
-  Os as Textarea,
-  ae as Tracker,
-  _s as applyResponsiveStyles,
-  hs as computed,
-  y as createBuilder,
-  us as createStore,
-  Ne as cupertinoTheme,
-  we as materialTheme,
-  ys as mergeStyles,
-  ks as normalizeValue,
-  ds as observable,
-  xs as processChildren,
-  cs as signal,
-  Cs as useFiboTheme,
-  Ns as useObservable,
-  bs as useProvider,
-  vs as useSignal,
-  ms as useStateContext,
-  ws as useStore,
-  Ee as webTheme
-};