fiboui 1.0.0 → 1.0.1

package/dist/index.esm.js

@@ -1,57 +1,291 @@
-var ie = Object.defineProperty;
-var oe = (i, t, e) => t in i ? ie(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var o = (i, t, e) => oe(i, typeof t != "symbol" ? t + "" : t, e);
-import { jsx as S, Fragment as K, jsxs as P } from "react/jsx-runtime";
-import s, { createContext as G, useContext as X, useState as W, useEffect as H, useRef as Q } from "react";
-function Z(i) {
+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 n = i.length;
-    for (t = 0; t < n; t++) i[t] && (e = Z(i[t])) && (r && (r += " "), r += e);
+    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 ne() {
-  for (var i, t, e = 0, r = "", n = arguments.length; e < n; e++) (i = arguments[e]) && (t = Z(i)) && (r && (r += " "), r += t);
+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 le(i) {
+function fe(i) {
   const t = i.match(/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/);
   if (!t)
     return i;
-  const [, e, r, n] = t, l = parseFloat(e), a = parseFloat(r), c = parseFloat(n), h = a * Math.cos(c * Math.PI / 180), p = a * Math.sin(c * Math.PI / 180), u = l + 0.3963377774 * h + 0.2158037573 * p, m = l - 0.1055613458 * h - 0.0638541728 * p, d = l - 0.0894841775 * h - 1.291485548 * p, f = u * u * u, C = m * m * m, v = d * d * d, B = 4.0767416621 * f - 3.3077115913 * C + 0.2309699292 * v, $ = -1.2684380046 * f + 2.6097574011 * C - 0.3413193965 * v, k = -0.0041960863 * f - 0.7034186147 * C + 1.707614701 * v, E = (I) => I >= 31308e-7 ? 1.055 * I ** (1 / 2.4) - 0.055 : 12.92 * I, y = Math.max(0, Math.min(1, E(B))), g = Math.max(0, Math.min(1, E($))), F = Math.max(0, Math.min(1, E(k))), A = (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(I * 255).toString(16)) == null ? void 0 : z.toUpperCase();
+    const _ = (z = Math.round(W * 255).toString(16)) == null ? void 0 : z.toUpperCase();
     return _.length === 1 ? `0${_}` : _;
   };
-  return `#${A(y)}${A(g)}${A(F)}`;
+  return `#${j(b)}${j(f)}${j(F)}`;
 }
-function ae(i) {
+function ge(i) {
   const t = {}, e = {}, r = i.split(`
 `);
-  for (const n of r) {
-    const l = n.trim();
+  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 [, h, p] = a, u = le(p);
-      t[u.toLowerCase()] = `bg-${h}`, e[u.toLowerCase()] = `text-${h}`;
+      const [, d, p] = a, u = fe(p);
+      t[u.toLowerCase()] = `bg-${d}`, e[u.toLowerCase()] = `text-${d}`;
     } else if (c) {
-      const [, h, p] = c;
-      t[p.toLowerCase()] = `bg-${h}`, e[p.toLowerCase()] = `text-${h}`;
+      const [, d, p] = c;
+      t[p.toLowerCase()] = `bg-${d}`, e[p.toLowerCase()] = `text-${d}`;
     }
   }
   return { background: t, text: e };
 }
-const ce = (i) => {
+const be = (i) => {
   if (i !== void 0)
     return typeof i == "number" ? `${i}px` : i.toString();
-}, D = (i, t) => {
-  const e = ce(t);
+}, H = (i, t) => {
+  const e = be(t);
   return e === void 0 ? "" : `${i}-[${e}]`;
-}, he = `
+}, 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);
@@ -296,7 +530,7 @@ const ce = (i) => {
   --color-stone-950: oklch(0.147 0.004 49.25);
   --color-black: #000;
   --color-white: #fff;
-`, de = ae(he), ee = {
+`, ye = ge(xe), re = {
   borderRadius: {
     0: "rounded-none",
     "0px": "rounded-none",
@@ -393,7 +627,7 @@ const ce = (i) => {
     fixed: "fixed",
     sticky: "sticky"
   }
-}, ue = (i, t) => ({
+}, _e = (i, t) => ({
   // 背景色
   backgroundColor: (e) => e.backgroundColor ? [i.background[e.backgroundColor.toLowerCase()] || `bg-[${e.backgroundColor}]`] : [],
   // 文字色
@@ -402,14 +636,14 @@ const ce = (i) => {
   borderRadius: (e) => {
     if (!e.borderRadius)
       return [];
-    const r = ee.borderRadius[e.borderRadius] || D("rounded", e.borderRadius);
+    const r = re.borderRadius[e.borderRadius] || H("rounded", e.borderRadius);
     return r ? [r] : [];
   },
   // 外边距
   margin: (e) => {
     const r = [];
     if (e.margin !== void 0) {
-      const l = D("m", e.margin);
+      const l = H("m", e.margin);
       return l ? [l] : [];
     }
     return [
@@ -421,7 +655,7 @@ const ce = (i) => {
       { prop: e.marginY, dir: "my" }
     ].forEach(({ prop: l, dir: a }) => {
       if (l !== void 0) {
-        const c = D(a, l);
+        const c = H(a, l);
         c && r.push(c);
       }
     }), r;
@@ -430,7 +664,7 @@ const ce = (i) => {
   padding: (e) => {
     const r = [];
     if (e.padding !== void 0) {
-      const l = D("p", e.padding);
+      const l = H("p", e.padding);
       return l ? [l] : [];
     }
     return [
@@ -442,7 +676,7 @@ const ce = (i) => {
       { prop: e.paddingY, dir: "py" }
     ].forEach(({ prop: l, dir: a }) => {
       if (l !== void 0) {
-        const c = D(a, l);
+        const c = H(a, l);
         c && r.push(c);
       }
     }), r;
@@ -451,28 +685,28 @@ const ce = (i) => {
   font: (e) => {
     const r = [];
     if (e.fontSize && r.push(t.fontSize[e.fontSize.toString()] || `text-[${e.fontSize}]`), e.fontWeight) {
-      const n = t.fontWeight[e.fontWeight.toString()];
-      n && r.push(n);
+      const o = t.fontWeight[e.fontWeight.toString()];
+      o && r.push(o);
     }
     if (e.textAlign) {
-      const n = t.textAlign[e.textAlign];
-      n && r.push(n);
+      const o = t.textAlign[e.textAlign];
+      o && r.push(o);
     }
     if (e.fontFamily) {
-      const n = t.fontFamily[e.fontFamily];
-      n && r.push(n);
+      const o = t.fontFamily[e.fontFamily];
+      o && r.push(o);
     }
     if (e.textDecoration) {
-      const n = t.textDecoration[e.textDecoration];
-      n && r.push(n);
+      const o = t.textDecoration[e.textDecoration];
+      o && r.push(o);
     }
     if (e.fontVariantNumeric) {
-      const n = t.fontVariantNumeric[e.fontVariantNumeric];
-      n && r.push(n);
+      const o = t.fontVariantNumeric[e.fontVariantNumeric];
+      o && r.push(o);
     }
     if (e.fontStyle) {
-      const n = t.fontStyle[e.fontStyle];
-      n && r.push(n);
+      const o = t.fontStyle[e.fontStyle];
+      o && r.push(o);
     }
     return r;
   },
@@ -480,12 +714,12 @@ const ce = (i) => {
   size: (e) => {
     const r = [];
     if (e.width) {
-      const n = e.width.toString();
-      r.push(`w-[${n}]`);
+      const o = e.width.toString();
+      r.push(`w-[${o}]`);
     }
     if (e.height) {
-      const n = e.height.toString();
-      r.push(`h-[${n}]`);
+      const o = e.height.toString();
+      r.push(`h-[${o}]`);
     }
     return r;
   },
@@ -493,8 +727,8 @@ const ce = (i) => {
   layout: (e) => {
     const r = [];
     if (e.display) {
-      const n = t.display[e.display];
-      n && r.push(n);
+      const o = t.display[e.display];
+      o && r.push(o);
     }
     if (e.flexDirection) {
       const l = {
@@ -527,8 +761,8 @@ const ce = (i) => {
       l && r.push(l);
     }
     if (e.gap) {
-      const n = D("gap", e.gap);
-      n && r.push(n);
+      const o = H("gap", e.gap);
+      o && r.push(o);
     }
     return r;
   },
@@ -549,7 +783,7 @@ const ce = (i) => {
   },
   // 自定义类名
   className: (e) => e.className ? [e.className] : []
-}), me = {
+}), ke = {
   backgroundColor: "backgroundColor",
   color: "color",
   borderRadius: "borderRadius",
@@ -583,36 +817,40 @@ const ce = (i) => {
   position: "position",
   opacity: "opacity",
   className: "className"
-}, pe = (i, t) => {
-  const e = (t == null ? void 0 : t.colorMaps) || de, r = (t == null ? void 0 : t.styleMaps) || ee, n = ue(e, r), l = [], a = /* @__PURE__ */ new Set();
+}, 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 h = me[c];
-    if (h && !a.has(h)) {
-      const p = n[h];
+    const d = ke[c];
+    if (d && !a.has(d)) {
+      const p = o[d];
       if (p) {
         const u = p(i);
-        l.push(...u), a.add(h);
+        l.push(...u), a.add(d);
       }
     }
   }), l.filter(Boolean).join(" ");
 };
-class b {
+class x {
   constructor() {
-    o(this, "_props", {});
-    o(this, "_style", {});
-    o(this, "_cssStyles", {});
-    o(this, "_classNames", []);
-    o(this, "_children", []);
-    o(this, "_responsive");
-    o(this, "_state", /* @__PURE__ */ new Map());
-    o(this, "_providers", /* @__PURE__ */ new Map());
-    o(this, "_observers", /* @__PURE__ */ new Set());
-    o(this, "_signals", /* @__PURE__ */ new Set());
-    o(this, "_isObserver", !1);
+    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;
   }
@@ -680,41 +918,55 @@ class b {
     return this._props = { ...this._props, ...t }, this;
   }
   children(t) {
-    const e = Array.isArray(t) ? t : [t];
-    return this._children = e.map((r) => r && typeof r == "object" && "build" in r && typeof r.build == "function" ? r.build() : r), this;
+    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 = pe(this._cssStyles);
+      const t = ve(this._cssStyles);
       t && this._classNames.push(t);
     }
-    return ne(this._classNames);
+    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 x(i) {
+function y(i) {
   return (...t) => {
     const e = new i(...t);
     return new Proxy(e, {
-      get(r, n, l) {
-        return Reflect.has(r, n) ? Reflect.get(r, n, l) : (a) => (r.css({ [n]: a }), l);
+      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 ns(i) {
+function xs(i) {
   return (Array.isArray(i) ? i : [i]).map((e) => e && typeof e == "object" && "build" in e ? e.build() : e);
 }
-function ls(...i) {
+function ys(...i) {
   return i.reduce((t, e) => e ? { ...t, ...e } : t, {});
 }
-function as(i, t) {
+function _s(i, t) {
   if (!t) return i;
   let e = { ...i };
   if (typeof window < "u") {
@@ -723,148 +975,28 @@ function as(i, t) {
   }
   return e;
 }
-function cs(i, t = "px") {
+function ks(i, t = "px") {
   return typeof i == "number" ? `${i}${t}` : i;
 }
-class fe {
-  constructor(t) {
-    o(this, "_value");
-    o(this, "subscribers", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get value() {
-    return this._value;
-  }
-  set value(t) {
-    this._value !== t && (this._value = t, this.notify());
-  }
-  subscribe(t) {
-    return this.subscribers.add(t), () => this.subscribers.delete(t);
-  }
-  notify() {
-    this.subscribers.forEach((t) => t(this._value));
-  }
-}
-class ge {
-  constructor(t) {
-    o(this, "_value");
-    o(this, "subscribers", /* @__PURE__ */ new Set());
-    o(this, "dependencies", /* @__PURE__ */ new Set());
-    o(this, "unsubscribers", []);
-    this.compute = t, this._value = this.recompute();
-  }
-  get value() {
-    return this._value;
-  }
-  subscribe(t) {
-    return this.subscribers.add(t), () => this.subscribers.delete(t);
-  }
-  recompute() {
-    this.unsubscribers.forEach((e) => e()), this.unsubscribers = [], this.dependencies.clear();
-    const t = this.compute();
-    return this._value !== t && (this._value = t, this.notify()), t;
-  }
-  notify() {
-    this.subscribers.forEach((t) => t(this._value));
-  }
-}
-function hs(i) {
-  return new fe(i);
-}
-function ds(i) {
-  return new ge(i);
-}
-function us(i) {
-  let t;
-  return (() => {
-    typeof t == "function" && t(), t = i();
-  })(), () => {
-    typeof t == "function" && t();
-  };
-}
-class be {
-  constructor(t) {
-    o(this, "_value");
-    o(this, "listeners", /* @__PURE__ */ new Set());
-    this._value = t;
-  }
-  get() {
-    return this._value;
-  }
-  set(t) {
-    this._value !== t && (this._value = t, this.listeners.forEach((e) => e(t)));
-  }
-  subscribe(t) {
-    return this.listeners.add(t), () => this.listeners.delete(t);
-  }
-}
-function ms(i) {
-  return new be(i);
-}
-class xe {
-  constructor(t) {
-    o(this, "state");
-    o(this, "listeners", /* @__PURE__ */ new Set());
-    this.state = t;
-  }
-  getState() {
-    return this.state;
-  }
-  setState(t) {
-    const e = typeof t == "function" ? t(this.state) : t;
-    this.state = { ...this.state, ...e }, this.listeners.forEach((r) => r(this.state));
-  }
-  subscribe(t) {
-    return this.listeners.add(t), () => this.listeners.delete(t);
-  }
-}
-function ps(i) {
-  return new xe(i);
-}
-const Y = /* @__PURE__ */ new Map();
-function fs(i, t) {
-  Y.set(i, t);
-}
-function gs(i) {
-  return Y.get(i);
-}
-function bs() {
-  Y.clear();
-}
-const te = G(/* @__PURE__ */ new Map());
-function xs() {
-  return X(te);
-}
-function ys({ stateMap: i, children: t }) {
-  const [e] = W(() => new Map(i));
-  return /* @__PURE__ */ S(te.Provider, { value: e, children: t });
-}
-function _s({ observables: i, children: t }) {
-  const [, e] = W({});
-  return H(() => {
-    const r = Array.from(i).map(
-      (n) => n.subscribe(() => e({}))
-    );
-    return () => r.forEach((n) => n());
-  }, [i]), /* @__PURE__ */ S(K, { children: t });
-}
-function ks({ signals: i, children: t }) {
-  const [, e] = W({});
-  return H(() => {
-    const r = Array.from(i).map(
-      (n) => n.subscribe(() => e({}))
-    );
-    return () => r.forEach((n) => n());
-  }, [i]), /* @__PURE__ */ S(K, { children: t });
-}
-const se = G(/* @__PURE__ */ new Map());
 function vs(i) {
-  return X(se).get(i);
+  const [t, e] = $(i.value);
+  return M(() => (e(i.value), i.subscribe((o) => {
+    e(o);
+  })), [i]), t;
 }
-function ye({ providers: i, children: t }) {
-  return /* @__PURE__ */ S(se.Provider, { value: i, children: t });
+function ws(i) {
+  const [t, e] = $(i.getState());
+  return M(() => (e(i.getState()), i.subscribe((o) => {
+    e(o);
+  })), [i]), t;
 }
-const _e = {
+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",
@@ -947,7 +1079,7 @@ const _e = {
     lg: "0 8px 16px rgba(0,0,0,0.14)"
   },
   fontFamily: "Roboto, sans-serif"
-}, ke = {
+}, Ne = {
   name: "cupertino",
   colors: {
     primary: "#007AFF",
@@ -1029,7 +1161,7 @@ const _e = {
     lg: "0 4px 16px rgba(0,0,0,0.12)"
   },
   fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
-}, ve = {
+}, Ee = {
   name: "web",
   colors: {
     primary: "#3B82F6",
@@ -1108,37 +1240,37 @@ const _e = {
     lg: "0 10px 15px rgba(0,0,0,0.1)"
   },
   fontFamily: "Inter, system-ui, sans-serif"
-}, re = G(void 0), J = {
-  material: _e,
-  cupertino: ke,
-  web: ve
+}, ie = X(void 0), Q = {
+  material: we,
+  cupertino: Ne,
+  web: Ee
 };
-function ws({
+function Es({
   theme: i = "material",
   children: t
 }) {
-  const [e, r] = W(i), [n, l] = W(J[i]);
-  H(() => {
-    const c = J[e];
+  const [e, r] = $(i), [o, l] = $(Q[i]);
+  M(() => {
+    const c = Q[e];
     if (l(c), typeof document < "u") {
-      const h = document.documentElement;
-      h.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), h.classList.add(`fibo-theme-${e}`), h.style.setProperty("--fibo-primary", c.colors.primary), h.style.setProperty("--fibo-secondary", c.colors.secondary), h.style.setProperty("--fibo-background", c.colors.background), h.style.setProperty("--fibo-surface", c.colors.surface), h.style.setProperty("--fibo-error", c.colors.error), h.style.setProperty("--fibo-font-family", c.fontFamily);
+      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: n,
+    theme: o,
     themeName: e,
     setTheme: r
   };
-  return /* @__PURE__ */ S(re.Provider, { value: a, children: t });
+  return /* @__PURE__ */ S(ie.Provider, { value: a, children: t });
 }
-function Ns() {
-  const i = X(re);
+function Cs() {
+  const i = Y(ie);
   if (!i)
     throw new Error("useFiboTheme must be used within a FiboThemeProvider");
   return i;
 }
-class we extends b {
+class Ce extends x {
   build() {
     const t = this.getClassName(), e = this.getStyle(), r = this.processChildren();
     return s.createElement(
@@ -1152,13 +1284,13 @@ class we extends b {
     );
   }
 }
-const Cs = x(we);
-class Ne extends b {
+const Ss = y(Ce);
+class Se extends x {
   constructor() {
     super(...arguments);
-    o(this, "_mainAxisAlignment", "start");
-    o(this, "_crossAxisAlignment", "start");
-    o(this, "_spacing");
+    n(this, "_mainAxisAlignment", "start");
+    n(this, "_crossAxisAlignment", "start");
+    n(this, "_spacing");
   }
   mainAxisAlignment(e) {
     return this._mainAxisAlignment = e, this;
@@ -1185,7 +1317,7 @@ class Ne extends b {
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, n = [
+    }, o = [
       "fibo-row",
       "flex",
       "flex-row",
@@ -1194,7 +1326,7 @@ class Ne extends b {
       ...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 = n.filter(Boolean).join(" "), c = this.processChildren();
+    const a = o.filter(Boolean).join(" "), c = this.processChildren();
     return s.createElement(
       "div",
       {
@@ -1206,14 +1338,14 @@ class Ne extends b {
     );
   }
 }
-const L = x(Ne);
-class Ce extends b {
+const R = y(Se);
+class Fe extends x {
   constructor() {
     super(...arguments);
-    o(this, "_mainAxisAlignment", "start");
-    o(this, "_crossAxisAlignment", "start");
-    o(this, "_spacing");
-    o(this, "_size");
+    n(this, "_mainAxisAlignment", "start");
+    n(this, "_crossAxisAlignment", "start");
+    n(this, "_spacing");
+    n(this, "_size");
   }
   mainAxisAlignment(e) {
     return this._mainAxisAlignment = e, this;
@@ -1240,7 +1372,7 @@ class Ce extends b {
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, n = {
+    }, o = {
       small: "flex-[0.3]",
       medium: "flex-1",
       large: "flex-[1.5]"
@@ -1250,11 +1382,11 @@ class Ce extends b {
       "flex-col",
       e[this._mainAxisAlignment],
       r[this._crossAxisAlignment],
-      this._size ? n[this._size] : "",
+      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(" "), h = this.processChildren();
+    const c = l.filter(Boolean).join(" "), d = this.processChildren();
     return s.createElement(
       "div",
       {
@@ -1262,16 +1394,16 @@ class Ce extends b {
         style: a,
         ...this._props
       },
-      ...h
+      ...d
     );
   }
 }
-const R = x(Ce);
-class Ee extends b {
+const P = y(Fe);
+class ze extends x {
   constructor() {
     super(...arguments);
-    o(this, "_height");
-    o(this, "_width");
+    n(this, "_height");
+    n(this, "_width");
   }
   height(e) {
     return this._height = e, this;
@@ -1290,32 +1422,32 @@ class Ee extends b {
     });
   }
 }
-const O = x(Ee);
-class Se extends b {
+const V = y(ze);
+class Be extends x {
   constructor() {
     super(...arguments);
-    o(this, "_sizeHeight");
+    n(this, "_sizeHeight");
   }
   sizeHeight(e) {
     return this._sizeHeight = e, this;
   }
   build() {
-    const r = ["fibo-line", "flex", "flex-row", ...this._classNames].filter(Boolean).join(" "), n = this.getStyle();
-    this._sizeHeight && (n.height = this._sizeHeight);
+    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: n,
+        style: o,
         ...this._props
       },
       ...l
     );
   }
 }
-const Es = x(Se);
-class Fe extends b {
+const Fs = y(Be);
+class Ae extends x {
   build() {
     const e = [
       "fibo-center",
@@ -1323,7 +1455,7 @@ class Fe extends b {
       "items-center",
       "justify-center",
       ...this._classNames
-    ].filter(Boolean).join(" "), r = this.getStyle(), n = this.processChildren();
+    ].filter(Boolean).join(" "), r = this.getStyle(), o = this.processChildren();
     return s.createElement(
       "div",
       {
@@ -1331,16 +1463,16 @@ class Fe extends b {
         style: r,
         ...this._props
       },
-      ...n
+      ...o
     );
   }
 }
-const Ss = x(Fe);
-class ze extends b {
+const zs = y(Ae);
+class $e extends x {
   constructor() {
     super(...arguments);
-    o(this, "_direction", "vertical");
-    o(this, "_scrollbar", "auto");
+    n(this, "_direction", "vertical");
+    n(this, "_scrollbar", "auto");
   }
   direction(e) {
     return this._direction = e, this;
@@ -1370,23 +1502,23 @@ class ze extends b {
     }, ...this._children);
   }
 }
-const Fs = x(ze), Be = s.memo((i) => {
-  const { height: t = 64, sticky: e, className: r, style: n, children: l, ...a } = i;
+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, ...n },
+      style: { height: t, minHeight: t, ...o },
       ...a
     },
     l
   );
 });
-class $e extends b {
+class je extends x {
   constructor() {
     super(...arguments);
-    o(this, "_height", 64);
-    o(this, "_sticky", !1);
+    n(this, "_height", 64);
+    n(this, "_sticky", !1);
   }
   height(e) {
     return this._height = e, this;
@@ -1403,26 +1535,26 @@ class $e extends b {
       children: this.processChildren(),
       ...this._props
     };
-    return s.createElement(Be, e);
+    return s.createElement(Ie, e);
   }
 }
-const zs = x($e), Ae = s.memo((i) => {
-  const { width: t = 260, collapsed: e, className: r, style: n, children: l, ...a } = i, c = e ? 80 : t;
+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, ...n },
+      style: { width: c, minWidth: c, ...o },
       ...a
     },
     l
   );
 });
-class Ie extends b {
+class Le extends x {
   constructor() {
     super(...arguments);
-    o(this, "_width", 260);
-    o(this, "_collapsed", !1);
+    n(this, "_width", 260);
+    n(this, "_collapsed", !1);
   }
   width(e) {
     return this._width = e, this;
@@ -1439,27 +1571,27 @@ class Ie extends b {
       children: this.processChildren(),
       ...this._props
     };
-    return s.createElement(Ae, e);
+    return s.createElement(We, e);
   }
 }
-const Bs = x(Ie), je = s.memo((i) => {
-  const { sidebar: t, header: e, children: r, className: n, style: l, ...a } = i, [c, h] = W(!1);
+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 ${n || ""}`,
+      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: () => h(!1)
+      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: () => h(!c)
+        onClick: () => d(!c)
       },
       s.createElement("div", { className: c ? "i-heroicons-x-mark w-6 h-6" : "i-heroicons-bars-3 w-6 h-6" })
     ),
@@ -1494,11 +1626,11 @@ const Bs = x(Ie), je = s.memo((i) => {
     )
   );
 });
-class We extends b {
+class Re extends x {
   constructor() {
     super(...arguments);
-    o(this, "_sidebar");
-    o(this, "_header");
+    n(this, "_sidebar");
+    n(this, "_header");
   }
   sidebar(e) {
     return this._sidebar = e, this;
@@ -1515,28 +1647,28 @@ class We extends b {
       children: this.processChildren(),
       ...this._props
     };
-    return s.createElement(je, e);
+    return s.createElement(Me, e);
   }
 }
-const $s = x(We), Le = s.memo((i) => {
+const Is = y(Re), Te = s.memo((i) => {
   const {
     theme: t,
     locale: e,
     providers: r = {},
-    className: n,
+    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(([h, p]) => {
-    c.set(h, p);
+  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(
-    ye,
+    me,
     {
       providers: c,
       children: s.createElement(
         "div",
         {
-          className: `fibo-scaffold ${n || ""}`,
+          className: `fibo-scaffold ${o || ""}`,
           style: {
             minHeight: "100vh",
             display: "flex",
@@ -1550,7 +1682,7 @@ const $s = x(We), Le = s.memo((i) => {
   ) : s.createElement(
     "div",
     {
-      className: `fibo-scaffold ${n || ""}`,
+      className: `fibo-scaffold ${o || ""}`,
       style: {
         minHeight: "100vh",
         display: "flex",
@@ -1561,12 +1693,12 @@ const $s = x(We), Le = s.memo((i) => {
     a
   );
 });
-class Me extends b {
+class Pe extends x {
   constructor() {
     super(...arguments);
-    o(this, "_theme");
-    o(this, "_locale");
-    o(this, "_customProviders", {});
+    n(this, "_theme");
+    n(this, "_locale");
+    n(this, "_customProviders", {});
   }
   theme(e) {
     return this._theme = e, this;
@@ -1589,37 +1721,37 @@ class Me extends b {
       style: this.getStyle(),
       children: this.processChildren()
     };
-    return s.createElement(Le, e);
+    return s.createElement(Te, e);
   }
 }
-const As = x(Me), Re = s.memo((i) => {
-  const { className: t, style: e, children: r, ...n } = i;
+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,
-      ...n
+      ...o
     },
     ...r
   );
 });
-class Te extends b {
+class Oe extends x {
   build() {
     const e = [
       "fibo-box",
       ...this._classNames
-    ].filter(Boolean).join(" "), r = this.getStyle(), n = this.processChildren(), l = {
+    ].filter(Boolean).join(" "), r = this.getStyle(), o = this.processChildren(), l = {
       className: e,
       style: r,
-      children: n,
+      children: o,
       ...this._props
     };
-    return s.createElement(Re, l);
+    return s.createElement(De, l);
   }
 }
-const w = x(Te), Pe = s.memo((i) => {
-  const { image: t, size: e, border: r, shape: n, status: l, className: a, style: c } = i, h = typeof e == "number" ? `${e}px` : e, p = {
+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"
@@ -1631,9 +1763,9 @@ const w = x(Te), Pe = s.memo((i) => {
   };
   return w().className(a).style({
     position: "relative",
-    width: h,
-    height: h,
-    borderRadius: p[n],
+    width: d,
+    height: d,
+    borderRadius: p[o],
     backgroundImage: `url(${t})`,
     backgroundSize: "cover",
     backgroundPosition: "center",
@@ -1656,14 +1788,14 @@ const w = x(Te), Pe = s.memo((i) => {
     }).build() : null
   ).build();
 });
-class De extends b {
+class Ve extends x {
   constructor() {
     super(...arguments);
-    o(this, "_image", "");
-    o(this, "_size", 40);
-    o(this, "_border", "none");
-    o(this, "_shape", "circle");
-    o(this, "_status", "none");
+    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;
@@ -1690,11 +1822,11 @@ class De extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(Pe, e);
+    return s.createElement(He, e);
   }
 }
-const Oe = x(De), He = s.memo((i) => {
-  const { text: t, type: e, className: r, style: n, ...l } = i, a = {
+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",
@@ -1709,17 +1841,17 @@ const Oe = x(De), He = s.memo((i) => {
     a[e],
     {
       className: `fibo-text fibo-text-${e} ${r}`,
-      style: n,
+      style: o,
       ...l
     },
     t
   );
 });
-class Ve extends b {
+class Xe extends x {
   constructor(e = "") {
     super();
-    o(this, "_text", "");
-    o(this, "_type", "body");
+    n(this, "_text", "");
+    n(this, "_type", "body");
     this._text = e;
   }
   text(e) {
@@ -1739,11 +1871,11 @@ class Ve extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(He, e);
+    return s.createElement(Ge, e);
   }
 }
-const N = x(Ve), qe = s.memo((i) => {
-  const { text: t, icon: e, variant: r, intent: n, shape: l, className: a, style: c } = i, h = {
+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" },
@@ -1763,18 +1895,18 @@ const N = x(Ve), qe = s.memo((i) => {
     solid: { backgroundColor: "#111827", color: "#FFFFFF", border: "none" },
     dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
   }[r] };
-  if (n !== "none") {
-    const d = h[n];
+  if (o !== "none") {
+    const h = d[o];
     if (r === "solid") {
-      const f = {
+      const g = {
         none: "#111827",
         success: "#059669",
         warning: "#D97706",
         error: "#E11D48",
         info: "#2563EB"
       };
-      u.backgroundColor = f[n], u.color = "#FFFFFF";
-    } else r === "dot" ? (u.color = "#374151", u.borderColor = "#E5E7EB") : (u.backgroundColor = d.bg, u.color = d.text, d.border ? u.border = `1px solid ${d.border}` : u.border = "none");
+      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",
@@ -1793,27 +1925,27 @@ const N = x(Ve), qe = s.memo((i) => {
     fontWeight: 600,
     ...c
   }).children(
-    L().gap(6).alignItems("center").children([
-      r === "dot" && n !== "none" ? w().style({
+    R().gap(6).alignItems("center").children([
+      r === "dot" && o !== "none" ? w().style({
         width: "6px",
         height: "6px",
         borderRadius: "50%",
-        backgroundColor: h[n].text,
-        boxShadow: `0 0 6px ${h[n].text}66`
+        backgroundColor: d[o].text,
+        boxShadow: `0 0 6px ${d[o].text}66`
       }).build() : null,
       e ? w().classNames(["flex", "items-center"]).children(e).build() : null,
-      N(t).fontSize(12).fontWeight(600).style({ color: "inherit" }).build()
+      E(t).fontSize(12).fontWeight(600).style({ color: "inherit" }).build()
     ]).build()
   ).build();
 });
-class Ge extends b {
+class Ye extends x {
   constructor() {
     super(...arguments);
-    o(this, "_text", "");
-    o(this, "_icon");
-    o(this, "_variant", "neutral");
-    o(this, "_intent", "none");
-    o(this, "_shape", "rounded");
+    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;
@@ -1840,15 +1972,15 @@ class Ge extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(qe, e);
+    return s.createElement(Ue, e);
   }
 }
-const q = x(Ge), Xe = s.memo((i) => {
-  const { text: t, htmlFor: e, required: r, className: n, style: l, ...a } = i;
+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 ${n}`,
+      className: `fibo-label text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ${o}`,
       htmlFor: e,
       style: l,
       ...a
@@ -1857,12 +1989,12 @@ const q = x(Ge), Xe = s.memo((i) => {
     r && s.createElement("span", { className: "text-red-500 ml-0.5" }, "*")
   );
 });
-class Ye extends b {
+class Ke extends x {
   constructor(e = "") {
     super();
-    o(this, "_text", "");
-    o(this, "_htmlFor");
-    o(this, "_required", !1);
+    n(this, "_text", "");
+    n(this, "_htmlFor");
+    n(this, "_required", !1);
     this._text = e;
   }
   text(e) {
@@ -1883,40 +2015,40 @@ class Ye extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Xe, e);
+    return s.createElement(Je, e);
   }
 }
-const Is = x(Ye), Ue = s.memo((i) => {
+const Ws = y(Ke), Qe = s.memo((i) => {
   const {
     src: t,
     alt: e,
     fit: r,
-    resizable: n,
+    resizable: o,
     clipShape: l,
     frameWidth: a,
     frameHeight: c,
-    className: h,
+    className: d,
     style: p,
     ...u
   } = i, m = { ...p };
-  return m.objectFit = r, a && (m.width = `${a}px`), c && (m.height = `${c}px`), n && (m.maxWidth = "100%", m.height = "auto"), s.createElement("img", {
+  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: h,
+    className: d,
     style: m,
     ...u
   });
 });
-class Je extends b {
+class Ze extends x {
   constructor(e = "") {
     super();
-    o(this, "_src", "");
-    o(this, "_alt", "");
-    o(this, "_fit", "cover");
-    o(this, "_resizable", !1);
-    o(this, "_clipShape");
-    o(this, "_frameWidth");
-    o(this, "_frameHeight");
+    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) {
@@ -1946,7 +2078,7 @@ class Je extends b {
   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(" "), n = {
+    const r = e.filter(Boolean).join(" "), o = {
       src: this._src,
       alt: this._alt,
       fit: this._fit,
@@ -1958,18 +2090,18 @@ class Je extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Ue, n);
+    return s.createElement(Qe, o);
   }
 }
-const Ke = x(Je), Qe = s.memo((i) => {
-  const { size: t, color: e, variant: r = "circle", className: n, style: l, ...a } = i, h = typeof t == "number" ? t : {
+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 ${n}`,
-    style: { width: h, height: h, ...l },
+    className: `fibo-spinner ${o}`,
+    style: { width: d, height: d, ...l },
     ...a
   };
   return r === "dots" ? s.createElement(
@@ -2037,12 +2169,12 @@ const Ke = x(Je), Qe = s.memo((i) => {
     )
   );
 });
-class Ze extends b {
+class st extends x {
   constructor() {
     super(...arguments);
-    o(this, "_size", "md");
-    o(this, "_color");
-    o(this, "_variant", "circle");
+    n(this, "_size", "md");
+    n(this, "_color");
+    n(this, "_variant", "circle");
   }
   size(e) {
     return this._size = e, this;
@@ -2062,13 +2194,13 @@ class Ze extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Qe, e);
+    return s.createElement(tt, e);
   }
 }
-const js = x(Ze), et = s.memo((i) => {
-  const { width: t, height: e, shape: r, className: n, style: l, ...a } = i, c = ["animate-pulse", "bg-gray-200", "loading-skeleton"];
+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, n].filter(Boolean).join(" "),
+    className: [...c, o].filter(Boolean).join(" "),
     style: {
       width: t,
       height: e,
@@ -2077,12 +2209,12 @@ const js = x(Ze), et = s.memo((i) => {
     ...a
   });
 });
-class tt extends b {
+class it extends x {
   constructor() {
     super(...arguments);
-    o(this, "_width", "100%");
-    o(this, "_height", "20px");
-    o(this, "_shape", "rounded");
+    n(this, "_width", "100%");
+    n(this, "_height", "20px");
+    n(this, "_shape", "rounded");
   }
   width(e) {
     return this._width = e, this;
@@ -2102,41 +2234,41 @@ class tt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(et, e);
+    return s.createElement(rt, e);
   }
 }
-const Ws = x(tt), j = {
+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__ */ P("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  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__ */ P("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+  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__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  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__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  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__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  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__ */ P("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  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" })
   ] })
-}, st = s.memo((i) => {
-  const { title: t, description: e, intent: r = "info", className: n, style: l, ...a } = i, c = r, h = {
+}, 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",
@@ -2147,13 +2279,13 @@ const Ws = x(tt), j = {
     warning: "bg-orange-500",
     error: "bg-rose-600"
   }, u = {
-    info: j.Info || s.createElement("span", {}, "?"),
-    success: j.Check || s.createElement("span", {}, "✔"),
-    warning: j.Search || s.createElement("span", {}, "!"),
-    error: j.Close || s.createElement("span", {}, "x")
-  }, m = `relative overflow-hidden flex items-start gap-4 p-5 rounded-3xl shadow-lg border-none ${h[c]}`;
+    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} ${n}`,
+    className: `${m} ${o}`,
     style: l,
     ...a
   }, [
@@ -2179,12 +2311,12 @@ const Ws = x(tt), j = {
     ])
   ]);
 });
-class rt extends b {
+class ot extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title", "");
-    o(this, "_description");
-    o(this, "_intent", "info");
+    n(this, "_title", "");
+    n(this, "_description");
+    n(this, "_intent", "info");
   }
   title(e) {
     return this._title = e, this;
@@ -2204,25 +2336,25 @@ class rt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(st, e);
+    return s.createElement(nt, e);
   }
 }
-const Ls = x(rt), it = s.memo((i) => {
+const Rs = y(ot), lt = s.memo((i) => {
   const {
     value: t,
     max: e,
     color: r,
-    height: n,
+    height: o,
     variant: l = "default",
     label: a,
     subLabel: c,
-    items: h = [],
+    items: d = [],
     className: p,
     style: u,
     ...m
-  } = i, d = Math.min(100, Math.max(0, t / e * 100)), f = r || "#3B82F6";
+  } = i, h = Math.min(100, Math.max(0, t / e * 100)), g = r || "#3B82F6";
   if (l === "circular") {
-    const k = typeof n == "number" ? n : 64, E = 8, y = (k - E) / 2, g = y * 2 * Math.PI, F = g - d / 100 * g;
+    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 },
@@ -2238,21 +2370,21 @@ const Ls = x(rt), it = s.memo((i) => {
           key: "track",
           className: "text-gray-100",
           stroke: "currentColor",
-          strokeWidth: E,
+          strokeWidth: C,
           fill: "transparent",
-          r: y,
+          r: b,
           cx: k / 2,
           cy: k / 2
         }),
         s.createElement("circle", {
           key: "prog",
-          stroke: f,
-          strokeWidth: E,
-          strokeDasharray: g,
+          stroke: g,
+          strokeWidth: C,
+          strokeDasharray: f,
           strokeDashoffset: F,
           strokeLinecap: "round",
           fill: "transparent",
-          r: y,
+          r: b,
           cx: k / 2,
           cy: k / 2,
           className: "transition-all duration-1000 ease-out"
@@ -2261,58 +2393,58 @@ const Ls = x(rt), it = s.memo((i) => {
       s.createElement("span", {
         key: "label",
         className: "absolute text-sm font-bold text-gray-700"
-      }, a || `${Math.round(d)}%`)
+      }, a || `${Math.round(h)}%`)
     ]);
   }
   if (l === "pagination") {
-    const E = Math.floor(d / 100 * 5);
+    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((y, g) => {
-      const F = g === E;
+    }, Array.from({ length: 5 }).map((b, f) => {
+      const F = f === C;
       return s.createElement("div", {
-        key: g,
+        key: f,
         className: `h-3 rounded-full transition-all duration-300 ${F ? "w-8" : "w-3"}`,
-        style: { backgroundColor: g <= E ? f : "#E5E7EB" }
+        style: { backgroundColor: f <= C ? g : "#E5E7EB" }
       });
     }));
   }
   if (l === "timeline") {
-    const k = h.length ? h : [
+    const k = d.length ? d : [
       { title: "Order components", date: "Done" },
       { title: "Draft implementation", date: "In Progress" },
       { title: "Verify functionality", date: "Pending" }
-    ], E = Math.floor(d / 100 * k.length);
+    ], C = Math.floor(h / 100 * k.length);
     return s.createElement("div", {
       className: `flex flex-col relative ${p}`,
       style: u,
       ...m
-    }, k.map((y, g) => {
-      const F = g < E, A = g === E, I = g === k.length - 1, _ = F || A ? f : "#E5E7EB", z = F ? s.createElement("span", {}, "✓") : g + 1;
+    }, 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: g,
+        key: f,
         className: "relative flex items-start gap-4 pb-8 last:pb-0"
       }, [
-        !I && s.createElement("div", {
+        !W && s.createElement("div", {
           key: "tail",
           className: "absolute left-[19px] top-10 bottom-0 w-0.5 transition-colors duration-500",
-          style: { backgroundColor: F ? f : "#E5E7EB" }
+          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" : A ? _ : "#9CA3AF",
+            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" }, y.title),
-          y.description && s.createElement("div", { className: "text-xs text-gray-500 mt-1.5" }, y.description),
-          y.date && s.createElement("div", { className: "text-xs font-mono text-gray-400 mt-1" }, y.date)
+          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)
         ])
       ]);
     }));
@@ -2327,7 +2459,7 @@ const Ls = x(rt), it = s.memo((i) => {
         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(d)}%`) : null,
+          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)
@@ -2337,32 +2469,32 @@ const Ls = x(rt), it = s.memo((i) => {
         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: `${d}%`, backgroundColor: f }
+        style: { width: `${h}%`, backgroundColor: g }
       }))
     ]);
   if (l === "chevron") {
-    const E = Math.floor(d / 100 * 3);
+    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((y, g) => {
-      const F = g <= E;
+    }, Array.from({ length: 3 }).map((b, f) => {
+      const F = f <= C;
       return s.createElement("div", {
-        key: g,
+        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 ? g === E ? f : "#60A5FA" : "#E5E7EB",
-          clipPath: g === 0 ? "polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%)" : g === 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: g === 0 ? 0 : "-10px",
-          paddingLeft: g === 0 ? 0 : "10px",
-          zIndex: 3 - g
+          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 ${g + 1}`);
+      }, `Step ${f + 1}`);
     }));
   }
   if (l === "steps") {
-    const E = Math.ceil(d / 100 * 3);
+    const C = Math.ceil(h / 100 * 3);
     return s.createElement("div", {
       className: `w-full flex items-center justify-between relative ${p}`,
       style: {
@@ -2378,21 +2510,21 @@ const Ls = x(rt), it = s.memo((i) => {
       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: `${d}%`, backgroundColor: f }
+        style: { width: `${h}%`, backgroundColor: g }
       }),
-      ...Array.from({ length: 3 }).map((y, g) => {
-        const F = g + 1, A = F <= E, I = F < E;
+      ...Array.from({ length: 3 }).map((b, f) => {
+        const F = f + 1, j = F <= C, W = F < C;
         return s.createElement("div", {
-          key: g,
-          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 ${A ? "text-white border-white shadow-md" : "bg-gray-100 text-gray-400 border-gray-50"}`,
-          style: { backgroundColor: A ? f : void 0 }
-        }, I ? s.createElement("span", {}, "✔") : F);
+          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 C = n || 12;
+  const N = o || 12;
   if (l === "segments") {
-    const E = Math.round(d / 100 * 10);
+    const C = Math.round(h / 100 * 10);
     return s.createElement(
       "div",
       {
@@ -2400,12 +2532,12 @@ const Ls = x(rt), it = s.memo((i) => {
         style: u,
         ...m
       },
-      Array.from({ length: 10 }).map((y, g) => s.createElement("div", {
-        key: g,
+      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: n || 12,
-          backgroundColor: g < E ? f : "#E5E7EB"
+          height: o || 12,
+          backgroundColor: f < C ? g : "#E5E7EB"
         }
       }))
     );
@@ -2420,14 +2552,14 @@ const Ls = x(rt), it = s.memo((i) => {
   }));
   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: `${d}%` }
+    style: { left: `${h}%` }
   }, [
-    a || `${Math.round(d)}%`,
+    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, $ = l === "knob" ? s.createElement("div", {
+  ]) : 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: f }
-  }, s.createElement("div", { className: "w-1.5 h-1.5 rounded-full", style: { backgroundColor: f } })) : null;
+    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
@@ -2440,31 +2572,31 @@ const Ls = x(rt), it = s.memo((i) => {
         className: `w-full bg-slate-100 rounded-full ${p}`,
         style: {
           width: "100%",
-          height: C,
+          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: `${d}%`,
-          backgroundColor: f
+          width: `${h}%`,
+          backgroundColor: g
         }
-      }, [v, $])
+      }, [v, I])
     )
   ]);
 });
-class ot extends b {
+class at extends x {
   constructor() {
     super(...arguments);
-    o(this, "_value", 0);
-    o(this, "_max", 100);
-    o(this, "_color");
-    o(this, "_height");
-    o(this, "_variant", "default");
-    o(this, "_label");
-    o(this, "_subLabel");
-    o(this, "_items");
+    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;
@@ -2504,30 +2636,30 @@ class ot extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(it, e);
+    return s.createElement(lt, e);
   }
 }
-const Ms = x(ot), nt = s.memo((i) => {
+const Ts = y(at), ct = s.memo((i) => {
   const {
     text: t,
     variant: e,
     size: r,
-    onPress: n,
+    onPress: o,
     disabled: l,
     icon: a,
     shape: c,
-    shadow: h,
+    shadow: d,
     className: p,
     style: u,
     ...m
-  } = i, d = { ...u };
-  Object.assign(d, {
+  } = 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" ? d.borderRadius = "9999px" : c === "square" ? d.borderRadius = "12px" : d.borderRadius = "14px", h === "soft" && (d.boxShadow = "0 8px 20px -6px rgba(59, 130, 246, 0.4)"), e === "ghost" ? (d.backgroundColor = "transparent", d.color = "#4B5563", d.boxShadow = "none", d.border = "1px solid transparent") : e === "text" ? (d.backgroundColor = "transparent", d.color = "#4B5563", d.boxShadow = "none", d.border = "none", d.paddingLeft = "8px", d.paddingRight = "8px") : e === "soft" ? (d.backgroundColor = "#EEF2FF", d.color = "#4F46E5", d.boxShadow = "none", d.border = "none") : e === "outline" && (d.backgroundColor = "transparent", d.border = "1.5px solid #E5E7EB", d.color = "#374151", d.boxShadow = "none");
-  const C = [];
-  return a && C.push(a), t && C.push(t), s.createElement(
+  }[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,
@@ -2539,30 +2671,36 @@ const Ms = x(ot), nt = s.memo((i) => {
         opacity: l ? 0.6 : 1,
         fontWeight: 600,
         whiteSpace: "nowrap",
-        ...d
+        ...h
       },
       onClick: (v) => {
-        l || (document.documentElement.classList.contains("fibo-theme-material") && import("./effects-Co9C_Dyx.mjs").then(({ createRipple: B }) => {
-          B(v);
-        }), n == null || n());
+        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
     },
-    ...C
+    ...N
   );
 });
-class lt extends b {
+class ht extends x {
   constructor(e = "") {
     super();
-    o(this, "_text", "");
-    o(this, "_variant", "elevated");
-    o(this, "_size", "md");
-    o(this, "_onPress");
-    o(this, "_disabled", !1);
-    o(this, "_icon");
-    o(this, "_shape", "default");
-    o(this, "_shadow", "none");
+    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) {
@@ -2612,40 +2750,50 @@ class lt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(nt, r);
+    return s.createElement(ct, r);
   }
 }
-const U = x(lt), at = (i, t) => {
+const K = y(ht), dt = (i, t) => {
   let e = 0;
   const r = i.replace(/\D/g, "").split("");
-  let n = "";
+  let o = "";
   for (let l = 0; l < t.length && !(e >= r.length); l++)
-    t[l] === "9" ? n += r[e++] : n += t[l];
-  return n;
-}, ct = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, n] = s.useState(!1), {
+    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: h,
+    error: d,
     mask: p,
     type: u,
-    onChange: m,
-    ...d
-  } = i, f = u === "password", C = f && r ? "text" : u, v = (B) => {
-    let $ = B.target.value;
+    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) {
-      $ = at($, p);
-      const k = {
-        ...B,
+      f = dt(f, p);
+      const F = {
+        ...b,
         target: {
-          ...B.target,
-          value: $
+          ...b.target,
+          value: f
         }
       };
-      m == null || m(k);
+      N && (m.value = f), h == null || h(F);
     } else
-      m == null || m(B);
+      N && (m.value = f), h == null || h(b);
   };
   return s.createElement(
     "div",
@@ -2655,9 +2803,10 @@ const U = x(lt), at = (i, t) => {
         key: "input",
         id: e,
         className: "fibo-textfield-input",
-        type: C,
-        onChange: v,
-        ...d
+        type: k,
+        onChange: C,
+        value: v,
+        ...g
       }),
       c && s.createElement(
         "label",
@@ -2668,13 +2817,13 @@ const U = x(lt), at = (i, t) => {
         },
         c
       ),
-      f && s.createElement(
+      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: () => n(!r),
+          onClick: () => o(!r),
           tabIndex: -1
         },
         r ? s.createElement(
@@ -2690,24 +2839,24 @@ const U = x(lt), at = (i, t) => {
         )
       )
     ]),
-    h && s.createElement(
+    d && s.createElement(
       "span",
       { className: "text-[var(--fibo-error)] text-xs mt-1 ml-1" },
-      h
+      d
     )
   );
 });
-class ht extends b {
+class mt extends x {
   constructor(e = "") {
     super();
-    o(this, "_value", "");
-    o(this, "_label", "");
-    o(this, "_placeholder", "");
-    o(this, "_type", "text");
-    o(this, "_disabled", !1);
-    o(this, "_error");
-    o(this, "_mask");
-    o(this, "_onChange");
+    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) {
@@ -2745,21 +2894,21 @@ class ht extends b {
       type: this._type,
       mask: this._mask,
       disabled: this._disabled,
-      onChange: (n) => {
+      onChange: (o) => {
         var l;
-        (l = this._onChange) == null || l.call(this, n.target.value);
+        (l = this._onChange) == null || l.call(this, o.target.value);
       },
       ...this._props
     };
-    return s.createElement(ct, r);
+    return s.createElement(ut, r);
   }
 }
-const dt = x(ht), ut = s.memo((i) => {
+const pt = y(mt), ft = s.memo((i) => {
   const {
     checked: t,
     onChange: e,
     label: r,
-    disabled: n,
+    disabled: o,
     className: l,
     style: a
   } = i, c = {
@@ -2768,11 +2917,11 @@ const dt = x(ht), ut = s.memo((i) => {
     borderRadius: "9999px",
     position: "relative",
     transition: "background-color 0.2s ease-in-out",
-    cursor: n ? "not-allowed" : "pointer",
-    opacity: n ? 0.5 : 1,
+    cursor: o ? "not-allowed" : "pointer",
+    opacity: o ? 0.5 : 1,
     backgroundColor: t ? "var(--fibo-primary, #3B82F6)" : "#E5E7EB",
     ...a
-  }, h = {
+  }, d = {
     width: "20px",
     height: "20px",
     borderRadius: "50%",
@@ -2795,10 +2944,10 @@ const dt = x(ht), ut = s.memo((i) => {
         className: "fibo-switch-track",
         style: c,
         onClick: (p) => {
-          p.preventDefault(), !n && e && e(!t);
+          p.preventDefault(), !o && e && e(!t);
         }
       },
-      s.createElement("div", { style: h })
+      s.createElement("div", { style: d })
     ),
     r && s.createElement(
       "span",
@@ -2808,19 +2957,19 @@ const dt = x(ht), ut = s.memo((i) => {
     s.createElement("input", {
       type: "checkbox",
       checked: t,
-      disabled: n,
+      disabled: o,
       className: "sr-only",
-      onChange: (p) => !n && (e == null ? void 0 : e(p.target.checked))
+      onChange: (p) => !o && (e == null ? void 0 : e(p.target.checked))
     })
   );
 });
-class mt extends b {
+class gt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_checked", !1);
-    o(this, "_onChange");
-    o(this, "_label");
-    o(this, "_disabled", !1);
+    n(this, "_checked", !1);
+    n(this, "_onChange");
+    n(this, "_label");
+    n(this, "_disabled", !1);
   }
   checked(e) {
     return this._checked = e, this;
@@ -2843,30 +2992,30 @@ class mt extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(ut, e);
+    return s.createElement(ft, e);
   }
 }
-const pt = x(mt), ft = s.memo((i) => {
+const bt = y(gt), xt = s.memo((i) => {
   const {
     checked: t,
     onChange: e,
     label: r,
-    disabled: n,
+    disabled: o,
     indeterminate: l,
     className: a,
     style: c
-  } = i, h = t || l, p = {
+  } = i, d = t || l, p = {
     width: "20px",
     height: "20px",
     borderRadius: "6px",
-    border: h ? "none" : "2px solid #D1D5DB",
-    backgroundColor: h ? "var(--fibo-primary, #3B82F6)" : "transparent",
+    border: d ? "none" : "2px solid #D1D5DB",
+    backgroundColor: d ? "var(--fibo-primary, #3B82F6)" : "transparent",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     transition: "all 0.2s",
-    cursor: n ? "not-allowed" : "pointer",
-    opacity: n ? 0.5 : 1,
+    cursor: o ? "not-allowed" : "pointer",
+    opacity: o ? 0.5 : 1,
     ...c
   };
   let u = null;
@@ -2897,7 +3046,7 @@ const pt = x(mt), ft = s.memo((i) => {
         className: "fibo-checkbox-box",
         style: p,
         onClick: (m) => {
-          m.preventDefault(), !n && e && e(!t);
+          m.preventDefault(), !o && e && e(!t);
         }
       },
       u
@@ -2910,20 +3059,20 @@ const pt = x(mt), ft = s.memo((i) => {
     s.createElement("input", {
       type: "checkbox",
       checked: t,
-      disabled: n,
+      disabled: o,
       className: "sr-only",
-      onChange: (m) => !n && (e == null ? void 0 : e(m.target.checked))
+      onChange: (m) => !o && (e == null ? void 0 : e(m.target.checked))
     })
   );
 });
-class gt extends b {
+class yt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_checked", !1);
-    o(this, "_onChange");
-    o(this, "_label");
-    o(this, "_disabled", !1);
-    o(this, "_indeterminate", !1);
+    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;
@@ -2950,15 +3099,15 @@ class gt extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(ft, e);
+    return s.createElement(xt, e);
   }
 }
-const Rs = x(gt), bt = s.memo((i) => {
+const Ps = y(yt), _t = s.memo((i) => {
   const {
     value: t,
     options: e,
     onChange: r,
-    name: n,
+    name: o,
     direction: l,
     className: a,
     style: c
@@ -2969,12 +3118,12 @@ const Rs = x(gt), bt = s.memo((i) => {
       className: `fibo-radio-group flex ${l === "vertical" ? "flex-col gap-2" : "flex-row gap-4"} ${a}`,
       style: c
     },
-    e.map((h) => {
-      const p = t === h.value, u = h.disabled;
+    e.map((d) => {
+      const p = t === d.value, u = d.disabled;
       return s.createElement(
         "label",
         {
-          key: h.value,
+          key: d.value,
           className: `flex items-center gap-2 cursor-pointer ${u ? "opacity-50 cursor-not-allowed" : ""}`
         },
         s.createElement(
@@ -2991,31 +3140,31 @@ const Rs = x(gt), bt = s.memo((i) => {
           },
           s.createElement("input", {
             type: "radio",
-            name: n,
-            value: h.value,
+            name: o,
+            value: d.value,
             checked: p,
             disabled: u,
             className: "sr-only",
-            onChange: () => !u && (r == null ? void 0 : r(h.value))
+            onChange: () => !u && (r == null ? void 0 : r(d.value))
           })
         ),
         s.createElement(
           "span",
           { className: "text-sm text-gray-700" },
-          h.label
+          d.label
         )
       );
     })
   );
 });
-class xt extends b {
+class kt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_value", "");
-    o(this, "_options", []);
-    o(this, "_onChange");
-    o(this, "_name", `radio-group-${Math.random().toString(36).substr(2, 9)}`);
-    o(this, "_direction", "vertical");
+    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;
@@ -3042,20 +3191,20 @@ class xt extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(bt, e);
+    return s.createElement(_t, e);
   }
 }
-const Ts = x(xt), yt = s.memo((i) => {
+const Ds = y(kt), vt = s.memo((i) => {
   const t = s.useId(), e = i.id || t, {
     containerClass: r,
-    containerStyle: n,
+    containerStyle: o,
     label: l,
     error: a,
     ...c
   } = i;
   return s.createElement(
     "div",
-    { className: r, style: n },
+    { className: r, style: o },
     s.createElement("textarea", {
       id: e,
       className: "fibo-textarea-input",
@@ -3076,17 +3225,17 @@ const Ts = x(xt), yt = s.memo((i) => {
     )
   );
 });
-class _t extends b {
+class wt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_value", "");
-    o(this, "_label", "");
-    o(this, "_placeholder", "");
-    o(this, "_disabled", !1);
-    o(this, "_rows", 4);
-    o(this, "_error");
-    o(this, "_resize", "vertical");
-    o(this, "_onChange");
+    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;
@@ -3123,50 +3272,50 @@ class _t extends b {
       placeholder: this._placeholder || " ",
       disabled: this._disabled,
       style: { resize: this._resize },
-      onChange: (n) => {
+      onChange: (o) => {
         var l;
-        (l = this._onChange) == null || l.call(this, n.target.value);
+        (l = this._onChange) == null || l.call(this, o.target.value);
       },
       ...this._props
     };
-    return s.createElement(yt, r);
+    return s.createElement(vt, r);
   }
 }
-const Ps = x(_t), kt = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, n] = W(!1), l = Q(null), {
+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: h,
+    label: d,
     error: p,
     value: u,
     options: m = [],
-    placeholder: d,
-    onChange: f,
-    disabled: C,
+    placeholder: h,
+    onChange: g,
+    disabled: N,
     multiple: v,
     ...B
   } = i;
-  H(() => {
-    const y = (g) => {
-      l.current && !l.current.contains(g.target) && n(!1);
+  M(() => {
+    const b = (f) => {
+      l.current && !l.current.contains(f.target) && o(!1);
     };
-    return document.addEventListener("mousedown", y), () => document.removeEventListener("mousedown", y);
+    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, []);
-  const $ = (y) => v ? Array.isArray(u) && u.includes(y) : u === y;
+  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((y) => u.includes(y.value)).map((y) => y.label).join(", "));
+    Array.isArray(u) && u.length > 0 && (k = m.filter((b) => u.includes(b.value)).map((b) => b.label).join(", "));
   else {
-    const y = m.find((g) => g.value === u);
-    k = y ? y.label : "";
+    const b = m.find((f) => f.value === u);
+    k = b ? b.label : "";
   }
-  const E = (y) => {
-    if (!C)
+  const C = (b) => {
+    if (!N)
       if (v) {
-        const g = Array.isArray(u) ? [...u] : [], F = g.indexOf(y);
-        F > -1 ? g.splice(F, 1) : g.push(y), f == null || f(g);
+        const f = Array.isArray(u) ? [...u] : [], F = f.indexOf(b);
+        F > -1 ? f.splice(F, 1) : f.push(b), g == null || g(f);
       } else
-        f == null || f(y), n(!1);
+        g == null || g(b), o(!1);
   };
   return s.createElement(
     "div",
@@ -3180,12 +3329,12 @@ const Ps = x(_t), kt = s.memo((i) => {
         key: "trigger",
         id: e,
         type: "button",
-        disabled: C,
+        disabled: N,
         className: `fibo-textfield-input text-left w-full flex items-center justify-between ${k ? "" : "text-gray-400"}`,
-        onClick: () => !C && n(!r),
+        onClick: () => !N && o(!r),
         ...B
       }, [
-        s.createElement("span", { key: "text", className: "truncate" }, k || d || " "),
+        s.createElement("span", { key: "text", className: "truncate" }, k || h || " "),
         s.createElement("svg", {
           key: "icon",
           className: `w-4 h-4 transition-transform ${r ? "rotate-180" : ""}`,
@@ -3194,27 +3343,27 @@ const Ps = x(_t), kt = s.memo((i) => {
           viewBox: "0 0 24 24"
         }, s.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
       ]),
-      h && s.createElement(
+      d && s.createElement(
         "label",
         {
           key: "label",
           htmlFor: e,
           className: "fibo-textfield-label"
         },
-        h
+        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((y) => {
-        const g = $(y.value);
+      }, m.map((b) => {
+        const f = I(b.value);
         return s.createElement("div", {
-          key: y.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 ${g ? "bg-[var(--fibo-primary-container)] text-[var(--fibo-on-primary-container)] font-medium" : "text-[var(--fibo-on-surface)]"}`,
-          onClick: () => E(y.value)
+          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" }, y.label),
-          g && s.createElement("svg", {
+          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",
@@ -3230,17 +3379,17 @@ const Ps = x(_t), kt = s.memo((i) => {
     )
   );
 });
-class vt extends b {
+class Et extends x {
   constructor() {
     super(...arguments);
-    o(this, "_value", "");
-    o(this, "_label", "");
-    o(this, "_placeholder", "");
-    o(this, "_disabled", !1);
-    o(this, "_error");
-    o(this, "_multiple", !1);
-    o(this, "_options", []);
-    o(this, "_onChange");
+    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;
@@ -3280,64 +3429,64 @@ class vt extends b {
       onChange: this._onChange,
       ...this._props
     };
-    return s.createElement(kt, r);
+    return s.createElement(Nt, r);
   }
 }
-const Ds = x(vt), wt = s.memo((i) => {
-  const t = s.useId(), e = i.id || t, [r, n] = W(!1), [l, a] = W(""), c = Q(null), {
-    containerClass: h,
+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: d,
-    options: f = [],
-    placeholder: C,
+    value: h,
+    options: g = [],
+    placeholder: N,
     onChange: v,
     onAdd: B,
-    disabled: $,
+    disabled: I,
     multiple: k,
-    ...E
+    ...C
   } = i;
-  H(() => {
+  M(() => {
     if (!k) {
       const _ = i.options.find((z) => z.value === i.value);
       _ && !r && l !== _.label && a(_.label);
     }
   }, [i.value, i.options, r, k]);
-  const y = f.filter(
+  const b = g.filter(
     (_) => _.label.toLowerCase().includes(l.toLowerCase())
   );
-  H(() => {
+  M(() => {
     const _ = (z) => {
       if (c.current && !c.current.contains(z.target))
-        if (n(!1), k)
+        if (o(!1), k)
           a("");
         else {
-          const T = f.find((V) => V.value === d);
-          a(T ? T.label : "");
+          const D = g.find((q) => q.value === h);
+          a(D ? D.label : "");
         }
     };
     return document.addEventListener("mousedown", _), () => document.removeEventListener("mousedown", _);
-  }, [d, f, k]);
-  const g = (_) => {
+  }, [h, g, k]);
+  const f = (_) => {
     if (k) {
-      const z = Array.isArray(d) ? [...d] : [];
+      const z = Array.isArray(h) ? [...h] : [];
       z.includes(_.value) || (z.push(_.value), v == null || v(z)), a("");
     } else
-      a(_.label), v == null || v(_.value), n(!1);
+      a(_.label), v == null || v(_.value), o(!1);
   }, F = (_) => {
-    if (k && Array.isArray(d)) {
-      const z = d.filter((T) => T !== _);
+    if (k && Array.isArray(h)) {
+      const z = h.filter((D) => D !== _);
       v == null || v(z);
     }
-  }, A = () => {
-    B == null || B(l), k ? a("") : n(!1);
-  }, I = (_) => k ? Array.isArray(d) && d.includes(_) : d === _;
+  }, j = () => {
+    B == null || B(l), k ? a("") : o(!1);
+  }, W = (_) => k ? Array.isArray(h) && h.includes(_) : h === _;
   return s.createElement(
     "div",
     {
       ref: c,
-      className: h,
+      className: d,
       style: p
     },
     s.createElement("div", { className: "relative w-full" }, [
@@ -3345,18 +3494,18 @@ const Ds = x(vt), wt = s.memo((i) => {
         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(d) && d.map((_) => {
-          const z = f.find((V) => V.value === _), T = z ? z.label : _;
+        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"
           }, [
-            T,
+            D,
             s.createElement("button", {
               type: "button",
               className: "ml-1 hover:text-[var(--fibo-primary)] focus:outline-none",
-              onClick: (V) => {
-                V.stopPropagation(), F(_);
+              onClick: (q) => {
+                q.stopPropagation(), F(_);
               }
             }, "×")
           ]);
@@ -3366,13 +3515,13 @@ const Ds = x(vt), wt = s.memo((i) => {
           id: e,
           className: "bg-transparent outline-none flex-1 min-w-[60px] text-sm h-8",
           value: l,
-          placeholder: k && Array.isArray(d) && d.length > 0 ? "" : C || " ",
-          disabled: $,
+          placeholder: k && Array.isArray(h) && h.length > 0 ? "" : N || " ",
+          disabled: I,
           onChange: (_) => {
-            a(_.target.value), r || n(!0);
+            a(_.target.value), r || o(!0);
           },
-          onFocus: () => n(!0),
-          ...E
+          onFocus: () => o(!0),
+          ...C
         })
       ]),
       u && s.createElement(
@@ -3388,18 +3537,18 @@ const Ds = x(vt), wt = s.memo((i) => {
         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"
       }, [
-        y.length > 0 ? y.map((_) => {
-          const z = I(_.value);
+        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 && g(_)
+            onClick: () => !z && f(_)
           }, _.label);
         }) : s.createElement("div", { className: "px-4 py-2 text-sm text-gray-500" }, "No results found."),
-        l && !y.some((_) => _.label.toLowerCase() === l.toLowerCase()) && B && s.createElement("div", {
+        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: A
+          onClick: j
         }, [
           s.createElement("span", { className: "mr-1" }, "+"),
           `Add "${l}"`
@@ -3413,18 +3562,18 @@ const Ds = x(vt), wt = s.memo((i) => {
     )
   );
 });
-class Nt extends b {
+class St extends x {
   constructor() {
     super(...arguments);
-    o(this, "_value", "");
-    o(this, "_label", "");
-    o(this, "_placeholder", "");
-    o(this, "_disabled", !1);
-    o(this, "_error");
-    o(this, "_multiple", !1);
-    o(this, "_options", []);
-    o(this, "_onChange");
-    o(this, "_onAdd");
+    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;
@@ -3468,17 +3617,17 @@ class Nt extends b {
       onAdd: this._onAdd,
       ...this._props
     };
-    return s.createElement(wt, r);
+    return s.createElement(Ct, r);
   }
 }
-const Os = x(Nt), Ct = s.memo((i) => {
-  const { text: t, subtitle: e, number: r, color: n, className: l, style: a, children: c, ...h } = i;
+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 },
-      ...h
+      ...d
     },
     s.createElement(
       "div",
@@ -3508,13 +3657,13 @@ const Os = x(Nt), Ct = s.memo((i) => {
     )
   );
 });
-class Et extends b {
+class zt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_text", "");
-    o(this, "_subtitle");
-    o(this, "_number");
-    o(this, "_color");
+    n(this, "_text", "");
+    n(this, "_subtitle");
+    n(this, "_number");
+    n(this, "_color");
   }
   text(e) {
     return this._text = e, this;
@@ -3539,7 +3688,7 @@ class Et extends b {
       "fibo-card",
       this._color ? `border-l-4 ${e[this._color]}` : "",
       ...this._classNames
-    ].filter(Boolean).join(" "), n = {
+    ].filter(Boolean).join(" "), o = {
       text: this._text,
       subtitle: this._subtitle,
       number: this._number,
@@ -3549,39 +3698,39 @@ class Et extends b {
       children: this.processChildren(),
       ...this._props
     };
-    return s.createElement(Ct, n);
+    return s.createElement(Ft, o);
   }
 }
-const M = x(Et), St = s.memo((i) => {
+const T = y(zt), Bt = s.memo((i) => {
   const {
     items: t,
     renderItem: e,
     variant: r,
-    separator: n,
+    separator: o,
     loading: l,
     threshold: a,
     onEndReached: c,
-    className: h,
+    className: d,
     style: p
   } = i, u = s.useRef(null);
   s.useEffect(() => {
     if (!c || l) return;
-    const C = new IntersectionObserver(
+    const N = new IntersectionObserver(
       (v) => {
         v[0].isIntersecting && (c == null || c());
       },
       { threshold: a }
     );
-    return u.current && C.observe(u.current), () => C.disconnect();
+    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" }
-  }, d = {
+  }, h = {
     default: {
       padding: "12px 16px",
-      borderBottom: n ? "1px solid #F3F4F6" : "none",
+      borderBottom: o ? "1px solid #F3F4F6" : "none",
       backgroundColor: "transparent",
       transition: "background-color 0.2s"
     },
@@ -3599,20 +3748,20 @@ const M = x(Et), St = s.memo((i) => {
       backgroundColor: "transparent",
       transition: "background-color 0.2s"
     }
-  }, f = {
+  }, 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(h).classNames(["flex", "flex-col", "w-full"]).style({
+  return w().className(d).classNames(["flex", "flex-col", "w-full"]).style({
     ...m[r],
     ...p
   }).children(
     s.createElement(s.Fragment, {}, [
       ...t.map(
-        (C, v) => s.cloneElement(
-          w().style(d[r]).classNames(f[r]).children(
-            e ? e(C, v) : null
+        (N, v) => s.cloneElement(
+          w().style(h[r]).classNames(g[r]).children(
+            e ? e(N, v) : null
           ).build(),
           { key: `item-${v}` }
         )
@@ -3624,16 +3773,16 @@ const M = x(Et), St = s.memo((i) => {
     ])
   ).build();
 });
-class Ft extends b {
+class At extends x {
   constructor() {
     super(...arguments);
-    o(this, "_items", []);
-    o(this, "_renderItem");
-    o(this, "_variant", "default");
-    o(this, "_separator", !1);
-    o(this, "_onEndReached");
-    o(this, "_loading", !1);
-    o(this, "_threshold", 0.5);
+    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;
@@ -3668,31 +3817,31 @@ class Ft extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(St, e);
+    return s.createElement(Bt, e);
   }
 }
-const Hs = x(Ft), zt = s.memo((i) => {
+const qs = y(At), $t = s.memo((i) => {
   const {
     data: t,
     columns: e,
     variant: r,
-    density: n,
+    density: o,
     striped: l,
     width: a,
     className: c,
-    style: h
+    style: d
   } = i, p = {
     width: "100%",
     borderCollapse: "separate",
     borderSpacing: "0",
-    ...h
+    ...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"] : [], d = {
+  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"
-  }[n];
+  }[o];
   return w().className(c).classNames(u).children(
     s.createElement("table", { style: p }, [
       s.createElement(
@@ -3702,15 +3851,15 @@ const Hs = x(Ft), zt = s.memo((i) => {
           "tr",
           {},
           e.map(
-            (f, C) => s.createElement("th", {
-              key: C,
+            (g, N) => s.createElement("th", {
+              key: N,
               style: {
-                textAlign: f.align || "left",
-                padding: d,
-                width: f.width
+                textAlign: g.align || "left",
+                padding: h,
+                width: g.width
               },
               className: "text-xs font-bold text-gray-400 uppercase tracking-widest"
-            }, f.header)
+            }, g.header)
           )
         )
       ),
@@ -3718,11 +3867,11 @@ const Hs = x(Ft), zt = s.memo((i) => {
         "tbody",
         { key: "tbody" },
         t.map(
-          (f, C) => s.createElement(
+          (g, N) => s.createElement(
             "tr",
             {
-              key: C,
-              className: `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${l && C % 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"}`
+              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(
@@ -3731,12 +3880,12 @@ const Hs = x(Ft), zt = s.memo((i) => {
                   key: B,
                   style: {
                     textAlign: v.align || "left",
-                    padding: d,
+                    padding: h,
                     borderTop: r === "default" ? "1px solid #F3F4F6" : "none"
                   },
                   className: "text-sm text-gray-900 font-medium"
                 },
-                v.render ? v.render(f) : v.accessor ? f[v.accessor] : null
+                v.render ? v.render(g) : v.accessor ? g[v.accessor] : null
               )
             )
           )
@@ -3745,15 +3894,15 @@ const Hs = x(Ft), zt = s.memo((i) => {
     ])
   ).build();
 });
-class Bt extends b {
+class It extends x {
   constructor() {
     super(...arguments);
-    o(this, "_data", []);
-    o(this, "_columns", []);
-    o(this, "_variant", "clean");
-    o(this, "_density", "standard");
-    o(this, "_striped", !1);
-    o(this, "_width");
+    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;
@@ -3784,11 +3933,11 @@ class Bt extends b {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(zt, e);
+    return s.createElement($t, e);
   }
 }
-const Vs = x(Bt), $t = s.memo((i) => {
-  const { items: t, className: e, style: r, ...n } = i, l = t.map(
+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",
       {
@@ -3803,15 +3952,15 @@ const Vs = x(Bt), $t = s.memo((i) => {
     {
       className: e,
       style: r,
-      ...n
+      ...o
     },
     ...l
   );
 });
-class At extends b {
+class Wt extends x {
   constructor(e = []) {
     super();
-    o(this, "_items", []);
+    n(this, "_items", []);
     this._items = e;
   }
   items(e) {
@@ -3824,15 +3973,15 @@ class At extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement($t, r);
+    return s.createElement(jt, r);
   }
 }
-const qs = x(At), It = s.memo((i) => {
-  const { status: t, title: e, subtitle: r, className: n, style: l, ...a } = i;
+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: n,
+      className: o,
       style: l,
       ...a
     },
@@ -3856,12 +4005,12 @@ const qs = x(At), It = s.memo((i) => {
     )
   );
 });
-class jt extends b {
+class Mt extends x {
   constructor(e = "") {
     super();
-    o(this, "_status", "info");
-    o(this, "_title", "");
-    o(this, "_subtitle");
+    n(this, "_status", "info");
+    n(this, "_title", "");
+    n(this, "_subtitle");
     this._title = e;
   }
   status(e) {
@@ -3878,7 +4027,7 @@ class jt extends b {
       "fibo-banner",
       `fibo-banner-${this._status}`,
       ...this._classNames
-    ].filter(Boolean).join(" "), n = {
+    ].filter(Boolean).join(" "), o = {
       status: this._status,
       title: this._title,
       subtitle: this._subtitle,
@@ -3886,12 +4035,12 @@ class jt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(It, n);
+    return s.createElement(Lt, o);
   }
 }
-const Gs = x(jt), Wt = s.memo((i) => {
-  const { image: t, title: e, price: r, likes: n, timeLeft: l, className: a, style: c, ...h } = i;
-  return M().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
+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",
@@ -3899,31 +4048,31 @@ const Gs = x(jt), Wt = s.memo((i) => {
     padding: "16px",
     background: "#fff",
     ...c
-  }).className(a).props(h).children([
+  }).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(
-        q().variant("glass").shape("pill").icon(w().classNames(["text-gray-400", "hover:text-red-500"]).children(j.Heart).build()).text(`${n}`).build()
+        G().variant("glass").shape("pill").icon(w().classNames(["text-gray-400", "hover:text-red-500"]).children(L.Heart).build()).text(`${o}`).build()
       ).build()
     ]).build(),
-    O().height(16).build(),
-    L().justifyContent("between").alignItems("start").children([
-      R().gap(4).children([
-        N(e).fontWeight(700).fontSize(18).color("#111827").build(),
-        q().variant("neutral").text("Not for sale x1").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(j.More).build()
+      w().classNames(["text-gray-300"]).children(L.More).build()
     ]).build(),
-    O().height(16).build(),
-    L().justifyContent("between").alignItems("center").children([
-      R().gap(4).children([
-        N("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
-        L().gap(4).alignItems("center").children([
-          w().classNames(["text-blue-500"]).children(j.Eth).build(),
-          N(`${r} ETH`).fontSize(15).fontWeight(700).color("#111827").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(),
-      U("Place a bid").variant("filled").shape("pill").shadow("soft").style({
+      K("Place a bid").variant("filled").shape("pill").shadow("soft").style({
         backgroundColor: "#111827",
         color: "#fff",
         padding: "10px 20px",
@@ -3931,18 +4080,18 @@ const Gs = x(jt), Wt = s.memo((i) => {
         fontWeight: 600
       }).build()
     ]).build(),
-    O().height(12).build(),
-    l ? q().variant("accent").shape("rounded").icon(w().children(j.Clock).build()).text(l).style({ width: "100%" }).build() : null
+    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 Lt extends b {
+class Tt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_image", "");
-    o(this, "_title", "");
-    o(this, "_price", "");
-    o(this, "_likes", "");
-    o(this, "_timeLeft");
+    n(this, "_image", "");
+    n(this, "_title", "");
+    n(this, "_price", "");
+    n(this, "_likes", "");
+    n(this, "_timeLeft");
   }
   image(e) {
     return this._image = e, this;
@@ -3970,12 +4119,12 @@ class Lt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Wt, e);
+    return s.createElement(Rt, e);
   }
 }
-const Xs = x(Lt), Mt = s.memo((i) => {
-  const { banner: t, avatar: e, name: r, handle: n, stats: l, className: a, style: c, ...h } = i;
-  return M().style({
+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",
@@ -3984,53 +4133,53 @@ const Xs = x(Lt), Mt = s.memo((i) => {
     overflow: "hidden",
     background: "#fff",
     ...c
-  }).className(a).props(h).children([
+  }).className(a).props(d).children([
     w().style({ height: "100px", backgroundImage: `url(${t})`, backgroundSize: "cover", backgroundPosition: "center" }).build(),
-    R().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
-      Oe().image(e).size(80).border("4px solid #fff").build(),
-      O().height(12).build(),
-      L().gap(6).alignItems("center").children([
-        N(r).fontWeight(700).fontSize(18).color("#111827").build(),
-        j.Verify
+    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(),
-      N(n).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
-      O().height(16).build(),
-      U("+ Follow").variant("filled").shape("pill").shadow("soft").style({
+      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(),
-      O().height(24).build(),
-      L().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
-        R().alignItems("center").gap(4).children([
-          N(l.items).fontWeight(700).fontSize(14).build(),
-          N("Items").fontSize(11).color("#9CA3AF").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(),
-        R().alignItems("center").gap(4).children([
-          N(l.owners).fontWeight(700).fontSize(14).build(),
-          N("Owners").fontSize(11).color("#9CA3AF").build()
+        P().alignItems("center").gap(4).children([
+          E(l.owners).fontWeight(700).fontSize(14).build(),
+          E("Owners").fontSize(11).color("#9CA3AF").build()
         ]).build(),
-        R().alignItems("center").gap(4).children([
-          L().alignItems("center").gap(2).children([
-            w().width(8).children(j.Eth).build(),
-            N(l.floor).fontWeight(700).fontSize(14).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(),
-          N("Floor").fontSize(11).color("#9CA3AF").build()
+          E("Floor").fontSize(11).color("#9CA3AF").build()
         ]).build()
       ]).build()
     ]).build()
   ]).build();
 });
-class Rt extends b {
+class Dt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_banner", "");
-    o(this, "_avatar", "");
-    o(this, "_name", "");
-    o(this, "_handle", "");
-    o(this, "_stats", { items: "0", owners: "0", floor: "0" });
+    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;
@@ -4058,12 +4207,12 @@ class Rt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Mt, e);
+    return s.createElement(Pt, e);
   }
 }
-const Ys = x(Rt), Tt = s.memo((i) => {
-  const { image: t, title: e, author: r, items: n, className: l, style: a, ...c } = i;
-  return M().classNames(["group", "cursor-pointer"]).style({
+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",
@@ -4074,24 +4223,24 @@ const Ys = x(Rt), Tt = s.memo((i) => {
   }).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(),
-    R().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
-      N(n).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
-      N(e).color("white").fontSize(22).fontWeight(700).build(),
-      L().gap(6).alignItems("center").children([
-        N("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
-        N(r).color("white").fontSize(13).fontWeight(600).build(),
-        j.Verify
+    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 Pt extends b {
+class Ht extends x {
   constructor() {
     super(...arguments);
-    o(this, "_image", "");
-    o(this, "_title", "");
-    o(this, "_author", "");
-    o(this, "_items", "");
+    n(this, "_image", "");
+    n(this, "_title", "");
+    n(this, "_author", "");
+    n(this, "_items", "");
   }
   image(e) {
     return this._image = e, this;
@@ -4115,38 +4264,38 @@ class Pt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Tt, e);
+    return s.createElement(Ot, e);
   }
 }
-const Us = x(Pt), Dt = s.memo((i) => {
+const Ks = y(Ht), Vt = s.memo((i) => {
   const {
     image: t,
     title: e,
     description: r,
-    date: n,
+    date: o,
     source: l,
     className: a,
     style: c
   } = i;
-  return M().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${a}`).style(c).children([
-    t ? Ke().src(t).className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
+  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 ? N(e).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
-      r ? N(r).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
-      l || n ? w().className("flex items-center gap-2 mt-2").children([
-        N(`${l || ""}${l && n ? " • " : ""}${n || ""}`).fontSize(11).fontWeight(600).color("#9CA3AF").textTransform("uppercase").letterSpacing("0.05em").build()
+      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 Ot extends b {
+class qt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_image");
-    o(this, "_title");
-    o(this, "_description");
-    o(this, "_date");
-    o(this, "_source");
+    n(this, "_image");
+    n(this, "_title");
+    n(this, "_description");
+    n(this, "_date");
+    n(this, "_source");
   }
   image(e) {
     return this._image = e, this;
@@ -4174,29 +4323,29 @@ class Ot extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Dt, e);
+    return s.createElement(Vt, e);
   }
 }
-const Js = x(Ot), Ht = s.memo((i) => {
-  const { title: t, description: e, icon: r, footer: n, className: l, style: a } = i;
-  return M().className(l).style(a).children([
+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 ? N(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
-        e ? N(e).fontSize(14).color("#6B7280").className("mt-1").build() : null,
-        n ? w().className("mt-4").children(n).build() : null
+        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 Vt extends b {
+class Xt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title");
-    o(this, "_description");
-    o(this, "_icon");
-    o(this, "_footer");
+    n(this, "_title");
+    n(this, "_description");
+    n(this, "_icon");
+    n(this, "_footer");
   }
   title(e) {
     return this._title = e, this;
@@ -4220,29 +4369,29 @@ class Vt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Ht, e);
+    return s.createElement(Gt, e);
   }
 }
-const qt = s.memo((i) => {
-  const { title: t, description: e, action: r, actionType: n, onAction: l, actionLabel: a, className: c, style: h } = i;
+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 || (n === "button" ? p = U(a || "Action").variant("soft").size("sm").onPress(l).build() : n === "switch" && (p = pt().onChange(l).build())), M().className(`flex items-center justify-between gap-4 ${c || ""}`).style(h).children([
+  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 ? N(t).fontSize(16).fontWeight(600).color("#111827").build() : null,
-      e ? N(e).fontSize(14).color("#6B7280").className("mt-1").build() : null
+      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 Gt extends b {
+class Yt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title");
-    o(this, "_description");
-    o(this, "_action");
-    o(this, "_actionType");
-    o(this, "_actionLabel");
-    o(this, "_onAction");
+    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;
@@ -4271,26 +4420,26 @@ class Gt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(qt, e);
+    return s.createElement(Ut, e);
   }
 }
-const Ks = x(Vt), Qs = x(Gt), Xt = s.memo((i) => {
-  const { title: t, description: e, placeholder: r, value: n, onChange: l, type: a, className: c, style: h } = i;
-  return M().className(c).style(h).children([
-    t ? N(t).fontSize(14).fontWeight(600).color("#374151").className("mb-1").build() : null,
-    e ? N(e).fontSize(12).color("#6B7280").className("mb-3").build() : null,
-    dt().placeholder(r).value(n).type(a).onChange(l).className("w-full").build()
+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 Yt extends b {
+class Kt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title");
-    o(this, "_description");
-    o(this, "_placeholder");
-    o(this, "_value");
-    o(this, "_type", "text");
-    o(this, "_onChange");
+    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;
@@ -4322,26 +4471,26 @@ class Yt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Xt, e);
+    return s.createElement(Jt, e);
   }
 }
-const Zs = x(Yt), Ut = s.memo((i) => {
-  const { title: t, value: e, trend: r, trendDirection: n, className: l, style: a } = i, c = n === "up" ? "success" : n === "down" ? "error" : "none", h = n === "up" ? "↑" : n === "down" ? "↓" : "•";
-  return M().className(l).style(a).children([
-    N(t).fontSize(14).fontWeight(600).color("#6B7280").build(),
+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([
-      N(e).fontSize(32).fontWeight(800).color("#111827").build(),
-      r ? q().text(`${h} ${r}`).intent(c).variant("accent").build() : null
+      E(e).fontSize(32).fontWeight(800).color("#111827").build(),
+      r ? G().text(`${d} ${r}`).intent(c).variant("accent").build() : null
     ]).build()
   ]).build();
 });
-class Jt extends b {
+class Zt extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title", "");
-    o(this, "_value", "");
-    o(this, "_trend");
-    o(this, "_trendDirection", "neutral");
+    n(this, "_title", "");
+    n(this, "_value", "");
+    n(this, "_trend");
+    n(this, "_trendDirection", "neutral");
   }
   title(e) {
     return this._title = e, this;
@@ -4362,18 +4511,18 @@ class Jt extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Ut, e);
+    return s.createElement(Qt, e);
   }
 }
-const er = x(Jt);
-class Kt extends b {
+const sr = y(Zt);
+class es extends x {
   constructor() {
     super(...arguments);
-    o(this, "_title", "");
-    o(this, "_content", null);
-    o(this, "_defaultExpanded", !1);
-    o(this, "_expanded");
-    o(this, "_onToggle");
+    n(this, "_title", "");
+    n(this, "_content", null);
+    n(this, "_defaultExpanded", !1);
+    n(this, "_expanded");
+    n(this, "_onToggle");
   }
   title(e) {
     return this._title = e, this;
@@ -4391,19 +4540,19 @@ class Kt extends b {
     return this._onToggle = e, this;
   }
   build() {
-    return s.createElement(Qt, {
+    return s.createElement(ts, {
       builder: this,
       ...this._props
     });
   }
 }
-const Qt = s.memo(({ builder: i }) => {
-  const t = i, e = t._expanded !== void 0, [r, n] = W(t._defaultExpanded), l = e ? t._expanded : r, a = () => {
-    e || n(!l), t._onToggle && t._onToggle(!l);
+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([
-    L().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" ? N(t._title).fontWeight(600).fontSize(15).color("#1F2937").build() : t._title,
+    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",
@@ -4425,16 +4574,16 @@ const Qt = s.memo(({ builder: i }) => {
       w().classNames(["p-4", "pt-0", "text-gray-600", "text-sm"]).children(t._content).build()
     ).build()
   ]).build();
-}), tr = x(Kt), Zt = s.memo((i) => {
+}), rr = y(es), ss = s.memo((i) => {
   const {
     children: t,
     variant: e = "standard",
     columns: r = 1,
-    gap: n = "md",
+    gap: o = "md",
     className: l,
     style: a,
     ...c
-  } = i, h = (m) => typeof m == "number" ? "" : {
+  } = i, d = (m) => typeof m == "number" ? "" : {
     none: "gap-0",
     sm: "gap-2",
     md: "gap-4",
@@ -4444,53 +4593,53 @@ const Qt = s.memo(({ builder: i }) => {
     if (typeof m == "number") return m + "px";
   }, u = (m) => {
     if (typeof m == "number") return `grid-cols-${m}`;
-    let d = [];
-    return m.sm && d.push(`sm:grid-cols-${m.sm}`), m.md && d.push(`md:grid-cols-${m.md}`), m.lg && d.push(`lg:grid-cols-${m.lg}`), m.xl && d.push(`xl:grid-cols-${m.xl}`), d.join(" ") || "grid-cols-1";
+    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 = (d) => {
-      if (typeof d == "number") return `columns-${d}`;
-      let f = [];
-      return d.sm && f.push(`sm:columns-${d.sm}`), d.md && f.push(`md:columns-${d.md}`), d.lg && f.push(`lg:columns-${d.lg}`), d.xl && f.push(`xl:columns-${d.xl}`), f.join(" ") || "columns-1";
+    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)} ${h(n)} space-y-4 ${l}`,
+      className: `${m(r)} ${d(o)} space-y-4 ${l}`,
       style: {
-        columnGap: p(n),
+        columnGap: p(o),
         ...a
       },
       ...c
     }, s.Children.map(
       t,
-      (d) => s.createElement("div", { className: "break-inside-avoid mb-4" }, d)
+      (h) => s.createElement("div", { className: "break-inside-avoid mb-4" }, h)
     ));
   }
   return s.createElement("div", {
-    className: `grid ${u(r)} ${h(n)} ${l}`,
+    className: `grid ${u(r)} ${d(o)} ${l}`,
     style: {
-      gap: p(n),
+      gap: p(o),
       ...a
     },
     ...c
   }, t);
-}), es = s.memo((i) => {
-  const { children: t, colSpan: e, rowSpan: r, className: n, style: l, ...a } = i, c = () => {
-    let h = [];
-    return e && h.push(`col-span-${e}`), r && h.push(`row-span-${r}`), h.join(" ");
+}), 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()} ${n}`,
+    className: `${c()} ${o}`,
     style: l,
     ...a
   }, t);
 });
-class ts extends b {
+class is extends x {
   constructor() {
     super(...arguments);
-    o(this, "_variant", "standard");
-    o(this, "_columns", 1);
-    o(this, "_gap", "md");
-    o(this, "_children", []);
+    n(this, "_variant", "standard");
+    n(this, "_columns", 1);
+    n(this, "_gap", "md");
+    n(this, "_children", []);
   }
   variant(e) {
     return this._variant = e, this;
@@ -4514,15 +4663,15 @@ class ts extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Zt, e);
+    return s.createElement(ss, e);
   }
 }
-class ss extends b {
+class ns extends x {
   constructor() {
     super(...arguments);
-    o(this, "_colSpan");
-    o(this, "_rowSpan");
-    o(this, "_children", []);
+    n(this, "_colSpan");
+    n(this, "_rowSpan");
+    n(this, "_children", []);
   }
   colSpan(e) {
     return this._colSpan = e, this;
@@ -4542,81 +4691,87 @@ class ss extends b {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(es, e);
+    return s.createElement(rs, e);
   }
 }
-const sr = x(ts), rr = x(ss);
+const ir = y(is), nr = y(ns);
 export {
-  Qs as ActionCard,
-  Ls as Alert,
-  Xs as AssetCard,
-  Oe as Avatar,
-  q as Badge,
-  Gs as Banner,
+  er as ActionCard,
+  Rs as Alert,
+  Ys as AssetCard,
+  qe as Avatar,
+  G as Badge,
+  Us as Banner,
   w as Box,
-  U as Button,
-  M as Card,
-  Ss as Center,
-  Rs as Checkbox,
-  tr as Collapse,
-  Us as CollectionCard,
-  R as Column,
-  Os as Combobox,
-  Cs as Container,
-  Js as ContentCard,
-  $s as DashboardLayout,
-  b as FiboBuilder,
-  ws as FiboThemeProvider,
-  sr as Grid,
-  rr as GridItem,
-  zs as Header,
-  Ke as Image,
-  Ks as InfoCard,
-  Zs as InputCard,
-  Is as Label,
-  Es as Line,
-  Hs as List,
-  er as MetricCard,
-  _s as ObserverWrapper,
-  Ys as ProfileCard,
-  Ms as Progress,
-  se as ProviderContext,
-  ye as ProviderWrapper,
-  Ts as RadioGroup,
-  L as Row,
-  As as Scaffold,
-  Fs as ScrollView,
-  Ds as Select,
-  Bs as Sidebar,
-  ks as SignalWrapper,
-  Ws as Skeleton,
-  O as Spacer,
-  js as Spinner,
-  te as StateContext,
-  ys as StateWrapper,
-  pt as Switch,
-  Vs as Table,
-  qs as Tags,
-  N as Text,
-  dt as TextField,
-  Ps as Textarea,
-  as as applyResponsiveStyles,
-  bs as clearProviders,
-  ds as computed,
-  x as createBuilder,
-  ps as createStore,
-  ke as cupertinoTheme,
-  us as effect,
-  gs as getProvider,
-  _e as materialTheme,
-  ls as mergeStyles,
-  cs as normalizeValue,
-  ms as observable,
-  ns as processChildren,
-  fs as registerProvider,
-  hs as signal,
-  Ns as useFiboTheme,
-  vs as useProvider,
-  xs as useStateContext,
-  ve as webTheme
+  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
 };