fiboui 2.9.5 → 2.9.6

package/dist/content.d.ts

@@ -387,6 +387,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 {
@@ -790,9 +796,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;
 	/**

package/dist/content.js

@@ -1,6 +1,6 @@
-import { A as s, B as r, I as o } from "./icons-By9BFp7V.js";
-import { ak as n, aj as I } from "./client-Cc87LXic.js";
-import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-BxYsYMal.js";
+import { A as s, B as r, I as o } from "./icons-uTGNZEj2.js";
+import { ak as n, aj as I } from "./client-DspTEDnT.js";
+import { A as m, I as p, L as x, P as A, a as f, S as l } from "./index-pxNM6-DO.js";
 export {
   m as Alert,
   s as Avatar,

package/dist/core.d.ts

@@ -769,6 +769,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 {
@@ -1154,9 +1160,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;
 	/**

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-Cc87LXic.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-DbndR-7r.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-DspTEDnT.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-CQCVouvN.js";
 export {
   e as ComputedSignal,
   t as Easing,

package/dist/{icons-By9BFp7V.js → icons-uTGNZEj2.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, bd as I, a9 as R, aj as H, be as M, b6 as N, b9 as D, b7 as $ } from "./client-Cc87LXic.js";
+import { b2 as w, b3 as E, aF as y, bd as I, a9 as R, aj as H, be as M, b6 as N, b9 as D, b7 as $ } from "./client-DspTEDnT.js";
 import { jsx as s, jsxs as v } from "react/jsx-runtime";
 function V(t) {
   if (typeof t != "string") return "";

package/dist/{index-D5c1VXlN.js → index-B7vkEz57.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, br as ot, bd as _t, bh as At, bC as Lt, L as vt, aF as T, F as lt, bD as ut, bE as Pt, bF as Rt, a9 as W, aj as N } from "./client-Cc87LXic.js";
-import { S as V, C as F } from "./index-C-hvMzQd.js";
-import { B as wt } from "./index-BJnYb_kw.js";
-import { B as et, I as at, a as G, A as $t } from "./icons-By9BFp7V.js";
+import { b2 as L, b3 as P, b6 as C, b9 as M, b7 as R, br as ot, bd as _t, bh as At, bC as Lt, L as vt, aF as T, F as lt, bD as ut, bE as Pt, bF as Rt, a9 as W, aj as N } from "./client-DspTEDnT.js";
+import { S as V, C as F } from "./index-vSLH4ZkD.js";
+import { B as wt } from "./index-BK9NhRgp.js";
+import { B as et, I as at, a as G, A as $t } from "./icons-uTGNZEj2.js";
 function $(e, r) {
   if (!(typeof r != "string" || !C(r)))
     for (const t of M(r))

package/dist/{index-BJnYb_kw.js → index-BK9NhRgp.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-Cc87LXic.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-DspTEDnT.js";
 function p(s, e) {
   if (!(typeof e != "string" || !o(e)))
     for (const t of v(e))

package/dist/{index-T8F37_p4.js → index-CE3dybe8.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 A, bv as _, bw as E, bx as b, by as rt, be as ot, bz as st, bA as lt } from "./client-Cc87LXic.js";
+import { b2 as T, b3 as B, b7 as $, b6 as m, b9 as A, bv as _, bw as E, bx as b, by as rt, be as ot, bz as st, bA as lt } from "./client-DspTEDnT.js";
 function at(n, i) {
   if (!(typeof i != "string" || !m(i)))
     for (const t of A(i))

package/dist/{index-BxYsYMal.js → index-pxNM6-DO.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, bd as Z, bB as oe } from "./client-Cc87LXic.js";
-import { a as F } from "./icons-By9BFp7V.js";
+import { b2 as I, b3 as $, b6 as z, b9 as R, b7 as q, z as le, bd as Z, bB as oe } from "./client-DspTEDnT.js";
+import { a as F } from "./icons-uTGNZEj2.js";
 function ce(s, r) {
   if (!(typeof r != "string" || !z(r)))
     for (const e of R(r))

package/dist/{index-C-hvMzQd.js → index-vSLH4ZkD.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 r = (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, bc as j, b7 as z, b6 as _, b9 as B } from "./client-Cc87LXic.js";
+import { b2 as g, b3 as d, ba as N, bb as C, bc as j, b7 as z, b6 as _, b9 as B } from "./client-DspTEDnT.js";
 function I(s, e) {
   if (!(typeof e != "string" || !_(e)))
     for (const t of B(e))

package/dist/index.d.ts

@@ -1470,6 +1470,7 @@ export type FrameSize = number | string | Size;
  * ```ts
  * .frame({ width: 300, height: 400 })
  * .frame({ maxWidth: Size.infinity, maxHeight: Size.infinity, alignment: StackAlign.topTrailing })
+ * .frame({ maxWidth: Size.infinity, fill: true }) // child stretches — bg/border fill the slot
  * ```
  */
 export interface FrameSpec {
@@ -1482,6 +1483,12 @@ export 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;
 }
 /** Resolve a frame size to a CSS length. `Size.infinity` → fill parent (`100%`). */
 export declare function resolveFrameSize(value: FrameSize | undefined, role: "min" | "ideal" | "max" | "fixed", axis?: "width" | "height"): string | undefined;
@@ -2056,9 +2063,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;
 	/**

package/dist/index.js

@@ -1,17 +1,17 @@
 var we = Object.defineProperty;
 var Ee = (e, s, t) => s in e ? we(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
 var c = (e, s, t) => Ee(e, typeof s != "symbol" ? s + "" : s, t);
-import { bB as Ne, H as xe, I as Te, b2 as _, b3 as y, bG as qt, b7 as H, b6 as L, b9 as W, bH as Be, bd as F, br as w, bI as ft, bJ as Zt, bv as Qt, bE as Jt, bh as $e, bK as Pe, bL as Le } from "./client-Cc87LXic.js";
-import { dc as ha, di as da, dm as fa, dG as ma, dj as pa, dS as ga, aF as _a, dx as ya, dw as ba, dy as Sa, dz as va, dv as ka, c$ as Ca, d4 as wa, aA as Ea, d7 as Na, dn as xa, cs as Ta, aH as Ba, dh as $a, cM as Pa, aE as La, C as Aa, cx as Ra, cr as Ma, cU as Fa, ct as Ia, dK as Da, ad as Oa, cK as ja, cX as Ha, aP as Wa, aO as Va, d_ as Ga, cD as za, cu as Ua, bX as Xa, dJ as Ya, E as Ka, cp as qa, cq as Za, db as Qa, c0 as Ja, bP as to, X as eo, bN as so, aW as ro, a6 as io, a3 as no, a4 as ao, _ as oo, aQ as lo, dA as co, dB as uo, F as ho, dI as fo, dk as mo, bc as po, am as go, dV as _o, ai as yo, c2 as bo, cv as So, dE as vo, d1 as ko, cj as Co, ab as wo, ci as Eo, T as No, ak as xo, cJ as To, dH as Bo, dY as $o, cG as Po, ah as Lo, ag as Ao, af as Ro, aG as Mo, L as Fo, dD as Io, bW as Do, Q as Oo, bZ as jo, bY as Ho, cy as Wo, cT as Vo, dR as Go, da as zo, Z as Uo, cI as Xo, O as Yo, n as Ko, cF as qo, cZ as Zo, d3 as Qo, d2 as Jo, dU as tl, bR as el, cH as sl, dQ as rl, ck as il, B as nl, P as al, aB as ol, d9 as ll, dg as cl, cQ as ul, R as hl, dO as dl, dC as fl, D as ml, b_ as pl, aI as gl, a9 as _l, aa as yl, dZ as bl, dr as Sl, cw as vl, G as kl, ae as Cl, cS as wl, d5 as El, cO as Nl, cN as xl, aD as Tl, c_ as Bl, cE as $l, c1 as Pl, dP as Ll, d0 as Al, cY as Rl, dT as Ml, ac as Fl, S as Il, b$ as Dl, dd as Ol, cP as jl, dL as Hl, dM as Wl, df as Vl, bV as Gl, dp as zl, cR as Ul, dX as Xl, az as Yl, d8 as Kl, dF as ql, bU as Zl, aj as Ql, dt as Jl, dl as tc, al as ec, ds as sc, aC as rc, dq as ic, cL as nc, dN as ac, cV as oc, dW as lc, a8 as cc, af as uc, ag as hc, du as dc, cW as fc, cB as mc, d6 as pc, cz as gc, t as _c, q as yc, d as bc, c as Sc, aY as vc, b as kc, a as Cc, aT as wc, ar as Ec, a2 as Nc, Y as xc, e as Tc, bO as Bc, ay as $c, aZ as Pc, f as Lc, an as Ac, a0 as Rc, g as Mc, $ as Fc, a1 as Ic, de as Dc, ax as Oc, V as jc, W as Hc, i as Wc, be as Vc, d$ as Gc, l as zc, cg as Uc, ch as Xc, aS as Yc, au as Kc, aq as qc, at as Zc, ap as Qc, a5 as Jc, aV as tu, U as eu, bM as su, o as ru, as as iu, cn as nu, ao as au, h as ou, N as lu, cA as cu, bT as uu, aX as hu, av as du, r as fu, s as mu, e0 as pu, M as gu, bz as _u, K as yu, J as bu, b1 as Su, b0 as vu, a_ as ku, a$ as Cu, ba as wu, a7 as Eu, bb as Nu, bF as xu, aw as Tu, m as Bu, aR as $u, aM as Pu, y as Lu, aK as Au, k as Ru, aL as Mu, z as Fu, p as Iu, aN as Du, j as Ou, aJ as ju, cC as Hu, A as Wu, u as Vu, w as Gu, x as zu, v as Uu, bQ as Xu, aU as Yu, ce as Ku, c5 as qu, c4 as Zu, cc as Qu, cd as Ju, c6 as th, c7 as eh, bS as sh, c9 as rh, c8 as ih, cb as nh, cf as ah, c3 as oh, ca as lh, cm as ch, cl as uh, co as hh } from "./client-Cc87LXic.js";
-import { F as fh, P as mh, T as ph, U as gh, a as _h, c as yh, p as bh, w as Sh } from "./page-DbndR-7r.js";
-import { C as kh, a as Ch, L as wh, b as Eh, S as Nh, Z as xh } from "./index-T8F37_p4.js";
-import { C as Bh, S as $h } from "./index-C-hvMzQd.js";
+import { bB as Ne, H as xe, I as Te, b2 as _, b3 as y, bG as qt, b7 as H, b6 as L, b9 as W, bH as Be, bd as F, br as w, bI as ft, bJ as Zt, bv as Qt, bE as Jt, bh as $e, bK as Pe, bL as Le } from "./client-DspTEDnT.js";
+import { dc as ha, di as da, dm as fa, dG as ma, dj as pa, dS as ga, aF as _a, dx as ya, dw as ba, dy as Sa, dz as va, dv as ka, c$ as Ca, d4 as wa, aA as Ea, d7 as Na, dn as xa, cs as Ta, aH as Ba, dh as $a, cM as Pa, aE as La, C as Aa, cx as Ra, cr as Ma, cU as Fa, ct as Ia, dK as Da, ad as Oa, cK as ja, cX as Ha, aP as Wa, aO as Va, d_ as Ga, cD as za, cu as Ua, bX as Xa, dJ as Ya, E as Ka, cp as qa, cq as Za, db as Qa, c0 as Ja, bP as to, X as eo, bN as so, aW as ro, a6 as io, a3 as no, a4 as ao, _ as oo, aQ as lo, dA as co, dB as uo, F as ho, dI as fo, dk as mo, bc as po, am as go, dV as _o, ai as yo, c2 as bo, cv as So, dE as vo, d1 as ko, cj as Co, ab as wo, ci as Eo, T as No, ak as xo, cJ as To, dH as Bo, dY as $o, cG as Po, ah as Lo, ag as Ao, af as Ro, aG as Mo, L as Fo, dD as Io, bW as Do, Q as Oo, bZ as jo, bY as Ho, cy as Wo, cT as Vo, dR as Go, da as zo, Z as Uo, cI as Xo, O as Yo, n as Ko, cF as qo, cZ as Zo, d3 as Qo, d2 as Jo, dU as tl, bR as el, cH as sl, dQ as rl, ck as il, B as nl, P as al, aB as ol, d9 as ll, dg as cl, cQ as ul, R as hl, dO as dl, dC as fl, D as ml, b_ as pl, aI as gl, a9 as _l, aa as yl, dZ as bl, dr as Sl, cw as vl, G as kl, ae as Cl, cS as wl, d5 as El, cO as Nl, cN as xl, aD as Tl, c_ as Bl, cE as $l, c1 as Pl, dP as Ll, d0 as Al, cY as Rl, dT as Ml, ac as Fl, S as Il, b$ as Dl, dd as Ol, cP as jl, dL as Hl, dM as Wl, df as Vl, bV as Gl, dp as zl, cR as Ul, dX as Xl, az as Yl, d8 as Kl, dF as ql, bU as Zl, aj as Ql, dt as Jl, dl as tc, al as ec, ds as sc, aC as rc, dq as ic, cL as nc, dN as ac, cV as oc, dW as lc, a8 as cc, af as uc, ag as hc, du as dc, cW as fc, cB as mc, d6 as pc, cz as gc, t as _c, q as yc, d as bc, c as Sc, aY as vc, b as kc, a as Cc, aT as wc, ar as Ec, a2 as Nc, Y as xc, e as Tc, bO as Bc, ay as $c, aZ as Pc, f as Lc, an as Ac, a0 as Rc, g as Mc, $ as Fc, a1 as Ic, de as Dc, ax as Oc, V as jc, W as Hc, i as Wc, be as Vc, d$ as Gc, l as zc, cg as Uc, ch as Xc, aS as Yc, au as Kc, aq as qc, at as Zc, ap as Qc, a5 as Jc, aV as tu, U as eu, bM as su, o as ru, as as iu, cn as nu, ao as au, h as ou, N as lu, cA as cu, bT as uu, aX as hu, av as du, r as fu, s as mu, e0 as pu, M as gu, bz as _u, K as yu, J as bu, b1 as Su, b0 as vu, a_ as ku, a$ as Cu, ba as wu, a7 as Eu, bb as Nu, bF as xu, aw as Tu, m as Bu, aR as $u, aM as Pu, y as Lu, aK as Au, k as Ru, aL as Mu, z as Fu, p as Iu, aN as Du, j as Ou, aJ as ju, cC as Hu, A as Wu, u as Vu, w as Gu, x as zu, v as Uu, bQ as Xu, aU as Yu, ce as Ku, c5 as qu, c4 as Zu, cc as Qu, cd as Ju, c6 as th, c7 as eh, bS as sh, c9 as rh, c8 as ih, cb as nh, cf as ah, c3 as oh, ca as lh, cm as ch, cl as uh, co as hh } from "./client-DspTEDnT.js";
+import { F as fh, P as mh, T as ph, U as gh, a as _h, c as yh, p as bh, w as Sh } from "./page-CQCVouvN.js";
+import { C as kh, a as Ch, L as wh, b as Eh, S as Nh, Z as xh } from "./index-CE3dybe8.js";
+import { C as Bh, S as $h } from "./index-vSLH4ZkD.js";
 import u, { useRef as N, useState as A, useLayoutEffect as U, useEffect as X } from "react";
-import { A as Lh, B as Ah, I as Rh } from "./icons-By9BFp7V.js";
-import { A as Fh, I as Ih, L as Dh, P as Oh, a as jh, S as Hh } from "./index-BxYsYMal.js";
-import { B as Vh } from "./index-BJnYb_kw.js";
-import { A as zh, B as Uh, C as Xh, c as Yh, d as Kh, G as qh, b as Zh, L as Qh, P as Jh, T as td, a as ed } from "./index-D5c1VXlN.js";
-import { L as rd, N as id, O as nd, l as ad, p as od, u as ld } from "./metadata-BffL-8b9.js";
+import { A as Lh, B as Ah, I as Rh } from "./icons-uTGNZEj2.js";
+import { A as Fh, I as Ih, L as Dh, P as Oh, a as jh, S as Hh } from "./index-pxNM6-DO.js";
+import { B as Vh } from "./index-BK9NhRgp.js";
+import { A as zh, B as Uh, C as Xh, c as Yh, d as Kh, G as qh, b as Zh, L as Qh, P as Jh, T as td, a as ed } from "./index-B7vkEz57.js";
+import { L as rd, N as id, O as nd, l as ad, p as od, u as ld } from "./metadata-BqVnmMLq.js";
 function te() {
   const e = globalThis.window;
   return typeof e > "u" || e == null ? void 0 : e;

package/dist/interactive.d.ts

@@ -386,6 +386,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 {
@@ -789,9 +795,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;
 	/**

package/dist/interactive.js

@@ -1,5 +1,5 @@
-import { B as e } from "./index-BJnYb_kw.js";
-import { aA as r, aE as t, am as m, aB as x, aD as i, az as l, al as n, aC as u, ar as p, ay as h, an as T, ax as b, au as c, aq as d, at as f, ap as g, as as q, ao as B, av as C, aw as w } from "./client-Cc87LXic.js";
+import { B as e } from "./index-BK9NhRgp.js";
+import { aA as r, aE as t, am as m, aB as x, aD as i, az as l, al as n, aC as u, ar as p, ay as h, an as T, ax as b, au as c, aq as d, at as f, ap as g, as as q, ao as B, av as C, aw as w } from "./client-DspTEDnT.js";
 export {
   e as Button,
   r as Checkbox,

package/dist/layout.d.ts

@@ -388,6 +388,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 {
@@ -791,9 +797,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;
 	/**

package/dist/layout.js

@@ -1,6 +1,6 @@
-import { C as e, a as o, L as s, b as l, S as t, Z as i } from "./index-T8F37_p4.js";
-import { C as d, S as c } from "./index-C-hvMzQd.js";
-import { ad as u, ai as C, ab as f, ah as m, a9 as b, aa as p, ae as w, ac as L, af as R, ag as V } from "./client-Cc87LXic.js";
+import { C as e, a as o, L as s, b as l, S as t, Z as i } from "./index-CE3dybe8.js";
+import { C as d, S as c } from "./index-vSLH4ZkD.js";
+import { ad as u, ai as C, ab as f, ah as m, a9 as b, aa as p, ae as w, ac as L, af as R, ag as V } from "./client-DspTEDnT.js";
 export {
   e as Center,
   d as Column,

package/dist/{metadata-BffL-8b9.js → metadata-BqVnmMLq.js}

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { bf as v, bd as w, bg as x, bh as O, bi as R, bj as P, bk as E, bl as g, bm as $, bn as D, bo as z, aO as A, aP as K } from "./client-Cc87LXic.js";
+import { bf as v, bd as w, bg as x, bh as O, bi as R, bj as P, bk as E, bl as g, bm as $, bn as D, bo as z, aO as A, aP as K } from "./client-DspTEDnT.js";
 import { useState as M, useMemo as N, lazy as S, Suspense as j } from "react";
 function b(e) {
   const t = (typeof e == "string" ? e.trim() : "").split(/[?#]/, 1)[0];

package/dist/navigation.js

@@ -1,5 +1,5 @@
-import { aP as s, aO as u, aI as o, aM as t, aK as r, aL as l, aN as L, aJ as R } from "./client-Cc87LXic.js";
-import { L as i, N as p, O as N, l as m, p as n, u as O } from "./metadata-BffL-8b9.js";
+import { aP as s, aO as u, aI as o, aM as t, aK as r, aL as l, aN as L, aJ as R } from "./client-DspTEDnT.js";
+import { L as i, N as p, O as N, l as m, p as n, u as O } from "./metadata-BqVnmMLq.js";
 export {
   s as DefaultErrorPage,
   u as DefaultLoader,

package/dist/{page-DbndR-7r.js → page-CQCVouvN.js}

@@ -1,4 +1,4 @@
-import { bp as z, N as B, S as k, bq as V, br as O, _ as I, bs as W, bt as _, bu as G } from "./client-Cc87LXic.js";
+import { bp as z, N as B, S as k, bq as V, br as O, _ as I, bs as W, bt as _, bu as G } from "./client-DspTEDnT.js";
 import p, { useSyncExternalStore as H } from "react";
 function J(t) {
   return typeof t == "number" ? t : t != null && typeof t == "object" && "value" in t ? Number(t.value) : Number(t);

package/dist/server.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 {
@@ -828,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;
 	/**