fiboui 2.2.0 → 2.2.1

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-CbTvwN9K.js";
-import { T as x } from "./index-DhPBYTPt.js";
-import { I as f } from "./index-ijbJR6lD.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-B7jJYOv5.js";
+import { T as x } from "./index-Dj85aIkg.js";
+import { I as f } from "./index-CgPc0zLh.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,53 +1,56 @@
 "use client";
-import { C as a, M as r, q as o, O as t, d as i, P as n, R as l, h as u, i as p, S as c, V as S, f as g, c as b, b as v, a as d, g as m, t as R, o as T, p as P, r as E, j as f, s as C, n as F, k as M, m as O, l as x, u as y, e as V } from "./builder-KLTu7nAI.js";
-import { E as h, k as j, F as k, j as w, P as A, i as I, m as q, t as G, f as N, b as W, g as _, a as z, h as D, u as H, d as J, e as K, c as L } from "./mount-D5gt_GWO.js";
-import { F as U, b as X } from "./FineGrain-6w615KQw.js";
+import { C as a, F as r, M as o, p as t, O as i, d as l, P as n, R as u, f as p, h as S, S as c, V as g, c as b, b as v, a as d, t as m, g as T, q as R, v as P, o as F, n as y, r as C, i as E, s as f, m as M, j as O, l as x, k as V, u as B, e as h } from "./builder-KX69ixME.js";
+import { E as k, l as w, F as A, k as I, P as q, c as G, j as N, m as W, t as _, g as z, b as D, h as H, a as J, i as K, u as L, e as Q, f as U, d as X } from "./mount-DX2mgYvd.js";
+import { F as Z, b as $ } from "./FineGrain-uhDvqyeZ.js";
 export {
   a as ComputedSignal,
-  h as Easing,
-  j as Fibo,
-  k as FiboApp,
-  w as FiboAppBuilder,
-  U as FineGrainText,
-  r as MOTION_PRESETS,
-  o as MotionStyles,
-  t as Observable,
-  i as Observer,
-  A as Presence,
+  k as Easing,
+  w as Fibo,
+  A as FiboApp,
+  I as FiboAppBuilder,
+  r as FiboStyles,
+  Z as FineGrainText,
+  o as MOTION_PRESETS,
+  t as MotionStyles,
+  i as Observable,
+  l as Observer,
+  q as Presence,
   n as ProviderWrapper,
-  l as ReactivityRoot,
-  u as Reveal,
-  p as ScrollProgress,
+  u as ReactivityRoot,
+  p as Reveal,
+  S as ScrollProgress,
   c as Signal,
-  S as ValueBuilder,
-  g as applyResponsiveStyles,
-  X as bindText,
+  g as ValueBuilder,
+  G as applyResponsiveStyles,
+  $ as bindText,
   b as computed,
   v as createReactivityRoot,
   d as createStore,
-  I as cssCurve,
-  m as getCurrentScope,
+  N as cssCurve,
+  m as getCss,
+  T as getCurrentScope,
   R as getMotionCss,
-  q as mount,
-  T as observable,
-  P as resolveCssEase,
-  E as runInScope,
-  f as scrollTo,
-  C as signal,
-  F as springEase,
-  M as startViewTransition,
-  O as supportsScrollTimeline,
-  x as supportsViewTimeline,
-  G as toElement,
-  y as useBuilderState,
-  N as useMountTransition,
-  W as useObservable,
-  _ as usePrefersReducedMotion,
-  V as useProvider,
-  z as useReactiveStore,
-  D as useScrollProgress,
-  H as useSignal,
-  J as useSpring,
-  K as useStagger,
-  L as useTransition
+  P as getStyleTag,
+  W as mount,
+  F as observable,
+  y as resolveCssEase,
+  C as runInScope,
+  E as scrollTo,
+  f as signal,
+  M as springEase,
+  O as startViewTransition,
+  x as supportsScrollTimeline,
+  V as supportsViewTimeline,
+  _ as toElement,
+  B as useBuilderState,
+  z as useMountTransition,
+  D as useObservable,
+  H as usePrefersReducedMotion,
+  h as useProvider,
+  J as useReactiveStore,
+  K as useScrollProgress,
+  L as useSignal,
+  Q as useSpring,
+  U as useStagger,
+  X as useTransition
 };

