fiboui 2.9.1 → 2.9.4

package/dist/content.js

@@ -1,6 +1,6 @@
-import { A as s, B as r, I as o } from "./icons-DS8J4SFk.js";
-import { ak as n, aj as I } from "./client-3NdKI2xE.js";
-import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-B6F3yf3H.js";
+import { A as s, B as r, I as o } from "./icons-CirVDr1q.js";
+import { ak as n, aj as I } from "./client-lzMYg4vy.js";
+import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-D1oVA2Du.js";
 export {
   m as Alert,
   s as Avatar,

package/dist/core.js

@@ -1,5 +1,5 @@
-import { C as e, E as t, X as r, a6 as i, a3 as o, a4 as n, _ as l, F as u, T as S, L as c, Q as p, Z as g, O as T, n as b, B as v, P as F, R as E, D as d, G as C, S as R, a8 as f, t as m, q as I, d as P, c as y, b as O, a as x, a2 as M, Y as N, e as _, f as w, a0 as A, g as B, $ as V, a1 as D, V as L, W as U, i as h, l as q, a5 as z, U as G, o as K, h as W, N as X, r as j, H as k, s as H, M as J, I as Q, K as Y, J as Z, a7 as $, m as ss, y as as, k as es, z as ts, p as rs, j as is, A as os, u as ns, w as ls, x as us, v as Ss } from "./client-3NdKI2xE.js";
-import { F as ps, P as gs, T as Ts, U as bs, a as vs, c as Fs, p as Es, w as ds } from "./page-xwU8SnoZ.js";
+import { C as e, E as t, X as r, a6 as i, a3 as o, a4 as n, _ as l, F as u, T as S, L as c, Q as p, Z as g, O as T, n as b, B as v, P as F, R as E, D as d, G as C, S as R, a8 as f, t as m, q as I, d as P, c as y, b as O, a as x, a2 as M, Y as N, e as _, f as w, a0 as A, g as B, $ as V, a1 as D, V as L, W as U, i as h, l as q, a5 as z, U as G, o as K, h as W, N as X, r as j, H as k, s as H, M as J, I as Q, K as Y, J as Z, a7 as $, m as ss, y as as, k as es, z as ts, p as rs, j as is, A as os, u as ns, w as ls, x as us, v as Ss } from "./client-lzMYg4vy.js";
+import { F as ps, P as gs, T as Ts, U as bs, a as vs, c as Fs, p as Es, w as ds } from "./page-fKXx7Y-J.js";
 export {
   e as ComputedSignal,
   t as Easing,

package/dist/{icons-DS8J4SFk.js → icons-CirVDr1q.js}

@@ -2,7 +2,7 @@ var L = Object.defineProperty;
 var j = (t, r, e) => r in t ? L(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
 var i = (t, r, e) => j(t, typeof r != "symbol" ? r + "" : r, e);
 import h from "react";
-import { b2 as w, b3 as E, aF as y, bc as I, a9 as R, aj as H, bd as M, b6 as N, b9 as D, b7 as $ } from "./client-3NdKI2xE.js";
+import { b2 as w, b3 as E, aF as y, bc as I, a9 as R, aj as H, bd as M, b6 as N, b9 as D, b7 as $ } from "./client-lzMYg4vy.js";
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
 function V(t) {
   if (typeof t != "string") return "";

package/dist/{index-BLEG6Nql.js → index-C_GtMcVT.js}

@@ -2,7 +2,7 @@ var w = Object.defineProperty;
 var S = (s, e, t) => e in s ? w(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var n = (s, e, t) => S(s, typeof e != "symbol" ? e + "" : e, t);
 import m from "react";
-import { b2 as g, b3 as d, ba as N, bb as C, b7 as j, b6 as _, b9 as z } from "./client-3NdKI2xE.js";
+import { b2 as g, b3 as d, ba as N, bb as C, b7 as j, b6 as _, b9 as z } from "./client-lzMYg4vy.js";
 function B(s, e) {
   if (!(typeof e != "string" || !_(e)))
     for (const t of z(e))

package/dist/{index-I-MXiId0.js → index-CtvQ20_N.js}

@@ -2,7 +2,7 @@ var c = Object.defineProperty;
 var f = (s, e, t) => e in s ? c(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
 var i = (s, e, t) => f(s, typeof e != "symbol" ? e + "" : e, t);
 import m from "react";
-import { b2 as d, b3 as y, b4 as b, b5 as n, b6 as o, b7 as a, b8 as x, b9 as v } from "./client-3NdKI2xE.js";
+import { b2 as d, b3 as y, b4 as b, b5 as n, b6 as o, b7 as a, b8 as x, b9 as v } from "./client-lzMYg4vy.js";
 function p(s, e) {
   if (!(typeof e != "string" || !o(e)))
     for (const t of v(e))

package/dist/{index-B6F3yf3H.js → index-D1oVA2Du.js}

@@ -2,8 +2,8 @@ var ae = Object.defineProperty;
 var ie = (s, r, e) => r in s ? ae(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
 var i = (s, r, e) => ie(s, typeof r != "symbol" ? r + "" : r, e);
 import t from "react";
-import { b2 as I, b3 as $, b6 as z, b9 as R, b7 as q, z as le, bc as Z, bA as oe } from "./client-3NdKI2xE.js";
-import { a as F } from "./icons-DS8J4SFk.js";
+import { b2 as I, b3 as $, b6 as z, b9 as R, b7 as q, z as le, bc as Z, bA as oe } from "./client-lzMYg4vy.js";
+import { a as F } from "./icons-CirVDr1q.js";
 function ce(s, r) {
   if (!(typeof r != "string" || !z(r)))
     for (const e of R(r))

package/dist/{index-FuD1J3Qo.js → index-DYFx4V14.js}

@@ -2,7 +2,7 @@ var nt = Object.defineProperty;
 var et = (n, i, t) => i in n ? nt(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
 var d = (n, i, t) => et(n, typeof i != "symbol" ? i + "" : i, t);
 import h from "react";
-import { b2 as T, b3 as B, b7 as $, b6 as m, b9 as z, bu as _, bv as E, bw as b, bx as rt, bd as ot, by as st, bz as lt } from "./client-3NdKI2xE.js";
+import { b2 as T, b3 as B, b7 as $, b6 as m, b9 as z, bu as _, bv as E, bw as b, bx as rt, bd as ot, by as st, bz as lt } from "./client-lzMYg4vy.js";
 function at(n, i) {
   if (!(typeof i != "string" || !m(i)))
     for (const t of z(i))

package/dist/{index-BaTO66yA.js → index-Dz8r4kWQ.js}

@@ -2,10 +2,10 @@ var Bt = Object.defineProperty;
 var Tt = (e, r, t) => r in e ? Bt(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var n = (e, r, t) => Tt(e, typeof r != "symbol" ? r + "" : r, t);
 import s, { useSyncExternalStore as X } from "react";
-import { b2 as L, b3 as P, b6 as C, b9 as M, b7 as R, bq as ot, bc as _t, bg as At, bB as Lt, L as vt, aF as T, F as lt, bC as ut, bD as Pt, bE as Rt, a9 as W, aj as N } from "./client-3NdKI2xE.js";
-import { S as V, C as F } from "./index-BLEG6Nql.js";
-import { B as wt } from "./index-I-MXiId0.js";
-import { B as et, I as at, a as G, A as $t } from "./icons-DS8J4SFk.js";
+import { b2 as L, b3 as P, b6 as C, b9 as M, b7 as R, bq as ot, bc as _t, bg as At, bB as Lt, L as vt, aF as T, F as lt, bC as ut, bD as Pt, bE as Rt, a9 as W, aj as N } from "./client-lzMYg4vy.js";
+import { S as V, C as F } from "./index-C_GtMcVT.js";
+import { B as wt } from "./index-CtvQ20_N.js";
+import { B as et, I as at, a as G, A as $t } from "./icons-CirVDr1q.js";
 function $(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))

package/dist/index.d.ts

@@ -3129,6 +3129,13 @@ interface ScaffoldStructure {
 		height?: string | number;
 		visible?: boolean;
 	};
+	/** Flutter `Scaffold.bottomNavigationBar` chrome metrics. */
+	bottomAppBar?: {
+		position?: "static" | "sticky" | "fixed";
+		height?: string | number;
+		visible?: boolean;
+	};
+	/** @deprecated Use `bottomAppBar`. */
 	footer?: {
 		position?: "static" | "sticky" | "fixed";
 		height?: string | number;
@@ -3154,7 +3161,7 @@ declare class ScaffoldBuilder extends FiboBuilder {
 	private _customProviders;
 	private _structure;
 	private _headerBar?;
-	private _footerBar?;
+	private _bottomAppBar?;
 	private _sideBarLeft?;
 	private _sideBarRight?;
 	private _drawer?;
@@ -3183,7 +3190,13 @@ declare class ScaffoldBuilder extends FiboBuilder {
 	 * set, this is a no-op (explicit chrome wins).
 	 */
 	navigationTitle(title: string | FiboChild): this;
-	footerBar(config: FiboChild | LayoutBarConfig): this;
+	/**
+	 * Flutter `Scaffold.bottomNavigationBar` — typically a {@link BottomAppBar}
+	 * (same three zones as `AppBar`) or a `TabView` / `BottomBar` strip.
+	 */
+	bottomAppBar(config: FiboChild | LayoutBarConfig): this;
+	/** Flutter alias of `.bottomAppBar()`. */
+	bottomNavigationBar(config: FiboChild | LayoutBarConfig): this;
 	sideBarLeft(config: FiboChild | LayoutBarConfig): this;
 	sideBarRight(config: FiboChild | LayoutBarConfig): this;
 	/** Flutter drawer. Starts closed. Open it with `useScaffold().openDrawer()`. */
@@ -3212,7 +3225,7 @@ declare class ScaffoldBuilder extends FiboBuilder {
 	build(): React$1.ReactElement;
 }
 export declare const Scaffold: () => StyleBuilder<ScaffoldBuilder>;
-/** Where a toolbar item sits. Same three slots as Flutter's NavigationToolbar and SwiftUI's top bar. */
+/** Where a toolbar item sits. Flutter NavigationToolbar / SwiftUI top·bottom bar. */
 export type ToolbarPlace = "leading" | "principal" | "trailing";
 declare class ToolbarItemBuilder extends FiboBuilder {
 	private _place;
@@ -3220,11 +3233,11 @@ declare class ToolbarItemBuilder extends FiboBuilder {
 	private _onPress?;
 	private _drawer?;
 	private _disabled;
-	/** SwiftUI `.topBarLeading`. Flutter `AppBar.leading`. */
+	/** SwiftUI `.topBarLeading` / `.bottomBar` leading. Flutter `AppBar.leading`. */
 	leading(): this;
-	/** SwiftUI `.principal`. Flutter `AppBar.title`. */
+	/** SwiftUI `.principal`. Flutter `AppBar.title` / center slot. */
 	principal(): this;
-	/** SwiftUI `.topBarTrailing`. Flutter `AppBar.actions`. */
+	/** SwiftUI `.topBarTrailing` / bottom trailing. Flutter `AppBar.actions`. */
 	trailing(): this;
 	at(place: ToolbarPlace): this;
 	/** Hover label and accessible name. Flutter `tooltip`. */
@@ -3253,6 +3266,13 @@ declare class AppBarBuilder extends FiboBuilder {
 }
 export declare const ToolbarItem: () => StyleBuilder<ToolbarItemBuilder>;
 export declare const AppBar: () => StyleBuilder<AppBarBuilder>;
+declare class BottomAppBarBuilder extends FiboBuilder {
+	private _items;
+	/** Same contract as `AppBar().items` — zone via `ToolbarItem` place. */
+	items(children: FiboChildren): this;
+	build(): React$1.ReactElement;
+}
+export declare const BottomAppBar: () => StyleBuilder<BottomAppBarBuilder>;
 declare class HeaderBuilder extends FiboBuilder {
 	private _height;
 	private _sticky;
@@ -3368,6 +3388,27 @@ declare class LineBuilder extends FiboBuilder {
 	build(): React$1.ReactElement;
 }
 export declare const Line: () => StyleBuilder<LineBuilder>;
+declare class DividerBuilder extends FiboBuilder {
+	private _thickness;
+	private _indent;
+	private _endIndent;
+	private _color;
+	private _height?;
+	/** Flutter `Divider.thickness` — painted line width in px. */
+	thickness(value: number): this;
+	/** Flutter `Divider.height` — outer box height (line is centered when taller). */
+	height(value: number | string): this;
+	/** Flutter `Divider.indent` — leading inset. */
+	indent(value: number): this;
+	/** Flutter `Divider.endIndent` — trailing inset. */
+	endIndent(value: number): this;
+	/** Flutter `Divider.color`. */
+	color(value: string): this;
+	build(): React$1.ReactElement;
+}
+export declare const Divider: () => StyleBuilder<DividerBuilder>;
+/** SwiftUI / common alias — same builder as {@link Divider}. */
+export declare const Separator: () => StyleBuilder<DividerBuilder>;
 /** Flutter-style handle for a mounted ScrollView — no document.querySelector. */
 export declare class ScrollController {
 	private _node;
@@ -4994,6 +5035,7 @@ declare class ListItemStyleBuilder extends CssStyleStore {
 	style(extra: React$1.CSSProperties): this;
 }
 type ListVariant$1 = "default" | "card" | "floating";
+type ListSeparator = boolean | FiboChild | ((index: number) => FiboChild);
 declare class ListBuilder<T = any> extends FiboBuilder {
 	private _items;
 	/** Plain `signal(array)`. Read on each rebuild. */
@@ -5003,6 +5045,7 @@ declare class ListBuilder<T = any> extends FiboBuilder {
 	private _renderItem?;
 	private _onItemPress?;
 	private _variant;
+	/** Flutter `ListView.separated` — see {@link ListBuilder.separator}. */
 	private _separator;
 	private _onEndReached?;
 	private _loading;
@@ -5063,7 +5106,26 @@ declare class ListBuilder<T = any> extends FiboBuilder {
 	 */
 	empty(content: FiboChild | (() => FiboChild)): this;
 	variant(variant: ListVariant$1): this;
-	separator(show?: boolean): this;
+	/**
+	 * Flutter `ListView.separated` — paint a widget **between** rows only
+	 * (never before the first or after the last). The value itself is the build:
+	 *
+	 * ```ts
+	 * // default Material hairline (Divider)
+	 * List().items(rows).separator().renderItem(…)
+	 *
+	 * // fixed custom separator (any builder / node)
+	 * List().items(rows).separator(Divider().indent(16).color('#ccc'))
+	 * List().items(rows).separator(Text('·').alignX('center'))
+	 * List().items(rows).separator(Row().gap(8).children([Line(), Text('OR'), Line()]))
+	 *
+	 * // build each gap — index is 0 … itemCount-2
+	 * List().items(rows).separator((i) =>
+	 *   i === 2 ? Text('Section') : Divider().indent(16)
+	 * )
+	 * ```
+	 */
+	separator(value?: ListSeparator): this;
 	onEndReached(handler: () => void): this;
 	loading(isLoading: boolean): this;
 	threshold(value: number): this;
@@ -5859,14 +5921,31 @@ interface TabViewTab {
 	value: string;
 	label: React$1.ReactNode;
 	child?: React$1.ReactNode;
+	icon?: React$1.ReactNode;
 }
+type TabBarPosition = "top" | "bottom" | "none";
 declare class TabViewBuilder extends FiboBuilder {
 	private _tabs;
 	private _value?;
 	private _onChange?;
+	private _barPosition;
+	private _swipe;
+	private _keepAlive;
 	tabs(items: TabViewTab[]): this;
 	value(value: string): this;
 	onChange(handler: (value: string) => void): this;
+	/**
+	 * Tablist placement. Default `bottom` (Material / pairs with `BottomAppBar`).
+	 * `none` — panels only; put your own bar in `BottomAppBar().items(…)`.
+	 */
+	barPosition(position: TabBarPosition): this;
+	/** Horizontal drag between pages. Default true. CSS transform + snap. */
+	swipe(enabled?: boolean): this;
+	/**
+	 * Keep neighboring / all panels mounted (React.memo + Activity).
+	 * Default true. `false` mounts only the active tab ±1.
+	 */
+	keepAlive(enabled?: boolean): this;
 	build(): React$1.ReactElement;
 }
 export declare const TabView: () => StyleBuilder<TabViewBuilder>;