fiboui 2.8.1 → 2.8.2

package/dist/content.js

@@ -1,6 +1,6 @@
-import { A as s, B as r, I as o } from "./icons-BKXx-EqO.js";
-import { a9 as n, a8 as I } from "./client-BxtRoL1i.js";
-import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-DD-zM-WX.js";
+import { A as s, B as r, I as o } from "./icons-BGZkIpm8.js";
+import { a9 as n, a8 as I } from "./client-BISJTJUX.js";
+import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-B5hJpNl2.js";
 export {
   m as Alert,
   s as Avatar,

package/dist/core.js

@@ -1,5 +1,5 @@
-import { C as e, E as t, N as r, a0 as i, Z as o, _ as n, U as l, F as u, I as c, M as S, T as p, O as g, h as b, w as T, P as v, R as E, x as d, y as C, S as R, a2 as F, l as I, k as f, c as m, b as y, a as O, Y as P, Q as x, W as M, g as N, V as _, X as w, K as A, L as B, i as L, $ as V, J as h, o as q, H as z, r as G, z as K, s as W, G as X, A as j, D as k, B as D, a1 as H, f as J, q as Q, e as U, t as Y, j as Z, d as $, v as ss, u as as, n as es, p as ts, m as rs } from "./client-BxtRoL1i.js";
-import { L as os, c as ns, b as ls, a as us, e as cs, l as Ss, p as ps, w as gs } from "./page-BiOQBd4k.js";
+import { C as e, E as t, N as r, a0 as i, Z as o, _ as n, U as l, F as u, I as c, M as S, T as p, O as g, h as b, w as T, P as v, R as E, x as d, y as C, S as R, a2 as F, l as I, k as f, c as m, b as y, a as O, Y as P, Q as x, W as M, g as N, V as _, X as w, K as A, L as B, i as L, $ as V, J as h, o as q, H as z, r as G, z as K, s as W, G as X, A as j, D as k, B as D, a1 as H, f as J, q as Q, e as U, t as Y, j as Z, d as $, v as ss, u as as, n as es, p as ts, m as rs } from "./client-BISJTJUX.js";
+import { L as os, c as ns, b as ls, a as us, e as cs, l as Ss, p as ps, w as gs } from "./page-D8FyCPcH.js";
 export {
   e as ComputedSignal,
   t as Easing,

package/dist/{icons-BKXx-EqO.js → icons-BGZkIpm8.js}

@@ -2,7 +2,7 @@ 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);
 import h from "react";
-import { aT as C, aU as E, au as y, b1 as I, a3 as j, a8 as H, aW as W, aZ as M, aX as D } from "./client-BxtRoL1i.js";
+import { aT as C, aU as E, au as y, b5 as I, a3 as j, a8 as H, aX as W, a_ as M, aY as D } from "./client-BISJTJUX.js";
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
 function $(t) {
   if (typeof t != "string") return "";
@@ -265,7 +265,7 @@ const X = {
   circle: "50%",
   rounded: "8px",
   square: "0px"
-}, Z = h.memo((t) => {
+}, Y = h.memo((t) => {
   const {
     src: r,
     alt: e,
@@ -345,7 +345,7 @@ class K extends E {
       className: u,
       style: g
     };
-    return h.createElement(Z, d);
+    return h.createElement(Y, d);
   }
 }
 const se = C(K), m = { "aria-hidden": !0, focusable: "false" }, oe = {

package/dist/{index-B0FFbOUi.js → index-5LiratLS.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 { aT as g, aU as d, a_ as N, a$ as C, aX as j, aW as _, aZ as z } from "./client-BxtRoL1i.js";
+import { aT as g, aU as d, a$ as N, b0 as C, aY as j, aX as _, a_ as z } from "./client-BISJTJUX.js";
 function B(s, e) {
   if (!(typeof e != "string" || !_(e)))
     for (const t of z(e))
@@ -151,8 +151,8 @@ class H extends d {
     });
   }
 }
-const k = g(H);
+const Y = g(H);
 export {
   X as C,
-  k as S
+  Y as S
 };

package/dist/{index-DD-zM-WX.js → index-B5hJpNl2.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 { aT as I, aU as $, aW as z, aZ as R, aX as q, t as le, b1 as Q, bc as oe } from "./client-BxtRoL1i.js";
-import { a as F } from "./icons-BKXx-EqO.js";
+import { aT as I, aU as $, aX as z, a_ as R, aY as q, t as le, b5 as Z, bg as oe } from "./client-BISJTJUX.js";
+import { a as F } from "./icons-BGZkIpm8.js";
 function ce(s, r) {
   if (!(typeof r != "string" || !z(r)))
     for (const e of R(r))
@@ -448,7 +448,7 @@ function K(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-E-wbUFLi.js → index-C2EZ1rgJ.js}

@@ -2,16 +2,16 @@ 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 { aT as A, aU as T, aW as C, aZ as M, aX as P, b0 as it, b1 as bt, b4 as kt, bh as It, au as B, F as nt, bi as lt, bj as Bt, bk as At, a3 as W, a8 as x } from "./client-BxtRoL1i.js";
-import { S as D, C as F } from "./index-B0FFbOUi.js";
-import { B as yt } from "./index-DUohJXW2.js";
-import { B as Z, I as ot, a as L, A as Tt } from "./icons-BKXx-EqO.js";
+import { aT as A, aU as T, aX as C, a_ as M, aY as P, b1 as it, b5 as bt, b8 as kt, bl as It, au as B, F as nt, bm as lt, bn as Bt, bo as At, a3 as W, a8 as x } from "./client-BISJTJUX.js";
+import { S as D, C as F } from "./index-5LiratLS.js";
+import { B as yt } from "./index-CZs58ByQ.js";
+import { B as Z, I as ot, a as L, A as Tt } from "./icons-BGZkIpm8.js";
 function j(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))
       e.bindSignal(t);
 }
-function X(e) {
+function Y(e) {
   return typeof e != "string" ? e : C(e) ? P(e) : e;
 }
 function z(e, r) {
@@ -32,8 +32,8 @@ function z(e, r) {
 function Pt(e) {
   return typeof e == "string" && C(e) ? P(e) : e;
 }
-function Y(e) {
-  return e == null || e === !1 ? null : typeof e == "string" ? X(e) ?? e : it(e);
+function X(e) {
+  return e == null || e === !1 ? null : typeof e == "string" ? Y(e) ?? e : it(e);
 }
 const $t = {
   green: "var(--fibo-success, #22c55e)",
@@ -77,7 +77,7 @@ const zt = s.memo((e) => {
       borderLeftColor: o
     } : {},
     ...a
-  }, v = Y(f), E = Y(g);
+  }, v = X(f), E = X(g);
   return s.createElement(
     jt(S),
     {
@@ -177,11 +177,11 @@ class Gt extends T {
       as: S,
       ...p
     } = this._props, h = [...this._classNames, i].filter(Boolean).join(" "), u = {
-      text: X(o ?? l ?? this._text),
-      subtitle: X(a ?? this._subtitle),
-      number: X(c ?? this._number),
-      header: Y(this._header ?? f),
-      footer: Y(this._footer ?? g),
+      text: Y(o ?? l ?? this._text),
+      subtitle: Y(a ?? this._subtitle),
+      number: Y(c ?? this._number),
+      header: X(this._header ?? f),
+      footer: X(this._footer ?? g),
       as: this._as ?? S,
       accentColor: t,
       style: this.getStyle(),
@@ -458,7 +458,7 @@ function Ut(e, r) {
 function ht(e, r) {
   return !e || e.index !== r ? { index: r, dir: "ascending" } : { index: r, dir: e.dir === "ascending" ? "descending" : "ascending" };
 }
-const Xt = s.memo((e) => {
+const Yt = s.memo((e) => {
   const {
     data: r,
     columns: t,
@@ -556,7 +556,7 @@ const Xt = s.memo((e) => {
     ])
   ).build();
 });
-class Yt extends T {
+class Xt extends T {
   constructor() {
     super(...arguments);
     n(this, "_data", []);
@@ -606,10 +606,10 @@ class Yt extends T {
       style: this.getStyle(),
       ...this._props
     };
-    return s.createElement(Xt, t);
+    return s.createElement(Yt, t);
   }
 }
-const ze = A(Yt);
+const ze = A(Xt);
 function ft(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))

package/dist/{index-DUohJXW2.js → index-CZs58ByQ.js}

@@ -1,11 +1,11 @@
-var _ = Object.defineProperty;
-var u = (s, e, t) => e in s ? _(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var i = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
-import c from "react";
-import { aT as m, aU as f, aV as n, aW as o, aX as a, aY as d, aZ as y } from "./client-BxtRoL1i.js";
+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 { aT as d, aU as y, aV as x, aW as n, aX as o, aY as l, aZ as T, a_ as v } from "./client-BISJTJUX.js";
 function p(s, e) {
   if (!(typeof e != "string" || !o(e)))
-    for (const t of y(e))
+    for (const t of v(e))
       s.bindSignal(t);
 }
 function h(s, e) {
@@ -23,13 +23,14 @@ function h(s, e) {
   if (Array.isArray(e))
     for (const t of e) h(s, t);
 }
-function x(s) {
-  return typeof s == "string" && o(s) ? a(s) : s;
+function b(s) {
+  return typeof s == "string" && o(s) ? l(s) : s;
 }
-class T extends f {
+class g extends y {
   constructor(t = "") {
     super();
     i(this, "_text", "");
+    i(this, "_live", null);
     i(this, "_variant", "elevated");
     i(this, "_size", "md");
     i(this, "_onPress");
@@ -46,7 +47,7 @@ class T extends f {
     this.text(t);
   }
   text(t) {
-    return this._text = t, typeof t == "function" ? this.observer() : p(this, t), this;
+    return this._text = t, typeof t == "function" ? (this._live = null, this.observer()) : (this._live = x(t), p(this, t)), this;
   }
   children(t) {
     return h(this, t), super.children(t);
@@ -111,8 +112,8 @@ class T extends f {
     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,
@@ -126,15 +127,21 @@ class T extends f {
       expand: this._expand,
       className: t,
       style: this.getStyle(),
-      children: this.processChildren().map(x),
+      children: this.processChildren().map(b),
       ...this._props,
       type: this.resolvedHtmlType(),
       bare: this.isReset()
     };
-    return c.createElement(d, l);
+    if (this._live) {
+      const _ = this._live;
+      a.liveRef = (u) => {
+        _.node = u;
+      };
+    }
+    return m.createElement(T, a);
   }
 }
-const H = m(T);
+const I = d(g);
 export {
-  H as B
+  I as B
 };

package/dist/{index-DF6X_GZs.js → index-DBeuxHdZ.js}

@@ -1,8 +1,8 @@
 var tt = Object.defineProperty;
 var it = (e, i, t) => i in e ? tt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
-var h = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
+var f = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
 import d from "react";
-import { aT as v, aU as T, aX as C, aW as g, aZ as $, bd as w, be as O, bf as S, bg as et, b0 as nt } from "./client-BxtRoL1i.js";
+import { aT as v, aU as T, aY as C, aX as g, a_ as $, bh as w, bi as O, bj as S, bk as et, b1 as nt } from "./client-BISJTJUX.js";
 function rt(e, i) {
   if (!(typeof i != "string" || !g(i)))
     for (const t of $(i))
@@ -53,11 +53,11 @@ class ct extends T {
       // instead of clipping overflowing children.
       this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
       ...this._classNames
-    ], { nodes: t, rest: n } = at(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = [...i, r].filter(Boolean).join(" "), a = t.map(st), f = { ...this.getStyle(), ...ot(s) };
-    return lt(f), d.createElement(
+    ], { nodes: t, rest: n } = at(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = [...i, r].filter(Boolean).join(" "), a = t.map(st), h = { ...this.getStyle(), ...ot(s) };
+    return lt(h), d.createElement(
       "div",
       {
-        style: f,
+        style: h,
         ...o,
         className: l
       },
@@ -65,28 +65,28 @@ class ct extends T {
     );
   }
 }
-const qt = v(ct);
-function ft(e, i) {
+const Zt = v(ct);
+function ht(e, i) {
   if (!(typeof i != "string" || !g(i)))
     for (const t of $(i))
       e.bindSignal(t);
 }
-function L(e, i) {
+function j(e, i) {
   if (typeof i == "function") {
     try {
-      L(e, i());
+      j(e, i());
     } catch {
     }
     return;
   }
   if (typeof i == "string") {
-    ft(e, i);
+    ht(e, i);
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) L(e, t);
+    for (const t of i) j(e, t);
 }
-function ht(e) {
+function ft(e) {
   return typeof e == "string" && g(e) ? C(e) : e;
 }
 function dt(e, i) {
@@ -145,10 +145,10 @@ function yt(e, i) {
   for (const r of ["padding", "margin"]) {
     const s = n[r];
     if (s == null || s === "") continue;
-    const o = `${r}Top`, l = `${r}Right`, a = `${r}Bottom`, f = `${r}Left`;
-    if (!(n[o] != null || n[l] != null || n[a] != null || n[f] != null || i.has(`${r}-top`) || i.has(`${r}-right`) || i.has(`${r}-bottom`) || i.has(`${r}-left`))) continue;
+    const o = `${r}Top`, l = `${r}Right`, a = `${r}Bottom`, h = `${r}Left`;
+    if (!(n[o] != null || n[l] != null || n[a] != null || n[h] != null || i.has(`${r}-top`) || i.has(`${r}-right`) || i.has(`${r}-bottom`) || i.has(`${r}-left`))) continue;
     const [m, c, y, b] = O(String(s));
-    n[o] == null && !i.has(`${r}-top`) && (n[o] = m), n[l] == null && !i.has(`${r}-right`) && (n[l] = c), n[a] == null && !i.has(`${r}-bottom`) && (n[a] = y), n[f] == null && !i.has(`${r}-left`) && (n[f] = b), delete n[r];
+    n[o] == null && !i.has(`${r}-top`) && (n[o] = m), n[l] == null && !i.has(`${r}-right`) && (n[l] = c), n[a] == null && !i.has(`${r}-bottom`) && (n[a] = y), n[h] == null && !i.has(`${r}-left`) && (n[h] = b), delete n[r];
   }
   return t;
 }
@@ -179,13 +179,13 @@ function St(e, i, t, n, r, s, o) {
 class wt extends T {
   constructor() {
     super(...arguments);
-    h(this, "_userPad", {});
+    f(this, "_userPad", {});
   }
   children(t) {
-    return L(this, t), super.children(t);
+    return j(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && L(this, t.children), super.props(t);
+    return t && "children" in t && j(this, t.children), super.props(t);
   }
   padding(t) {
     const n = w("padding", t), [r, s, o, l] = O(n);
@@ -224,8 +224,8 @@ class wt extends T {
       tag: o,
       dangerouslySetInnerHTML: l,
       maxWidth: a,
-      ...f
-    } = this._props, p = this.isHug(), m = dt(this.processChildren(), t).map(ht), c = St(
+      ...h
+    } = this._props, p = this.isHug(), m = dt(this.processChildren(), t).map(ft), c = St(
       this.getStyle(),
       r,
       a,
@@ -248,7 +248,7 @@ class wt extends T {
     return d.createElement(
       E,
       {
-        ...f,
+        ...h,
         className: b,
         style: c
       },
@@ -297,7 +297,7 @@ const vt = d.memo((e) => {
     leading: o,
     trailing: l,
     title: a,
-    role: f,
+    role: h,
     ...p
   } = e, m = Array.isArray(s) ? s : s == null ? [] : [s], c = o == null || o === !1 ? null : o, y = l == null || l === !1 ? null : l, b = a == null || a === !1 ? null : a;
   return d.createElement(
@@ -310,7 +310,7 @@ const vt = d.memo((e) => {
         n || ""
       ].filter(Boolean).join(" "),
       style: { height: i, minHeight: i, ...r },
-      role: f ?? "banner"
+      role: h ?? "banner"
     },
     c != null ? d.createElement(
       "div",
@@ -332,13 +332,13 @@ const vt = d.memo((e) => {
 }), N = class N extends T {
   constructor() {
     super(...arguments);
-    h(this, "_height", 64);
-    h(this, "_sticky", !1);
-    h(this, "_stickyTop", 0);
-    h(this, "_stickyStamp", []);
-    h(this, "_leading");
-    h(this, "_trailing");
-    h(this, "_title");
+    f(this, "_height", 64);
+    f(this, "_sticky", !1);
+    f(this, "_stickyTop", 0);
+    f(this, "_stickyStamp", []);
+    f(this, "_leading");
+    f(this, "_trailing");
+    f(this, "_title");
   }
   children(t) {
     return _(this, t), super.children(t);
@@ -392,12 +392,12 @@ const vt = d.memo((e) => {
       trailing: o,
       title: l,
       ...a
-    } = this._props, f = [this.getClassName(), t].filter(Boolean).join(" "), p = r ? { ...this.getStyle(), ...r } : this.getStyle();
+    } = this._props, h = [this.getClassName(), t].filter(Boolean).join(" "), p = r ? { ...this.getStyle(), ...r } : this.getStyle();
     return d.createElement(vt, {
       ...a,
       height: this._height,
       sticky: this._sticky,
-      className: f,
+      className: h,
       style: p,
       leading: H(this._leading ?? s),
       trailing: H(this._trailing ?? o),
@@ -406,7 +406,7 @@ const vt = d.memo((e) => {
     });
   }
 };
-h(N, "unstickSeq", 0);
+f(N, "unstickSeq", 0);
 let W = N;
 const Jt = v(W);
 function Tt(e, i) {
@@ -414,10 +414,10 @@ function Tt(e, i) {
     for (const t of $(i))
       e.bindSignal(t);
 }
-function j(e, i) {
+function L(e, i) {
   if (typeof i == "function") {
     try {
-      j(e, i());
+      L(e, i());
     } catch {
     }
     return;
@@ -427,7 +427,7 @@ function j(e, i) {
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) j(e, t);
+    for (const t of i) L(e, t);
 }
 function $t(e) {
   return typeof e == "string" && g(e) ? C(e) : e;
@@ -439,13 +439,13 @@ function Nt(e, i) {
 class At extends T {
   constructor() {
     super(...arguments);
-    h(this, "_alignment", "center");
+    f(this, "_alignment", "center");
   }
   children(t) {
-    return j(this, t), super.children(t);
+    return L(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && j(this, t.children), super.props(t);
+    return t && "children" in t && L(this, t.children), super.props(t);
   }
   alignment(t) {
     return this._alignment = t, this;
@@ -478,13 +478,13 @@ class At extends T {
       this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
       t[this._alignment] || "items-center justify-items-center",
       ...this._classNames
-    ], r = this.getStyle(), { nodes: s, rest: o } = Nt(this.processChildren(), this._props), { className: l, ...a } = o, f = [...n, l].filter(Boolean).join(" "), p = s.map($t);
+    ], r = this.getStyle(), { nodes: s, rest: o } = Nt(this.processChildren(), this._props), { className: l, ...a } = o, h = [...n, l].filter(Boolean).join(" "), p = s.map($t);
     return d.createElement(
       "div",
       {
         style: r,
         ...a,
-        className: f
+        className: h
       },
       ...p
     );
@@ -514,10 +514,10 @@ function z(e, i) {
 function It(e) {
   return typeof e == "string" && g(e) ? C(e) : e;
 }
-function Lt(e) {
+function jt(e) {
   return e && typeof e == "object" && !Array.isArray(e) ? e : {};
 }
-function jt(e, i) {
+function Lt(e, i) {
   return e === !0 || e === "true" ? !0 : i === "none" || i === "presentation";
 }
 function zt(e) {
@@ -530,7 +530,7 @@ function Rt(e, i) {
 class Et extends T {
   constructor() {
     super(...arguments);
-    h(this, "_sizeHeight");
+    f(this, "_sizeHeight");
   }
   children(t) {
     return z(this, t), super.children(t);
@@ -546,10 +546,10 @@ class Et extends T {
     return this.flexDirection(t === "vertical" ? "column" : "row");
   }
   build() {
-    const { nodes: t, rest: n } = Rt(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = { ...this.getStyle(), ...Lt(s) };
+    const { nodes: t, rest: n } = Rt(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = { ...this.getStyle(), ...jt(s) };
     this._sizeHeight && (l.height = this._sizeHeight);
-    const a = t.map(It), f = zt(l), p = jt(o["aria-hidden"], o.role), m = ["fibo-line", ...this._classNames, r].filter(Boolean).join(" ");
-    if (f && a.length === 0)
+    const a = t.map(It), h = zt(l), p = Lt(o["aria-hidden"], o.role), m = ["fibo-line", ...this._classNames, r].filter(Boolean).join(" ");
+    if (h && a.length === 0)
       return l.width = l.width ?? "1px", l.alignSelf = l.alignSelf ?? "stretch", l.height == null && (l.height = "100%"), p ? d.createElement("div", {
         ...o,
         role: "none",
@@ -582,7 +582,7 @@ class Et extends T {
     const c = [
       "fibo-line",
       "flex",
-      f ? "flex-col" : "flex-row",
+      h ? "flex-col" : "flex-row",
       "min-w-0",
       ...this._classNames,
       r
@@ -601,7 +601,7 @@ class Et extends T {
 const ti = v(Et);
 class Ht {
   constructor() {
-    h(this, "_node", null);
+    f(this, "_node", null);
   }
   /** @internal Attached by ScrollView on mount. */
   attach(i) {
@@ -706,7 +706,7 @@ function Gt(e) {
 function Xt(e) {
   return e === "hidden" || e === "visible" || e === "auto";
 }
-function Kt(e) {
+function Yt(e) {
   const i = { ...e }, t = i.overflow;
   if (t == null || t === "")
     return delete i.overflow, i;
@@ -716,14 +716,14 @@ function Kt(e) {
   const r = n[0], s = n[1] ?? n[0];
   return i.overflowX == null && (i.overflowX = r), i.overflowY == null && (i.overflowY = s), delete i.overflow, i;
 }
-class Mt extends T {
+class Kt extends T {
   constructor() {
     super(...arguments);
-    h(this, "_direction", "vertical");
-    h(this, "_scrollbar", "auto");
-    h(this, "_controller");
-    h(this, "_anchor");
-    h(this, "_refresh");
+    f(this, "_direction", "vertical");
+    f(this, "_scrollbar", "auto");
+    f(this, "_controller");
+    f(this, "_anchor");
+    f(this, "_refresh");
   }
   children(t) {
     return R(this, t), super.children(t);
@@ -763,10 +763,10 @@ class Mt extends T {
       style: o,
       controller: l,
       direction: a,
-      scrollbar: f,
+      scrollbar: h,
       onScroll: p,
       ...m
-    } = n, c = Gt(a) ? a : this._direction, y = Xt(f) ? f : this._scrollbar, b = this._controller ?? (l instanceof Ht ? l : void 0), E = c === "horizontal" || c === "both", K = c === "vertical" || c === "both", M = this.getStyle(), { gap: D, rowGap: P, columnGap: V, ...Y } = M, F = E ? "auto" : "hidden", Z = K ? "auto" : "hidden", u = {
+    } = n, c = Gt(a) ? a : this._direction, y = Xt(h) ? h : this._scrollbar, b = this._controller ?? (l instanceof Ht ? l : void 0), E = c === "horizontal" || c === "both", Y = c === "vertical" || c === "both", K = this.getStyle(), { gap: D, rowGap: P, columnGap: V, ...M } = K, F = E ? "auto" : "hidden", q = Y ? "auto" : "hidden", u = {
       display: "flex",
       flexDirection: c === "horizontal" ? "row" : "column",
       flexWrap: "nowrap",
@@ -777,8 +777,8 @@ class Mt extends T {
       "fibo-scrollview",
       ...this.getClassName().split(" ").filter(Boolean),
       s
-    ], q = Kt({
-      ...Y,
+    ], Z = Yt({
+      ...M,
       ...o && typeof o == "object" ? o : {}
     }), x = {
       WebkitOverflowScrolling: "touch",
@@ -786,10 +786,10 @@ class Mt extends T {
       minHeight: "0px",
       display: "flex",
       flexDirection: c === "horizontal" ? "row" : "column",
-      ...q,
+      ...Z,
       // Direction overflow must survive `.props({ style })` replacing the object.
       overflowX: F,
-      overflowY: Z
+      overflowY: q
     };
     if (y === "hidden" && (G.push("scrollbar-hide"), x.scrollbarWidth = "none", x.msOverflowStyle = "none"), this._anchor) {
       x.scrollSnapAlign = this._anchor;
@@ -827,9 +827,9 @@ class Mt extends T {
     );
   }
 }
-const ii = v(Mt);
+const ii = v(Kt);
 export {
-  qt as C,
+  Zt as C,
   Jt as H,
   ti as L,
   ii as S,