fiboui 2.9.4 → 2.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -511,6 +511,30 @@ type EdgeInsetsValue = {
511
511
  /** CSS right — alias of trailing in LTR */
512
512
  right?: number | string;
513
513
  };
514
+ declare const Material: {
515
+ readonly ultraThin: {
516
+ readonly blur: 20;
517
+ readonly background: "rgba(255, 255, 255, 0.35)";
518
+ };
519
+ readonly thin: {
520
+ readonly blur: 28;
521
+ readonly background: "rgba(255, 255, 255, 0.48)";
522
+ };
523
+ readonly regular: {
524
+ readonly blur: 36;
525
+ readonly background: "rgba(255, 255, 255, 0.62)";
526
+ };
527
+ readonly thick: {
528
+ readonly blur: 48;
529
+ readonly background: "rgba(255, 255, 255, 0.78)";
530
+ };
531
+ readonly ultraThick: {
532
+ readonly blur: 60;
533
+ readonly background: "rgba(255, 255, 255, 0.88)";
534
+ };
535
+ };
536
+ type MaterialKind = keyof typeof Material;
537
+ type MaterialSpec = (typeof Material)[MaterialKind];
514
538
  type SafeAreaInsetEdge = Edge | "top" | "bottom" | "leading" | "trailing" | "left" | "right";
515
539
  type SafeAreaInsetSpec = {
516
540
  edge: SafeAreaInsetEdge;
@@ -1015,6 +1039,16 @@ declare abstract class FiboBuilder {
1015
1039
  text(color: string | Colors): this;
1016
1040
  color(value: string | Colors): this;
1017
1041
  private resolveSemanticColor;
1042
+ /**
1043
+ * Backdrop blur (glass). Prefer over raw `.backdropFilter('blur(…)')`.
1044
+ * `20` → `blur(20px)`; also accepts `'20px'` or a full `blur(…)` string.
1045
+ */
1046
+ backdropBlur(radius?: number | string): this;
1047
+ /**
1048
+ * SwiftUI `Material` glass fill — blur + translucent background.
1049
+ * `Box().material(Material.ultraThin)` or `.material('regular')`.
1050
+ */
1051
+ material(kind: MaterialKind | MaterialSpec): this;
1018
1052
  shadow(config?: ShadowConfig): this;
1019
1053
  /**
1020
1054
  * Breakpoint styles compiled to CSS `@media` (same engine as `.md()`).
package/dist/structure.js CHANGED
@@ -1,5 +1,5 @@
1
- import { aF as r, aH as e, aG as o } from "./client-lzMYg4vy.js";
2
- 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";
1
+ import { aF as r, aH as e, aG as o } from "./client-Cc87LXic.js";
2
+ 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";
3
3
  export {
4
4
  C as AssetCard,
5
5
  d as Banner,