package/dist/{index-CbTvwN9K.js → index-B7jJYOv5.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 { v as C, F } from "./builder-KLTu7nAI.js";
-import { B as j } from "./index-CYnY7jAX.js";
-import { T as O } from "./index-DhPBYTPt.js";
-import { R as J } from "./index-ijbJR6lD.js";
+import { w as C, x as F } from "./builder-KX69ixME.js";
+import { B as j } from "./index-hNxXTy6z.js";
+import { T as O } from "./index-Dj85aIkg.js";
+import { R as J } from "./index-CgPc0zLh.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",

package/dist/{index-ijbJR6lD.js → index-CgPc0zLh.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 { v as a, F as u } from "./builder-KLTu7nAI.js";
+import { w as a, x as u } from "./builder-KX69ixME.js";
 class g extends u {
   constructor() {
     super(...arguments);
@@ -58,7 +58,7 @@ class g extends u {
     );
   }
 }
-const x = a(g), _ = o.memo((e) => {
+const y = a(g), _ = o.memo((e) => {
   const {
     source: t,
     color: s,
@@ -112,8 +112,8 @@ class f extends u {
     return o.createElement(_, c);
   }
 }
-const b = a(f);
+const w = a(f);
 export {
-  b as I,
-  x as R
+  w as I,
+  y as R
 };

package/dist/{index-BN2z9MuJ.js → index-Cud42ieq.js}

@@ -2,8 +2,8 @@
 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 F, useEffect as M, useRef as j } from "react";
-import { v as $, F as D, S as P } from "./builder-KLTu7nAI.js";
+import t, { useState as M, useEffect as j, useRef as F } from "react";
+import { w as $, x as D, S as P } from "./builder-KX69ixME.js";
 import { t as L } from "./bundle-mjs-wppB-TKB.js";
 const q = t.memo((c) => {
   const {
@@ -164,8 +164,8 @@ const de = $(V), W = (c, l) => {
     leadingIcon: _,
     trailingIcon: y,
     ...f
-  } = c, g = x instanceof P, [S, m] = F(g ? x.value : x);
-  M(() => {
+  } = c, g = x instanceof P, [S, m] = M(g ? x.value : x);
+  j(() => {
     if (g)
       return x.subscribe((u) => {
         m(u);
@@ -417,8 +417,8 @@ const ue = $(J), Q = t.memo((c) => {
     className: d,
     style: h,
     id: p
-  } = c, k = j(null), v = l || s;
-  M(() => {
+  } = c, k = F(null), v = l || s;
+  j(() => {
     k.current && (k.current.indeterminate = !!s);
   }, [s]);
   let x = null;
@@ -689,7 +689,7 @@ class te extends D {
   }
 }
 const be = $(te), re = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = F(!1), [d, h] = F(0), p = j(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(0), p = F(null), {
     containerClass: k,
     containerStyle: v,
     label: x,
@@ -701,7 +701,7 @@ const be = $(te), re = t.memo((c) => {
     disabled: S,
     multiple: m
   } = c;
-  M(() => {
+  j(() => {
     const n = (u) => {
       p.current && !p.current.contains(u.target) && s(!1);
     };
@@ -878,7 +878,7 @@ class ae extends D {
   }
 }
 const fe = $(ae), se = t.memo((c) => {
-  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = F(!1), [d, h] = F(""), [p, k] = F(0), v = j(null), {
+  const l = t.useId(), e = c.id || l, o = `${e}-listbox`, [a, s] = M(!1), [d, h] = M(""), [p, k] = M(0), v = F(null), {
     containerClass: x,
     containerStyle: E,
     label: _,
@@ -891,7 +891,7 @@ const fe = $(ae), se = t.memo((c) => {
     disabled: w,
     multiple: I
   } = c;
-  M(() => {
+  j(() => {
     if (!I) {
       const i = g.find((N) => N.value === f);
       i && !a && d !== i.label && h(i.label);
@@ -900,9 +900,9 @@ const fe = $(ae), se = t.memo((c) => {
   const C = g.filter(
     (i) => i.label.toLowerCase().includes(d.toLowerCase())
   );
-  M(() => {
+  j(() => {
     k(0);
-  }, [d, a]), M(() => {
+  }, [d, a]), j(() => {
     const i = (N) => {
       if (v.current && !v.current.contains(N.target))
         if (s(!1), I)

package/dist/{index-DU2MC5u3.js → index-D0tQrTAU.js}

@@ -1,13 +1,13 @@
 "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 F, useRef as D, useLayoutEffect as G } from "react";
-import { v as p, F as _, D as J, B as V, P as K } from "./builder-KLTu7nAI.js";
+var G = Object.defineProperty;
+var X = (n, s, e) => s in n ? G(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var r = (n, s, e) => X(n, typeof s != "symbol" ? s + "" : s, e);
+import i, { useState as V, useRef as D, useLayoutEffect as q } from "react";
+import { w as p, x as _, I as J, G as F, P as K } from "./builder-KX69ixME.js";
 import { P as W } from "./PluginManager-D5-ApsSN.js";
-import { R as Q, I as U } from "./index-ijbJR6lD.js";
-import { T as ee } from "./index-DhPBYTPt.js";
-import { e as te, L as ie } from "./Link-DDzSPY1Q.js";
+import { R as Q, I as U } from "./index-CgPc0zLh.js";
+import { T as ee } from "./index-Dj85aIkg.js";
+import { e as te, L as ie } from "./Link-ElmaMZB8.js";
 class se extends _ {
   build() {
     const e = [
@@ -90,7 +90,7 @@ class re extends _ {
     );
   }
 }
-const Se = p(re);
+const Ie = p(re);
 class ne extends _ {
   build() {
     const s = this.getClassName(), e = this.getStyle(), t = this.processChildren();
@@ -105,7 +105,7 @@ class ne extends _ {
     );
   }
 }
-const Ie = p(ne);
+const Se = p(ne);
 class le extends _ {
   constructor() {
     super(...arguments);
@@ -213,7 +213,7 @@ class ae extends _ {
       content: i.createElement(i.Fragment, null, ...J(e.children)),
       fixed: e.fixed ?? !1
     } : {
-      content: V(e),
+      content: F(e),
       fixed: !1
     };
   }
@@ -221,7 +221,7 @@ class ae extends _ {
     return !e || typeof e != "object" || i.isValidElement(e) || "build" in e && typeof e.build == "function" ? !1 : "children" in e && !("type" in e);
   }
   build() {
-    var N, C, z, j, y, E, S, L, R, $, A, O, l, a, m, g, I, M, H, P, T, Y;
+    var N, C, z, j, y, E, I, L, R, $, A, O, l, a, m, g, S, 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), b = d && ((E = t.sidebarRight) == null ? void 0 : E.fullHeight), B = i.createElement(
       "div",
       {
@@ -239,7 +239,7 @@ class ae extends _ {
           key: "sidebar-left",
           className: "z-20",
           style: {
-            width: (S = t.sidebarLeft) == null ? void 0 : S.width,
+            width: (I = t.sidebarLeft) == null ? void 0 : I.width,
             position: ((L = t.sidebarLeft) == null ? void 0 : L.mode) === "over" ? "absolute" : ((R = t.sidebarLeft) == null ? void 0 : R.behavior) === "fixed" || this._sideBarLeft.fixed ? "sticky" : void 0,
             top: (($ = t.sidebarLeft) == null ? void 0 : $.behavior) === "fixed" || this._sideBarLeft.fixed ? 0 : void 0,
             height: ((A = t.sidebarLeft) == null ? void 0 : A.behavior) === "fixed" || this._sideBarLeft.fixed ? "100%" : void 0,
@@ -277,7 +277,7 @@ class ae extends _ {
         key: "header-bar",
         className: "z-30",
         style: {
-          height: (I = t.header) == null ? void 0 : I.height,
+          height: (S = t.header) == null ? void 0 : S.height,
           position: ((M = t.header) == null ? void 0 : M.position) || (this._headerBar.fixed ? "sticky" : "static"),
           top: 0,
           backgroundColor: "var(--fibo-surface, #ffffff)",
@@ -341,16 +341,16 @@ class ae extends _ {
         }
       }, this._sideBarRight.content)
     ]));
-    const v = W.getInstance().getOverlays().map((Z) => Z().build()), x = {
+    const x = W.getInstance().getOverlays().map((Z) => Z().build()), v = {
       theme: this._theme,
       locale: this._locale,
       providers: this._customProviders,
       className: this.getClassName(),
       style: this.getStyle(),
       children: u,
-      overlays: v
+      overlays: x
     };
-    return i.createElement(oe, x);
+    return i.createElement(oe, v);
   }
 }
 const ze = p(ae), he = i.memo((n) => {
@@ -407,15 +407,15 @@ class ce extends _ {
   }
 }
 const Le = p(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) ?? (typeof window < "u" ? window.location.pathname : ""), b = e ? 80 : s, w = W.getInstance().getSidebarItems().map((u, k) => {
-    const v = f === u.path;
+  const { width: s = 260, collapsed: e, className: t, style: o, children: h, ...c } = n, d = te(), f = (d == null ? void 0 : d.currentPath) ?? "", b = e ? 80 : s, w = W.getInstance().getSidebarItems().map((u, k) => {
+    const x = f === u.path;
     return i.createElement(ie, {
       key: `plugin-item-${u.path || k}`,
       to: u.path,
       className: "no-underline block mb-1",
       children: Q().padding(12).alignItems("center").gap(12).className(`
                     transition-colors duration-200 rounded-lg mx-2
-                    ${v ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
+                    ${x ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
                 `).children([
         u.icon ? U(u.icon).size(20).build() : null,
         e ? null : ee(u.label).style({ fontSize: 14 }).weight(500).build()
@@ -458,7 +458,7 @@ class fe extends _ {
   }
 }
 const Re = p(fe), ue = i.memo((n) => {
-  const { sidebar: s, header: e, children: t, className: o, style: h, ...c } = n, [d, f] = F(!1);
+  const { sidebar: s, header: e, children: t, className: o, style: h, ...c } = n, [d, f] = V(!1);
   return i.createElement(
     "div",
     {
@@ -516,10 +516,10 @@ class me extends _ {
     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 = {
@@ -642,24 +642,24 @@ const je = p(_e), be = i.memo((n) => {
     containerHeight: c = 500,
     className: d,
     style: f
-  } = n, [b, B] = F(0), w = D(null), u = D(/* @__PURE__ */ new Map()), k = D(/* @__PURE__ */ new Map()), v = s.length, x = e !== void 0, N = (l) => x ? e : k.current.get(l) ?? t, C = (l) => {
-    if (x)
+  } = n, [b, 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 += N(m);
     return a;
   }, z = () => {
-    if (x)
-      return v * e;
+    if (v)
+      return x * e;
     let l = 0;
-    for (let a = 0; a < v; a++)
+    for (let a = 0; a < x; a++)
       l += N(a);
     return l;
   }, y = Math.max(0, ((l) => {
-    if (x)
+    if (v)
       return Math.floor(l / e);
-    let a = 0, m = v - 1;
+    let a = 0, m = x - 1;
     for (; a < m; ) {
       const g = Math.floor((a + m) / 2);
       C(g) < l ? a = g + 1 : m = g;
@@ -667,27 +667,27 @@ const je = p(_e), be = i.memo((n) => {
     return Math.max(0, a - 1);
   })(b) - h);
   let E;
-  if (x) {
+  if (v) {
     const l = Math.ceil(c / e);
-    E = Math.min(v, y + l + h * 2);
+    E = Math.min(x, y + l + h * 2);
   } else {
     let l = C(y), a = y;
-    for (; l < b + c + h * t && a < v; )
+    for (; l < b + c + h * t && a < x; )
       l += N(a), a++;
-    E = Math.min(v, a);
+    E = Math.min(x, a);
   }
-  const S = s.slice(y, E), L = C(y), R = z(), [$, A] = F(0);
-  G(() => {
-    if (!o || x) return;
+  const I = s.slice(y, E), L = C(y), R = z(), [$, A] = V(0);
+  q(() => {
+    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;
+    I.forEach((a, m) => {
+      const g = y + m, S = u.current.get(g);
+      if (S) {
+        const H = S.getBoundingClientRect().height;
         H > 0 && k.current.get(g) !== H && (k.current.set(g, H), l = !0);
       }
     }), l && A((a) => a + 1);
-  }, [S, y, o, x, $]);
+  }, [I, y, o, v, $]);
   const O = (l) => {
     B(l.currentTarget.scrollTop);
   };
@@ -723,14 +723,14 @@ const je = p(_e), be = i.memo((n) => {
           width: "100%"
         }
       },
-      S.map((l, a) => {
+      I.map((l, a) => {
         const m = y + a;
         return i.createElement(
           "div",
           {
             key: m,
             ref: (g) => {
-              g && o && !x ? u.current.set(m, g) : g || u.current.delete(m);
+              g && o && !v ? u.current.set(m, g) : g || u.current.delete(m);
             },
             style: { width: "100%" }
           },
@@ -787,8 +787,8 @@ export {
   He as S,
   Me as V,
   Ae as Z,
-  Se as a,
-  Ie as b,
+  Ie as a,
+  Se as b,
   ze as c,
   Re as d,
   je as e