fiboui 2.4.1 → 2.4.3

package/dist/content.js

@@ -1,7 +1,7 @@
 "use client";
-import { b as s, A as r, B as o, I as t, c as n, L as I, P as g, a as l, S as m } from "./index-De55bvQW.js";
-import { T as x } from "./index-EM-UZNWN.js";
-import { I as f } from "./index-DP7-rISq.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 l, S as m } from "./index-DRVdVimz.js";
+import { T as x } from "./index-DbaNIwWW.js";
+import { I as f } from "./index-BMIo5j9Y.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,62 +1,63 @@
 "use client";
-import { C as a, F as t, x as r, I as o, M as i, w as n, O as l, d as u, P as c, R as p, f as S, h as g, S as b, V as T, c as v, b as E, a as C, v as F, z as d, g as f, y as m, A as R, q as I, t as O, p as P, o as y, n as x, r as M, i as A, s as N, m as _, j as B, l as V, k as w, u as h, e as j } from "./builder-Dnz93Wem.js";
-import { E as z, l as q, F as G, k as K, P as W, c as X, j as D, m as H, t as J, g as L, b as Q, h as U, a as Y, i as Z, u as $, e as ss, f as es, d as as } from "./mount-DIQx3NWo.js";
-import { F as rs, b as os } from "./FineGrain-BOIYZ80-.js";
+import { C as a, F as t, x as r, I as o, M as i, w as n, O as l, d as u, P as c, R as S, f as p, h as g, S as b, V as T, c as v, b as E, a as d, B as C, v as F, z as R, g as f, y as m, A as I, q as O, t as P, p as y, o as x, n as M, r as A, i as B, s as N, m as _, j as V, l as w, k as h, u as j, e as k } from "./builder-B5cebEWZ.js";
+import { E as z, l as G, F as K, k as W, P as X, c as D, j as H, m as J, t as L, g as Q, b as U, h as Y, a as Z, i as $, u as ss, e as es, f as as, d as ts } from "./mount-DbMVakA4.js";
+import { F as os, b as is } from "./FineGrain-CvcJ5OxF.js";
 export {
   a as ComputedSignal,
   z as Easing,
   t as FIBO_INTERACTION_FX_CSS,
-  q as Fibo,
-  G as FiboApp,
-  K as FiboAppBuilder,
+  G as Fibo,
+  K as FiboApp,
+  W as FiboAppBuilder,
   r as FiboStyles,
-  rs as FineGrainText,
+  os as FineGrainText,
   o as INTERACTION_EFFECTS,
   i as MOTION_PRESETS,
   n as MotionStyles,
   l as Observable,
   u as Observer,
-  W as Presence,
+  X as Presence,
   c as ProviderWrapper,
-  p as ReactivityRoot,
-  S as Reveal,
+  S as ReactivityRoot,
+  p as Reveal,
   g as ScrollProgress,
   b as Signal,
   T as ValueBuilder,
-  X as applyResponsiveStyles,
-  os as bindText,
+  D as applyResponsiveStyles,
+  is as bindText,
   v as computed,
   E as createReactivityRoot,
-  C as createStore,
-  D as cssCurve,
+  d as createStore,
+  H as cssCurve,
+  C as endSsrRequest,
   F as ensureInteractionFxCss,
-  d as getCss,
+  R as getCss,
   f as getCurrentScope,
   m as getMotionCss,
-  R as getStyleTag,
-  I as interactionEffectClass,
-  O as interactionEffectKebab,
-  H as mount,
-  P as normalizeInteractionEffect,
-  y as observable,
-  x as resolveCssEase,
-  M as runInScope,
-  A as scrollTo,
+  I as getStyleTag,
+  O as interactionEffectClass,
+  P as interactionEffectKebab,
+  J as mount,
+  y as normalizeInteractionEffect,
+  x as observable,
+  M as resolveCssEase,
+  A as runInScope,
+  B as scrollTo,
   N as signal,
   _ as springEase,
-  B as startViewTransition,
-  V as supportsScrollTimeline,
-  w as supportsViewTimeline,
-  J as toElement,
-  h as useBuilderState,
-  L as useMountTransition,
-  Q as useObservable,
-  U as usePrefersReducedMotion,
-  j as useProvider,
-  Y as useReactiveStore,
-  Z as useScrollProgress,
-  $ as useSignal,
-  ss as useSpring,
-  es as useStagger,
-  as as useTransition
+  V as startViewTransition,
+  w as supportsScrollTimeline,
+  h as supportsViewTimeline,
+  L as toElement,
+  j as useBuilderState,
+  Q as useMountTransition,
+  U as useObservable,
+  Y as usePrefersReducedMotion,
+  k as useProvider,
+  Z as useReactiveStore,
+  $ as useScrollProgress,
+  ss as useSignal,
+  es as useSpring,
+  as as useStagger,
+  ts as useTransition
 };

