fiboui 2.5.0 → 2.6.1

package/dist/content.js

@@ -1,6 +1,6 @@
-import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as m, S as p } from "./index-BLBoIYdN.js";
-import { $ as f } from "./client-C5fy1-Lh.js";
-import { I as A } from "./index-CaDcYvIh.js";
+import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as m, S as p } from "./index-BOR_ChBS.js";
+import { $ as f } from "./client-De3cGjVE.js";
+import { I as A } from "./index-DJMMkBOg.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,5 +1,5 @@
-import { C as a, E as t, L as r, T as o, F as i, I as n, M as l, Q as u, O as S, h as c, v as p, P as g, R as b, w as T, x as v, S as E, Y as C, k as F, j as R, c as d, b as m, a as f, X as I, N as y, V as O, g as P, U as x, W as M, J as N, K as w, H as A, o as B, G as _, r as V, y as h, s as q, D as z, z as G, B as K, A as W, f as X, p as j, e as k, q as D, i as H, d as J, t as L, u as Q, m as U, n as Y, l as Z } from "./client-C5fy1-Lh.js";
-import { b as ss, F as es, a as as, c as ts, m as rs, p as os, t as is, w as ns } from "./mount-jsbS9qm4.js";
+import { C as a, E as t, L as r, T as o, F as i, I as n, M as l, Q as u, O as S, h as c, v as p, P as g, R as b, w as T, x as v, S as E, Y as C, k as F, j as R, c as d, b as m, a as f, X as I, N as y, V as O, g as P, U as x, W as M, J as N, K as w, H as A, o as B, G as _, r as V, y as h, s as q, D as z, z as G, B as K, A as W, f as X, p as j, e as k, q as D, i as H, d as J, t as L, u as Q, m as U, n as Y, l as Z } from "./client-De3cGjVE.js";
+import { b as ss, F as es, a as as, c as ts, m as rs, p as os, t as is, w as ns } from "./mount-BHYOA7Dg.js";
 export {
   a as ComputedSignal,
   t as Easing,

package/dist/{index-BLBoIYdN.js → index-BOR_ChBS.js}

@@ -2,8 +2,8 @@ var U = Object.defineProperty;
 var G = (n, s, e) => s in n ? U(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
 var r = (n, s, e) => G(n, typeof s != "symbol" ? s + "" : s, e);
 import t from "react";
-import { at as C, au as F, a4 as j, $ as O } from "./client-C5fy1-Lh.js";
-import { R as J } from "./index-CaDcYvIh.js";
+import { at as C, au as F, a4 as j, $ as O } from "./client-De3cGjVE.js";
+import { R as J } from "./index-DJMMkBOg.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",

package/dist/{index-CL2Ecds4.js → index-CeAfi1Bb.js}

@@ -2,7 +2,7 @@ var v = Object.defineProperty;
 var $ = (i, r, e) => r in i ? v(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
 var o = (i, r, e) => $(i, typeof r != "symbol" ? r + "" : r, e);
 import t from "react";
-import { at as b, au as _, a4 as E, az as x } from "./client-C5fy1-Lh.js";
+import { at as b, au as _, a4 as E, az as x } from "./client-De3cGjVE.js";
 const w = t.memo((i) => {
   const { text: r, subtitle: e, number: n, color: c, className: m, style: d, children: p, ...u } = i;
   return t.createElement(

package/dist/{index-DVECnj1z.js → index-D37UAFfC.js}

@@ -1,12 +1,12 @@
-var T = Object.defineProperty;
-var V = (o, s, e) => s in o ? T(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e;
-var r = (o, s, e) => V(o, typeof s != "symbol" ? s + "" : s, e);
+var V = Object.defineProperty;
+var Z = (r, s, e) => s in r ? V(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
+var o = (r, s, e) => Z(r, typeof s != "symbol" ? s + "" : s, e);
 import i from "react";
-import { at as u, au as m, aA as Z, av as X, P as q, as as G, $ as J } from "./client-C5fy1-Lh.js";
+import { at as u, au as m, aA as X, av as q, P as G, as as J, $ as K } from "./client-De3cGjVE.js";
 import { P as M } from "./PluginManager-BRjgOLVa.js";
-import { R as K, I as Q } from "./index-CaDcYvIh.js";
-import { L as U } from "./Link-DU8XI2Na.js";
-class ee extends m {
+import { R as Q, I as U } from "./index-DJMMkBOg.js";
+import { L as ee } from "./Link-BIjIaYAb.js";
+class te extends m {
   build() {
     const e = [
       "fibo-center",
@@ -26,15 +26,15 @@ class ee extends m {
     );
   }
 }
-const xe = u(ee);
-class te extends m {
+const ve = u(te);
+class ie extends m {
   constructor() {
     super(...arguments);
-    r(this, "_mainAxisAlignment", "start");
+    o(this, "_mainAxisAlignment", "start");
     // Flutter Column / SwiftUI VStack default: center. Stretch is opt-in.
-    r(this, "_crossAxisAlignment", "center");
-    r(this, "_spacing");
-    r(this, "_size");
+    o(this, "_crossAxisAlignment", "center");
+    o(this, "_spacing");
+    o(this, "_size");
   }
   mainAxisAlignment(e) {
     return this._mainAxisAlignment = e, this;
@@ -89,8 +89,8 @@ class te extends m {
     );
   }
 }
-const ve = u(te);
-class ie extends m {
+const we = u(ie);
+class se extends m {
   build() {
     const s = this.getClassName(), e = this.getStyle(), t = this.processChildren();
     return i.createElement(
@@ -104,13 +104,17 @@ class ie extends m {
     );
   }
 }
-const we = u(ie);
-class se extends m {
+const Be = u(se);
+function W(r) {
+  return typeof r == "number" ? `${r}px` : r;
+}
+class re extends m {
   constructor() {
     super(...arguments);
-    r(this, "_height");
-    r(this, "_width");
-    r(this, "_direction");
+    o(this, "_height");
+    o(this, "_width");
+    o(this, "_grow");
+    o(this, "_expand");
   }
   height(e) {
     return this._height = e, this;
@@ -119,23 +123,28 @@ class se extends m {
     return this._width = e, this;
   }
   vertical() {
-    return this._direction = "vertical", this;
+    return this._expand = !0, this;
   }
   horizontal() {
-    return this._direction = "horizontal", this;
+    return this._expand = !0, this;
+  }
+  /** Grow factor inside a Row or Column. Does not turn the spacer into a flex container. */
+  flex(e = 1) {
+    const t = typeof e == "number" ? e : Number(e);
+    return this._grow = Number.isFinite(t) ? t : 1, this._expand = !0, this;
   }
   build() {
-    const e = this.getStyle();
-    this._direction === "vertical" ? (e.flex = "1", e.height = this._height ? typeof this._height == "number" ? `${this._height}px` : this._height : "auto") : this._direction === "horizontal" ? (e.flex = "1", e.width = this._width ? typeof this._width == "number" ? `${this._width}px` : this._width : "auto") : (this._height && (e.height = typeof this._height == "number" ? `${this._height}px` : this._height), this._width && (e.width = typeof this._width == "number" ? `${this._width}px` : this._width));
-    const t = this.getClassName();
+    const e = this.getStyle(), t = this._height != null || this._width != null, n = this._expand ?? !t;
+    this._height != null && (e.height = W(this._height)), this._width != null && (e.width = W(this._width)), n ? (e.flex = `${this._grow ?? 1} 1 0%`, e.alignSelf = e.alignSelf ?? "stretch", e.minWidth = 0, e.minHeight = 0) : e.flex = "0 0 auto";
+    const l = this.getClassName();
     return i.createElement("div", {
-      className: `fibo-spacer ${t}`,
+      className: `fibo-spacer ${l}`,
       style: e,
       ...this._props
     });
   }
 }
-const Be = u(se), re = i.memo((o) => {
+const ke = u(re), oe = i.memo((r) => {
   const {
     theme: s,
     locale: e,
@@ -144,7 +153,7 @@ const Be = u(se), re = i.memo((o) => {
     style: l,
     children: a,
     overlays: c = []
-  } = o, h = /* @__PURE__ */ new Map();
+  } = r, h = /* @__PURE__ */ new Map();
   s && h.set("theme", s), e && h.set("locale", e), Object.entries(t).forEach(([g, p]) => {
     h.set(g, p);
   });
@@ -165,23 +174,23 @@ const Be = u(se), re = i.memo((o) => {
     [a, ...c]
   );
   return h.size > 0 ? i.createElement(
-    q,
+    G,
     {
       providers: h,
       children: f
     }
   ) : f;
 });
-class oe extends m {
+class ne extends m {
   constructor() {
     super(...arguments);
-    r(this, "_locale");
-    r(this, "_customProviders", {});
-    r(this, "_structure", {});
-    r(this, "_headerBar");
-    r(this, "_footerBar");
-    r(this, "_sideBarLeft");
-    r(this, "_sideBarRight");
+    o(this, "_locale");
+    o(this, "_customProviders", {});
+    o(this, "_structure", {});
+    o(this, "_headerBar");
+    o(this, "_footerBar");
+    o(this, "_sideBarLeft");
+    o(this, "_sideBarRight");
   }
   locale(e) {
     return this._locale = e, this;
@@ -209,10 +218,10 @@ class oe extends m {
   }
   _normalizeBar(e) {
     return this._isLayoutBarConfig(e) ? {
-      content: i.createElement(i.Fragment, null, ...Z(e.children)),
+      content: i.createElement(i.Fragment, null, ...X(e.children)),
       fixed: e.fixed ?? !1
     } : {
-      content: X(e),
+      content: q(e),
       fixed: !1
     };
   }
@@ -220,7 +229,7 @@ class oe extends m {
     return !e || typeof e != "object" || i.isValidElement(e) || "build" in e && typeof e.build == "function" ? !1 : "children" in e && !("type" in e);
   }
   build() {
-    var y, x, v, w, B, k, C, N, z, S, E, L, R, A, $, j, I, H, O, P, D, F;
+    var y, x, v, w, B, k, N, C, S, z, E, L, R, A, j, I, $, H, O, P, F, D;
     const e = this.processChildren(), t = this._structure, n = this._headerBar && ((y = t.header) == null ? void 0 : y.visible) !== !1, l = this._footerBar && ((x = t.footer) == null ? void 0 : x.visible) !== !1, a = this._sideBarLeft && ((v = t.sidebarLeft) == null ? void 0 : v.visible) !== !1, c = this._sideBarRight && ((w = t.sidebarRight) == null ? void 0 : w.visible) !== !1, h = a && ((B = t.sidebarLeft) == null ? void 0 : B.fullHeight), f = c && ((k = t.sidebarRight) == null ? void 0 : k.fullHeight), g = i.createElement(
       "div",
       {
@@ -238,9 +247,9 @@ class oe extends m {
           key: "sidebar-left",
           className: "z-20",
           style: {
-            width: (C = t.sidebarLeft) == null ? void 0 : C.width,
-            position: ((N = t.sidebarLeft) == null ? void 0 : N.mode) === "over" ? "absolute" : ((z = t.sidebarLeft) == null ? void 0 : z.behavior) === "fixed" || this._sideBarLeft.fixed ? "sticky" : void 0,
-            top: ((S = t.sidebarLeft) == null ? void 0 : S.behavior) === "fixed" || this._sideBarLeft.fixed ? 0 : void 0,
+            width: (N = t.sidebarLeft) == null ? void 0 : N.width,
+            position: ((C = t.sidebarLeft) == null ? void 0 : C.mode) === "over" ? "absolute" : ((S = t.sidebarLeft) == null ? void 0 : S.behavior) === "fixed" || this._sideBarLeft.fixed ? "sticky" : void 0,
+            top: ((z = t.sidebarLeft) == null ? void 0 : z.behavior) === "fixed" || this._sideBarLeft.fixed ? 0 : void 0,
             height: ((E = t.sidebarLeft) == null ? void 0 : E.behavior) === "fixed" || this._sideBarLeft.fixed ? "100%" : void 0,
             overflowY: "auto",
             borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
@@ -263,8 +272,8 @@ class oe extends m {
           style: {
             width: (L = t.sidebarRight) == null ? void 0 : L.width,
             position: ((R = t.sidebarRight) == null ? void 0 : R.mode) === "over" ? "absolute" : ((A = t.sidebarRight) == null ? void 0 : A.behavior) === "fixed" || this._sideBarRight.fixed ? "sticky" : void 0,
-            top: (($ = t.sidebarRight) == null ? void 0 : $.behavior) === "fixed" || this._sideBarRight.fixed ? 0 : void 0,
-            height: ((j = t.sidebarRight) == null ? void 0 : j.behavior) === "fixed" || this._sideBarRight.fixed ? "100%" : void 0,
+            top: ((j = t.sidebarRight) == null ? void 0 : j.behavior) === "fixed" || this._sideBarRight.fixed ? 0 : void 0,
+            height: ((I = t.sidebarRight) == null ? void 0 : I.behavior) === "fixed" || this._sideBarRight.fixed ? "100%" : void 0,
             overflowY: "auto",
             borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
             backgroundColor: "var(--fibo-surface, #ffffff)"
@@ -276,7 +285,7 @@ class oe extends m {
         key: "header-bar",
         className: "z-30",
         style: {
-          height: (I = t.header) == null ? void 0 : I.height,
+          height: ($ = t.header) == null ? void 0 : $.height,
           position: ((H = t.header) == null ? void 0 : H.position) || (this._headerBar.fixed ? "sticky" : "static"),
           top: 0,
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -316,7 +325,7 @@ class oe extends m {
       i.createElement("div", {
         key: "sidebar-left-full",
         style: {
-          width: (D = t.sidebarLeft) == null ? void 0 : D.width,
+          width: (F = t.sidebarLeft) == null ? void 0 : F.width,
           overflowY: "auto",
           borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -332,7 +341,7 @@ class oe extends m {
       i.createElement("div", {
         key: "sidebar-right-full",
         style: {
-          width: (F = t.sidebarRight) == null ? void 0 : F.width,
+          width: (D = t.sidebarRight) == null ? void 0 : D.width,
           overflowY: "auto",
           borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -340,7 +349,7 @@ class oe extends m {
         }
       }, this._sideBarRight.content)
     ]));
-    const _ = M.getInstance().getOverlays().map((Y) => Y().build()), W = {
+    const _ = M.getInstance().getOverlays().map((T) => T().build()), Y = {
       theme: this._theme,
       locale: this._locale,
       providers: this._customProviders,
@@ -349,11 +358,11 @@ class oe extends m {
       children: d,
       overlays: _
     };
-    return i.createElement(re, W);
+    return i.createElement(oe, Y);
   }
 }
-const ke = u(oe), ne = i.memo((o) => {
-  const { height: s = 64, sticky: e, className: t, style: n, children: l, ...a } = o;
+const Ne = u(ne), le = i.memo((r) => {
+  const { height: s = 64, sticky: e, className: t, style: n, children: l, ...a } = r;
   return i.createElement(
     "header",
     {
@@ -364,11 +373,11 @@ const ke = u(oe), ne = i.memo((o) => {
     l
   );
 });
-class le extends m {
+class ae extends m {
   constructor() {
     super(...arguments);
-    r(this, "_height", 64);
-    r(this, "_sticky", !1);
+    o(this, "_height", 64);
+    o(this, "_sticky", !1);
   }
   height(e) {
     return this._height = e, this._sticky && this.syncStickyOffset(!0), this;
@@ -402,22 +411,22 @@ class le extends m {
       children: this.processChildren(),
       ...this._props
     };
-    return i.createElement(ne, e);
+    return i.createElement(le, e);
   }
 }
-const Ce = u(le), ae = i.memo((o) => {
-  const { width: s = 260, collapsed: e, className: t, style: n, children: l, ...a } = o, c = G(), h = (c == null ? void 0 : c.currentPath) ?? "", f = e ? 80 : s, p = M.getInstance().getSidebarItems().map((d, b) => {
+const Ce = u(ae), he = i.memo((r) => {
+  const { width: s = 260, collapsed: e, className: t, style: n, children: l, ...a } = r, c = J(), h = (c == null ? void 0 : c.currentPath) ?? "", f = e ? 80 : s, p = M.getInstance().getSidebarItems().map((d, b) => {
     const _ = h === d.path;
-    return i.createElement(U, {
+    return i.createElement(ee, {
       key: `plugin-item-${d.path || b}`,
       to: d.path,
       className: "no-underline block mb-1",
-      children: K().padding(12).alignItems("center").gap(12).className(`
+      children: Q().padding(12).alignItems("center").gap(12).className(`
                     transition-colors duration-200 rounded-lg mx-2
                     ${_ ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
                 `).children([
-        d.icon ? Q(d.icon).size(20).build() : null,
-        e ? null : J(d.label).style({ fontSize: 14 }).weight(500).build()
+        d.icon ? U(d.icon).size(20).build() : null,
+        e ? null : K(d.label).style({ fontSize: 14 }).weight(500).build()
       ].filter(Boolean)).build()
     });
   });
@@ -432,11 +441,11 @@ const Ce = u(le), ae = i.memo((o) => {
     p
   );
 });
-class he extends m {
+class ce extends m {
   constructor() {
     super(...arguments);
-    r(this, "_width", 260);
-    r(this, "_collapsed", !1);
+    o(this, "_width", 260);
+    o(this, "_collapsed", !1);
   }
   width(e) {
     return this._width = e, this;
@@ -453,14 +462,14 @@ class he extends m {
       children: this.processChildren(),
       ...this._props
     };
-    return i.createElement(ae, e);
+    return i.createElement(he, e);
   }
 }
-const Ne = u(he);
-class ce extends m {
+const Se = u(ce);
+class de extends m {
   constructor() {
     super(...arguments);
-    r(this, "_alignment", "center");
+    o(this, "_alignment", "center");
   }
   alignment(e) {
     return this._alignment = e, this;
@@ -496,11 +505,11 @@ class ce extends m {
     );
   }
 }
-const ze = u(ce);
-class de extends m {
+const ze = u(de);
+class fe extends m {
   constructor() {
     super(...arguments);
-    r(this, "_sizeHeight");
+    o(this, "_sizeHeight");
   }
   sizeHeight(e) {
     return this._sizeHeight = e, this;
@@ -520,19 +529,19 @@ class de extends m {
     );
   }
 }
-const Se = u(de);
-function fe(...o) {
+const Ee = u(fe);
+function ue(...r) {
   return (s) => {
-    for (const e of o)
+    for (const e of r)
       e && (typeof e == "function" ? e(s) : e.current = s);
   };
 }
-class ue extends m {
+class me extends m {
   constructor() {
     super(...arguments);
-    r(this, "_direction", "vertical");
-    r(this, "_scrollbar", "auto");
-    r(this, "_controller");
+    o(this, "_direction", "vertical");
+    o(this, "_scrollbar", "auto");
+    o(this, "_controller");
   }
   direction(e) {
     return this._direction = e, this;
@@ -560,7 +569,7 @@ class ue extends m {
       ...this.getStyle()
     }, t = [...this.getClassName().split(" ").filter(Boolean)];
     this._scrollbar === "hidden" && (t.push("scrollbar-hide"), e.scrollbarWidth = "none", e.msOverflowStyle = "none");
-    const n = this._controller, l = this._props.ref, { ref: a, ...c } = this._props, h = fe(
+    const n = this._controller, l = this._props.ref, { ref: a, ...c } = this._props, h = ue(
       (f) => {
         n == null || n.attach(f);
       },
@@ -578,16 +587,16 @@ class ue extends m {
     );
   }
 }
-const Ee = u(ue);
+const Le = u(me);
 export {
-  xe as C,
+  ve as C,
   Ce as H,
-  Se as L,
-  Be as S,
+  Ee as L,
+  ke as S,
   ze as Z,
-  ve as a,
-  we as b,
-  ke as c,
-  Ne as d,
-  Ee as e
+  we as a,
+  Be as b,
+  Ne as c,
+  Se as d,
+  Le as e
 };

package/dist/{index-CaDcYvIh.js → index-DJMMkBOg.js}

@@ -2,7 +2,7 @@ var m = Object.defineProperty;
 var p = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
 var r = (e, t, s) => p(e, typeof t != "symbol" ? t + "" : t, s);
 import o from "react";
-import { at as a, au as u } from "./client-C5fy1-Lh.js";
+import { at as a, au as u } from "./client-De3cGjVE.js";
 class g extends u {
   constructor() {
     super(...arguments);