fiboui 2.8.4 → 2.9.0

package/dist/{index-uks8jtfK.js → index-BaTO66yA.js}

@@ -1,99 +1,99 @@
-var Ct = Object.defineProperty;
-var Et = (e, r, t) => r in e ? Ct(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
-var n = (e, r, t) => Et(e, typeof r != "symbol" ? r + "" : r, t);
-import s from "react";
-import { aX as A, aY as T, a$ as C, b2 as M, b0 as P, b4 as it, ba as bt, bd as kt, bq as It, ay as B, F as nt, br as lt, bs as Bt, bt as At, a7 as W, ac as x } from "./client-DOrZXJAN.js";
-import { S as D, C as F } from "./index-C0qI47Zw.js";
-import { B as yt } from "./index-19mPjg_D.js";
-import { B as Z, I as ot, a as L, A as Tt } from "./icons-DujcjAOD.js";
-function j(e, r) {
+var Bt = Object.defineProperty;
+var Tt = (e, r, t) => r in e ? Bt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
+var n = (e, r, t) => Tt(e, typeof r != "symbol" ? r + "" : r, t);
+import s, { useSyncExternalStore as X } from "react";
+import { b2 as L, b3 as P, b6 as C, b9 as M, b7 as R, bq as ot, bc as _t, bg as At, bB as Lt, L as vt, aF as T, F as lt, bC as ut, bD as Pt, bE as Rt, a9 as W, aj as N } from "./client-3NdKI2xE.js";
+import { S as V, C as F } from "./index-BLEG6Nql.js";
+import { B as wt } from "./index-I-MXiId0.js";
+import { B as et, I as at, a as G, A as $t } from "./icons-DS8J4SFk.js";
+function $(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
-function U(e) {
-  return typeof e != "string" ? e : C(e) ? P(e) : e;
+function J(e) {
+  return typeof e != "string" ? e : C(e) ? R(e) : e;
 }
-function z(e, r) {
+function j(e, r) {
   if (typeof r == "function") {
     try {
-      z(e, r());
+      j(e, r());
     } catch {
     }
     return;
   }
   if (typeof r == "string") {
-    j(e, r);
+    $(e, r);
     return;
   }
   if (Array.isArray(r))
-    for (const t of r) z(e, t);
+    for (const t of r) j(e, t);
 }
-function Pt(e) {
-  return typeof e == "string" && C(e) ? P(e) : e;
+function jt(e) {
+  return typeof e == "string" && C(e) ? R(e) : e;
 }
-function X(e) {
-  return e == null || e === !1 ? null : typeof e == "string" ? U(e) ?? e : it(e);
+function Q(e) {
+  return e == null || e === !1 ? null : typeof e == "string" ? J(e) ?? e : ot(e);
 }
-const $t = {
+const zt = {
   green: "var(--fibo-success, #22c55e)",
   orange: "var(--fibo-warning, #f97316)",
   red: "var(--fibo-error, #ef4444)",
   blue: "var(--fibo-info, #3b82f6)",
   purple: "var(--fibo-tertiary, #a855f7)"
-}, Rt = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
-function jt(e) {
+}, Ft = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
+function Gt(e) {
   if (typeof e != "string") return "article";
   const r = e.trim().toLowerCase();
-  return !r || !/^[a-z][a-z0-9]*$/.test(r) || Rt.has(r) ? "article" : r;
+  return !r || !/^[a-z][a-z0-9]*$/.test(r) || Ft.has(r) ? "article" : r;
 }
-const zt = s.memo((e) => {
+const Wt = s.memo((e) => {
   const {
     text: r,
     subtitle: t,
     number: i,
     accentColor: o,
     className: l,
-    style: a,
-    children: c,
-    header: f,
-    footer: g,
-    as: S,
-    ...p
+    style: c,
+    children: a,
+    header: u,
+    footer: p,
+    as: h,
+    ...g
   } = e;
-  delete p.color;
-  const h = Array.isArray(c) ? c : c == null ? [] : [c], u = p.onClick, _ = p.onKeyDown, d = typeof u == "function", k = [
+  delete g.color;
+  const _ = Array.isArray(a) ? a : a == null ? [] : [a], m = g.onClick, b = g.onKeyDown, y = typeof m == "function", I = [
     "fibo-card",
     "rounded-[24px]",
     "transition-shadow",
     "duration-300",
     "p-4",
-    d ? "fibo-clickable" : "",
+    y ? "fibo-clickable" : "",
     l
-  ].filter(Boolean).join(" "), $ = {
+  ].filter(Boolean).join(" "), A = {
     ...o ? {
       borderLeftWidth: 4,
       borderLeftStyle: "solid",
       borderLeftColor: o
     } : {},
-    ...a
-  }, v = X(f), E = X(g);
+    ...c
+  }, w = Q(u), E = Q(p);
   return s.createElement(
-    jt(S),
+    Gt(h),
     {
-      ...p,
-      className: k,
-      style: $,
-      onClick: u,
-      ...d ? {
+      ...g,
+      className: I,
+      style: A,
+      onClick: m,
+      ...y ? {
         role: "button",
-        tabIndex: p.tabIndex ?? 0,
-        onKeyDown: (b) => {
-          _ == null || _(b), !b.defaultPrevented && b.target === b.currentTarget && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), b.currentTarget.click());
+        tabIndex: g.tabIndex ?? 0,
+        onKeyDown: (f) => {
+          b == null || b(f), !f.defaultPrevented && f.target === f.currentTarget && (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.currentTarget.click());
         }
       } : null
     },
-    v ? s.createElement("header", { className: "fibo-card-header" }, v) : null,
+    w ? s.createElement("header", { className: "fibo-card-header" }, w) : null,
     s.createElement(
       "div",
       { className: "flex flex-col gap-2" },
@@ -118,12 +118,12 @@ const zt = s.memo((e) => {
         },
         t
       ),
-      ...h
+      ..._
     ),
     E ? s.createElement("footer", { className: "fibo-card-footer" }, E) : null
   );
 });
-class Gt extends T {
+class Dt extends P {
   constructor() {
     super(...arguments);
     n(this, "_text", "");
@@ -135,84 +135,84 @@ class Gt extends T {
     n(this, "_as");
   }
   text(t) {
-    return this._text = t, j(this, t), this;
+    return this._text = t, $(this, t), this;
   }
   /** Alias of `.text()` — same slot as Banner/ListTile/Alert `.title()`. */
   title(t) {
     return this.text(t);
   }
   subtitle(t) {
-    return this._subtitle = t, j(this, t), this;
+    return this._subtitle = t, $(this, t), this;
   }
   number(t) {
-    return this._number = t, j(this, t), this;
+    return this._number = t, $(this, t), this;
   }
   children(t) {
-    return z(this, t), super.children(t);
+    return j(this, t), super.children(t);
   }
   header(t) {
-    return this._header = t, z(this, t), this;
+    return this._header = t, j(this, t), this;
   }
   footer(t) {
-    return this._footer = t, z(this, t), this;
+    return this._footer = t, j(this, t), this;
   }
   as(t) {
     return this._as = String(t), this;
   }
   props(t) {
-    return t && (j(this, t.text), j(this, t.title), j(this, t.subtitle), j(this, t.number), z(this, t.header), z(this, t.footer), "children" in t && z(this, t.children)), super.props(t);
+    return t && ($(this, t.text), $(this, t.title), $(this, t.subtitle), $(this, t.number), j(this, t.header), j(this, t.footer), "children" in t && j(this, t.children)), super.props(t);
   }
   color(t) {
     return this._color = t, this;
   }
   build() {
-    const t = this._color ? $t[this._color] : void 0, {
+    const t = this._color ? zt[this._color] : void 0, {
       className: i,
       text: o,
       title: l,
-      subtitle: a,
-      number: c,
-      header: f,
-      footer: g,
-      as: S,
-      ...p
-    } = this._props, h = [...this._classNames, i].filter(Boolean).join(" "), u = {
-      text: U(o ?? l ?? this._text),
-      subtitle: U(a ?? this._subtitle),
-      number: U(c ?? this._number),
-      header: X(this._header ?? f),
-      footer: X(this._footer ?? g),
-      as: this._as ?? S,
+      subtitle: c,
+      number: a,
+      header: u,
+      footer: p,
+      as: h,
+      ...g
+    } = this._props, _ = [...this._classNames, i].filter(Boolean).join(" "), m = {
+      text: J(o ?? l ?? this._text),
+      subtitle: J(c ?? this._subtitle),
+      number: J(a ?? this._number),
+      header: Q(this._header ?? u),
+      footer: Q(this._footer ?? p),
+      as: this._as ?? h,
       accentColor: t,
       style: this.getStyle(),
-      children: this.processChildren().map(Pt),
-      ...p,
-      className: h
+      children: this.processChildren().map(jt),
+      ...g,
+      className: _
     };
-    return s.createElement(zt, u);
+    return s.createElement(Wt, m);
   }
 }
-const J = A(Gt);
+const Z = L(Dt);
 function H(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
 function q(e) {
-  return typeof e != "string" ? e : C(e) ? P(e) : e;
+  return typeof e != "string" ? e : C(e) ? R(e) : e;
 }
-function V(e) {
-  return typeof e == "string" && C(e) ? P(e) : e;
+function U(e) {
+  return typeof e == "string" && C(e) ? R(e) : e;
 }
 function Y(e, r) {
-  return typeof r == "string" ? (H(e, r), r) : it(r);
+  return typeof r == "string" ? (H(e, r), r) : ot(r);
 }
-const Ft = 'a, button, input, textarea, select, [role="button"], [role="switch"], [role="checkbox"], [role="menuitem"]';
-function ct(e) {
+const Vt = 'a, button, input, textarea, select, [role="button"], [role="switch"], [role="checkbox"], [role="menuitem"]';
+function dt(e) {
   const r = e.target;
-  r != null && r.closest(Ft) && e.stopPropagation();
+  r != null && r.closest(Vt) && e.stopPropagation();
 }
-const Lt = () => s.createElement(
+const Ht = () => s.createElement(
   "svg",
   {
     width: 12,
@@ -224,31 +224,31 @@ const Lt = () => s.createElement(
     "aria-hidden": !0
   },
   s.createElement("path", { d: "M9 5l7 7-7 7" })
-), Wt = s.memo((e) => {
+), Kt = s.memo((e) => {
   const {
     leading: r,
     title: t,
     subtitle: i,
     trailing: o,
     chevron: l,
-    divider: a,
-    dividerColor: c,
-    onPress: f,
-    href: g,
-    disabled: S,
-    dense: p,
-    onTap: h,
-    className: u,
-    style: _,
-    ...d
-  } = e, k = _ || {}, $ = k.padding ?? (p ? "8px 0" : "14px 0"), v = d.onClick, E = d.onKeyDown, b = typeof f == "function" ? f : typeof h == "function" ? h : void 0, m = !!S, N = typeof g == "string" ? g.trim() : "", y = N && !bt(N) ? N : void 0, w = !!y && !m, R = typeof b == "function" || typeof v == "function" || w, wt = R && !m, vt = typeof t == "string" ? s.createElement(
+    divider: c,
+    dividerColor: a,
+    onPress: u,
+    href: p,
+    disabled: h,
+    dense: g,
+    onTap: _,
+    className: m,
+    style: b,
+    ...y
+  } = e, I = b || {}, A = I.padding ?? (g ? "8px 0" : "14px 0"), w = y.onClick, E = y.onKeyDown, f = typeof u == "function" ? u : typeof _ == "function" ? _ : void 0, x = !!h, d = typeof p == "string" ? p.trim() : "", S = d && !_t(d) ? d : void 0, v = !!S && !x, k = typeof f == "function" || typeof w == "function" || v, D = k && !x, xt = typeof t == "string" ? s.createElement(
     "span",
     {
       className: "fibo-list-tile-title",
       style: { fontSize: 11, letterSpacing: "0.06em", lineHeight: 1.3, margin: 0 }
     },
-    V(t)
-  ) : t, St = typeof i == "string" ? s.createElement(
+    U(t)
+  ) : t, Et = typeof i == "string" ? s.createElement(
     "span",
     {
       className: "fibo-list-tile-subtitle",
@@ -260,41 +260,41 @@ const Lt = () => s.createElement(
         color: "#9a9a9a"
       }
     },
-    V(i)
-  ) : i, Q = V(r), O = V(o), at = d.target, Nt = w && at && String(at).toLowerCase() === "_blank" ? kt(d.rel, "noopener noreferrer") : d.rel, xt = (I) => {
-    if (m) {
-      I.preventDefault(), I.stopPropagation();
+    U(i)
+  ) : i, tt = U(r), O = U(o), ct = y.target, kt = v && ct && String(ct).toLowerCase() === "_blank" ? At(y.rel, "noopener noreferrer") : y.rel, It = (B) => {
+    if (x) {
+      B.preventDefault(), B.stopPropagation();
       return;
     }
-    b == null || b(), v == null || v(I);
-  }, G = {
-    className: It("fibo-list-tile flex flex-row items-center w-full", u),
+    f == null || f(), w == null || w(B);
+  }, z = {
+    className: Lt("fibo-list-tile flex flex-row items-center w-full", m),
     style: {
-      padding: $,
-      borderBottom: a ? `1px solid ${c || "#3b3b3b"}` : "none",
-      cursor: m ? "not-allowed" : wt ? "pointer" : void 0,
-      opacity: m ? 0.6 : void 0,
-      pointerEvents: m ? "none" : void 0,
-      ...k
+      padding: A,
+      borderBottom: c ? `1px solid ${a || "#3b3b3b"}` : "none",
+      cursor: x ? "not-allowed" : D ? "pointer" : void 0,
+      opacity: x ? 0.6 : void 0,
+      pointerEvents: x ? "none" : void 0,
+      ...I
     },
-    ...d,
-    rel: Nt,
-    onClick: R || m ? xt : v
+    ...y,
+    rel: kt,
+    onClick: k || x ? It : w
   };
-  return w && (G.href = y), m && (G["aria-disabled"] = !0, G.tabIndex = d.tabIndex ?? -1), !w && R && (G.role = "button", m || (G.tabIndex = d.tabIndex ?? 0, G.onKeyDown = (I) => {
-    E == null || E(I), !I.defaultPrevented && I.target === I.currentTarget && (I.key === "Enter" || I.key === " ") && (I.preventDefault(), I.currentTarget.click());
+  return v && (z.href = S), x && (z["aria-disabled"] = !0, z.tabIndex = y.tabIndex ?? -1), !v && k && (z.role = "button", x || (z.tabIndex = y.tabIndex ?? 0, z.onKeyDown = (B) => {
+    E == null || E(B), !B.defaultPrevented && B.target === B.currentTarget && (B.key === "Enter" || B.key === " ") && (B.preventDefault(), B.currentTarget.click());
   })), s.createElement(
-    w ? "a" : "div",
-    G,
-    Q != null && Q !== !1 ? s.createElement(
+    v ? "a" : "div",
+    z,
+    tt != null && tt !== !1 ? s.createElement(
       "div",
       {
         key: "leading",
         className: "fibo-list-tile-leading shrink-0 flex items-center",
         style: { color: "#9a9a9a", marginRight: 12 },
-        onClick: ct
+        onClick: dt
       },
-      Q
+      tt
     ) : null,
     s.createElement(
       "div",
@@ -302,8 +302,8 @@ const Lt = () => s.createElement(
         key: "body",
         className: "fibo-list-tile-body flex-1 min-w-0 flex flex-col justify-center"
       },
-      vt,
-      St
+      xt,
+      Et
     ),
     O != null && O !== !1 ? s.createElement(
       "div",
@@ -311,7 +311,7 @@ const Lt = () => s.createElement(
         key: "trailing",
         className: "fibo-list-tile-trailing shrink-0 flex items-center",
         style: { color: "#9a9a9a", marginLeft: 12 },
-        onClick: ct
+        onClick: dt
       },
       O
     ) : null,
@@ -322,11 +322,11 @@ const Lt = () => s.createElement(
         className: "fibo-list-tile-chevron shrink-0 flex items-center",
         style: { color: "#9a9a9a", marginLeft: O ? 8 : 0 }
       },
-      s.createElement(Lt)
+      s.createElement(Ht)
     ) : null
   );
 });
-class Dt extends T {
+class Mt extends P {
   constructor() {
     super(...arguments);
     n(this, "_leading");
@@ -384,44 +384,44 @@ class Dt extends T {
       trailing: i,
       title: o,
       subtitle: l,
-      onPress: a,
-      onTap: c,
-      href: f,
-      disabled: g,
-      dense: S,
-      ...p
-    } = this._props, h = this._title !== void 0 ? this._title : o, u = this._subtitle !== void 0 ? this._subtitle : l, _ = this._leading !== void 0 ? this._leading : t, d = this._trailing !== void 0 ? this._trailing : i;
-    return typeof h == "string" && H(this, h), typeof u == "string" && H(this, u), typeof _ == "string" && H(this, _), typeof d == "string" && H(this, d), s.createElement(Wt, {
-      ...p,
-      leading: typeof _ == "string" ? q(_) : _,
-      title: typeof h == "string" ? q(h) : h,
-      subtitle: typeof u == "string" ? q(u) : u,
-      trailing: typeof d == "string" ? q(d) : d,
+      onPress: c,
+      onTap: a,
+      href: u,
+      disabled: p,
+      dense: h,
+      ...g
+    } = this._props, _ = this._title !== void 0 ? this._title : o, m = this._subtitle !== void 0 ? this._subtitle : l, b = this._leading !== void 0 ? this._leading : t, y = this._trailing !== void 0 ? this._trailing : i;
+    return typeof _ == "string" && H(this, _), typeof m == "string" && H(this, m), typeof b == "string" && H(this, b), typeof y == "string" && H(this, y), s.createElement(Kt, {
+      ...g,
+      leading: typeof b == "string" ? q(b) : b,
+      title: typeof _ == "string" ? q(_) : _,
+      subtitle: typeof m == "string" ? q(m) : m,
+      trailing: typeof y == "string" ? q(y) : y,
       chevron: this._chevron,
       divider: this._divider,
       dividerColor: this._dividerColor,
-      onPress: this._onPress ?? a ?? c,
-      href: this._href ?? f,
-      disabled: this._disabled || !!g,
-      dense: this._dense || !!S,
+      onPress: this._onPress ?? c ?? a,
+      href: this._href ?? u,
+      disabled: this._disabled || !!p,
+      dense: this._dense || !!h,
       className: this.getClassName(),
       style: this.getStyle()
     });
   }
 }
-const je = A(Dt);
-function Ht(e, r) {
+const Ve = L(Mt);
+function Ot(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
-function Kt(e) {
-  return typeof e != "string" ? e : C(e) ? P(e) : e;
+function qt(e) {
+  return typeof e != "string" ? e : C(e) ? R(e) : e;
 }
-function Mt(e) {
+function Ut(e) {
   return e != null && typeof e == "object" && !Array.isArray(e) && typeof e.subscribe == "function" && "value" in e;
 }
-function Ot(e, r) {
+function Yt(e, r) {
   if (e != null && typeof e == "object") {
     const t = e;
     if (t._id != null && t._id !== "") return t._id;
@@ -430,19 +430,19 @@ function Ot(e, r) {
   }
   return r;
 }
-function qt(e, r) {
+function Jt(e, r) {
   return typeof r.render == "function" ? r.render(e) : e == null || typeof e != "object" || r.accessor == null || r.accessor === "" ? null : e[r.accessor];
 }
-function Vt(e) {
-  return typeof e == "string" && C(e) ? s.createElement(nt, {
+function Qt(e) {
+  return typeof e == "string" && C(e) ? s.createElement(lt, {
     as: "span",
-    compute: () => P(e)
-  }) : it(e);
+    compute: () => R(e)
+  }) : ot(e);
 }
-function ut(e, r) {
+function ht(e, r) {
   return e.sortable === !1 ? !1 : e.sortable === !0 ? !0 : r;
 }
-function dt(e, r) {
+function ft(e, r) {
   if (e != null && typeof e == "object" && r.accessor != null && r.accessor !== "") {
     const i = e[r.accessor];
     if (i == null || typeof i == "string" || typeof i == "number" || typeof i == "boolean")
@@ -452,50 +452,100 @@ function dt(e, r) {
   const t = r.render(e);
   return t == null || typeof t == "string" || typeof t == "number" || typeof t == "boolean" ? t ?? null : null;
 }
-function Yt(e, r) {
+function Xt(e, r) {
   return e == null && r == null ? 0 : e == null ? 1 : r == null ? -1 : typeof e == "number" && typeof r == "number" ? e - r : typeof e == "boolean" && typeof r == "boolean" ? Number(e) - Number(r) : String(e).localeCompare(String(r), void 0, { numeric: !0, sensitivity: "base" });
 }
-function ht(e, r) {
+function mt(e, r) {
   return !e || e.index !== r ? { index: r, dir: "ascending" } : { index: r, dir: e.dir === "ascending" ? "descending" : "ascending" };
 }
-const Ut = s.memo((e) => {
+function Zt(e, r, t) {
+  return `group transition-all duration-200 border-b border-gray-50 last:border-b-0 ${r && t % 2 !== 0 ? "bg-gray-50/30" : "bg-transparent"} ${e === "clean" ? "hover:bg-white hover:shadow-md hover:scale-[1.002] hover:z-10 relative" : "hover:bg-gray-50/50"}`;
+}
+function St(e, r, t, i, o, l) {
+  return s.createElement(
+    "tr",
+    {
+      key: Yt(e, r),
+      className: Zt(i, o, r)
+    },
+    t.map(
+      (c, a) => s.createElement(
+        "td",
+        {
+          key: a,
+          style: {
+            textAlign: c.align || "left",
+            padding: l,
+            borderTop: i === "default" ? "1px solid #F3F4F6" : "none"
+          },
+          className: "text-sm text-gray-900 font-medium"
+        },
+        Qt(Jt(e, c))
+      )
+    )
+  );
+}
+const te = s.memo(function(r) {
+  X(
+    (i) => r.list.subscribeItem(r.id, i),
+    () => r.list.itemVersion(r.id),
+    () => r.list.itemVersion(r.id)
+  );
+  const t = r.list.find(r.id);
+  return t == null ? null : St(
+    t,
+    r.index,
+    r.columns,
+    r.variant,
+    r.striped,
+    r.padding
+  );
+}, (e, r) => e.list === r.list && e.id === r.id && e.columns === r.columns && e.variant === r.variant && e.striped === r.striped && e.padding === r.padding), ee = s.memo((e) => {
   const {
     data: r,
-    columns: t,
-    variant: i,
-    density: o,
-    striped: l,
+    liveList: t,
+    columns: i,
+    variant: o,
+    density: l,
+    striped: c,
     width: a,
-    sortable: c,
-    className: f,
-    style: g,
-    children: S,
-    ...p
-  } = e, h = !!c, [u, _] = s.useState(null), d = {
+    sortable: u,
+    className: p,
+    style: h,
+    children: g,
+    ..._
+  } = e, m = !!u, [b, y] = s.useState(null);
+  X(
+    (d) => t ? t.subscribeStructure(d) : () => {
+    },
+    () => t ? t.structureVersion() : 0,
+    () => t ? t.structureVersion() : 0
+  );
+  const I = {
     width: "100%",
     borderCollapse: "separate",
     borderSpacing: "0",
-    ...g
+    ...h
   };
-  a && (d.width = typeof a == "number" ? `${a}px` : a);
-  const k = i === "clean" ? ["bg-white", "rounded-2xl", "border", "border-gray-100", "overflow-hidden", "shadow-sm"] : [], v = {
+  a && (I.width = typeof a == "number" ? `${a}px` : a);
+  const A = o === "clean" ? ["bg-white", "rounded-2xl", "border", "border-gray-100", "overflow-hidden", "shadow-sm"] : [], E = {
     compact: "10px 16px",
     standard: "16px 24px",
     relaxed: "24px 32px"
-  }[o], E = Array.isArray(r) ? r : [], b = s.useMemo(() => {
-    if (!u) return E;
-    const m = t == null ? void 0 : t[u.index];
-    if (!m || !ut(m, h)) return E;
-    const N = u.dir === "ascending" ? 1 : -1;
-    return E.map((y, w) => ({ row: y, index: w })).sort((y, w) => {
-      const R = Yt(dt(y.row, m), dt(w.row, m));
-      return R === 0 ? y.index - w.index : N * R;
-    }).map((y) => y.row);
-  }, [E, t, u, h]);
-  return B().className(f).classNames(k).props(p).children(
+  }[l], f = t ? t.value : Array.isArray(r) ? r : [], x = s.useMemo(() => {
+    if (!b) return f;
+    const d = i == null ? void 0 : i[b.index];
+    if (!d || !ht(d, m)) return f;
+    const S = b.dir === "ascending" ? 1 : -1;
+    return f.map((v, k) => ({ row: v, index: k })).sort((v, k) => {
+      const D = Xt(ft(v.row, d), ft(k.row, d));
+      return D === 0 ? v.index - k.index : S * D;
+    }).map((v) => v.row);
+  }, [f, i, b, m]);
+  return T().className(p).classNames(A).props(_).children(
     s.createElement("table", {
-      style: d,
-      className: ["fibo-table", f].filter(Boolean).join(" ")
+      style: I,
+      className: ["fibo-table", p].filter(Boolean).join(" ")
     }, [
       s.createElement(
         "thead",
@@ -503,65 +553,53 @@ const Ut = s.memo((e) => {
         s.createElement(
           "tr",
           {},
-          t.map((m, N) => {
-            const y = ut(m, h);
+          i.map((d, S) => {
+            const v = ht(d, m);
             return s.createElement("th", {
-              key: String(m.accessor ?? N),
+              key: String(d.accessor ?? S),
               scope: "col",
               style: {
-                textAlign: m.align || "left",
-                padding: v,
-                width: m.width,
-                cursor: y ? "pointer" : void 0
+                textAlign: d.align || "left",
+                padding: E,
+                width: d.width,
+                cursor: v ? "pointer" : void 0
               },
               className: "text-xs font-bold text-gray-400 uppercase tracking-widest",
-              "aria-sort": y ? (u == null ? void 0 : u.index) === N ? u.dir : "none" : void 0,
-              tabIndex: y ? 0 : void 0,
-              onClick: y ? () => _((w) => ht(w, N)) : void 0,
-              onKeyDown: y ? (w) => {
-                w.key !== "Enter" && w.key !== " " || (w.preventDefault(), _((R) => ht(R, N)));
+              "aria-sort": v ? (b == null ? void 0 : b.index) === S ? b.dir : "none" : void 0,
+              tabIndex: v ? 0 : void 0,
+              onClick: v ? () => y((k) => mt(k, S)) : void 0,
+              onKeyDown: v ? (k) => {
+                k.key !== "Enter" && k.key !== " " || (k.preventDefault(), y((D) => mt(D, S)));
               } : void 0
-            }, Kt(m.header) ?? m.header);
+            }, qt(d.header) ?? d.header);
           })
         )
       ),
       s.createElement(
         "tbody",
         { key: "tbody" },
-        b.map(
-          (m, N) => s.createElement(
-            "tr",
-            {
-              key: Ot(m, 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"} ${i === "clean" ? "hover:bg-white hover:shadow-md hover:scale-[1.002] hover:z-10 relative" : "hover:bg-gray-50/50"}`
-            },
-            t.map(
-              (y, w) => s.createElement(
-                "td",
-                {
-                  key: w,
-                  style: {
-                    textAlign: y.align || "left",
-                    padding: v,
-                    borderTop: i === "default" ? "1px solid #F3F4F6" : "none"
-                  },
-                  className: "text-sm text-gray-900 font-medium"
-                },
-                Vt(qt(m, y))
-              )
-            )
-          )
-        )
+        x.map((d, S) => t && d && typeof d._id == "string" && d._id.length > 0 ? s.createElement(te, {
+          key: d._id,
+          list: t,
+          id: d._id,
+          index: S,
+          columns: i,
+          variant: o,
+          striped: !!c,
+          padding: E
+        }) : St(d, S, i, o, !!c, E))
       )
     ])
   ).build();
 });
-class Xt extends T {
+class re extends P {
   constructor() {
     super(...arguments);
     n(this, "_data", []);
-    /** Live source (`listSignal` / `signal`). Read on each rebuild. */
+    /** Plain `signal(array)`. Read on each rebuild. */
     n(this, "_source");
+    /** `listSignal`. Rows subscribe by `_id`. */
+    n(this, "_liveList");
     n(this, "_columns", []);
     n(this, "_variant", "clean");
     n(this, "_density", "standard");
@@ -570,11 +608,11 @@ class Xt extends T {
     n(this, "_sortable", !1);
   }
   data(t) {
-    return Mt(t) ? (this._source = t, this.bindSignal(t), this) : (this._source = void 0, this._data = t, this);
+    return t instanceof vt ? (this._liveList = t, this._source = void 0, this) : (this._liveList = void 0, Ut(t) ? (this._source = t, this.bindSignal(t), this) : (this._source = void 0, this._data = t, this));
   }
   columns(t) {
     this._columns = t;
-    for (const i of t) Ht(this, i.header);
+    for (const i of t) Ot(this, i.header);
     return this;
   }
   variant(t) {
@@ -594,8 +632,9 @@ class Xt extends T {
     return this._sortable = t, this;
   }
   build() {
-    const t = {
-      data: this._source ? this._source.value : this._data,
+    const t = this._liveList, i = {
+      data: t ? [] : this._source ? this._source.value : this._data,
+      liveList: t,
       columns: this._columns,
       variant: this._variant,
       density: this._density,
@@ -606,22 +645,22 @@ class Xt extends T {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Ut, t);
+    return s.createElement(ee, i);
   }
 }
-const ze = A(Xt);
-function ft(e, r) {
+const He = L(re);
+function pt(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
-function Jt(e) {
-  return typeof e != "string" ? e : C(e) ? P(e) : e;
+function ie(e) {
+  return typeof e != "string" ? e : C(e) ? R(e) : e;
 }
-function Qt(e) {
+function se(e) {
   return e != null && typeof e == "object" && !Array.isArray(e) && typeof e.subscribe == "function" && "value" in e;
 }
-function Zt(e, r) {
+function ne(e, r) {
   if (e != null && typeof e == "object") {
     const t = e;
     if (t._id != null && t._id !== "") return t._id;
@@ -630,16 +669,16 @@ function Zt(e, r) {
   }
   return r;
 }
-function te(e) {
+function oe(e) {
   const r = e.title;
   return typeof r == "string" ? r : "";
 }
-function ee(e, r, t) {
-  let i = Zt(e, r);
+function le(e, r, t) {
+  let i = ne(e, r);
   const o = String(i);
   return t.has(o) && (i = `${o}::${r}`), t.add(String(i)), i;
 }
-const re = {
+const ae = {
   position: "absolute",
   width: 1,
   height: 1,
@@ -650,7 +689,7 @@ const re = {
   whiteSpace: "nowrap",
   border: 0
 };
-function se(e, r) {
+function ce(e, r) {
   if (C(e))
     return s.createElement(
       "button",
@@ -660,11 +699,11 @@ function se(e, r) {
         className: "relative shrink-0 opacity-80 text-sm leading-none",
         onClick: r
       },
-      s.createElement(nt, {
+      s.createElement(lt, {
         key: "lbl",
         as: "span",
-        style: re,
-        compute: () => `Remove ${P(e) || "tag"}`
+        style: ae,
+        compute: () => `Remove ${R(e) || "tag"}`
       }),
       s.createElement("span", { key: "x", "aria-hidden": !0 }, "×")
     );
@@ -681,57 +720,86 @@ function se(e, r) {
     "×"
   );
 }
-const ie = s.memo((e) => {
-  const { items: r, className: t, style: i, onRemove: o, ...l } = e, a = typeof o == "function", c = /* @__PURE__ */ new Set(), f = (Array.isArray(r) ? r : []).flatMap((g, S) => {
-    if (g == null || typeof g != "object") return [];
-    const p = te(g), h = ee(g, S, c), u = a ? se(p, (d) => {
-      d.stopPropagation(), o(g, S);
-    }) : null;
-    if (C(p)) {
-      const d = s.createElement(nt, {
-        key: a ? "t" : h,
-        as: "span",
-        className: a ? void 0 : "fibo-tag",
-        compute: () => P(p)
-      });
-      return a ? [
-        s.createElement("span", { key: h, className: "fibo-tag" }, d, u)
-      ] : [d];
+function Nt(e, r, t, i) {
+  const o = oe(e), l = typeof i == "function", c = l ? ce(o, (u) => {
+    u.stopPropagation(), i(e, r);
+  }) : null;
+  if (C(o)) {
+    const u = s.createElement(lt, {
+      key: l ? "t" : t,
+      as: "span",
+      className: l ? void 0 : "fibo-tag",
+      compute: () => R(o)
+    });
+    return l ? s.createElement("span", { key: t, className: "fibo-tag" }, u, c) : u;
+  }
+  const a = ie(o) ?? o;
+  return l ? s.createElement("span", { key: t, className: "fibo-tag" }, a, c) : s.createElement("span", { key: t, className: "fibo-tag" }, a);
+}
+const ue = s.memo(function(r) {
+  X(
+    (i) => r.list.subscribeItem(r.id, i),
+    () => r.list.itemVersion(r.id),
+    () => r.list.itemVersion(r.id)
+  );
+  const t = r.list.find(r.id);
+  return t == null || typeof t != "object" ? null : Nt(t, r.index, r.id, r.onRemove);
+}, (e, r) => e.list === r.list && e.id === r.id && e.onRemove === r.onRemove), de = s.memo((e) => {
+  const { items: r, liveList: t, className: i, style: o, onRemove: l, ...c } = e, a = /* @__PURE__ */ new Set();
+  X(
+    (h) => t ? t.subscribeStructure(h) : () => {
+    },
+    () => t ? t.structureVersion() : 0,
+    () => t ? t.structureVersion() : 0
+  );
+  const p = (t ? t.value : Array.isArray(r) ? r : []).flatMap((h, g) => {
+    if (h == null || typeof h != "object") return [];
+    if (t && typeof h._id == "string" && h._id.length > 0) {
+      const m = h._id;
+      return [
+        s.createElement(ue, {
+          key: m,
+          list: t,
+          id: m,
+          index: g,
+          onRemove: l
+        })
+      ];
     }
-    const _ = Jt(p) ?? p;
-    return a ? [
-      s.createElement("span", { key: h, className: "fibo-tag" }, _, u)
-    ] : [
-      s.createElement("span", { key: h, className: "fibo-tag" }, _)
-    ];
+    const _ = le(h, g, a);
+    return [Nt(h, g, _, l)];
   });
   return s.createElement(
     "div",
     {
-      className: t,
-      style: i,
-      ...l
+      className: i,
+      style: o,
+      ...c
     },
-    ...f
+    ...p
   );
 });
-class ne extends T {
+class he extends P {
   constructor(t = []) {
     super();
     n(this, "_items", []);
-    /** Live source (`listSignal` / `signal`). Read on each rebuild. */
+    /** Plain `signal(array)`. Read on each rebuild. */
     n(this, "_source");
+    /** `listSignal`. Tags subscribe by `_id`. */
+    n(this, "_liveList");
     this.items(t);
   }
   items(t) {
-    if (Qt(t)) {
+    if (t instanceof vt)
+      return this._liveList = t, this._source = void 0, this;
+    if (this._liveList = void 0, se(t)) {
       this._source = t, this.bindSignal(t);
       for (const i of Array.isArray(t.value) ? t.value : [])
-        ft(this, i == null ? void 0 : i.title);
+        pt(this, i == null ? void 0 : i.title);
       return this;
     }
     this._source = void 0, this._items = Array.isArray(t) ? t : [];
-    for (const i of this._items) ft(this, i == null ? void 0 : i.title);
+    for (const i of this._items) pt(this, i == null ? void 0 : i.title);
     return this;
   }
   build() {
@@ -739,11 +807,12 @@ class ne extends T {
       className: i,
       style: o,
       items: l,
-      ...a
-    } = this._props ?? {}, c = typeof i == "string" ? i : "", f = {
-      ...a,
-      items: this._source ? this._source.value : this._items,
-      className: [t, c].filter(Boolean).join(" "),
+      ...c
+    } = this._props ?? {}, a = typeof i == "string" ? i : "", u = this._liveList, p = {
+      ...c,
+      items: u ? [] : this._source ? this._source.value : this._items,
+      liveList: u,
+      className: [t, a].filter(Boolean).join(" "),
       style: {
         display: "flex",
         flexWrap: "wrap",
@@ -753,58 +822,58 @@ class ne extends T {
         ...o && typeof o == "object" ? o : null
       }
     };
-    return s.createElement(ie, f);
+    return s.createElement(de, p);
   }
 }
-const Ge = A(ne);
-function et(e, r) {
+const Ke = L(he);
+function it(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
-function pt(e) {
-  return typeof e != "string" ? e : C(e) ? P(e) : e;
+function gt(e) {
+  return typeof e != "string" ? e : C(e) ? R(e) : e;
 }
-function rt(e, r) {
+function st(e, r) {
   if (typeof r == "function") {
     try {
-      rt(e, r());
+      st(e, r());
     } catch {
     }
     return;
   }
   if (typeof r == "string") {
-    et(e, r);
+    it(e, r);
     return;
   }
   if (Array.isArray(r))
-    for (const t of r) rt(e, t);
+    for (const t of r) st(e, t);
 }
-function oe(e) {
-  return typeof e == "string" && C(e) ? P(e) : e;
+function fe(e) {
+  return typeof e == "string" && C(e) ? R(e) : e;
 }
-function mt(e) {
+function bt(e) {
   return e === "success" || e === "warning" || e === "error" || e === "info";
 }
-function ae(e, r) {
-  return mt(r) ? r : mt(e) ? e : "info";
+function me(e, r) {
+  return bt(r) ? r : bt(e) ? e : "info";
 }
-function gt(e) {
+function yt(e) {
   return e == null || e === !1 ? [] : Array.isArray(e) ? e : [e];
 }
-const le = s.memo((e) => {
+const pe = s.memo((e) => {
   const {
     status: r,
     intent: t,
     title: i,
     subtitle: o,
     className: l,
-    style: a,
-    onClose: c,
-    action: f,
-    children: g,
-    ...S
-  } = e, p = ae(r, t), h = p === "error" || p === "warning", u = typeof c == "function", _ = [i, o].filter(Boolean).join(". "), d = ["fibo-banner", `fibo-banner-${p}`, l].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), k = s.createElement(
+    style: c,
+    onClose: a,
+    action: u,
+    children: p,
+    ...h
+  } = e, g = me(r, t), _ = g === "error" || g === "warning", m = typeof a == "function", b = [i, o].filter(Boolean).join(". "), y = ["fibo-banner", `fibo-banner-${g}`, l].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), I = s.createElement(
     "div",
     { key: "copy", className: "flex flex-col gap-1 min-w-0 flex-1" },
     i && s.createElement(
@@ -821,16 +890,16 @@ const le = s.memo((e) => {
       },
       o
     )
-  ), $ = [...gt(f), ...gt(g)].filter(
-    (b) => b != null && b !== !1
-  ), v = [];
-  $.length > 0 && v.push(
+  ), A = [...yt(u), ...yt(p)].filter(
+    (f) => f != null && f !== !1
+  ), w = [];
+  A.length > 0 && w.push(
     s.createElement(
       "div",
       { key: "actions", className: "flex items-center gap-2 shrink-0" },
-      $
+      A
     )
-  ), u && v.push(
+  ), m && w.push(
     s.createElement(
       "button",
       {
@@ -838,29 +907,29 @@ const le = s.memo((e) => {
         type: "button",
         className: "shrink-0 opacity-80 text-sm leading-none",
         "aria-label": "Dismiss",
-        onClick: (b) => {
-          b.stopPropagation(), c();
+        onClick: (f) => {
+          f.stopPropagation(), a();
         }
       },
       "×"
     )
   );
-  const E = v.length > 0 ? s.createElement("div", { className: "flex items-start gap-2" }, [k, ...v]) : k;
+  const E = w.length > 0 ? s.createElement("div", { className: "flex items-start gap-2" }, [I, ...w]) : I;
   return s.createElement(
     "div",
     {
-      ...S,
-      className: d,
-      style: a,
-      role: h ? "alert" : "status",
-      "aria-live": h ? "assertive" : "polite",
+      ...h,
+      className: y,
+      style: c,
+      role: _ ? "alert" : "status",
+      "aria-live": _ ? "assertive" : "polite",
       "aria-atomic": !0,
-      "aria-label": S["aria-label"] || _ || void 0
+      "aria-label": h["aria-label"] || b || void 0
     },
     E
   );
 });
-class ce extends T {
+class ge extends P {
   constructor(t = "") {
     super();
     n(this, "_status", "info");
@@ -876,182 +945,182 @@ class ce extends T {
     return this.status(t);
   }
   title(t) {
-    return this._title = t, et(this, t), this;
+    return this._title = t, it(this, t), this;
   }
   subtitle(t) {
-    return this._subtitle = t, et(this, t), this;
+    return this._subtitle = t, it(this, t), this;
   }
   children(t) {
-    return rt(this, t), super.children(t);
+    return st(this, t), super.children(t);
   }
   build() {
     const t = {
       status: this._status,
-      title: pt(this._title),
-      subtitle: pt(this._subtitle),
+      title: gt(this._title),
+      subtitle: gt(this._subtitle),
       className: this.getClassName(),
       style: this.getStyle(),
-      children: this.processChildren().map(oe),
+      children: this.processChildren().map(fe),
       ...this._props
     };
-    return s.createElement(le, t);
+    return s.createElement(pe, t);
   }
 }
-const Fe = A(ce), ue = {
+const Me = L(ge), be = {
   none: "0px",
   sm: "8px",
   md: "16px",
   lg: "24px",
   xl: "32px"
 };
-function st(e) {
+function nt(e) {
   return `repeat(${e}, minmax(0, 1fr))`;
 }
-function de(e) {
+function ye(e) {
   return `repeat(${e}, minmax(0, auto))`;
 }
-function he(e, r) {
-  return r || st(typeof e == "number" ? e : 1);
+function _e(e, r) {
+  return r || nt(typeof e == "number" ? e : 1);
 }
-function fe(e, r) {
+function ve(e, r) {
   if (r) return r;
-  if (typeof e == "number") return de(e);
+  if (typeof e == "number") return ye(e);
 }
 function K(e) {
-  return typeof e == "number" ? `${e}px` : ue[e] ?? (e || "16px");
+  return typeof e == "number" ? `${e}px` : be[e] ?? (e || "16px");
 }
-function pe(e, r, t) {
+function we(e, r, t) {
   return r == null && t == null ? { gap: e } : {
     ...r != null ? { rowGap: K(r) } : { rowGap: e },
     ...t != null ? { columnGap: K(t) } : { columnGap: e }
   };
 }
-function _t(e) {
+function Ct(e) {
   return e == null || e === !1 ? [] : Array.isArray(e) ? e : [e];
 }
-function tt(e, r) {
+function rt(e, r) {
   if (typeof e == "number") return [];
-  const t = Bt.getInstance(), i = ["sm", "md", "lg", "xl"], o = [];
+  const t = Pt.getInstance(), i = ["sm", "md", "lg", "xl"], o = [];
   for (const l of i) {
-    const a = e[l];
-    if (!a) continue;
-    const c = At(l);
-    r === "masonry" ? o.push(t.registerMedia(c, "column-count", String(a))) : o.push(t.registerMedia(c, "grid-template-columns", st(a)));
+    const c = e[l];
+    if (!c) continue;
+    const a = Rt(l);
+    r === "masonry" ? o.push(t.registerMedia(a, "column-count", String(c))) : o.push(t.registerMedia(a, "grid-template-columns", nt(c)));
   }
   return o;
 }
-function me(e) {
+function Se(e) {
   if (!s.isValidElement(e)) return !1;
   const r = e.props;
   return !!(r && typeof r == "object" && (r.colSpan || r.rowSpan || r.colStart != null || r.colEnd != null || r.rowStart != null || r.rowEnd != null || typeof r.className == "string" && /(col|row)-span/.test(r.className)));
 }
-const ge = s.memo((e) => {
+const Ne = s.memo((e) => {
   const {
     children: r,
     variant: t = "standard",
     columns: i = 1,
     gap: o = "md",
     rows: l,
-    templateColumns: a,
-    templateRows: c,
-    autoFlow: f,
-    rowGap: g,
-    columnGap: S,
-    className: p,
-    style: h,
-    ...u
-  } = e, _ = _t(r), d = K(o), k = pe(d, g, S), $ = he(i, a), v = fe(l, c);
+    templateColumns: c,
+    templateRows: a,
+    autoFlow: u,
+    rowGap: p,
+    columnGap: h,
+    className: g,
+    style: _,
+    ...m
+  } = e, b = Ct(r), y = K(o), I = we(y, p, h), A = _e(i, c), w = ve(l, a);
   if (t === "bento") {
-    const b = [
+    const f = [
       { col: 2, row: 2 },
       { col: 1, row: 1 },
       { col: 1, row: 1 },
       { col: 1, row: 2 },
       { col: 2, row: 1 }
-    ], m = {
+    ], x = {
       display: "grid",
-      gridTemplateColumns: $,
-      ...v ? { gridTemplateRows: v } : {},
-      ...k,
-      gridAutoFlow: f ?? "dense",
-      ...h
+      gridTemplateColumns: A,
+      ...w ? { gridTemplateRows: w } : {},
+      ...I,
+      gridAutoFlow: u ?? "dense",
+      ..._
     };
     return s.createElement("div", {
-      className: ["fibo-grid", "grid", ...tt(i, "grid"), p].filter(Boolean).join(" "),
-      style: m,
-      ...u
-    }, s.Children.map(_, (N, y) => {
-      if (me(N))
-        return N;
-      const w = b[y % b.length];
+      className: ["fibo-grid", "grid", ...rt(i, "grid"), g].filter(Boolean).join(" "),
+      style: x,
+      ...m
+    }, s.Children.map(b, (d, S) => {
+      if (Se(d))
+        return d;
+      const v = f[S % f.length];
       return s.createElement("div", {
-        key: lt(N, y),
-        style: { gridColumn: `span ${w.col}`, gridRow: `span ${w.row}` }
-      }, N);
+        key: ut(d, S),
+        style: { gridColumn: `span ${v.col}`, gridRow: `span ${v.row}` }
+      }, d);
     }));
   }
   if (t === "masonry") {
-    const b = S != null ? K(S) : d, m = g != null ? K(g) : d, N = {
+    const f = h != null ? K(h) : y, x = p != null ? K(p) : y, d = {
       columnCount: typeof i == "number" ? i : 1,
-      columnGap: b,
-      ...h
+      columnGap: f,
+      ..._
     };
     return s.createElement("div", {
-      className: ["fibo-grid", ...tt(i, "masonry"), p].filter(Boolean).join(" "),
-      style: N,
-      ...u
+      className: ["fibo-grid", ...rt(i, "masonry"), g].filter(Boolean).join(" "),
+      style: d,
+      ...m
     }, s.Children.map(
-      _,
-      (y, w) => s.createElement("div", {
-        key: lt(y, w),
-        style: { breakInside: "avoid", marginBottom: m }
-      }, y)
+      b,
+      (S, v) => s.createElement("div", {
+        key: ut(S, v),
+        style: { breakInside: "avoid", marginBottom: x }
+      }, S)
     ));
   }
   const E = {
     display: "grid",
-    gridTemplateColumns: $,
-    ...v ? { gridTemplateRows: v } : {},
-    ...f ? { gridAutoFlow: f } : {},
-    ...k,
-    ...h
+    gridTemplateColumns: A,
+    ...w ? { gridTemplateRows: w } : {},
+    ...u ? { gridAutoFlow: u } : {},
+    ...I,
+    ..._
   };
   return s.createElement("div", {
-    className: ["fibo-grid", "grid", ...tt(i, "grid"), p].filter(Boolean).join(" "),
+    className: ["fibo-grid", "grid", ...rt(i, "grid"), g].filter(Boolean).join(" "),
     style: E,
-    ...u
-  }, ..._);
-}), be = s.memo((e) => {
+    ...m
+  }, ...b);
+}), Ce = s.memo((e) => {
   const {
     children: r,
     colSpan: t,
     rowSpan: i,
     colStart: o,
     colEnd: l,
-    rowStart: a,
-    rowEnd: c,
-    className: f,
-    style: g,
-    ...S
-  } = e, p = _t(r), h = [
+    rowStart: c,
+    rowEnd: a,
+    className: u,
+    style: p,
+    ...h
+  } = e, g = Ct(r), _ = [
     t ? `col-span-${t}` : "",
     i ? `row-span-${i}` : ""
-  ].filter(Boolean).join(" "), u = {
+  ].filter(Boolean).join(" "), m = {
     ...t ? { gridColumn: `span ${t}` } : {},
     ...i ? { gridRow: `span ${i}` } : {},
     ...o != null ? { gridColumnStart: o } : {},
     ...l != null ? { gridColumnEnd: l } : {},
-    ...a != null ? { gridRowStart: a } : {},
-    ...c != null ? { gridRowEnd: c } : {},
-    ...g
+    ...c != null ? { gridRowStart: c } : {},
+    ...a != null ? { gridRowEnd: a } : {},
+    ...p
   };
   return s.createElement("div", {
-    className: ["fibo-grid-item", h, f].filter(Boolean).join(" "),
-    style: u,
-    ...S
-  }, ...p);
+    className: ["fibo-grid-item", _, u].filter(Boolean).join(" "),
+    style: m,
+    ...h
+  }, ...g);
 });
-class ye extends T {
+class xe extends P {
   constructor() {
     super(...arguments);
     n(this, "_variant", "standard");
@@ -1111,10 +1180,10 @@ class ye extends T {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(ge, t);
+    return s.createElement(Ne, t);
   }
 }
-class _e extends T {
+class Ee extends P {
   constructor() {
     super(...arguments);
     n(this, "_colSpan");
@@ -1155,44 +1224,44 @@ class _e extends T {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(be, t);
+    return s.createElement(Ce, t);
   }
 }
-const Le = A(ye), We = A(_e), we = s.memo((e) => {
-  const { image: r, title: t, price: i, likes: o, timeLeft: l, className: a, style: c, ...f } = e;
-  return J().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
+const Oe = L(xe), qe = L(Ee), ke = s.memo((e) => {
+  const { image: r, title: t, price: i, likes: o, timeLeft: l, className: c, style: a, ...u } = e;
+  return Z().classNames(["group", "transition-all", "duration-300", "hover:-translate-y-1"]).style({
     width: "100%",
     borderRadius: "24px",
     border: "none",
     boxShadow: "0 10px 40px -10px rgba(0,0,0,0.05)",
     padding: "16px",
     background: "#fff",
-    ...c
-  }).className(a).props(f).children([
-    B().classNames(["relative", "aspect-square", "overflow-hidden", "rounded-[20px]"]).children([
-      ot().src(r).alt(t || "").classNames(["w-full", "h-full", "object-cover", "bg-gray-200"]).build(),
-      B().classNames(["absolute", "top-3", "right-3"]).children(
-        Z().variant("glass").shape("pill").icon(B().classNames(["text-gray-400", "hover:text-red-500"]).children(L.Heart).build()).text(`${o}`).build()
+    ...a
+  }).className(c).props(u).children([
+    T().classNames(["relative", "aspect-square", "overflow-hidden", "rounded-[20px]"]).children([
+      at().src(r).alt(t || "").classNames(["w-full", "h-full", "object-cover", "bg-gray-200"]).build(),
+      T().classNames(["absolute", "top-3", "right-3"]).children(
+        et().variant("glass").shape("pill").icon(T().classNames(["text-gray-400", "hover:text-red-500"]).children(G.Heart).build()).text(`${o}`).build()
       ).build()
     ]).build(),
-    D().height(16).build(),
+    V().height(16).build(),
     W().justifyContent("between").alignItems("start").children([
       F().gap(4).children([
-        x(t).fontWeight(700).fontSize(18).color("#111827").build(),
-        Z().variant("neutral").text("Not for sale x1").build()
+        N(t).fontWeight(700).fontSize(18).color("#111827").build(),
+        et().variant("neutral").text("Not for sale x1").build()
       ]).build(),
-      B().classNames(["text-gray-300"]).children(L.More).build()
+      T().classNames(["text-gray-300"]).children(G.More).build()
     ]).build(),
-    D().height(16).build(),
+    V().height(16).build(),
     W().justifyContent("between").alignItems("center").children([
       F().gap(4).children([
-        x("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
+        N("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
         W().gap(4).alignItems("center").children([
-          B().classNames(["text-blue-500"]).children(L.Eth).build(),
-          x(`${i} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
+          T().classNames(["text-blue-500"]).children(G.Eth).build(),
+          N(`${i} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
         ]).build()
       ]).build(),
-      yt("Place a bid").variant("filled").shape("pill").shadow("soft").style({
+      wt("Place a bid").variant("filled").shape("pill").shadow("soft").style({
         backgroundColor: "#111827",
         color: "#fff",
         padding: "10px 20px",
@@ -1200,11 +1269,11 @@ const Le = A(ye), We = A(_e), we = s.memo((e) => {
         fontWeight: 600
       }).build()
     ]).build(),
-    D().height(12).build(),
-    l ? Z().variant("accent").shape("rounded").icon(B().children(L.Clock).build()).text(l).style({ width: "100%" }).build() : null
+    V().height(12).build(),
+    l ? et().variant("accent").shape("rounded").icon(T().children(G.Clock).build()).text(l).style({ width: "100%" }).build() : null
   ]).build();
 });
-class ve extends T {
+class Ie extends P {
   constructor() {
     super(...arguments);
     n(this, "_image", "");
@@ -1239,18 +1308,18 @@ class ve extends T {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(we, t);
+    return s.createElement(ke, t);
   }
 }
-const De = A(ve);
-function Se(e) {
+const Ue = L(Ie);
+function Be(e) {
   if (typeof e != "string") return "";
   const r = e.trim();
-  return !r || bt(r) ? "" : r;
+  return !r || _t(r) ? "" : r;
 }
-const Ne = s.memo((e) => {
-  const { banner: r, avatar: t, name: i, handle: o, stats: l, className: a, style: c, ...f } = e, g = Se(r);
-  return J().style({
+const Te = s.memo((e) => {
+  const { banner: r, avatar: t, name: i, handle: o, stats: l, className: c, style: a, ...u } = e, p = Be(r);
+  return Z().style({
     width: "100%",
     borderRadius: "24px",
     border: "none",
@@ -1258,52 +1327,52 @@ const Ne = s.memo((e) => {
     padding: "0",
     overflow: "hidden",
     background: "#fff",
-    ...c
-  }).className(a).props(f).children([
-    B().style({
+    ...a
+  }).className(c).props(u).children([
+    T().style({
       height: "100px",
-      backgroundImage: g ? `url(${JSON.stringify(g)})` : void 0,
+      backgroundImage: p ? `url(${JSON.stringify(p)})` : void 0,
       backgroundSize: "cover",
       backgroundPosition: "center"
     }).build(),
     F().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
-      Tt().image(t).size(80).border("4px solid #fff").build(),
-      D().height(12).build(),
+      $t().image(t).size(80).border("4px solid #fff").build(),
+      V().height(12).build(),
       W().gap(6).alignItems("center").children([
-        x(i).fontWeight(700).fontSize(18).color("#111827").build(),
-        L.Verify
+        N(i).fontWeight(700).fontSize(18).color("#111827").build(),
+        G.Verify
       ]).build(),
-      x(o).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
-      D().height(16).build(),
-      yt("+ Follow").variant("filled").shape("pill").shadow("soft").style({
+      N(o).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
+      V().height(16).build(),
+      wt("+ Follow").variant("filled").shape("pill").shadow("soft").style({
         backgroundColor: "#3B82F6",
         color: "#fff",
         padding: "8px 24px",
         fontSize: "13px",
         fontWeight: 600
       }).build(),
-      D().height(24).build(),
+      V().height(24).build(),
       W().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
         F().alignItems("center").gap(4).children([
-          x(l.items).fontWeight(700).fontSize(14).build(),
-          x("Items").fontSize(11).color("#9CA3AF").build()
+          N(l.items).fontWeight(700).fontSize(14).build(),
+          N("Items").fontSize(11).color("#9CA3AF").build()
         ]).build(),
         F().alignItems("center").gap(4).children([
-          x(l.owners).fontWeight(700).fontSize(14).build(),
-          x("Owners").fontSize(11).color("#9CA3AF").build()
+          N(l.owners).fontWeight(700).fontSize(14).build(),
+          N("Owners").fontSize(11).color("#9CA3AF").build()
         ]).build(),
         F().alignItems("center").gap(4).children([
           W().alignItems("center").gap(2).children([
-            B().width(8).children(L.Eth).build(),
-            x(l.floor).fontWeight(700).fontSize(14).build()
+            T().width(8).children(G.Eth).build(),
+            N(l.floor).fontWeight(700).fontSize(14).build()
           ]).build(),
-          x("Floor").fontSize(11).color("#9CA3AF").build()
+          N("Floor").fontSize(11).color("#9CA3AF").build()
         ]).build()
       ]).build()
     ]).build()
   ]).build();
 });
-class xe extends T {
+class Ae extends P {
   constructor() {
     super(...arguments);
     n(this, "_banner", "");
@@ -1338,34 +1407,34 @@ class xe extends T {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(Ne, t);
+    return s.createElement(Te, t);
   }
 }
-const He = A(xe), Ce = s.memo((e) => {
-  const { image: r, title: t, author: i, items: o, className: l, style: a, ...c } = e;
-  return J().classNames(["group", "cursor-pointer"]).style({
+const Ye = L(Ae), Le = s.memo((e) => {
+  const { image: r, title: t, author: i, items: o, className: l, style: c, ...a } = e;
+  return Z().classNames(["group", "cursor-pointer"]).style({
     width: "100%",
     borderRadius: "24px",
     height: "320px",
     position: "relative",
     overflow: "hidden",
     border: "none",
-    ...a
-  }).className(l).props(c).children([
-    ot().src(r).alt(t || "").classNames(["absolute", "inset-0", "w-full", "h-full", "object-cover", "transition-transform", "duration-500"]).style({ position: "absolute", inset: 0, width: "100%", height: "100%" }).build(),
-    B().classNames(["absolute", "inset-0", "bg-gradient-to-t", "from-black/80", "via-black/20", "to-transparent"]).build(),
+    ...c
+  }).className(l).props(a).children([
+    at().src(r).alt(t || "").classNames(["absolute", "inset-0", "w-full", "h-full", "object-cover", "transition-transform", "duration-500"]).style({ position: "absolute", inset: 0, width: "100%", height: "100%" }).build(),
+    T().classNames(["absolute", "inset-0", "bg-gradient-to-t", "from-black/80", "via-black/20", "to-transparent"]).build(),
     F().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
-      x(o).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
-      x(t).color("white").fontSize(22).fontWeight(700).build(),
+      N(o).color("white").fontSize(12).classNames(["opacity-90", "mb-1", "uppercase", "tracking-wider"]).fontWeight(600).build(),
+      N(t).color("white").fontSize(22).fontWeight(700).build(),
       W().gap(6).alignItems("center").children([
-        x("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
-        x(i).color("white").fontSize(13).fontWeight(600).build(),
-        L.Verify
+        N("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
+        N(i).color("white").fontSize(13).fontWeight(600).build(),
+        G.Verify
       ]).build()
     ]).build()
   ]).build();
 });
-class Ee extends T {
+class Pe extends P {
   constructor() {
     super(...arguments);
     n(this, "_image", "");
@@ -1395,32 +1464,32 @@ class Ee extends T {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(Ce, t);
+    return s.createElement(Le, t);
   }
 }
-const Ke = A(Ee), ke = s.memo((e) => {
+const Je = L(Pe), Re = s.memo((e) => {
   const {
     image: r,
     title: t,
     description: i,
     date: o,
     source: l,
-    className: a,
-    style: c,
-    ...f
+    className: c,
+    style: a,
+    ...u
   } = e;
-  return J().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${a || ""}`).style(c).props(f).children([
-    r ? ot().src(r).alt(t || "").className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
-    B().className("flex flex-col gap-2").children([
-      t ? x(t).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
-      i ? x(i).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
-      l || o ? B().className("flex items-center gap-2 mt-2").children([
-        x(`${l || ""}${l && o ? " • " : ""}${o || ""}`).fontSize(11).fontWeight(600).color("#9CA3AF").textTransform("uppercase").letterSpacing("0.05em").build()
+  return Z().className(`overflow-hidden hover:shadow-lg transition-shadow duration-300 ${c || ""}`).style(a).props(u).children([
+    r ? at().src(r).alt(t || "").className("w-full object-cover rounded-[20px] mb-4").style({ height: "200px" }).build() : null,
+    T().className("flex flex-col gap-2").children([
+      t ? N(t).fontSize(18).fontWeight(700).color("#111827").lineHeight(1.25).build() : null,
+      i ? N(i).fontSize(14).color("#4B5563").lineHeight(1.5).className("line-clamp-2").build() : null,
+      l || o ? T().className("flex items-center gap-2 mt-2").children([
+        N(`${l || ""}${l && o ? " • " : ""}${o || ""}`).fontSize(11).fontWeight(600).color("#9CA3AF").textTransform("uppercase").letterSpacing("0.05em").build()
       ]).build() : null
     ]).build()
   ]).build();
 });
-class Ie extends T {
+class $e extends P {
   constructor() {
     super(...arguments);
     n(this, "_image");
@@ -1455,20 +1524,20 @@ class Ie extends T {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return s.createElement(ke, t);
+    return s.createElement(Re, t);
   }
 }
-const Me = A(Ie);
+const Qe = L($e);
 export {
-  De as A,
-  Fe as B,
-  J as C,
-  Le as G,
-  je as L,
-  He as P,
-  ze as T,
-  Ge as a,
-  We as b,
-  Ke as c,
-  Me as d
+  Ue as A,
+  Me as B,
+  Z as C,
+  Oe as G,
+  Ve as L,
+  Ye as P,
+  He as T,
+  Ke as a,
+  qe as b,
+  Je as c,
+  Qe as d
 };