fiboui 2.9.15 → 2.9.16

package/dist/{client-CNrWulRU.js → client-BQ1gZrfo.js}

@@ -7058,12 +7058,13 @@ function ic(o) {
     boxSizing: "border-box",
     display: "flex",
     minWidth: 0,
-    minHeight: 0,
+    // Do NOT default minHeight:0 — with flex-shrink that vertically
+    // squashes fixed `.frame({ height })` slides inside Scaffold body.
     // `fill` stretches the child — host uses stretch instead of corner align.
     alignItems: o.fill ? "stretch" : e.alignItems,
     justifyContent: o.fill ? "flex-start" : e.justifyContent
   }, i = $t(o.maxWidth, "max", "width"), n = $t(o.maxHeight, "max", "height"), r = $t(o.minWidth, "min", "width"), s = $t(o.minHeight, "min", "height"), a = $t(o.idealWidth ?? o.width, "ideal", "width"), l = $t(o.idealHeight ?? o.height, "ideal", "height");
-  return r != null && (t.minWidth = r), s != null && (t.minHeight = s), i != null && (t.maxWidth = i), n != null && (t.maxHeight = n), a != null ? t.width = a : Tt(o.maxWidth) && (t.width = "100%"), l != null ? t.height = l : Tt(o.maxHeight) && (t.height = "100%"), Tt(o.maxWidth) && (o.minWidth == null || Tt(o.minWidth) || o.minWidth === 0) && (t.minWidth = "0px", t.width = "100%"), Tt(o.maxHeight) && (o.minHeight == null || Tt(o.minHeight) || o.minHeight === 0) && (t.minHeight = "0px", t.height = "100%"), t;
+  return r != null && (t.minWidth = r), s != null && (t.minHeight = s), i != null && (t.maxWidth = i), n != null && (t.maxHeight = n), a != null ? t.width = a : Tt(o.maxWidth) && (t.width = "100%"), l != null ? (t.height = l, s == null && (t.minHeight = l), t.flexShrink == null && (t.flexShrink = 0)) : Tt(o.maxHeight) && (t.height = "100%"), Tt(o.maxWidth) && (o.minWidth == null || Tt(o.minWidth) || o.minWidth === 0) && (t.minWidth = "0px", t.width = "100%"), Tt(o.maxHeight) && (o.minHeight == null || Tt(o.minHeight) || o.minHeight === 0) && (t.minHeight = "0px", t.height = "100%"), t;
 }
 const nc = {
   width: "100%",
@@ -8822,6 +8823,17 @@ class se {
     }[e];
     return i ? this.layoutStyle({ display: "flex", alignItems: i }) : this;
   }
