fiboui 2.9.6 → 2.9.15

package/dist/{icons-uTGNZEj2.js → icons-CUjbVN8n.js}

@@ -1,15 +1,15 @@
-var L = Object.defineProperty;
-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 { b2 as w, b3 as E, aF as y, bd as I, a9 as R, aj as H, be as M, b6 as N, b9 as D, b7 as $ } from "./client-DspTEDnT.js";
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
+var A = Object.defineProperty;
+var L = (t, r, e) => r in t ? A(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
+var i = (t, r, e) => L(t, typeof r != "symbol" ? r + "" : r, e);
+import c from "react";
+import { b4 as w, b5 as E, aH as y, bf as I, ab as P, al as H, bg as R, bh as M, b8 as j, bb as D, b9 as $ } from "./client-CNrWulRU.js";
+import { jsx as o, jsxs as k } from "react/jsx-runtime";
 function V(t) {
   if (typeof t != "string") return "";
   const r = t.trim();
   return !r || I(r) ? "" : r;
 }
-const q = ({ size: t }) => h.createElement(
+const q = ({ size: t }) => c.createElement(
   "svg",
   {
     width: t,
@@ -18,23 +18,23 @@ const q = ({ size: t }) => h.createElement(
     "aria-hidden": !0,
     className: "fibo-avatar-user"
   },
-  h.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "#f2f2f2" }),
-  h.createElement("circle", { cx: 12, cy: 9.4, r: 3.6, fill: "#6a6a6a" }),
-  h.createElement("path", {
+  c.createElement("circle", { cx: 12, cy: 12, r: 12, fill: "#f2f2f2" }),
+  c.createElement("circle", { cx: 12, cy: 9.4, r: 3.6, fill: "#6a6a6a" }),
+  c.createElement("path", {
     d: "M5.6 19.2c.9-3.1 3.4-5 6.4-5s5.5 1.9 6.4 5C16.6 20.6 14.4 21.4 12 21.4s-4.6-.8-6.4-2.2z",
     fill: "#6a6a6a"
   })
-), U = h.memo((t) => {
-  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 = {
+), U = c.memo((t) => {
+  const { image: r, size: e, border: h, shape: d, status: f, initials: u, icon: g, alt: b, className: a, style: n, ...F } = t, s = V(r), m = typeof e == "number" ? `${e}px` : e, l = typeof e == "number" ? e : 40, v = {
     circle: "50%",
     rounded: "24%",
     square: "0"
-  }, C = {
+  }, _ = {
     none: "transparent",
     online: "#10B981",
     offline: "#9CA3AF",
     busy: "#EF4444"
-  }, S = d !== "none" ? y().style({
+  }, S = f !== "none" ? y().style({
     position: "absolute",
     bottom: "-2%",
     right: "-2%",
@@ -42,40 +42,40 @@ const q = ({ size: t }) => h.createElement(
     height: "28%",
     minWidth: "10px",
     minHeight: "10px",
-    backgroundColor: C[d],
+    backgroundColor: _[f],
     borderRadius: "50%",
     border: "3px solid #ffffff",
     boxSizing: "content-box"
-  }).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({
+  }).build() : null, p = typeof u == "string" ? u.trim().slice(0, 2).toUpperCase() : "", B = s ? null : p || (g === "user" ? c.createElement(q, { size: m }) : g || null), N = typeof b == "string" && b.trim() || p || "Avatar", W = y().style({
     width: "100%",
     height: "100%",
-    borderRadius: F[f],
-    backgroundImage: c ? `url(${JSON.stringify(c)})` : void 0,
-    backgroundColor: c ? void 0 : (o == null ? void 0 : o.backgroundColor) || (g ? "#ddd" : "transparent"),
+    borderRadius: v[d],
+    backgroundImage: s ? `url(${JSON.stringify(s)})` : void 0,
+    backgroundColor: s ? void 0 : (n == null ? void 0 : n.backgroundColor) || (p ? "#ddd" : "transparent"),
     backgroundSize: "cover",
     backgroundPosition: "center",
-    border: u,
-    boxShadow: u !== "none" ? "0 2px 8px rgba(0,0,0,0.05)" : "none",
+    border: h,
+    boxShadow: h !== "none" ? "0 2px 8px rgba(0,0,0,0.05)" : "none",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     overflow: "hidden",
-    color: (o == null ? void 0 : o.color) || "#555",
+    color: (n == null ? void 0 : n.color) || "#555",
     fontSize: l * 0.42,
     fontWeight: 500,
     lineHeight: 1
   }).children([B]).build();
   return y().className(`fibo-avatar ${a || ""}`).props({
-    ...n,
+    ...F,
     role: "img",
-    "aria-label": W
+    "aria-label": N
   }).style({
     position: "relative",
-    width: _,
-    height: _,
-    ...o,
+    width: m,
+    height: m,
+    ...n,
     overflow: "visible"
-  }).children([A, S]).build();
+  }).children([W, S]).build();
 });
 class T extends E {
   constructor() {
@@ -131,11 +131,11 @@ class T extends E {
       className: this.getClassName(),
       style: this.getStyle()
     };
-    return h.createElement(U, e);
+    return c.createElement(U, e);
   }
 }
-const ie = w(T);
-function P(t) {
+const se = w(T);
+function O(t) {
   return t === "success" || t === "warning" || t === "error" || t === "info" ? t : "none";
 }
 function G(t) {
@@ -144,8 +144,8 @@ function G(t) {
 function J(t) {
   return t === "pill" ? "pill" : "rounded";
 }
-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 = {
+const K = c.memo((t) => {
+  const { text: r, icon: e, variant: h, intent: d, shape: f, className: u, style: g, ...b } = t, a = O(d), n = G(h), F = J(f), s = {
     none: { bg: "#F9FAFB", text: "#6B7280", border: "#E5E7EB" },
     success: { bg: "#ECFDF5", text: "#059669", border: "transparent" },
     warning: { bg: "#FFFBEB", text: "#D97706", border: "transparent" },
@@ -164,10 +164,10 @@ const O = h.memo((t) => {
     },
     solid: { backgroundColor: "#111827", color: "#FFFFFF", border: "none" },
     dot: { backgroundColor: "transparent", color: "#6B7280", border: "1px solid #E5E7EB", padding: "4px 10px" }
-  }[o] };
+  }[n] };
   if (a !== "none") {
-    const g = c[a];
-    if (o === "solid") {
+    const p = s[a];
+    if (n === "solid") {
       const B = {
         none: "#111827",
         success: "#059669",
@@ -176,19 +176,19 @@ const O = h.memo((t) => {
         info: "#2563EB"
       };
       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");
+    } else n === "dot" ? (l.color = "#374151", l.borderColor = "#E5E7EB") : (l.backgroundColor = p.bg, l.color = p.text, p.border ? l.border = `1px solid ${p.border}` : l.border = "none");
   }
-  const F = {
+  const v = {
     pill: "9999px",
     rounded: "8px"
-  }, C = a === "error" || a === "warning", S = a === "none" ? {} : {
-    role: C ? "alert" : "status",
-    "aria-live": C ? "assertive" : "polite"
+  }, _ = a === "error" || a === "warning", S = a === "none" ? {} : {
+    role: _ ? "alert" : "status",
+    "aria-live": _ ? "assertive" : "polite"
   };
-  return y().className(b).style({
+  return y().className(u).style({
     ...l,
-    borderRadius: F[n],
-    padding: o === "dot" ? "4px 8px" : "4px 10px",
+    borderRadius: v[F],
+    padding: n === "dot" ? "4px 8px" : "4px 10px",
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -196,25 +196,25 @@ const O = h.memo((t) => {
     fontSize: "11px",
     lineHeight: "1",
     fontWeight: 600,
-    ...p
+    ...g
   }).props({
-    ...x,
+    ...b,
     ...S
   }).children(
-    R().gap(6).alignItems("center").children([
-      o === "dot" && a !== "none" ? y().style({
+    P().gap(6).alignItems("center").children([
+      n === "dot" && a !== "none" ? y().style({
         width: "6px",
         height: "6px",
         borderRadius: "50%",
-        backgroundColor: c[a].text,
-        boxShadow: `0 0 6px ${c[a].text}66`
+        backgroundColor: s[a].text,
+        boxShadow: `0 0 6px ${s[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 K extends E {
+class Q extends E {
   constructor() {
     super(...arguments);
     i(this, "_text", "");
@@ -249,54 +249,56 @@ class K extends E {
       style: this.getStyle(),
       ...this._props
     };
-    return h.createElement(O, e);
+    return c.createElement(K, e);
   }
 }
-const se = w(K);
+const oe = w(Q);
 function z(t, r) {
-  if (!(typeof r != "string" || !N(r)))
+  if (!(typeof r != "string" || !j(r)))
     for (const e of D(r))
       t.bindSignal(e);
 }
-function k(t) {
-  return typeof t != "string" ? "" : N(t) ? $(t) : t;
+function C(t) {
+  return typeof t != "string" ? "" : j(t) ? $(t) : t;
 }
-const Q = {
+const X = {
   circle: "50%",
   rounded: "8px",
   square: "0px"
-}, X = h.memo((t) => {
+}, Y = c.memo((t) => {
   const {
     src: r,
     alt: e,
-    fit: u,
+    fit: h,
+    objectPosition: d,
     resizable: f,
-    clipShape: d,
-    frameWidth: b,
-    frameHeight: p,
-    className: x,
-    style: a,
-    ...o
-  } = 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;
-    n.overflow = "hidden", n.borderRadius = Q[F];
+    clipShape: u,
+    frameWidth: g,
+    frameHeight: b,
+    className: a,
+    style: n,
+    ...F
+  } = t, s = { ...n };
+  if (s.display = s.display ?? "block", h && (s.objectFit = h), d && (s.objectPosition = d), g && (s.width = `${g}px`), b && (s.height = `${b}px`), f && (s.maxWidth = "100%", b || (s.height = "auto")), u === "circle" || u === "rounded" || u === "square") {
+    const _ = u;
+    s.overflow = "hidden", s.borderRadius = X[_];
   }
-  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: l,
-    className: x,
-    style: n
+  const m = C(typeof r == "string" ? r : ""), l = m && !I(m) ? m : void 0, v = C(typeof e == "string" ? e : "");
+  return c.createElement("img", {
+    ...F,
+    src: l,
+    alt: v,
+    className: a,
+    style: s
   });
 });
-class Y extends E {
+class Z extends E {
   constructor(e = "") {
     super();
     i(this, "_src", "");
     i(this, "_alt", "");
     i(this, "_fit", "cover");
+    i(this, "_objectPosition");
     i(this, "_resizable", !1);
     /** Image-native clip (Tailwind / borderRadius on `<img>`). Distinct from
      * {@link FiboBuilder.clipShape} chrome wrapper. */
@@ -318,8 +320,19 @@ class Y extends E {
   scaledToFit() {
     return this._fit = "contain", this;
   }
-  scaledToFill() {
-    return this._fit = "cover", this;
+  /**
+   * Cover the frame (`object-fit: cover`). Optional alignment biases the crop
+   * — e.g. `scaledToFill(StackAlign.top)` keeps faces in a wide short hero.
+   */
+  scaledToFill(e) {
+    return this._fit = "cover", e != null && this.objectPosition(e), this;
+  }
+  /**
+   * CSS `object-position` for cover/contain crops.
+   * Accepts {@link StackAlign} (`top`, `topLeft`, …) or a raw CSS value (`'50% 20%'`).
+   */
+  objectPosition(e) {
+    return this._objectPosition = R(e), this;
   }
   /**
    * Fixed numeric `{ width, height }` still paints on the `<img>` (tests +
@@ -339,53 +352,54 @@ class Y extends E {
   build() {
     const e = ["fibo-image", ...this._classNames];
     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 = {
+    const h = e.filter(Boolean).join(" "), d = this.getStyle();
+    this._foregroundStyle && (d.color = this._foregroundStyle);
+    const f = {
       ...this._props,
-      src: k(this._src),
-      alt: k(this._alt),
+      src: C(this._src),
+      alt: C(this._alt),
       fit: this._fit,
+      objectPosition: this._objectPosition,
       resizable: this._resizable,
       clipShape: this._imageClipShape,
       frameWidth: this._frameWidth,
       frameHeight: this._frameHeight,
-      className: u,
-      style: f
+      className: h,
+      style: d
     };
-    return h.createElement(X, d);
+    return c.createElement(Y, f);
   }
 }
-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" }) }),
-  More: /* @__PURE__ */ v("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...m, 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" })
+const ne = w(Z), x = { "aria-hidden": !0, focusable: "false" }, ae = {
+  Heart: /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...x, children: /* @__PURE__ */ o("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__ */ o("svg", { width: "14", height: "24", viewBox: "0 0 32 32", fill: "currentColor", ...x, children: /* @__PURE__ */ o("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__ */ o("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__ */ o("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__ */ k("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...x, children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ o("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ o("circle", { cx: "5", cy: "12", r: "1" })
   ] }),
-  Clock: /* @__PURE__ */ v("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...m, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("polyline", { points: "12 6 12 12 16 14" })
+  Clock: /* @__PURE__ */ k("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...x, children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ o("polyline", { points: "12 6 12 12 16 14" })
   ] }),
-  Info: /* @__PURE__ */ v("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...m, 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" })
+  Info: /* @__PURE__ */ k("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...x, children: [
+    /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ o("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ o("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
   ] }),
-  Check: /* @__PURE__ */ v("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...m, 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" })
+  Check: /* @__PURE__ */ k("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...x, children: [
+    /* @__PURE__ */ o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ o("polyline", { points: "22 4 12 14.01 9 11.01" })
   ] }),
-  Close: /* @__PURE__ */ v("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...m, children: [
-    /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  Close: /* @__PURE__ */ k("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...x, children: [
+    /* @__PURE__ */ o("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ o("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] })
 };
 export {
-  ie as A,
-  se as B,
-  oe as I,
-  ne as a
+  se as A,
+  oe as B,
+  ne as I,
+  ae as a
 };

package/dist/{index-BK9NhRgp.js → index-BBa7p7cv.js}

@@ -2,7 +2,7 @@ var c = Object.defineProperty;
 var f = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var i = (s, e, t) => f(s, typeof e != "symbol" ? e + "" : e, t);
 import m from "react";
-import { b2 as d, b3 as y, b4 as b, b5 as n, b6 as o, b7 as a, b8 as x, b9 as v } from "./client-DspTEDnT.js";
+import { b4 as d, b5 as y, b6 as b, b7 as n, b8 as o, b9 as l, ba as x, bb as v } from "./client-CNrWulRU.js";
 function p(s, e) {
   if (!(typeof e != "string" || !o(e)))
     for (const t of v(e))
@@ -24,7 +24,7 @@ function h(s, e) {
     for (const t of e) h(s, t);
 }
 function T(s) {
-  return typeof s == "string" && o(s) ? a(s) : s;
+  return typeof s == "string" && o(s) ? l(s) : s;
 }
 class g extends y {
   constructor(t = "") {
@@ -112,8 +112,8 @@ class g extends y {
     return this._htmlTypeExplicit ? n(this._htmlType) : n(((t = this._props) == null ? void 0 : t.type) ?? this._htmlType);
   }
   build() {
-    const t = this.getClassName(), r = typeof this._text == "function" ? this._text() : this._text, l = {
-      text: typeof r == "string" && o(r) ? a(r) : r,
+    const t = this.getClassName(), r = typeof this._text == "function" ? this._text() : this._text, a = {
+      text: typeof r == "string" && o(r) ? l(r) : r,
       variant: this._variant,
       size: this._size,
       onPress: this._onPress,
@@ -134,11 +134,11 @@ class g extends y {
     };
     if (this._live) {
       const _ = this._live;
-      l.liveRef = (u) => {
+      a.liveRef = (u) => {
         _.node = u;
       };
     }
-    return m.createElement(x, l);
+    return m.createElement(x, a);
   }
 }
 const I = d(g);