package/dist/{index-DP7-rISq.js → index-BMIo5j9Y.js}

@@ -3,7 +3,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 { B as a, D as u } from "./builder-Dnz93Wem.js";
+import { D as a, E as u } from "./builder-B5cebEWZ.js";
 class g extends u {
   constructor() {
     super(...arguments);

package/dist/{index-BpMNotfc.js → index-BxH8dhoT.js}

@@ -3,7 +3,7 @@ var H = Object.defineProperty;
 var O = (c, l, e) => l in c ? H(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
 var r = (c, l, e) => O(c, typeof l != "symbol" ? l + "" : l, e);
 import t, { useState as M, useEffect as j, useRef as F } from "react";
-import { B as $, D, S as P } from "./builder-Dnz93Wem.js";
+import { D as $, E as D, S as P } from "./builder-B5cebEWZ.js";
 import { t as L } from "./bundle-mjs-wppB-TKB.js";
 const q = t.memo((c) => {
   const {
@@ -37,7 +37,8 @@ const q = t.memo((c) => {
     "fibo-button",
     "inline-flex items-center justify-center whitespace-nowrap",
     z ? "" : "font-semibold",
-    n ? "" : "active:scale-[0.96] transform transition-all duration-200 ease-out",
+    // Resting scale(1) so active:scale eases instead of snapping from none.
+    n ? "" : "scale-100 active:scale-[0.96] transform transition-transform duration-200 ease-out",
     d ? "cursor-not-allowed opacity-60" : "cursor-pointer",
     e === "raw" || I ? "" : g[o],
     e === "raw" || C ? "" : S,

package/dist/{index-B_aiikJG.js → index-DGQVwcWx.js}

@@ -1,12 +1,12 @@
 "use client";
-var X = Object.defineProperty;
-var q = (n, s, e) => s in n ? X(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
-var r = (n, s, e) => q(n, typeof s != "symbol" ? s + "" : s, e);
-import i, { useState as T, useRef as D, useLayoutEffect as G } from "react";
-import { B as _, D as b, T as J, N as V, P as K } from "./builder-Dnz93Wem.js";
+var Q = Object.defineProperty;
+var U = (n, s, e) => s in n ? Q(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var r = (n, s, e) => U(n, typeof s != "symbol" ? s + "" : s, e);
+import i, { useState as V, useRef as D, useLayoutEffect as X } from "react";
+import { D as _, E as b, U as q, Q as F, P as G } from "./builder-B5cebEWZ.js";
 import { P as W } from "./PluginManager-D5-ApsSN.js";
-import { R as Q, I as U } from "./index-DP7-rISq.js";
-import { T as ee } from "./index-EM-UZNWN.js";
+import { R as J, I as K } from "./index-BMIo5j9Y.js";
+import { T as ee } from "./index-DbaNIwWW.js";
 import { e as te, L as ie } from "./Link-ElmaMZB8.js";
 class se extends b {
   build() {
@@ -167,7 +167,7 @@ const ze = _(oe), le = i.memo((n) => {
     [c, ...d]
   );
   return f.size > 0 ? i.createElement(
-    K,
+    G,
     {
       providers: f,
       children: p
@@ -211,10 +211,10 @@ class ae extends b {
   }
   _normalizeBar(e) {
     return this._isLayoutBarConfig(e) ? {
-      content: i.createElement(i.Fragment, null, ...J(e.children)),
+      content: i.createElement(i.Fragment, null, ...q(e.children)),
       fixed: e.fixed ?? !1
     } : {
-      content: V(e),
+      content: F(e),
       fixed: !1
     };
   }
@@ -222,8 +222,8 @@ class ae extends b {
     return !e || typeof e != "object" || i.isValidElement(e) || "build" in e && typeof e.build == "function" ? !1 : "children" in e && !("type" in e);
   }
   build() {
-    var k, C, z, j, y, E, S, L, R, $, A, O, l, a, m, g, I, M, H, P, F, Y;
-    const e = this.processChildren(), t = this._structure, o = this._headerBar && ((k = t.header) == null ? void 0 : k.visible) !== !1, h = this._footerBar && ((C = t.footer) == null ? void 0 : C.visible) !== !1, c = this._sideBarLeft && ((z = t.sidebarLeft) == null ? void 0 : z.visible) !== !1, d = this._sideBarRight && ((j = t.sidebarRight) == null ? void 0 : j.visible) !== !1, f = c && ((y = t.sidebarLeft) == null ? void 0 : y.fullHeight), p = d && ((E = t.sidebarRight) == null ? void 0 : E.fullHeight), B = i.createElement(
+    var N, C, z, j, y, E, S, L, R, $, A, O, l, a, m, g, I, M, H, P, T, Y;
+    const e = this.processChildren(), t = this._structure, o = this._headerBar && ((N = t.header) == null ? void 0 : N.visible) !== !1, h = this._footerBar && ((C = t.footer) == null ? void 0 : C.visible) !== !1, c = this._sideBarLeft && ((z = t.sidebarLeft) == null ? void 0 : z.visible) !== !1, d = this._sideBarRight && ((j = t.sidebarRight) == null ? void 0 : j.visible) !== !1, f = c && ((y = t.sidebarLeft) == null ? void 0 : y.fullHeight), p = d && ((E = t.sidebarRight) == null ? void 0 : E.fullHeight), B = i.createElement(
       "div",
       {
         key: "scaffold-middle",
@@ -318,7 +318,7 @@ class ae extends b {
       i.createElement("div", {
         key: "sidebar-left-full",
         style: {
-          width: (F = t.sidebarLeft) == null ? void 0 : F.width,
+          width: (T = t.sidebarLeft) == null ? void 0 : T.width,
           overflowY: "auto",
           borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -408,17 +408,17 @@ class ce extends b {
   }
 }
 const Re = _(ce), de = i.memo((n) => {
-  const { width: s = 260, collapsed: e, className: t, style: o, children: h, ...c } = n, d = te(), f = (d == null ? void 0 : d.currentPath) ?? "", p = e ? 80 : s, w = W.getInstance().getSidebarItems().map((u, N) => {
+  const { width: s = 260, collapsed: e, className: t, style: o, children: h, ...c } = n, d = te(), f = (d == null ? void 0 : d.currentPath) ?? "", p = e ? 80 : s, w = W.getInstance().getSidebarItems().map((u, k) => {
     const x = f === u.path;
     return i.createElement(ie, {
-      key: `plugin-item-${u.path || N}`,
+      key: `plugin-item-${u.path || k}`,
       to: u.path,
       className: "no-underline block mb-1",
-      children: Q().padding(12).alignItems("center").gap(12).className(`
+      children: J().padding(12).alignItems("center").gap(12).className(`
                     transition-colors duration-200 rounded-lg mx-2
                     ${x ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
                 `).children([
-        u.icon ? U(u.icon).size(20).build() : null,
+        u.icon ? K(u.icon).size(20).build() : null,
         e ? null : ee(u.label).style({ fontSize: 14 }).weight(500).build()
       ].filter(Boolean)).build()
     });
@@ -459,7 +459,7 @@ class fe extends b {
   }
 }
 const $e = _(fe), ue = i.memo((n) => {
-  const { sidebar: s, header: e, children: t, className: o, style: h, ...c } = n, [d, f] = T(!1);
+  const { sidebar: s, header: e, children: t, className: o, style: h, ...c } = n, [d, f] = V(!1);
   return i.createElement(
     "div",
     {
@@ -517,10 +517,10 @@ class me extends b {
     r(this, "_header");
   }
   sidebar(e) {
-    return this._sidebar = V(e), this;
+    return this._sidebar = F(e), this;
   }
   header(e) {
-    return this._header = V(e), this;
+    return this._header = F(e), this;
   }
   build() {
     const e = {
@@ -666,19 +666,19 @@ const Me = _(be), ye = i.memo((n) => {
     containerHeight: c = 500,
     className: d,
     style: f
-  } = n, [p, B] = T(0), w = D(null), u = D(/* @__PURE__ */ new Map()), N = D(/* @__PURE__ */ new Map()), x = s.length, v = e !== void 0, k = (l) => v ? e : N.current.get(l) ?? t, C = (l) => {
+  } = n, [p, B] = V(0), w = D(null), u = D(/* @__PURE__ */ new Map()), k = D(/* @__PURE__ */ new Map()), x = s.length, v = e !== void 0, N = (l) => v ? e : k.current.get(l) ?? t, C = (l) => {
     if (v)
       return l * e;
     let a = 0;
     for (let m = 0; m < l; m++)
-      a += k(m);
+      a += N(m);
     return a;
   }, z = () => {
     if (v)
       return x * e;
     let l = 0;
     for (let a = 0; a < x; a++)
-      l += k(a);
+      l += N(a);
     return l;
   }, y = Math.max(0, ((l) => {
     if (v)
@@ -697,18 +697,18 @@ const Me = _(be), ye = i.memo((n) => {
   } else {
     let l = C(y), a = y;
     for (; l < p + c + h * t && a < x; )
-      l += k(a), a++;
+      l += N(a), a++;
     E = Math.min(x, a);
   }
-  const S = s.slice(y, E), L = C(y), R = z(), [$, A] = T(0);
-  G(() => {
+  const S = s.slice(y, E), L = C(y), R = z(), [$, A] = V(0);
+  X(() => {
     if (!o || v) return;
     let l = !1;
     S.forEach((a, m) => {
       const g = y + m, I = u.current.get(g);
       if (I) {
         const H = I.getBoundingClientRect().height;
-        H > 0 && N.current.get(g) !== H && (N.current.set(g, H), l = !0);
+        H > 0 && k.current.get(g) !== H && (k.current.set(g, H), l = !0);
       }
     }), l && A((a) => a + 1);
   }, [S, y, o, v, $]);

package/dist/{index-De55bvQW.js → index-DRVdVimz.js}

@@ -3,10 +3,10 @@ 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 { B as C, D as F } from "./builder-Dnz93Wem.js";
-import { B as j } from "./index-DN_fam2s.js";
-import { T as O } from "./index-EM-UZNWN.js";
-import { R as J } from "./index-DP7-rISq.js";
+import { D as C, E as F } from "./builder-B5cebEWZ.js";
+import { B as j } from "./index-orKQGpHl.js";
+import { T as O } from "./index-DbaNIwWW.js";
+import { R as J } from "./index-BMIo5j9Y.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",

package/dist/{index-EM-UZNWN.js → index-DbaNIwWW.js}

@@ -3,8 +3,8 @@ var f = Object.defineProperty;
 var b = (i, e, t) => e in i ? f(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var a = (i, e, t) => b(i, typeof e != "symbol" ? e + "" : e, t);
 import o from "react";
-import { B as c, D as x } from "./builder-Dnz93Wem.js";
-import { F as g } from "./FineGrain-BOIYZ80-.js";
+import { D as c, E as x } from "./builder-B5cebEWZ.js";
+import { F as g } from "./FineGrain-CvcJ5OxF.js";
 const p = {
   h1: {
     fontSize: "var(--fibo-text-h1-size, 2.25rem)",