+  /**
+   * Don't let a flex parent squash this view (the Scaffold-body case).
+   * Locks `flex-shrink: 0` and `min-height: min-content` so a fixed
+   * frame/image keeps its height and the parent scrolls instead.
+   */
+  noSquash() {
+    return this.layoutStyle({
+      flexShrink: 0,
+      minHeight: "min-content"
+    });
+  }
   flex(e) {
     const i = e === void 0 ? void 0 : typeof e == "number" ? String(e) : {
       1: "1 1 0%",
@@ -10924,6 +10936,8 @@ class qu extends se {
     c(this, "_extendBody", !1);
     c(this, "_extendBehindHeader", !1);
     c(this, "_avoidKeyboard", !0);
+    /** Body children keep their height; the body scrolls. On by default. */
+    c(this, "_noSquash", !0);
     c(this, "_onDrawer");
   }
   children(t) {
@@ -11015,6 +11029,14 @@ class qu extends se {
   avoidKeyboard(t = !0) {
     return this._avoidKeyboard = t, this;
   }
+  /**
+   * Don't squash body children into the viewport ("não achatar").
+   * On by default. Pass `false` to let the column shrink them again.
+   * For a single child, call `.noSquash()` on that element instead.
+   */
+  noSquash(t = !0) {
+    return this._noSquash = t, this;
+  }
   onDrawer(t) {
     return this._onDrawer = t, this;
   }
@@ -11086,6 +11108,7 @@ class qu extends se {
         f.createElement("main", {
           key: "scaffold-body",
           className: "fibo-scaffold-body",
+          "data-no-squash": this._noSquash ? "" : void 0,
           style: {
             flex: 1,
             display: "flex",

package/dist/content.d.ts

@@ -977,6 +977,12 @@ declare abstract class FiboBuilder {
 	alignY(alignment: AlignAxis): this;
 	protected applyMainAlign(alignment: AlignAxis | string): this;
 	protected applyCrossAlign(alignment: AlignAxis | string): this;
+	/**
+	 * Don't let a flex parent squash this view (the Scaffold-body case).
+	 * Locks `flex-shrink: 0` and `min-height: min-content` so a fixed
+	 * frame/image keeps its height and the parent scrolls instead.
+	 */
+	noSquash(): this;
 	flex(value?: number | string): this;
 	grid(): this;
 	inlineFlex(): this;

package/dist/content.js

@@ -1,6 +1,6 @@
-import { A as s, B as r, I as o } from "./icons-CUjbVN8n.js";
-import { am as n, al as m } from "./client-CNrWulRU.js";
-import { A as g, I as l, L as p, P as x, a as A, S as f } from "./index-Dm9qGQyL.js";
+import { A as s, B as r, I as o } from "./icons-W61PDnZL.js";
+import { am as n, al as m } from "./client-BQ1gZrfo.js";
+import { A as g, I as l, L as p, P as x, a as A, S as f } from "./index-CUHjw5eV.js";
 export {
   g as Alert,
   s as Avatar,

package/dist/core.d.ts

@@ -1341,6 +1341,12 @@ declare abstract class FiboBuilder {
 	alignY(alignment: AlignAxis): this;
 	protected applyMainAlign(alignment: AlignAxis | string): this;
 	protected applyCrossAlign(alignment: AlignAxis | string): this;
+	/**
+	 * Don't let a flex parent squash this view (the Scaffold-body case).
+	 * Locks `flex-shrink: 0` and `min-height: min-content` so a fixed
+	 * frame/image keeps its height and the parent scrolls instead.
+	 */
+	noSquash(): this;
 	flex(value?: number | string): this;
 	grid(): this;
 	inlineFlex(): this;
@@ -1696,7 +1702,7 @@ type KnownKeys<T> = {
 } ? U : never;
 /**
  * Fluent CSS methods on every builder. Kept as a named exported type so
- * `index.d.ts` references `StyleBuilder<T>` instead of expanding the CSS map
+ * the root declarations reference `StyleBuilder<T>` instead of expanding the CSS map
  * into every widget (that blew the file past 20MB and also typed chains as `any`).
  */
 export type StyleBuilder<T> = T & LogicalAxes & {

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 C, D as E, G as d, S as m, a8 as R, t as f, q as I, d as P, c as y, a9 as O, b as x, a as M, a2 as N, Y as _, e as w, f as A, a0 as B, g as V, $ as D, a1 as L, V as U, W as h, i as q, l as z, a5 as G, U as K, o as W, aa as X, h as j, N as k, r as H, H as J, s as Q, M as Y, I as Z, K as $, J as ss, a7 as as, m as es, y as ts, k as rs, z as is, p as os, j as ns, A as ls, u as us, w as Ss, x as cs, v as ps } from "./client-CNrWulRU.js";
-import { F as Ts, P as bs, T as vs, U as Fs, a as Cs, c as Es, p as ds, w as ms } from "./page-LLSMLaL2.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 C, D as E, G as d, S as m, a8 as R, t as f, q as I, d as P, c as y, a9 as O, b as x, a as M, a2 as N, Y as _, e as w, f as A, a0 as B, g as V, $ as D, a1 as L, V as U, W as h, i as q, l as z, a5 as G, U as K, o as W, aa as X, h as j, N as k, r as H, H as J, s as Q, M as Y, I as Z, K as $, J as ss, a7 as as, m as es, y as ts, k as rs, z as is, p as os, j as ns, A as ls, u as us, w as Ss, x as cs, v as ps } from "./client-BQ1gZrfo.js";
+import { F as Ts, P as bs, T as vs, U as Fs, a as Cs, c as Es, p as ds, w as ms } from "./page-B6e5mZcg.js";
 export {
   e as ComputedSignal,
   t as Easing,

package/dist/{icons-CUjbVN8n.js → icons-W61PDnZL.js}

@@ -2,7 +2,7 @@ var A = Object.defineProperty;
 var L = (t, r, e) => r in t ? A(t, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[r] = e;
 var i = (t, r, e) => L(t, typeof r != "symbol" ? r + "" : r, e);
 import c from "react";
-import { b4 as w, b5 as E, aH as y, bf as I, ab as P, al as H, bg as R, bh as M, b8 as j, bb as D, b9 as $ } from "./client-CNrWulRU.js";
+import { b4 as w, b5 as E, aH as y, bf as I, ab as P, al as H, bg as R, bh as M, b8 as j, bb as D, b9 as $ } from "./client-BQ1gZrfo.js";
 import { jsx as o, jsxs as k } from "react/jsx-runtime";
 function V(t) {
   if (typeof t != "string") return "";

package/dist/{index-COE2gXjP.js → index-BLU0giAO.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 { b4 as g, b5 as d, bc as N, bd as C, be as j, b9 as z, b8 as _, bb as B } from "./client-CNrWulRU.js";
+import { b4 as g, b5 as d, bc as N, bd as C, be as j, b9 as z, b8 as _, bb as B } from "./client-BQ1gZrfo.js";
 function I(s, e) {
   if (!(typeof e != "string" || !_(e)))
     for (const t of B(e))

package/dist/{index-Dm9qGQyL.js → index-CUHjw5eV.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 { b4 as I, b5 as $, b8 as z, bb as R, b9 as q, z as le, bf as Z, bE as oe } from "./client-CNrWulRU.js";
-import { a as F } from "./icons-CUjbVN8n.js";
+import { b4 as I, b5 as $, b8 as z, bb as R, b9 as q, z as le, bf as Z, bE as oe } from "./client-BQ1gZrfo.js";
+import { a as F } from "./icons-W61PDnZL.js";
 function ce(s, r) {
   if (!(typeof r != "string" || !z(r)))
     for (const e of R(r))