fiboui 2.4.0 → 2.4.2

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-Cnox750A.js";
-import { T as x } from "./index-y7-9rhRQ.js";
-import { I as f } from "./index-kWLK5n5t.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-Cb05sNOU.js";
+import { T as x } from "./index-BVpNTDKn.js";
+import { I as f } from "./index-BK1AwJ9O.js";
 export {
   s as Alert,
   r as Avatar,

package/dist/core.js

@@ -1,7 +1,7 @@
 "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-FPfXLYM6.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-Du-X9Dqn.js";
-import { F as rs, b as os } from "./FineGrain-BBvoBgWP.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 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-CCVmfPD1.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-Dx2s-imU.js";
+import { F as rs, b as os } from "./FineGrain-D7wH1QxC.js";
 export {
   a as ComputedSignal,
   z as Easing,

package/dist/{index-kWLK5n5t.js → index-BK1AwJ9O.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-FPfXLYM6.js";
+import { B as a, D as u } from "./builder-CCVmfPD1.js";
 class g extends u {
   constructor() {
     super(...arguments);

package/dist/{index-y7-9rhRQ.js → index-BVpNTDKn.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-FPfXLYM6.js";
-import { F as g } from "./FineGrain-BBvoBgWP.js";
+import { B as c, D as x } from "./builder-CCVmfPD1.js";
+import { F as g } from "./FineGrain-D7wH1QxC.js";
 const p = {
   h1: {
     fontSize: "var(--fibo-text-h1-size, 2.25rem)",

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

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

package/dist/{index-DkH15EIF.js → index-CHXOPJU-.js}

@@ -3,10 +3,10 @@ var oe = Object.defineProperty;
 var le = (n, s, e) => s in n ? oe(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
 var i = (n, s, e) => le(n, typeof s != "symbol" ? s + "" : s, e);
 import t, { useState as D, useRef as L, useLayoutEffect as Q, useEffect as ce } from "react";
-import { B as w, D as I, N as T, Q as Z } from "./builder-FPfXLYM6.js";
-import { B as C } from "./index-BuatCnp7.js";
+import { B as w, D as I, N as T, Q as Z } from "./builder-CCVmfPD1.js";
+import { B as C } from "./index-Bdphg-MS.js";
 import { t as de } from "./bundle-mjs-wppB-TKB.js";
-import { T as me } from "./index-y7-9rhRQ.js";
+import { T as me } from "./index-BVpNTDKn.js";
 const he = t.memo((n) => {
   const { text: s, subtitle: e, number: r, color: d, className: p, style: c, children: u, ...g } = n;
   return t.createElement(

package/dist/{index-3GitHTeZ.js → index-CVPzf0A9.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-FPfXLYM6.js";
+import { B as $, D, S as P } from "./builder-CCVmfPD1.js";
 import { t as L } from "./bundle-mjs-wppB-TKB.js";
 const q = t.memo((c) => {
   const {

package/dist/{index-Cnox750A.js → index-Cb05sNOU.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-FPfXLYM6.js";
-import { B as j } from "./index-BuatCnp7.js";
-import { T as O } from "./index-y7-9rhRQ.js";
-import { R as J } from "./index-kWLK5n5t.js";
+import { B as C, D as F } from "./builder-CCVmfPD1.js";
+import { B as j } from "./index-Bdphg-MS.js";
+import { T as O } from "./index-BVpNTDKn.js";
+import { R as J } from "./index-BK1AwJ9O.js";
 import { jsxs as $, jsx as f } from "react/jsx-runtime";
 const K = ({ size: n }) => t.createElement(
   "svg",

package/dist/{index-ClppTuYv.js → index-R-gUALvW.js}

@@ -3,10 +3,10 @@ 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-FPfXLYM6.js";
+import { B as _, D as b, T as J, N as V, P as K } from "./builder-CCVmfPD1.js";
 import { P as W } from "./PluginManager-D5-ApsSN.js";
-import { R as Q, I as U } from "./index-kWLK5n5t.js";
-import { T as ee } from "./index-y7-9rhRQ.js";
+import { R as Q, I as U } from "./index-BK1AwJ9O.js";
+import { T as ee } from "./index-BVpNTDKn.js";
 import { e as te, L as ie } from "./Link-ElmaMZB8.js";
 class se extends b {
   build() {

package/dist/index.d.ts

@@ -631,6 +631,12 @@ declare abstract class FiboBuilder {
 	/** True while transition class was auto-managed for hover/effect presets (expandable). */
 	protected _autoEffectTransition: boolean;
 	protected _effectTransitionProps: string[];
+	/**
+	 * When true, getStyle() promotes background/border shorthands to longhands and
+	 * (optionally) stamps a resting translate3d so pseudo transforms ease cleanly.
+	 */
+	protected _smoothSurface: boolean;
+	protected _smoothNeedsRestTransform: boolean;
 	protected _motionClass?: string;
 	protected _staggerMs?: number;
 	protected _reveal?: {
@@ -867,6 +873,16 @@ declare abstract class FiboBuilder {
 	/** Default `:focus-visible` ring. Pass a callback to customize. */
 	focusRing(color?: string): this;
 	protected ensureInteractiveTransition(): void;
+	/**
+	 * Prepare resting styles + transition so pseudo-state longhands (bg/border/transform)
+	 * interpolate instead of snapping. Safe to call repeatedly from PseudoStateBuilder.
+	 * @internal
+	 */
+	prepareSmoothInteraction(properties: string[]): void;
+	/** @internal Convert inline background/border shorthands → longhands. */
+	promoteSurfaceLonghands(): void;
+	/** @internal Stamp translate3d(0,0,0) when no resting transform exists. */
+	ensureRestTransform(): void;
 	/**
 	 * Ensure the base element transitions the properties an interaction effect needs.
 	 * Expands an auto-managed transition; no-ops if the caller set `.transition(...)`

package/dist/index.js

@@ -2,27 +2,27 @@
 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-FPfXLYM6.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-FPfXLYM6.js";
-import { n as ae } from "./mount-Du-X9Dqn.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-Du-X9Dqn.js";
-import { F as wi, b as ki } from "./FineGrain-BBvoBgWP.js";
+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 $, { 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-ClppTuYv.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-ClppTuYv.js";
-import { R as z } from "./index-kWLK5n5t.js";
-import { I as Ki } from "./index-kWLK5n5t.js";
-import { B as st, d as j, A as le, I as ue } from "./index-Cnox750A.js";
-import { b as es, c as rs, L as is, P as ss, a as ns, S as as } from "./index-Cnox750A.js";
-import { T as O } from "./index-y7-9rhRQ.js";
-import { B as Ot } from "./index-3GitHTeZ.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-3GitHTeZ.js";
-import { B as R } from "./index-BuatCnp7.js";
-import { C as J } from "./index-DkH15EIF.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-DkH15EIF.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";
 async function De(a) {

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-3GitHTeZ.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-CVPzf0A9.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-ClppTuYv.js";
-import { R as m } from "./index-kWLK5n5t.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-R-gUALvW.js";
+import { R as m } from "./index-BK1AwJ9O.js";
 export {
   e as Center,
   o as Column,

package/dist/{mount-Du-X9Dqn.js → mount-Dx2s-imU.js}

@@ -3,7 +3,7 @@ var q = Object.defineProperty;
 var I = (e, t, n) => t in e ? q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var b = (e, t, n) => I(e, typeof t != "symbol" ? t + "" : t, n);
 import h, { useCallback as R, useSyncExternalStore as E, memo as T, useState as w, useRef as _, useEffect as v, StrictMode as L } from "react";
-import { n as k, S as F, B as H, H as $, J as j, D as z, R as x, K as N, P as D, L as W, N as J } from "./builder-FPfXLYM6.js";
+import { n as k, S as F, B as H, H as $, J as j, D as z, R as x, K as N, P as D, L as W, N as J } from "./builder-CCVmfPD1.js";
 import { createRoot as C } from "react-dom/client";
 import { P as K } from "./PluginManager-D5-ApsSN.js";
 function Y(e) {

package/dist/structure.js

@@ -1,6 +1,6 @@
 "use client";
-import { B as e } from "./index-BuatCnp7.js";
-import { B as i, C as o, c as t, G as l, d, L as B, a as T, T as m, b as n } from "./index-DkH15EIF.js";
+import { B as e } from "./index-Bdphg-MS.js";
+import { B as i, C as o, c as t, G as l, d, L as B, a as T, T as m, b as n } from "./index-CHXOPJU-.js";
 export {
   i as Banner,
   e as Box,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiboui",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "description": "A Flutter/SwiftUI-inspired React UI framework with builder pattern and theme system",
   "type": "module",
   "main": "./dist/index.js",