fiboui 2.8.5 → 2.9.0

package/dist/{icons-aP7ZHyqh.js → icons-DS8J4SFk.js}

@@ -1,15 +1,15 @@
 var L = Object.defineProperty;
-var R = (t, r, e) => r in t ? L(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
-var i = (t, r, e) => R(t, typeof r != "symbol" ? r + "" : r, e);
+var j = (t, r, e) => r in t ? L(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var i = (t, r, e) => j(t, typeof r != "symbol" ? r + "" : r, e);
 import h from "react";
-import { aZ as C, a_ as E, aA as y, b7 as I, a9 as j, ae as H, b1 as W, b4 as M, b2 as D } from "./client-BzMPiV64.js";
+import { b2 as w, b3 as E, aF as y, bc as I, a9 as R, aj as H, bd as M, b6 as N, b9 as D, b7 as $ } from "./client-3NdKI2xE.js";
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
-function $(t) {
+function V(t) {
   if (typeof t != "string") return "";
   const r = t.trim();
   return !r || I(r) ? "" : r;
 }
-const V = ({ size: t }) => h.createElement(
+const q = ({ size: t }) => h.createElement(
   "svg",
   {
     width: t,
@@ -25,16 +25,16 @@ const V = ({ size: t }) => h.createElement(
     fill: "#6a6a6a"
   })
 ), U = h.memo((t) => {
-  const { image: r, size: e, border: u, shape: g, status: d, initials: b, icon: p, alt: x, className: n, style: o, ...l } = t, c = $(r), _ = typeof e == "number" ? `${e}px` : e, a = typeof e == "number" ? e : 40, F = {
+  const { image: r, size: e, border: u, shape: f, status: d, initials: b, icon: p, alt: x, className: a, style: o, ...n } = t, c = V(r), _ = typeof e == "number" ? `${e}px` : e, l = typeof e == "number" ? e : 40, F = {
     circle: "50%",
     rounded: "24%",
     square: "0"
-  }, k = {
+  }, C = {
     none: "transparent",
     online: "#10B981",
     offline: "#9CA3AF",
     busy: "#EF4444"
-  }, B = d !== "none" ? y().style({
+  }, S = d !== "none" ? y().style({
     position: "absolute",
     bottom: "-2%",
     right: "-2%",
@@ -42,16 +42,16 @@ const V = ({ size: t }) => h.createElement(
     height: "28%",
     minWidth: "10px",
     minHeight: "10px",
-    backgroundColor: k[d],
+    backgroundColor: C[d],
     borderRadius: "50%",
     border: "3px solid #ffffff",
     boxSizing: "content-box"
-  }).build() : null, f = typeof b == "string" ? b.trim().slice(0, 2).toUpperCase() : "", w = c ? null : f || (p === "user" ? h.createElement(V, { size: _ }) : p || null), N = typeof x == "string" && x.trim() || f || "Avatar", A = y().style({
+  }).build() : null, g = typeof b == "string" ? b.trim().slice(0, 2).toUpperCase() : "", B = c ? null : g || (p === "user" ? h.createElement(q, { size: _ }) : p || null), W = typeof x == "string" && x.trim() || g || "Avatar", A = y().style({
     width: "100%",
     height: "100%",
-    borderRadius: F[g],
+    borderRadius: F[f],
     backgroundImage: c ? `url(${JSON.stringify(c)})` : void 0,
-    backgroundColor: c ? void 0 : (o == null ? void 0 : o.backgroundColor) || (f ? "#ddd" : "transparent"),
+    backgroundColor: c ? void 0 : (o == null ? void 0 : o.backgroundColor) || (g ? "#ddd" : "transparent"),
     backgroundSize: "cover",
     backgroundPosition: "center",
     border: u,
@@ -61,23 +61,23 @@ const V = ({ size: t }) => h.createElement(
     justifyContent: "center",
     overflow: "hidden",
     color: (o == null ? void 0 : o.color) || "#555",
-    fontSize: a * 0.42,
+    fontSize: l * 0.42,
     fontWeight: 500,
     lineHeight: 1
-  }).children([w]).build();
-  return y().className(`fibo-avatar ${n || ""}`).props({
-    ...l,
+  }).children([B]).build();
+  return y().className(`fibo-avatar ${a || ""}`).props({
+    ...n,
     role: "img",
-    "aria-label": N
+    "aria-label": W
   }).style({
     position: "relative",
     width: _,
     height: _,
     ...o,
     overflow: "visible"
-  }).children([A, B]).build();
+  }).children([A, S]).build();
 });
-class q extends E {
+class T extends E {
   constructor() {
     super(...arguments);
     i(this, "_image", "");
@@ -134,25 +134,25 @@ class q extends E {
     return h.createElement(U, e);
   }
 }
-const re = C(q);
-function T(t) {
+const ie = w(T);
+function P(t) {
   return t === "success" || t === "warning" || t === "error" || t === "info" ? t : "none";
 }
-function P(t) {
+function G(t) {
   return t === "accent" || t === "outline" || t === "glass" || t === "solid" || t === "dot" || t === "neutral" ? t : "neutral";
 }
-function G(t) {
+function J(t) {
   return t === "pill" ? "pill" : "rounded";
 }
-const J = h.memo((t) => {
-  const { text: r, icon: e, variant: u, intent: g, shape: d, className: b, style: p, ...x } = t, n = T(g), o = P(u), l = G(d), c = {
+const O = h.memo((t) => {
+  const { text: r, icon: e, variant: u, intent: f, shape: d, className: b, style: p, ...x } = t, a = P(f), o = G(u), n = J(d), c = {
     none: { bg: "#F9FAFB", text: "#6B7280", border: "#E5E7EB" },
     success: { bg: "#ECFDF5", text: "#059669", border: "transparent" },
     warning: { bg: "#FFFBEB", text: "#D97706", border: "transparent" },
     error: { bg: "#FFF1F2", text: "#E11D48", border: "transparent" },
     info: { bg: "#EFF6FF", text: "#2563EB", border: "transparent" }
   };
-  let a = { ...{
+  let l = { ...{
     neutral: { backgroundColor: "#F9FAFB", color: "#6B7280", border: "1px solid #E5E7EB" },
     accent: { backgroundColor: "#EFF6FF", color: "#3B82F6", border: "none" },
     outline: { backgroundColor: "transparent", color: "#FFFFFF", border: "1px solid rgba(255,255,255,0.3)" },
@@ -165,29 +165,29 @@ const J = h.memo((t) => {
     solid: { backgroundColor: "#111827", color: "#FFFFFF", border: "none" },
     dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
   }[o] };
-  if (n !== "none") {
-    const f = c[n];
+  if (a !== "none") {
+    const g = c[a];
     if (o === "solid") {
-      const w = {
+      const B = {
         none: "#111827",
         success: "#059669",
         warning: "#D97706",
         error: "#E11D48",
         info: "#2563EB"
       };
-      a.backgroundColor = w[n], a.color = "#FFFFFF";
-    } else o === "dot" ? (a.color = "#374151", a.borderColor = "#E5E7EB") : (a.backgroundColor = f.bg, a.color = f.text, f.border ? a.border = `1px solid ${f.border}` : a.border = "none");
+      l.backgroundColor = B[a], l.color = "#FFFFFF";
+    } else o === "dot" ? (l.color = "#374151", l.borderColor = "#E5E7EB") : (l.backgroundColor = g.bg, l.color = g.text, g.border ? l.border = `1px solid ${g.border}` : l.border = "none");
   }
   const F = {
     pill: "9999px",
     rounded: "8px"
-  }, k = n === "error" || n === "warning", B = n === "none" ? {} : {
-    role: k ? "alert" : "status",
-    "aria-live": k ? "assertive" : "polite"
+  }, C = a === "error" || a === "warning", S = a === "none" ? {} : {
+    role: C ? "alert" : "status",
+    "aria-live": C ? "assertive" : "polite"
   };
   return y().className(b).style({
-    ...a,
-    borderRadius: F[l],
+    ...l,
+    borderRadius: F[n],
     padding: o === "dot" ? "4px 8px" : "4px 10px",
     display: "inline-flex",
     alignItems: "center",
@@ -199,22 +199,22 @@ const J = h.memo((t) => {
     ...p
   }).props({
     ...x,
-    ...B
+    ...S
   }).children(
-    j().gap(6).alignItems("center").children([
-      o === "dot" && n !== "none" ? y().style({
+    R().gap(6).alignItems("center").children([
+      o === "dot" && a !== "none" ? y().style({
         width: "6px",
         height: "6px",
         borderRadius: "50%",
-        backgroundColor: c[n].text,
-        boxShadow: `0 0 6px ${c[n].text}66`
+        backgroundColor: c[a].text,
+        boxShadow: `0 0 6px ${c[a].text}66`
       }).props({ "aria-hidden": !0 }).build() : null,
       e ? y().classNames(["flex", "items-center"]).children(e).build() : null,
       H(r).fontSize(12).fontWeight(600).style({ color: "inherit" }).build()
     ]).build()
   ).build();
 });
-class O extends E {
+class K extends E {
   constructor() {
     super(...arguments);
     i(this, "_text", "");
@@ -249,56 +249,58 @@ class O extends E {
       style: this.getStyle(),
       ...this._props
     };
-    return h.createElement(J, e);
+    return h.createElement(O, e);
   }
 }
-const ie = C(O);
+const se = w(K);
 function z(t, r) {
-  if (!(typeof r != "string" || !W(r)))
-    for (const e of M(r))
+  if (!(typeof r != "string" || !N(r)))
+    for (const e of D(r))
       t.bindSignal(e);
 }
-function S(t) {
-  return typeof t != "string" ? "" : W(t) ? D(t) : t;
+function k(t) {
+  return typeof t != "string" ? "" : N(t) ? $(t) : t;
 }
-const Z = {
+const Q = {
   circle: "50%",
   rounded: "8px",
   square: "0px"
-}, K = h.memo((t) => {
+}, X = h.memo((t) => {
   const {
     src: r,
     alt: e,
     fit: u,
-    resizable: g,
+    resizable: f,
     clipShape: d,
     frameWidth: b,
     frameHeight: p,
     className: x,
-    style: n,
+    style: a,
     ...o
-  } = t, l = { ...n };
-  if (u && (l.objectFit = u), b && (l.width = `${b}px`), p && (l.height = `${p}px`), g && (l.maxWidth = "100%", p || (l.height = "auto")), d === "circle" || d === "rounded" || d === "square") {
+  } = t, n = { ...a };
+  if (n.display = n.display ?? "block", u && (n.objectFit = u), b && (n.width = `${b}px`), p && (n.height = `${p}px`), f && (n.maxWidth = "100%", p || (n.height = "auto")), d === "circle" || d === "rounded" || d === "square") {
     const F = d;
-    l.overflow = "hidden", l.borderRadius = Z[F];
+    n.overflow = "hidden", n.borderRadius = Q[F];
   }
-  const c = S(typeof r == "string" ? r : ""), _ = c && !I(c) ? c : void 0, a = S(typeof e == "string" ? e : "");
+  const c = k(typeof r == "string" ? r : ""), _ = c && !I(c) ? c : void 0, l = k(typeof e == "string" ? e : "");
   return h.createElement("img", {
     ...o,
     src: _,
-    alt: a,
+    alt: l,
     className: x,
-    style: l
+    style: n
   });
 });
-class Q extends E {
+class Y extends E {
   constructor(e = "") {
     super();
     i(this, "_src", "");
     i(this, "_alt", "");
     i(this, "_fit", "cover");
     i(this, "_resizable", !1);
-    i(this, "_clipShape");
+    /** Image-native clip (Tailwind / borderRadius on `<img>`). Distinct from
+     * {@link FiboBuilder.clipShape} chrome wrapper. */
+    i(this, "_imageClipShape");
     i(this, "_frameWidth");
     i(this, "_frameHeight");
     i(this, "_foregroundStyle");
@@ -319,36 +321,42 @@ class Q extends E {
   scaledToFill() {
     return this._fit = "cover", this;
   }
+  /**
+   * Fixed numeric `{ width, height }` still paints on the `<img>` (tests +
+   * object-fit). Any flexible SwiftUI frame (`maxWidth: Size.infinity`, …)
+   * goes through {@link FiboBuilder.frame} (wrapper).
+   */
   frame(e) {
-    return this._frameWidth = e.width, this._frameHeight = e.height, this;
+    return M(e) ? (this._frameWidth = e.width, this._frameHeight = e.height, this) : super.frame(e);
   }
+  /** Named shapes paint on `<img>`; other radii use base chrome wrapper. */
   clipShape(e) {
-    return this._clipShape = e, this;
+    return e === "circle" || e === "rounded" || e === "square" ? (this._imageClipShape = e, this) : super.clipShape(e);
   }
   foregroundStyle(e) {
     return this._foregroundStyle = e, this;
   }
   build() {
     const e = ["fibo-image", ...this._classNames];
-    this._clipShape === "circle" ? e.push("rounded-full") : this._clipShape === "rounded" && e.push("rounded-lg");
-    const u = e.filter(Boolean).join(" "), g = this.getStyle();
-    this._foregroundStyle && (g.color = this._foregroundStyle);
+    this._imageClipShape === "circle" ? e.push("rounded-full") : this._imageClipShape === "rounded" && e.push("rounded-lg");
+    const u = e.filter(Boolean).join(" "), f = this.getStyle();
+    this._foregroundStyle && (f.color = this._foregroundStyle);
     const d = {
       ...this._props,
-      src: S(this._src),
-      alt: S(this._alt),
+      src: k(this._src),
+      alt: k(this._alt),
       fit: this._fit,
       resizable: this._resizable,
-      clipShape: this._clipShape,
+      clipShape: this._imageClipShape,
       frameWidth: this._frameWidth,
       frameHeight: this._frameHeight,
       className: u,
-      style: g
+      style: f
     };
-    return h.createElement(K, d);
+    return h.createElement(X, d);
   }
 }
-const se = C(Q), m = { "aria-hidden": !0, focusable: "false" }, oe = {
+const oe = w(Y), m = { "aria-hidden": !0, focusable: "false" }, ne = {
   Heart: /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...m, 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", ...m, 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", role: "img", "aria-label": "Verified", "aria-hidden": !1, focusable: "false", 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" }) }),
@@ -376,8 +384,8 @@ const se = C(Q), m = { "aria-hidden": !0, focusable: "false" }, oe = {
   ] })
 };
 export {
-  re as A,
-  ie as B,
-  se as I,
-  oe as a
+  ie as A,
+  se as B,
+  oe as I,
+  ne as a
 };

package/dist/{index-Dd48Ov9N.js → index-B6F3yf3H.js}

@@ -2,8 +2,8 @@ var ae = Object.defineProperty;
 var ie = (s, r, e) => r in s ? ae(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
 var i = (s, r, e) => ie(s, typeof r != "symbol" ? r + "" : r, e);
 import t from "react";
-import { aZ as I, a_ as $, b1 as z, b4 as R, b2 as q, z as le, b7 as Q, bo as oe } from "./client-BzMPiV64.js";
-import { a as F } from "./icons-aP7ZHyqh.js";
+import { b2 as I, b3 as $, b6 as z, b9 as R, b7 as q, z as le, bc as Z, bA as oe } from "./client-3NdKI2xE.js";
+import { a as F } from "./icons-DS8J4SFk.js";
 function ce(s, r) {
   if (!(typeof r != "string" || !z(r)))
     for (const e of R(r))
@@ -448,7 +448,7 @@ function X(s, r) {
     for (const e of R(r))
       s.bindSignal(e);
 }
-function Z(s) {
+function J(s) {
   return typeof s != "string" ? s : z(s) ? q(s) : s;
 }
 const ze = t.memo((s) => {
@@ -819,8 +819,8 @@ class Le extends $ {
       color: this._color,
       height: this._height,
       variant: this._variant,
-      label: Z(this._label),
-      subLabel: Z(this._subLabel),
+      label: J(this._label),
+      subLabel: J(this._subLabel),
       items: this._items,
       size: this._size,
       strokeWidth: this._strokeWidth,
@@ -841,14 +841,14 @@ function T(s) {
 }
 function Be(s) {
   const r = s.trim();
-  return !r || T(r) ? !1 : Q(r) || /^(https?:)?\/\//i.test(r) || r.startsWith("/") || r.startsWith("./") || r.startsWith("../") ? !0 : /^[a-z][a-z0-9+.-]*:/i.test(r);
+  return !r || T(r) ? !1 : Z(r) || /^(https?:)?\/\//i.test(r) || r.startsWith("/") || r.startsWith("./") || r.startsWith("../") ? !0 : /^[a-z][a-z0-9+.-]*:/i.test(r);
 }
 function Me(s) {
   if (typeof s != "string") return "";
   const r = s.trim();
-  return !r || Q(r) || !oe(r) ? "" : r;
+  return !r || Z(r) || !oe(r) ? "" : r;
 }
-function J(s, r = {}) {
+function Q(s, r = {}) {
   const e = s.sandbox ?? r.sandbox;
   return {
     ...r,
@@ -872,7 +872,7 @@ const je = t.memo((s) => {
   const c = o == null || Array.isArray(o) && o.length === 0 ? void 0 : o, v = (m) => t.createElement(
     "iframe",
     {
-      ...J(m !== void 0 ? { ...n, src: m } : n),
+      ...Q(m !== void 0 ? { ...n, src: m } : n),
       className: e,
       style: l
     },
@@ -885,7 +885,7 @@ const je = t.memo((s) => {
   if (typeof r == "string")
     return null;
   if (t.isValidElement(r)) {
-    const m = r, p = m.props || {}, y = [e, p.className].filter(Boolean).join(" ") || void 0, d = { ...p.style, ...l }, u = T(m.type) ? { ...J(n, p), className: y, style: d } : { ...n, className: y, style: d };
+    const m = r, p = m.props || {}, y = [e, p.className].filter(Boolean).join(" ") || void 0, d = { ...p.style, ...l }, u = T(m.type) ? { ...Q(n, p), className: y, style: d } : { ...n, className: y, style: d };
     return c !== void 0 ? t.cloneElement(m, u, c) : t.cloneElement(m, u);
   }
   return typeof r != "function" && !(typeof r == "object" && r !== null && "$$typeof" in r) ? null : t.createElement(

package/dist/{index-DU4n9axe.js → index-BLEG6Nql.js}

@@ -2,7 +2,7 @@ var w = Object.defineProperty;
 var S = (s, e, t) => e in s ? w(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var n = (s, e, t) => S(s, typeof e != "symbol" ? e + "" : e, t);
 import m from "react";
-import { aZ as g, a_ as d, b5 as N, b6 as C, b2 as j, b1 as _, b4 as z } from "./client-BzMPiV64.js";
+import { b2 as g, b3 as d, ba as N, bb as C, b7 as j, b6 as _, b9 as z } from "./client-3NdKI2xE.js";
 function B(s, e) {
   if (!(typeof e != "string" || !_(e)))
     for (const t of z(e))

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

@@ -2,10 +2,10 @@ 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 { aZ as L, a_ as P, b1 as C, b4 as M, b2 as R, bk as ot, b7 as _t, ba as At, bt as Lt, L as vt, aA as T, F as lt, bu as ut, bv as Pt, bw as Rt, a9 as W, ae as N } from "./client-BzMPiV64.js";
-import { S as V, C as G } from "./index-DU4n9axe.js";
-import { B as wt } from "./index-DWBoYvko.js";
-import { B as et, I as at, a as F, A as $t } from "./icons-aP7ZHyqh.js";
+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))
@@ -41,11 +41,11 @@ const zt = {
   red: "var(--fibo-error, #ef4444)",
   blue: "var(--fibo-info, #3b82f6)",
   purple: "var(--fibo-tertiary, #a855f7)"
-}, Gt = /* @__PURE__ */ new Set(["script", "iframe", "object", "embed", "link", "style"]);
-function Ft(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) || Gt.has(r) ? "article" : r;
+  return !r || !/^[a-z][a-z0-9]*$/.test(r) || Ft.has(r) ? "article" : r;
 }
 const Wt = s.memo((e) => {
   const {
@@ -79,7 +79,7 @@ const Wt = s.memo((e) => {
     ...c
   }, w = Q(u), E = Q(p);
   return s.createElement(
-    Ft(h),
+    Gt(h),
     {
       ...g,
       className: I,
@@ -1241,23 +1241,23 @@ const Oe = L(xe), qe = L(Ee), ke = s.memo((e) => {
     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(F.Heart).build()).text(`${o}`).build()
+        et().variant("glass").shape("pill").icon(T().classNames(["text-gray-400", "hover:text-red-500"]).children(G.Heart).build()).text(`${o}`).build()
       ).build()
     ]).build(),
     V().height(16).build(),
     W().justifyContent("between").alignItems("start").children([
-      G().gap(4).children([
+      F().gap(4).children([
         N(t).fontWeight(700).fontSize(18).color("#111827").build(),
         et().variant("neutral").text("Not for sale x1").build()
       ]).build(),
-      T().classNames(["text-gray-300"]).children(F.More).build()
+      T().classNames(["text-gray-300"]).children(G.More).build()
     ]).build(),
     V().height(16).build(),
     W().justifyContent("between").alignItems("center").children([
-      G().gap(4).children([
+      F().gap(4).children([
         N("Current Bid").fontSize(11).fontWeight(600).color("#6B7280").build(),
         W().gap(4).alignItems("center").children([
-          T().classNames(["text-blue-500"]).children(F.Eth).build(),
+          T().classNames(["text-blue-500"]).children(G.Eth).build(),
           N(`${i} ETH`).fontSize(15).fontWeight(700).color("#111827").build()
         ]).build()
       ]).build(),
@@ -1270,7 +1270,7 @@ const Oe = L(xe), qe = L(Ee), ke = s.memo((e) => {
       }).build()
     ]).build(),
     V().height(12).build(),
-    l ? et().variant("accent").shape("rounded").icon(T().children(F.Clock).build()).text(l).style({ width: "100%" }).build() : null
+    l ? et().variant("accent").shape("rounded").icon(T().children(G.Clock).build()).text(l).style({ width: "100%" }).build() : null
   ]).build();
 });
 class Ie extends P {
@@ -1335,12 +1335,12 @@ const Te = s.memo((e) => {
       backgroundSize: "cover",
       backgroundPosition: "center"
     }).build(),
-    G().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
+    F().padding(20).alignItems("center").style({ marginTop: "-50px" }).children([
       $t().image(t).size(80).border("4px solid #fff").build(),
       V().height(12).build(),
       W().gap(6).alignItems("center").children([
         N(i).fontWeight(700).fontSize(18).color("#111827").build(),
-        F.Verify
+        G.Verify
       ]).build(),
       N(o).fontSize(13).color("#6B7280").style({ marginTop: "4px" }).build(),
       V().height(16).build(),
@@ -1353,17 +1353,17 @@ const Te = s.memo((e) => {
       }).build(),
       V().height(24).build(),
       W().classNames(["w-full", "border-t", "border-gray-100", "pt-4"]).justifyContent("between").children([
-        G().alignItems("center").gap(4).children([
+        F().alignItems("center").gap(4).children([
           N(l.items).fontWeight(700).fontSize(14).build(),
           N("Items").fontSize(11).color("#9CA3AF").build()
         ]).build(),
-        G().alignItems("center").gap(4).children([
+        F().alignItems("center").gap(4).children([
           N(l.owners).fontWeight(700).fontSize(14).build(),
           N("Owners").fontSize(11).color("#9CA3AF").build()
         ]).build(),
-        G().alignItems("center").gap(4).children([
+        F().alignItems("center").gap(4).children([
           W().alignItems("center").gap(2).children([
-            T().width(8).children(F.Eth).build(),
+            T().width(8).children(G.Eth).build(),
             N(l.floor).fontWeight(700).fontSize(14).build()
           ]).build(),
           N("Floor").fontSize(11).color("#9CA3AF").build()
@@ -1423,13 +1423,13 @@ const Ye = L(Ae), Le = s.memo((e) => {
   }).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(),
-    G().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
+    F().classNames(["absolute", "bottom-0", "left-0", "p-6"]).gap(4).children([
       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([
         N("Created by").color("white").fontSize(13).classNames(["opacity-80"]).build(),
         N(i).color("white").fontSize(13).fontWeight(600).build(),
-        F.Verify
+        G.Verify
       ]).build()
     ]).build()
   ]).build();