fiboui 2.4.2 → 2.4.4

package/dist/{index-Bdphg-MS.js → index-orKQGpHl.js}

@@ -1,6 +1,6 @@
 "use client";
 import o from "react";
-import { B as l, D as i } from "./builder-CCVmfPD1.js";
+import { D as l, E as i } from "./builder-B5cebEWZ.js";
 const a = o.memo((r) => {
   const { className: c, style: e, children: s, ...t } = r;
   return o.createElement(
@@ -28,7 +28,7 @@ class m extends i {
     return o.createElement(a, n);
   }
 }
-const p = l(m);
+const B = l(m);
 export {
-  p as B
+  B
 };

package/dist/index.d.ts

@@ -103,6 +103,7 @@ export declare class Signal<T> implements Subscribable<T> {
 	subscribe(listener: Listener<T>): Unsubscribe;
 	subscribeEffect(effect: Effect): void;
 	unsubscribeEffect(effect: Effect): void;
+	private _notifyDepth;
 	private notify;
 }
 export declare function signal<T>(initialValue: T): Signal<T>;
@@ -118,6 +119,7 @@ export declare class ComputedSignal<T> implements Subscribable<T> {
 	subscribe(listener: Listener<T>): Unsubscribe;
 	subscribeEffect(effect: Effect): void;
 	unsubscribeEffect(effect: Effect): void;
+	private _notifyDepth;
 	private notify;
 }
 export declare function computed<T>(fn: () => T): ComputedSignal<T>;
@@ -1842,13 +1844,17 @@ export interface RevealProps {
 	rootMargin?: string;
 	threshold?: number;
 	forceMotion?: boolean;
+	/** @deprecated Ignored — view-timeline never skips IO (was forcing fibo-inview on load). */
 	preferTimeline?: boolean;
+	/** CSS vars (`--fibo-dur`, `--fibo-ease`, `--fibo-delay`) for the reveal wrapper. */
+	style?: React$1.CSSProperties;
 	children?: React$1.ReactNode;
 }
 /** IntersectionObserver toggles `.fibo-inview`. Motion is CSS — no rAF. */
-export declare function Reveal({ preset, once, rootMargin, threshold, forceMotion, preferTimeline, children, }: RevealProps): React$1.DetailedReactHTMLElement<{
+export declare function Reveal({ preset, once, rootMargin, threshold, forceMotion, style, children, }: RevealProps): React$1.DetailedReactHTMLElement<{
 	ref: React$1.RefObject<HTMLDivElement>;
 	className: string;
+	style: React$1.CSSProperties | undefined;
 	"data-fibo-reveal": string;
 }, HTMLDivElement>;
 interface ScrollProgressProps {
@@ -1924,6 +1930,11 @@ export declare function getMotionCss(): string;
 export declare function getCss(): string;
 /** `<style id="fibo-dynamic-styles">` HTML. Call **after** `renderToString` so rules are collected. */
 export declare function getStyleTag(): string;
+/**
+ * Reset the StyleManager singleton between SSR requests (Next.js / custom servers).
+ * Call after the response CSS has been captured when using `<FiboStyles />` mid-tree.
+ */
+export declare function endSsrRequest(): void;
 /**
  * Inject collected CSS into a document. Place as a **later sibling** of the app
  * so registrations from children run first during SSR.

package/dist/index.js

@@ -2,29 +2,29 @@
 var re = Object.defineProperty;
 var ie = (a, e, t) => e in a ? re(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var d = (a, e, t) => ie(a, typeof e != "symbol" ? e + "" : e, t);
-import { i as se, B as D, D as G, U as ne } from "./builder-CCVmfPD1.js";
-import { C as pr, X as mr, F as yr, W as gr, x as vr, I as br, M as wr, w as kr, O as xr, d as $r, P as Sr, R as Tr, f as Cr, h as Or, S as Mr, V as Er, c as Rr, b as Ir, a as Br, v as Fr, H as Lr, z as Pr, g as Nr, y as Wr, A as Ar, q as Hr, t as jr, p as zr, J as Dr, o as Gr, n as Vr, r as Yr, s as Xr, m as Ur, j as qr, l as Qr, k as Zr, Y as Jr, u as Kr, e as ti } from "./builder-CCVmfPD1.js";
-import { n as ae } from "./mount-Dx2s-imU.js";
-import { E as ri, l as ii, F as si, k as ni, P as ai, c as oi, j as li, m as ui, t as hi, g as ci, b as di, h as fi, a as _i, i as pi, u as mi, e as yi, f as gi, d as vi } from "./mount-Dx2s-imU.js";
-import { F as wi, b as ki } from "./FineGrain-D7wH1QxC.js";
+import { i as se, D, E as G, W as ne } from "./builder-B5cebEWZ.js";
+import { C as pr, Y as mr, F as yr, X as gr, x as vr, I as br, M as wr, w as kr, O as xr, d as $r, P as Sr, R as Tr, f as Cr, h as Or, S as Mr, V as Er, c as Rr, b as Ir, a as Br, B as Fr, v as Lr, J as Pr, z as Nr, g as Wr, y as Ar, A as Hr, q as jr, t as zr, p as Dr, K as Gr, o as Vr, n as Yr, r as Xr, s as Ur, m as qr, j as Zr, l as Qr, k as Jr, Z as Kr, u as ti, e as ei } from "./builder-B5cebEWZ.js";
+import { n as ae } from "./mount-DbMVakA4.js";
+import { E as ii, l as si, F as ni, k as ai, P as oi, c as li, j as ui, m as hi, t as ci, g as di, b as fi, h as _i, a as pi, i as mi, u as yi, e as gi, f as vi, d as bi } from "./mount-DbMVakA4.js";
+import { F as ki, b as xi } from "./FineGrain-CvcJ5OxF.js";
 import $, { useSyncExternalStore as oe } from "react";
-import { P as $i } from "./PluginManager-D5-ApsSN.js";
-import { F as Ti, u as Ci } from "./provider-Muljv62_.js";
-import { F as Mi, a as Ei, c as Ri, e as Ii, m as Bi, n as Fi, r as Li, f as Pi, d as Ni, t as Wi, b as Ai, w as Hi } from "./themeData-CmTJt3dU.js";
-import { S as X, a as H } from "./index-R-gUALvW.js";
-import { C as zi, b as Di, D as Gi, H as Vi, L as Yi, c as Xi, e as Ui, d as qi, V as Qi, Z as Zi } from "./index-R-gUALvW.js";
-import { R as z } from "./index-BK1AwJ9O.js";
-import { I as Ki } from "./index-BK1AwJ9O.js";
-import { B as st, d as j, A as le, I as ue } from "./index-Cb05sNOU.js";
-import { b as es, c as rs, L as is, P as ss, a as ns, S as as } from "./index-Cb05sNOU.js";
-import { T as O } from "./index-BVpNTDKn.js";
-import { B as Ot } from "./index-CVPzf0A9.js";
-import { C as ls, c as us, R as hs, b as cs, S as ds, T as fs, a as _s } from "./index-CVPzf0A9.js";
-import { B as R } from "./index-Bdphg-MS.js";
-import { C as J } from "./index-CHXOPJU-.js";
-import { B as ms, c as ys, G as gs, d as vs, L as bs, a as ws, T as ks, b as xs } from "./index-CHXOPJU-.js";
-import { R as Ss } from "./Router-BwbaHooU.js";
-import { L as Cs, N as Os, c as Ms, a as Es, b as Rs, d as Is, u as Bs } from "./Link-ElmaMZB8.js";
+import { P as Si } from "./PluginManager-D5-ApsSN.js";
+import { F as Ci, u as Oi } from "./provider-BTNE3N5g.js";
+import { F as Ei, a as Ri, c as Ii, e as Bi, m as Fi, n as Li, r as Pi, f as Ni, d as Wi, t as Ai, b as Hi, w as ji } from "./themeData-Dtm0M_mF.js";
+import { S as X, a as H } from "./index-DGQVwcWx.js";
+import { C as Di, b as Gi, D as Vi, H as Yi, L as Xi, c as Ui, e as qi, d as Zi, V as Qi, Z as Ji } from "./index-DGQVwcWx.js";
+import { R as z } from "./index-BMIo5j9Y.js";
+import { I as ts } from "./index-BMIo5j9Y.js";
+import { B as st, d as j, A as le, I as ue } from "./index-DRVdVimz.js";
+import { b as rs, c as is, L as ss, P as ns, a as as, S as os } from "./index-DRVdVimz.js";
+import { T as O } from "./index-DbaNIwWW.js";
+import { B as Ot } from "./index-BxH8dhoT.js";
+import { C as us, c as hs, R as cs, b as ds, S as fs, T as _s, a as ps } from "./index-BxH8dhoT.js";
+import { B as R } from "./index-orKQGpHl.js";
+import { C as J } from "./index-MeDbhMEg.js";
+import { B as ys, c as gs, G as vs, d as bs, L as ws, a as ks, T as xs, b as $s } from "./index-MeDbhMEg.js";
+import { R as Ts } from "./Router-BwbaHooU.js";
+import { L as Os, N as Ms, c as Es, a as Rs, b as Is, d as Bs, u as Fs } from "./Link-ElmaMZB8.js";
 async function De(a) {
   var e;
   if (typeof navigator > "u" || !((e = navigator.clipboard) != null && e.writeText)) return !1;
@@ -293,7 +293,7 @@ class ye extends G {
     return $.createElement(me, t);
   }
 }
-const Qe = D(ye), ge = $.memo((a) => {
+const Ze = D(ye), ge = $.memo((a) => {
   const { image: e, title: t, author: i, items: o, className: _, style: v, ...b } = a;
   return J().classNames(["group", "cursor-pointer"]).style({
     width: "100%",
@@ -350,7 +350,7 @@ class ve extends G {
     return $.createElement(ge, t);
   }
 }
-const Ze = D(ve), be = $.memo((a) => {
+const Qe = D(ve), be = $.memo((a) => {
   const {
     image: e,
     title: t,
@@ -1210,7 +1210,7 @@ var Ct;
       } : function(r, s) {
         return r[s];
       }
-    }, N = Object.getPrototypeOf(Function), W = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : Zt(), M = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Jt(), A = typeof WeakMap == "function" ? WeakMap : Kt(), V = o ? Symbol.for("@reflect-metadata:registry") : void 0, Q = Ut(), lt = qt(Q);
+    }, N = Object.getPrototypeOf(Function), W = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : Qt(), M = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : Jt(), A = typeof WeakMap == "function" ? WeakMap : Kt(), V = o ? Symbol.for("@reflect-metadata:registry") : void 0, Z = Ut(), lt = qt(Z);
     function Et(r, s, n, l) {
       if (m(n)) {
         if (!yt(r))
@@ -1450,13 +1450,13 @@ var Ct;
       var n, l, p;
       {
         var k = r.toString;
-        if (Z(k)) {
+        if (Q(k)) {
           var l = k.call(r);
           if (!S(l))
             return l;
         }
         var n = r.valueOf;
-        if (Z(n)) {
+        if (Q(n)) {
           var l = n.call(r);
           if (!S(l))
             return l;
@@ -1477,7 +1477,7 @@ var Ct;
     function yt(r) {
       return Array.isArray ? Array.isArray(r) : r instanceof Object ? r instanceof Array : Object.prototype.toString.call(r) === "[object Array]";
     }
-    function Z(r) {
+    function Q(r) {
       return typeof r == "function";
     }
     function gt(r) {
@@ -1499,14 +1499,14 @@ var Ct;
     function vt(r, s) {
       var n = r[s];
       if (n != null) {
-        if (!Z(n))
+        if (!Q(n))
           throw new TypeError();
         return n;
       }
     }
     function bt(r) {
       var s = vt(r, v);
-      if (!Z(s))
+      if (!Q(s))
         throw new TypeError();
       var n = s.call(r);
       if (!S(n))
@@ -1536,7 +1536,7 @@ var Ct;
     }
     function Xt() {
       var r;
-      !m(V) && typeof t.Reflect < "u" && !(V in t.Reflect) && typeof t.Reflect.defineMetadata == "function" && (r = Qt(t.Reflect));
+      !m(V) && typeof t.Reflect < "u" && !(V in t.Reflect) && typeof t.Reflect.defineMetadata == "function" && (r = Zt(t.Reflect));
       var s, n, l, p = new A(), k = {
         registerProvider: T,
         getProvider: u,
@@ -1628,7 +1628,7 @@ var Ct;
         OrdinaryOwnMetadataKeys: y,
         OrdinaryDeleteMetadata: u
       };
-      return Q.registerProvider(n), n;
+      return Z.registerProvider(n), n;
       function l(h, c, f) {
         var g = s.get(h), w = !1;
         if (m(g)) {
@@ -1715,7 +1715,7 @@ var Ct;
         return !0;
       }
     }
-    function Qt(r) {
+    function Zt(r) {
       var s = r.defineMetadata, n = r.hasOwnMetadata, l = r.getOwnMetadata, p = r.getOwnMetadataKeys, k = r.deleteMetadata, T = new A(), y = {
         isProviderFor: function(u, h) {
           var c = T.get(u);
@@ -1730,16 +1730,16 @@ var Ct;
       return y;
     }
     function U(r, s, n) {
-      var l = Q.getProvider(r, s);
+      var l = Z.getProvider(r, s);
       if (!m(l))
         return l;
       if (n) {
-        if (Q.setProvider(r, s, lt))
+        if (Z.setProvider(r, s, lt))
           return lt;
         throw new Error("Illegal state.");
       }
     }
-    function Zt() {
+    function Qt() {
       var r = {}, s = [], n = (
         /** @class */
         function() {
@@ -2061,161 +2061,162 @@ function dr(a, e = ot.localStorage) {
   }
 }
 export {
-  es as Alert,
+  rs as Alert,
   qe as AssetCard,
   le as Avatar,
   st as Badge,
-  ms as Banner,
+  ys as Banner,
   R as Box,
   tr as BurgerIcon,
   Ot as Button,
   $e as Canvas,
   J as Card,
-  zi as Center,
-  ls as Checkbox,
+  Di as Center,
+  us as Checkbox,
   P as Circle,
-  ys as Collapse,
-  Ze as CollectionCard,
+  gs as Collapse,
+  Qe as CollectionCard,
   H as Column,
-  us as Combobox,
+  hs as Combobox,
   er as Component,
   pr as ComputedSignal,
-  Di as Container,
+  Gi as Container,
   Je as ContentCard,
-  Gi as DashboardLayout,
-  ri as Easing,
+  Vi as DashboardLayout,
+  ii as Easing,
   mr as FIBO_BREAKPOINTS,
   yr as FIBO_INTERACTION_FX_CSS,
   gr as FIBO_MOTION_CSS,
-  Mi as FIBO_THEMES,
-  ii as Fibo,
-  si as FiboApp,
-  ni as FiboAppBuilder,
+  Ei as FIBO_THEMES,
+  si as Fibo,
+  ni as FiboApp,
+  ai as FiboAppBuilder,
   vr as FiboStyles,
-  Ti as FiboThemeProvider,
-  wi as FineGrainText,
-  gs as Grid,
-  vs as GridItem,
-  Vi as Header,
+  Ci as FiboThemeProvider,
+  ki as FineGrainText,
+  vs as Grid,
+  bs as GridItem,
+  Yi as Header,
   br as INTERACTION_EFFECTS,
-  Ki as Icon,
+  ts as Icon,
   ue as Image,
-  rs as Integration,
-  is as Label,
-  Yi as Line,
+  is as Integration,
+  ss as Label,
+  Xi as Line,
   Ke as LinearGradient,
-  Cs as Link,
-  bs as List,
-  ws as ListTile,
+  Os as Link,
+  ws as List,
+  ks as ListTile,
   wr as MOTION_PRESETS,
   kr as MotionStyles,
-  Os as NavLink,
+  Ms as NavLink,
   xr as Observable,
   $r as Observer,
   rr as Page,
   I as Path,
-  $i as PluginManager,
-  ai as Presence,
-  Qe as ProfileCard,
-  ss as Progress,
+  Si as PluginManager,
+  oi as Presence,
+  Ze as ProfileCard,
+  ns as Progress,
   Sr as ProviderWrapper,
-  hs as RadioGroup,
+  cs as RadioGroup,
   Tr as ReactivityRoot,
   St as Rect,
   Cr as Reveal,
-  Ss as Router,
+  Ts as Router,
   z as Row,
-  Xi as Scaffold,
+  Ui as Scaffold,
   Ue as ScrollController,
   Or as ScrollProgress,
-  Ui as ScrollView,
-  cs as Select,
-  qi as Sidebar,
+  qi as ScrollView,
+  ds as Select,
+  Zi as Sidebar,
   Mr as Signal,
-  ns as Skeleton,
+  as as Skeleton,
   X as Spacer,
-  as as Spinner,
+  os as Spinner,
   ar as Store,
-  ds as Switch,
-  ks as Table,
-  xs as Tags,
+  fs as Switch,
+  xs as Table,
+  $s as Tags,
   O as Text,
-  fs as TextField,
-  _s as Textarea,
+  _s as TextField,
+  ps as Textarea,
   Er as ValueBuilder,
   Qi as VirtualColumn,
-  Zi as ZStack,
-  oi as applyResponsiveStyles,
+  Ji as ZStack,
+  li as applyResponsiveStyles,
   Ye as bindHotkeys,
-  ki as bindText,
+  xi as bindText,
   cr as clearPersistedState,
   sr as clearRoutes,
   lr as clearStores,
   Rr as computed,
-  Ei as copyWithTheme,
+  Ri as copyWithTheme,
   Ir as createReactivityRoot,
   Br as createStore,
-  li as cssCurve,
-  Ri as cupertinoTheme,
-  Fr as ensureInteractionFxCss,
-  Lr as ensureMotionCss,
-  Ii as extendTheme,
-  Pr as getCss,
-  Nr as getCurrentScope,
-  Wr as getMotionCss,
+  ui as cssCurve,
+  Ii as cupertinoTheme,
+  Fr as endSsrRequest,
+  Lr as ensureInteractionFxCss,
+  Pr as ensureMotionCss,
+  Bi as extendTheme,
+  Nr as getCss,
+  Wr as getCurrentScope,
+  Ar as getMotionCss,
   dr as getPersistedState,
   ir as getRegisteredRoutes,
   or as getStore,
-  Ar as getStyleTag,
+  Hr as getStyleTag,
   Ve as goHash,
-  Hr as interactionEffectClass,
-  jr as interactionEffectKebab,
+  jr as interactionEffectClass,
+  zr as interactionEffectKebab,
   ur as isStore,
-  Bi as materialTheme,
-  ui as mount,
-  Fi as noirTheme,
-  zr as normalizeInteractionEffect,
-  Dr as normalizePreset,
-  Gr as observable,
+  Fi as materialTheme,
+  hi as mount,
+  Li as noirTheme,
+  Dr as normalizeInteractionEffect,
+  Gr as normalizePreset,
+  Vr as observable,
   he as open,
   Ge as openExternal,
   hr as persist,
   nr as registerRoute,
-  Vr as resolveCssEase,
-  Li as resolveTheme,
-  Yr as runInScope,
+  Yr as resolveCssEase,
+  Pi as resolveTheme,
+  Xr as runInScope,
   se as scrollTo,
-  Xr as signal,
-  Ur as springEase,
-  qr as startViewTransition,
+  Ur as signal,
+  qr as springEase,
+  Zr as startViewTransition,
   ot as storageAdapters,
   Qr as supportsScrollTimeline,
-  Zr as supportsViewTimeline,
-  Pi as themeClassName,
-  Ni as themeToCssRule,
-  Wi as themeToCssVars,
-  Ai as themeToInlineStyle,
-  hi as toElement,
-  Jr as toMediaQuery,
-  Kr as useBuilderState,
-  Ci as useFiboTheme,
-  Ms as useLocation,
-  ci as useMountTransition,
-  Es as useNavigate,
-  di as useObservable,
-  Rs as useParams,
-  fi as usePrefersReducedMotion,
-  ti as useProvider,
-  Is as useQuery,
-  _i as useReactiveStore,
-  Bs as useRouter,
-  pi as useScrollProgress,
-  mi as useSignal,
-  yi as useSpring,
-  gi as useStagger,
+  Jr as supportsViewTimeline,
+  Ni as themeClassName,
+  Wi as themeToCssRule,
+  Ai as themeToCssVars,
+  Hi as themeToInlineStyle,
+  ci as toElement,
+  Kr as toMediaQuery,
+  ti as useBuilderState,
+  Oi as useFiboTheme,
+  Es as useLocation,
+  di as useMountTransition,
+  Rs as useNavigate,
+  fi as useObservable,
+  Is as useParams,
+  _i as usePrefersReducedMotion,
+  ei as useProvider,
+  Bs as useQuery,
+  pi as useReactiveStore,
+  Fs as useRouter,
+  mi as useScrollProgress,
+  yi as useSignal,
+  gi as useSpring,
+  vi as useStagger,
   Ee as useStore,
-  vi as useTransition,
+  bi as useTransition,
   Xe as useViewportWidth,
-  Hi as webTheme,
+  ji as webTheme,
   De as writeClipboard
 };

package/dist/interactive.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as o, C as s, c as t, R as c, b as x, S as b, T as i, a as r } from "./index-CVPzf0A9.js";
+import { B as o, C as s, c as t, R as c, b as x, S as b, T as i, a as r } from "./index-BxH8dhoT.js";
 export {
   o as Button,
   s as Checkbox,

package/dist/layout.js

@@ -1,6 +1,6 @@
 "use client";
-import { C as e, a as o, b as r, D as t, H as l, L as n, c, e as i, d as S, S as d, V as u, Z as C } from "./index-R-gUALvW.js";
-import { R as m } from "./index-BK1AwJ9O.js";
+import { C as e, a as o, b as r, D as t, H as l, L as n, c, e as i, d as S, S as d, V as u, Z as C } from "./index-DGQVwcWx.js";
+import { R as m } from "./index-BMIo5j9Y.js";
 export {
   e as Center,
   o as Column,