fiboui 2.9.1 → 2.9.5

package/dist/structure.d.ts

@@ -511,6 +511,30 @@ type EdgeInsetsValue = {
 	/** CSS right — alias of trailing in LTR */
 	right?: number | string;
 };
+declare const Material: {
+	readonly ultraThin: {
+		readonly blur: 20;
+		readonly background: "rgba(255, 255, 255, 0.35)";
+	};
+	readonly thin: {
+		readonly blur: 28;
+		readonly background: "rgba(255, 255, 255, 0.48)";
+	};
+	readonly regular: {
+		readonly blur: 36;
+		readonly background: "rgba(255, 255, 255, 0.62)";
+	};
+	readonly thick: {
+		readonly blur: 48;
+		readonly background: "rgba(255, 255, 255, 0.78)";
+	};
+	readonly ultraThick: {
+		readonly blur: 60;
+		readonly background: "rgba(255, 255, 255, 0.88)";
+	};
+};
+type MaterialKind = keyof typeof Material;
+type MaterialSpec = (typeof Material)[MaterialKind];
 type SafeAreaInsetEdge = Edge | "top" | "bottom" | "leading" | "trailing" | "left" | "right";
 type SafeAreaInsetSpec = {
 	edge: SafeAreaInsetEdge;
@@ -1015,6 +1039,16 @@ declare abstract class FiboBuilder {
 	text(color: string | Colors): this;
 	color(value: string | Colors): this;
 	private resolveSemanticColor;
+	/**
+	 * Backdrop blur (glass). Prefer over raw `.backdropFilter('blur(…)')`.
+	 * `20` → `blur(20px)`; also accepts `'20px'` or a full `blur(…)` string.
+	 */
+	backdropBlur(radius?: number | string): this;
+	/**
+	 * SwiftUI `Material` glass fill — blur + translucent background.
+	 * `Box().material(Material.ultraThin)` or `.material('regular')`.
+	 */
+	material(kind: MaterialKind | MaterialSpec): this;
 	shadow(config?: ShadowConfig): this;
 	/**
 	 * Breakpoint styles compiled to CSS `@media` (same engine as `.md()`).
@@ -1377,6 +1411,7 @@ declare class ListItemStyleBuilder extends CssStyleStore {
 	style(extra: React$1.CSSProperties): this;
 }
 type ListVariant = "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. */
@@ -1386,6 +1421,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;
@@ -1446,7 +1482,26 @@ declare class ListBuilder<T = any> extends FiboBuilder {
 	 */
 	empty(content: FiboChild | (() => FiboChild)): this;
 	variant(variant: ListVariant): 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;

package/dist/structure.js

@@ -1,5 +1,5 @@
-import { aF as r, aH as e, aG as o } from "./client-3NdKI2xE.js";
-import { A as C, B as d, C as i, c as l, d as n, G, b as T, L as f, P as m, T as p, a as x } from "./index-BaTO66yA.js";
+import { aF as r, aH as e, aG as o } from "./client-Cc87LXic.js";
+import { A as C, B as d, C as i, c as l, d as n, G, b as T, L as f, P as m, T as p, a as x } from "./index-D5c1VXlN.js";
 export {
   C as AssetCard,
   d as Banner,