fiboui 2.9.5 → 2.9.14

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.
@@ -348,6 +348,8 @@ declare class PseudoStateBuilder {
348
348
  translateY(value: number | string): this;
349
349
  rotate(degrees: number): this;
350
350
  shadow(value: string | number): this;
351
+ /** Same surface as `Box().css({})` — object bag or `(property, value)`. */
352
+ css(styles: React$1.CSSProperties): this;
351
353
  css(property: string, value: string | number): this;
352
354
  padding(value: string | number): this;
353
355
  p(value: string | number): this;
@@ -425,6 +427,12 @@ interface FrameSpec {
425
427
  idealHeight?: FrameSize;
426
428
  maxHeight?: FrameSize;
427
429
  alignment?: StackAlign | keyof typeof StackAlign;
430
+ /**
431
+ * Stretch the direct child to the frame slot (`width/height: 100%`).
432
+ * Default `false` — SwiftUI-like hug + `alignment`.
433
+ * Use when paint (`.bg`, border) lives on the child and should fill the frame.
434
+ */
435
+ fill?: boolean;
428
436
  }
429
437
  type ClipShapeName = "circle" | "rounded" | "square";
430
438
  interface OffsetSpec {
@@ -828,9 +836,12 @@ declare abstract class FiboBuilder {
828
836
  * maxHeight: Size.infinity,
829
837
  * alignment: StackAlign.topTrailing,
830
838
  * })
839
+ * // Child fills the slot (bg/border on the child cover the frame):
840
+ * Box().bg('red').frame({ maxWidth: Size.infinity, fill: true })
831
841
  * ```
832
842
  *
833
843
  * Chainable: each `.frame()` wraps the previous (same as SwiftUI).
844
+ * Default: child hugs + `alignment`. Pass `fill: true` to stretch the child.
834
845
  */
835
846
  frame(spec: FrameSpec): this;
836
847
  /**
package/dist/structure.js CHANGED
@@ -1,5 +1,5 @@
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";
1
+ import { aH as r, aJ as e, aI as o } from "./client-CNrWulRU.js";
2
+ import { A as C, B as d, C as i, c as l, d as n, G as T, b as f, L as m, P as p, T as x, a as B } from "./index-CpUz5DNt.js";
3
3
  export {
4
4
  C as AssetCard,
5
5
  d as Banner,
@@ -8,11 +8,11 @@ export {
8
8
  e as Collapse,
9
9
  l as CollectionCard,
10
10
  n as ContentCard,
11
- G as Grid,
12
- T as GridItem,
11
+ T as Grid,
12
+ f as GridItem,
13
13
  o as List,
14
- f as ListTile,
15
- m as ProfileCard,
16
- p as Table,
17
- x as Tags
14
+ m as ListTile,
15
+ p as ProfileCard,
16
+ x as Table,
17
+ B as Tags
18
18
  };