fiboui 2.9.4 → 2.9.6

package/dist/structure.d.ts

@@ -425,6 +425,12 @@ interface FrameSpec {
 	idealHeight?: FrameSize;
 	maxHeight?: FrameSize;
 	alignment?: StackAlign | keyof typeof StackAlign;
+	/**
+	 * Stretch the direct child to the frame slot (`width/height: 100%`).
+	 * Default `false` — SwiftUI-like hug + `alignment`.
+	 * Use when paint (`.bg`, border) lives on the child and should fill the frame.
+	 */
+	fill?: boolean;
 }
 type ClipShapeName = "circle" | "rounded" | "square";
 interface OffsetSpec {
@@ -511,6 +517,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;
@@ -804,9 +834,12 @@ declare abstract class FiboBuilder {
 	 *   maxHeight: Size.infinity,
 	 *   alignment: StackAlign.topTrailing,
 	 * })
+	 * // Child fills the slot (bg/border on the child cover the frame):
+	 * Box().bg('red').frame({ maxWidth: Size.infinity, fill: true })
 	 * ```
 	 *
 	 * Chainable: each `.frame()` wraps the previous (same as SwiftUI).
+	 * Default: child hugs + `alignment`. Pass `fill: true` to stretch the child.
 	 */
 	frame(spec: FrameSpec): this;
 	/**
@@ -1015,6 +1048,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()`).

package/dist/structure.js

@@ -1,5 +1,5 @@
-import { aF as r, aH as e, aG as o } from "./client-lzMYg4vy.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-Dz8r4kWQ.js";
+import { aF as r, aH as e, aG as o } from "./client-DspTEDnT.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-B7vkEz57.js";
 export {
   C as AssetCard,
   d as Banner,