fiboui 2.9.15 → 2.9.16

package/dist/{index-Bcf-s8v0.js → index-Dc7grVIt.js}

@@ -1,47 +1,47 @@
-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 u = (n, i, t) => et(n, typeof i != "symbol" ? i + "" : i, t);
-import p from "react";
-import { b4 as T, b5 as B, b9 as $, b8 as y, bb as A, by as S, bz as E, bA as _, bB as rt, bh as ot, bC as st, bD as lt } from "./client-CNrWulRU.js";
-function at(n, i) {
+var et = Object.defineProperty;
+var rt = (n, i, t) => i in n ? et(n, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[i] = t;
+var p = (n, i, t) => rt(n, typeof i != "symbol" ? i + "" : i, t);
+import g from "react";
+import { b4 as T, b5 as B, b9 as $, b8 as y, bb as z, by as x, bz as P, bA as _, bB as ot, bh as st, bC as lt, bD as at } from "./client-BQ1gZrfo.js";
+function ct(n, i) {
   if (!(typeof i != "string" || !y(i)))
-    for (const t of A(i))
+    for (const t of z(i))
       n.bindSignal(t);
 }
-function N(n, i) {
+function I(n, i) {
   if (typeof i == "function") {
     try {
-      N(n, i());
+      I(n, i());
     } catch {
     }
     return;
   }
   if (typeof i == "string") {
-    at(n, i);
+    ct(n, i);
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) N(n, t);
+    for (const t of i) I(n, t);
 }
-function ct(n) {
+function ht(n) {
   return typeof n == "string" && y(n) ? $(n) : n;
 }
 function ft(n) {
   return n && typeof n == "object" && !Array.isArray(n) ? n : {};
 }
-function ht(n) {
+function dt(n) {
   n.display !== "none" && (n.display = "flex", (n.alignItems == null || n.alignItems === "") && (n.alignItems = "center"), (n.justifyContent == null || n.justifyContent === "") && (n.justifyContent = "center")), n.margin == null && (n.marginLeft == null && (n.marginLeft = "auto"), n.marginRight == null && (n.marginRight = "auto"));
 }
-function dt(n, i) {
+function ut(n, i) {
   const { children: t, ...e } = i, r = t !== void 0 ? t : n;
   return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: e };
 }
-class ut extends B {
+class pt extends B {
   children(i) {
-    return N(this, i), super.children(i);
+    return I(this, i), super.children(i);
   }
   props(i) {
-    return i && "children" in i && N(this, i.children), super.props(i);
+    return i && "children" in i && I(this, i.children), super.props(i);
   }
   build() {
     const i = [
@@ -53,11 +53,11 @@ class ut extends B {
       // instead of clipping overflowing children.
       this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
       ...this._classNames
-    ], { nodes: t, rest: e } = dt(this.processChildren(), this._props), { className: r, style: o, ...s } = e, l = [...i, r].filter(Boolean).join(" "), a = t.map(ct), f = { ...this.getStyle(), ...ft(o) };
-    return ht(f), p.createElement(
+    ], { nodes: t, rest: e } = ut(this.processChildren(), this._props), { className: r, style: o, ...s } = e, l = [...i, r].filter(Boolean).join(" "), a = t.map(ht), h = { ...this.getStyle(), ...ft(o) };
+    return dt(h), g.createElement(
       "div",
       {
-        style: f,
+        style: h,
         ...s,
         className: l
       },
@@ -65,35 +65,35 @@ class ut extends B {
     );
   }
 }
-const qt = T(ut);
-function pt(n, i) {
+const Ut = T(pt);
+function gt(n, i) {
   if (!(typeof i != "string" || !y(i)))
-    for (const t of A(i))
+    for (const t of z(i))
       n.bindSignal(t);
 }
-function L(n, i) {
+function W(n, i) {
   if (typeof i == "function") {
     try {
-      L(n, i());
+      W(n, i());
     } catch {
     }
     return;
   }
   if (typeof i == "string") {
-    pt(n, i);
+    gt(n, i);
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) L(n, t);
+    for (const t of i) W(n, t);
 }
-function gt(n) {
+function mt(n) {
   return typeof n == "string" && y(n) ? $(n) : n;
 }
-function mt(n, i) {
+function yt(n, i) {
   const t = i !== void 0 ? i : n;
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }
-const yt = /* @__PURE__ */ new Set([
+const bt = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -121,100 +121,100 @@ const yt = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), bt = /^[a-z][a-z0-9]*$/;
-function _t(n) {
+]), _t = /^[a-z][a-z0-9]*$/;
+function xt(n) {
   if (typeof n != "string") return "div";
   const i = n.trim().toLowerCase();
-  return !bt.test(i) || yt.has(i) ? "div" : i;
+  return !_t.test(i) || bt.has(i) ? "div" : i;
 }
-function z(n, i) {
+function L(n, i) {
   const t = `fibo-${i}-`;
   return n.some((e) => e.startsWith(t));
 }
-function St(n) {
+function wt(n) {
   return typeof n == "number" ? `${n}px` : String(n);
 }
 function v(n, i) {
   const t = `env(safe-area-inset-${i}, 0px)`;
   if (n == null || n === "") return t;
-  const e = St(n);
+  const e = wt(n);
   return e.includes("safe-area-inset") ? e : `max(${e}, ${t})`;
 }
-function xt(n, i) {
+function St(n, i) {
   const t = { ...n }, e = t;
   for (const r of ["padding", "margin"]) {
     const o = e[r];
     if (o == null || o === "") continue;
-    const s = `${r}Top`, l = `${r}Right`, a = `${r}Bottom`, f = `${r}Left`;
-    if (!(e[s] != null || e[l] != null || e[a] != null || e[f] != null || i.has(`${r}-top`) || i.has(`${r}-right`) || i.has(`${r}-bottom`) || i.has(`${r}-left`))) continue;
-    const [d, c, h, x] = E(String(o));
-    e[s] == null && !i.has(`${r}-top`) && (e[s] = d), e[l] == null && !i.has(`${r}-right`) && (e[l] = c), e[a] == null && !i.has(`${r}-bottom`) && (e[a] = h), e[f] == null && !i.has(`${r}-left`) && (e[f] = x), delete e[r];
+    const s = `${r}Top`, l = `${r}Right`, a = `${r}Bottom`, h = `${r}Left`;
+    if (!(e[s] != null || e[l] != null || e[a] != null || e[h] != null || i.has(`${r}-top`) || i.has(`${r}-right`) || i.has(`${r}-bottom`) || i.has(`${r}-left`))) continue;
+    const [d, c, f, w] = P(String(o));
+    e[s] == null && !i.has(`${r}-top`) && (e[s] = d), e[l] == null && !i.has(`${r}-right`) && (e[l] = c), e[a] == null && !i.has(`${r}-bottom`) && (e[a] = f), e[h] == null && !i.has(`${r}-left`) && (e[h] = w), delete e[r];
   }
   return t;
 }
-function wt(n, i) {
+function vt(n, i) {
   const t = n;
   if (t.padding != null && t.padding !== "") {
-    const [o, s, l, a] = E(String(t.padding));
+    const [o, s, l, a] = P(String(t.padding));
     t.paddingTop == null && (t.paddingTop = o), t.paddingRight == null && (t.paddingRight = s), t.paddingBottom == null && (t.paddingBottom = l), t.paddingLeft == null && (t.paddingLeft = a), delete t.padding;
   }
   t.paddingLeft == null && i.left != null && (t.paddingLeft = i.left), t.paddingRight == null && i.right != null && (t.paddingRight = i.right), t.paddingTop == null && i.top != null && (t.paddingTop = i.top), t.paddingBottom == null && i.bottom != null && (t.paddingBottom = i.bottom);
   const e = t.paddingTop != null && t.paddingTop !== "", r = t.paddingBottom != null && t.paddingBottom !== "";
   t.paddingLeft = v(t.paddingLeft, "left"), t.paddingRight = v(t.paddingRight, "right"), e && (t.paddingTop = v(t.paddingTop, "top")), r && (t.paddingBottom = v(t.paddingBottom, "bottom"));
 }
-function vt(n, i, t, e) {
-  const r = n, o = r.width != null || e.has("width") || z(t, "width");
+function Ct(n, i, t, e) {
+  const r = n, o = r.width != null || e.has("width") || L(t, "width");
   if (i) {
     o || (r.width = "auto");
     return;
   }
   o || (r.width = "100%");
-  const s = r.margin != null && r.margin !== "", l = s || r.marginLeft != null || r.marginInlineStart != null || e.has("margin-left") || z(t, "margin-left"), a = s || r.marginRight != null || r.marginInlineEnd != null || e.has("margin-right") || z(t, "margin-right");
+  const s = r.margin != null && r.margin !== "", l = s || r.marginLeft != null || r.marginInlineStart != null || e.has("margin-left") || L(t, "margin-left"), a = s || r.marginRight != null || r.marginInlineEnd != null || e.has("margin-right") || L(t, "margin-right");
   l || (r.marginLeft = "auto"), a || (r.marginRight = "auto");
 }
-function Ct(n, i, t, e, r, o, s) {
-  const l = i ? rt({ ...n, ...i }) : { ...n }, a = xt(l, o);
-  return !(a.maxWidth != null || z(r, "max-width") || o.has("max-width")) && t != null && t !== "" && (a.maxWidth = S("maxWidth", t)), vt(a, e, r, o), wt(a, s), a;
+function Tt(n, i, t, e, r, o, s) {
+  const l = i ? ot({ ...n, ...i }) : { ...n }, a = St(l, o);
+  return !(a.maxWidth != null || L(r, "max-width") || o.has("max-width")) && t != null && t !== "" && (a.maxWidth = x("maxWidth", t)), Ct(a, e, r, o), vt(a, s), a;
 }
-class Tt extends B {
+class Bt extends B {
   constructor() {
     super(...arguments);
-    u(this, "_userPad", {});
+    p(this, "_userPad", {});
   }
   children(t) {
-    return L(this, t), super.children(t);
+    return W(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && L(this, t.children), super.props(t);
+    return t && "children" in t && W(this, t.children), super.props(t);
   }
   padding(t, e) {
     if (e !== void 0 || t != null && typeof t == "object")
       return super.padding(t, e);
-    const r = t, o = S("padding", r), [s, l, a, f] = E(o);
-    return this._boxLonghands.has("padding-top") || (this._userPad.top = s), this._boxLonghands.has("padding-right") || (this._userPad.right = l), this._boxLonghands.has("padding-bottom") || (this._userPad.bottom = a), this._boxLonghands.has("padding-left") || (this._userPad.left = f), super.padding(r);
+    const r = t, o = x("padding", r), [s, l, a, h] = P(o);
+    return this._boxLonghands.has("padding-top") || (this._userPad.top = s), this._boxLonghands.has("padding-right") || (this._userPad.right = l), this._boxLonghands.has("padding-bottom") || (this._userPad.bottom = a), this._boxLonghands.has("padding-left") || (this._userPad.left = h), super.padding(r);
   }
   paddingHorizontal(t) {
-    const e = S("paddingLeft", t);
+    const e = x("paddingLeft", t);
     return this._userPad.left = e, this._userPad.right = e, super.paddingHorizontal(t);
   }
   paddingVertical(t) {
-    const e = S("paddingTop", t);
+    const e = x("paddingTop", t);
     return this._userPad.top = e, this._userPad.bottom = e, super.paddingVertical(t);
   }
   paddingLeft(t) {
-    const e = S("paddingLeft", t);
+    const e = x("paddingLeft", t);
     return this._userPad.left = e, this._boxLonghands.add("padding-left"), this.addClassName(_.register("padding-left", e)), this;
   }
   paddingRight(t) {
-    const e = S("paddingRight", t);
+    const e = x("paddingRight", t);
     return this._userPad.right = e, this._boxLonghands.add("padding-right"), this.addClassName(_.register("padding-right", e)), this;
   }
   paddingTop(t) {
-    const e = S("paddingTop", t);
+    const e = x("paddingTop", t);
     return this._userPad.top = e, this._boxLonghands.add("padding-top"), this.addClassName(_.register("padding-top", e)), this;
   }
   paddingBottom(t) {
-    const e = S("paddingBottom", t);
+    const e = x("paddingBottom", t);
     return this._userPad.bottom = e, this._boxLonghands.add("padding-bottom"), this.addClassName(_.register("padding-bottom", e)), this;
   }
   build() {
@@ -226,8 +226,8 @@ class Tt extends B {
       tag: s,
       dangerouslySetInnerHTML: l,
       maxWidth: a,
-      ...f
-    } = this._props, m = this.isHug(), d = mt(this.processChildren(), t).map(gt), c = Ct(
+      ...h
+    } = this._props, m = this.isHug(), d = yt(this.processChildren(), t).map(mt), c = Tt(
       this.getStyle(),
       r,
       a,
@@ -235,31 +235,31 @@ class Tt extends B {
       this._classNames,
       this._boxLonghands,
       this._userPad
-    ), h = [
+    ), f = [
       _.register("padding-left", String(c.paddingLeft ?? v(void 0, "left"))),
       _.register("padding-right", String(c.paddingRight ?? v(void 0, "right")))
     ];
-    c.paddingTop != null && String(c.paddingTop).includes("safe-area-inset") && h.push(_.register("padding-top", String(c.paddingTop))), c.paddingBottom != null && String(c.paddingBottom).includes("safe-area-inset") && h.push(_.register("padding-bottom", String(c.paddingBottom)));
-    const x = [
+    c.paddingTop != null && String(c.paddingTop).includes("safe-area-inset") && f.push(_.register("padding-top", String(c.paddingTop))), c.paddingBottom != null && String(c.paddingBottom).includes("safe-area-inset") && f.push(_.register("padding-bottom", String(c.paddingBottom)));
+    const w = [
       "fibo-container",
       m ? "w-auto" : "w-full mx-auto",
       this.getClassName(),
       e,
-      ...h
-    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), R = _t(o ?? s);
-    return p.createElement(
-      R,
+      ...f
+    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), A = xt(o ?? s);
+    return g.createElement(
+      A,
       {
-        ...f,
-        className: x,
+        ...h,
+        className: w,
         style: c
       },
       ...d
     );
   }
 }
-const Ut = T(Tt);
-function K(n) {
+const Jt = T(Bt);
+function Y(n) {
   if (n == null || typeof n != "object") return;
   const i = n;
   if (typeof i._frameWidth == "number" && typeof i._frameHeight == "number")
@@ -267,18 +267,21 @@ function K(n) {
   const t = i._frames;
   if (!(t != null && t.length)) return;
   const e = t[t.length - 1];
-  if (ot(e))
+  if (st(e))
     return { width: e.width, height: e.height };
+  const r = typeof e.height == "number" ? e.height : void 0, o = typeof e.width == "number" ? e.width : void 0;
+  if (!(r == null && o == null))
+    return { width: o, height: r };
 }
-function M(n) {
+function O(n) {
   if (n == null) return;
   const i = Array.isArray(n) ? n : [n];
   for (const t of i)
     if (t != null && typeof t != "boolean") return t;
 }
-function Bt(n, i) {
+function $t(n, i) {
   if (!(typeof i != "string" || !y(i)))
-    for (const t of A(i))
+    for (const t of z(i))
       n.bindSignal(t);
 }
 function H(n, i) {
@@ -290,23 +293,23 @@ function H(n, i) {
     return;
   }
   if (typeof i == "string") {
-    Bt(n, i);
+    $t(n, i);
     return;
   }
   if (Array.isArray(i))
     for (const t of i) H(n, t);
 }
-function $t(n) {
+function zt(n) {
   return typeof n == "string" && y(n) ? $(n) : n;
 }
 function At(n, i) {
   const { children: t, ...e } = i, r = t !== void 0 ? t : n;
   return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: e };
 }
-function zt(n, i, t) {
+function Nt(n, i, t) {
   if (n == null || typeof n == "boolean") return null;
-  const e = i === 0, r = st(t);
-  return e ? p.createElement(
+  const e = i === 0, r = lt(t);
+  return e ? g.createElement(
     "div",
     {
       key: `fibo-zstack-layer-${i}`,
@@ -318,14 +321,14 @@ function zt(n, i, t) {
         // Shrink-wrap the base child (Image/Box). No overflow clip on the
         // base so shadows/glows on the poster are not cut — overlays clip.
         minWidth: 0,
-        minHeight: 0,
+        // No minHeight:0 — that let Scaffold flex squash Image/ZStack vertically.
         maxWidth: "100%",
         lineHeight: 0
         // kill inline-img baseline gap if child is reset to inline
       }
     },
     n
-  ) : p.createElement(
+  ) : g.createElement(
     "div",
     {
       key: `fibo-zstack-layer-${i}`,
@@ -344,7 +347,7 @@ function zt(n, i, t) {
         pointerEvents: "none"
       }
     },
-    p.createElement(
+    g.createElement(
       "div",
       {
         className: "fibo-zstack-overlay-content",
@@ -366,19 +369,19 @@ function zt(n, i, t) {
     )
   );
 }
-class Nt extends B {
+class Lt extends B {
   constructor() {
     super(...arguments);
-    u(this, "_alignment", "center");
-    u(this, "_fit", "content");
-    /** Copied from base child’s fixed frame, if any. */
-    u(this, "_baseFixedFrame");
+    p(this, "_alignment", "center");
+    p(this, "_fit", "content");
+    /** Copied from base child’s fixed frame, if any (axis may be partial). */
+    p(this, "_baseFixedFrame");
   }
   children(t) {
-    return H(this, t), this._baseFixedFrame = K(M(t)), super.children(t);
+    return H(this, t), this._baseFixedFrame = Y(O(t)), super.children(t);
   }
   props(t) {
-    return t && "children" in t && (H(this, t.children), this._baseFixedFrame = K(M(t.children))), super.props(t);
+    return t && "children" in t && (H(this, t.children), this._baseFixedFrame = Y(O(t.children))), super.props(t);
   }
   alignment(t) {
     return this._alignment = t, this;
@@ -404,71 +407,71 @@ class Nt extends B {
     ], r = this.getStyle();
     if (r.overflow == null && (r.overflow = "hidden"), this._baseFixedFrame) {
       const d = r.width != null || this._classNames.some(
-        (h) => h === "w-full" || h.startsWith("w-") || h.startsWith("fibo-width-")
+        (f) => f === "w-full" || f.startsWith("w-") || f.startsWith("fibo-width-")
       ), c = r.height != null || this._classNames.some(
-        (h) => h === "h-full" || h.startsWith("h-") || h.startsWith("fibo-height-")
+        (f) => f === "h-full" || f.startsWith("h-") || f.startsWith("fibo-height-")
       );
-      d || (r.width = `${this._baseFixedFrame.width}px`), c || (r.height = `${this._baseFixedFrame.height}px`);
+      !d && this._baseFixedFrame.width != null && (r.width = `${this._baseFixedFrame.width}px`), !c && this._baseFixedFrame.height != null && (r.height = `${this._baseFixedFrame.height}px`, r.minHeight = `${this._baseFixedFrame.height}px`, r.flexShrink = 0);
     } else t && r.height == null && r.minHeight == null && (r.height = "fit-content");
-    const { nodes: o, rest: s } = At(this.processChildren(), this._props), { className: l, ...a } = s, f = [...e, l].filter(Boolean).join(" "), m = o.map($t).map((d, c) => zt(d, c, this._alignment));
-    return p.createElement(
+    const { nodes: o, rest: s } = At(this.processChildren(), this._props), { className: l, ...a } = s, h = [...e, l].filter(Boolean).join(" "), m = o.map(zt).map((d, c) => Nt(d, c, this._alignment));
+    return g.createElement(
       "div",
       {
         style: r,
         ...a,
-        className: f
+        className: h
       },
       ...m
     );
   }
 }
-const Jt = T(Nt);
-function Lt(n, i) {
+const Qt = T(Lt);
+function It(n, i) {
   if (!(typeof i != "string" || !y(i)))
-    for (const t of A(i))
+    for (const t of z(i))
       n.bindSignal(t);
 }
-function I(n, i) {
+function F(n, i) {
   if (typeof i == "function") {
     try {
-      I(n, i());
+      F(n, i());
     } catch {
     }
     return;
   }
   if (typeof i == "string") {
-    Lt(n, i);
+    It(n, i);
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) I(n, t);
+    for (const t of i) F(n, t);
 }
-function Ht(n) {
+function Wt(n) {
   return typeof n == "string" && y(n) ? $(n) : n;
 }
-function It(n) {
+function Ht(n) {
   return n && typeof n == "object" && !Array.isArray(n) ? n : {};
 }
-function Wt(n, i) {
+function Ft(n, i) {
   return n === !0 || n === "true" ? !0 : i === "none" || i === "presentation";
 }
-function Rt(n) {
+function kt(n) {
   return n.flexDirection === "column" || n.flexDirection === "column-reverse";
 }
-function kt(n, i) {
+function Rt(n, i) {
   const { children: t, ...e } = i, r = t !== void 0 ? t : n;
   return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: e };
 }
-class Ft extends B {
+class Et extends B {
   constructor() {
     super(...arguments);
-    u(this, "_sizeHeight");
+    p(this, "_sizeHeight");
   }
   children(t) {
-    return I(this, t), super.children(t);
+    return F(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && I(this, t.children), super.props(t);
+    return t && "children" in t && F(this, t.children), super.props(t);
   }
   sizeHeight(t) {
     return this._sizeHeight = t, this;
@@ -478,18 +481,18 @@ class Ft extends B {
     return this.flexDirection(t === "vertical" ? "column" : "row");
   }
   build() {
-    const { nodes: t, rest: e } = kt(this.processChildren(), this._props), { className: r, style: o, ...s } = e, l = { ...this.getStyle(), ...It(o) };
+    const { nodes: t, rest: e } = Rt(this.processChildren(), this._props), { className: r, style: o, ...s } = e, l = { ...this.getStyle(), ...Ht(o) };
     this._sizeHeight && (l.height = this._sizeHeight);
-    const a = t.map(Ht), f = Rt(l), m = Wt(s["aria-hidden"], s.role), d = ["fibo-line", ...this._classNames, r].filter(Boolean).join(" ");
-    if (f && a.length === 0)
-      return l.width = l.width ?? "1px", l.alignSelf = l.alignSelf ?? "stretch", l.height == null && (l.height = "100%"), m ? p.createElement("div", {
+    const a = t.map(Wt), h = kt(l), m = Ft(s["aria-hidden"], s.role), d = ["fibo-line", ...this._classNames, r].filter(Boolean).join(" ");
+    if (h && a.length === 0)
+      return l.width = l.width ?? "1px", l.alignSelf = l.alignSelf ?? "stretch", l.height == null && (l.height = "100%"), m ? g.createElement("div", {
         ...s,
         role: "none",
         "aria-hidden": !0,
         "aria-orientation": void 0,
         style: l,
         className: d
-      }) : p.createElement("div", {
+      }) : g.createElement("div", {
         ...s,
         role: "separator",
         "aria-orientation": "vertical",
@@ -497,14 +500,14 @@ class Ft extends B {
         className: d
       });
     if (a.length === 0)
-      return m ? p.createElement("hr", {
+      return m ? g.createElement("hr", {
         ...s,
         role: "none",
         "aria-hidden": !0,
         "aria-orientation": void 0,
         style: l,
         className: d
-      }) : p.createElement("hr", {
+      }) : g.createElement("hr", {
         ...s,
         role: "separator",
         "aria-orientation": "horizontal",
@@ -514,12 +517,12 @@ class Ft extends B {
     const c = [
       "fibo-line",
       "flex",
-      f ? "flex-col" : "flex-row",
+      h ? "flex-col" : "flex-row",
       "min-w-0",
       ...this._classNames,
       r
     ].filter(Boolean).join(" ");
-    return p.createElement(
+    return g.createElement(
       "div",
       {
         ...s,
@@ -530,10 +533,10 @@ class Ft extends B {
     );
   }
 }
-const Qt = T(Ft);
-class Et {
+const ti = T(Et);
+class jt {
   constructor() {
-    u(this, "_node", null);
+    p(this, "_node", null);
   }
   /** @internal Attached by ScrollView on mount. */
   attach(i) {
@@ -596,49 +599,49 @@ class Et {
     });
   }
 }
-function X(n) {
+function Z(n) {
   return n === "horizontal" ? "x mandatory" : n === "both" ? "both mandatory" : "y mandatory";
 }
-function jt(n, i) {
+function Pt(n, i) {
   if (!(typeof i != "string" || !y(i)))
-    for (const t of A(i))
+    for (const t of z(i))
       n.bindSignal(t);
 }
-function W(n, i) {
+function k(n, i) {
   if (typeof i == "function") {
     try {
-      W(n, i());
+      k(n, i());
     } catch {
     }
     return;
   }
   if (typeof i == "string") {
-    jt(n, i);
+    Pt(n, i);
     return;
   }
   if (Array.isArray(i))
-    for (const t of i) W(n, t);
+    for (const t of i) k(n, t);
 }
-function Pt(n) {
+function Dt(n) {
   return typeof n == "string" && y(n) ? $(n) : n;
 }
-function Dt(n, i) {
+function Vt(n, i) {
   const { children: t, ...e } = i, r = t !== void 0 ? t : n;
-  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(Pt), rest: e };
+  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(Dt), rest: e };
 }
-function Vt(...n) {
+function Gt(...n) {
   return (i) => {
     for (const t of n)
       t && (typeof t == "function" ? t(i) : t.current = i);
   };
 }
-function Gt(n) {
+function Kt(n) {
   return n === "horizontal" || n === "vertical" || n === "both";
 }
-function Kt(n) {
+function Mt(n) {
   return n === "hidden" || n === "visible" || n === "auto";
 }
-function Mt(n) {
+function Xt(n) {
   const i = { ...n }, t = i.overflow;
   if (t == null || t === "")
     return delete i.overflow, i;
@@ -648,22 +651,22 @@ function Mt(n) {
   const r = e[0], o = e[1] ?? e[0];
   return i.overflowX == null && (i.overflowX = r), i.overflowY == null && (i.overflowY = o), delete i.overflow, i;
 }
-class Xt extends B {
+class Yt extends B {
   constructor() {
     super(...arguments);
-    u(this, "_direction", "vertical");
-    u(this, "_scrollbar", "auto");
-    u(this, "_controller");
-    u(this, "_anchor");
-    u(this, "_refresh");
-    u(this, "_scrollTargetLayout", !1);
-    u(this, "_scrollPosition");
+    p(this, "_direction", "vertical");
+    p(this, "_scrollbar", "auto");
+    p(this, "_controller");
+    p(this, "_anchor");
+    p(this, "_refresh");
+    p(this, "_scrollTargetLayout", !1);
+    p(this, "_scrollPosition");
   }
   children(t) {
-    return W(this, t), super.children(t);
+    return k(this, t), super.children(t);
   }
   props(t) {
-    return t && "children" in t && W(this, t.children), super.props(t);
+    return t && "children" in t && k(this, t.children), super.props(t);
   }
   direction(t) {
     return this._direction = t, this;
@@ -705,62 +708,75 @@ class Xt extends B {
     return typeof t == "function" ? (this._props.onScroll = t, this) : super.onScroll(t);
   }
   build() {
-    const { nodes: t, rest: e } = Dt(this.processChildren(), this._props), {
+    const { nodes: t, rest: e } = Vt(this.processChildren(), this._props), {
       ref: r,
       className: o,
       style: s,
       controller: l,
       direction: a,
-      scrollbar: f,
+      scrollbar: h,
       onScroll: m,
       ...d
-    } = e, c = Gt(a) ? a : this._direction, h = Kt(f) ? f : this._scrollbar, x = this._controller ?? (l instanceof Et ? l : void 0), R = c === "horizontal" || c === "both", Y = c === "vertical" || c === "both", Z = this.getStyle(), { gap: j, rowGap: P, columnGap: D, ...O } = Z, q = R ? "auto" : "hidden", U = Y ? "auto" : "hidden", g = {
+    } = e, c = Kt(a) ? a : this._direction, f = Mt(h) ? h : this._scrollbar, w = this._controller ?? (l instanceof jt ? l : void 0), A = c === "horizontal" || c === "both", D = c === "vertical" || c === "both", q = this.getStyle(), { gap: V, rowGap: G, columnGap: K, ...U } = q, J = A ? "auto" : "hidden", Q = D ? "auto" : "hidden", R = A && !D, u = {
       display: "flex",
       flexDirection: c === "horizontal" ? "row" : "column",
       flexWrap: "nowrap",
       flex: "0 0 auto"
     };
-    j != null && (g.gap = j), P != null && (g.rowGap = P), D != null && (g.columnGap = D), c === "horizontal" ? (g.width = "max-content", g.minHeight = "0px") : c === "both" ? (g.width = "max-content", g.height = "max-content", g.minWidth = "0px", g.minHeight = "0px") : (g.width = "100%", g.maxWidth = "100%", g.minWidth = "0px");
-    const k = [
+    V != null && (u.gap = V), G != null && (u.rowGap = G), K != null && (u.columnGap = K), c === "horizontal" ? (u.width = "max-content", R ? u.alignItems = "stretch" : u.minHeight = "0px") : c === "both" ? (u.width = "max-content", u.height = "max-content", u.minWidth = "0px", u.minHeight = "0px") : (u.width = "100%", u.maxWidth = "100%", u.minWidth = "0px");
+    const E = [
       "fibo-scrollview",
       ...this.getClassName().split(" ").filter(Boolean),
       o
-    ], J = Mt({
-      ...O,
+    ], N = Xt({
+      ...U,
       ...s && typeof s == "object" ? s : {}
     }), b = {
       WebkitOverflowScrolling: "touch",
       minWidth: "0px",
-      minHeight: "0px",
+      // Vertical (and both) need minHeight:0 to scroll inside flex.
+      // Horizontal-only must NOT — Scaffold column was squashing carousels.
+      ...R ? {
+        width: "100%",
+        maxWidth: "100%",
+        flexShrink: 0,
+        alignSelf: "stretch"
+      } : { minHeight: "0px" },
       display: "flex",
       flexDirection: c === "horizontal" ? "row" : "column",
-      ...J,
+      ...N,
       // Direction overflow must survive `.props({ style })` replacing the object.
-      overflowX: q,
-      overflowY: U
+      overflowX: J,
+      overflowY: Q,
+      // Re-assert clamp after painted so user width:max-content cannot blow the body.
+      ...R ? {
+        width: N.width ?? "100%",
+        maxWidth: N.maxWidth ?? "100%",
+        flexShrink: N.flexShrink ?? 0
+      } : null
     };
-    if (h === "hidden" && (k.push("scrollbar-hide"), b.scrollbarWidth = "none", b.msOverflowStyle = "none"), this._anchor) {
+    if (f === "hidden" && (E.push("scrollbar-hide"), b.scrollbarWidth = "none", b.msOverflowStyle = "none"), this._anchor) {
       b.scrollSnapAlign = this._anchor;
-      const w = b.scrollSnapType ?? b["scroll-snap-type"];
-      (w == null || w === "") && (b.scrollSnapType = X(c));
+      const S = b.scrollSnapType ?? b["scroll-snap-type"];
+      (S == null || S === "") && (b.scrollSnapType = Z(c));
     }
-    const C = this._scrollPosition, Q = Vt(
-      (w) => {
-        x == null || x.attach(w), w && C && requestAnimationFrame(() => {
-          const it = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(C) : C.replace(/"/g, '\\"'), F = w.querySelector(
-            `[data-scroll-id="${it}"]`
+    const C = this._scrollPosition, tt = Gt(
+      (S) => {
+        w == null || w.attach(S), S && C && requestAnimationFrame(() => {
+          const nt = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(C) : C.replace(/"/g, '\\"'), j = S.querySelector(
+            `[data-scroll-id="${nt}"]`
           );
-          F == null || F.scrollIntoView({ block: "nearest", inline: "nearest" });
+          j == null || j.scrollIntoView({ block: "nearest", inline: "nearest" });
         });
       },
       r
-    ), V = this._refresh, tt = p.createElement(
+    ), M = this._refresh, it = g.createElement(
       "div",
-      { className: "fibo-scroll-inner", style: g },
+      { className: "fibo-scroll-inner", style: u },
       ...t
     );
-    this._scrollTargetLayout && (k.push("fibo-scroll-target-layout"), b.scrollSnapType == null && (b.scrollSnapType = X(c)));
-    const G = p.createElement(
+    this._scrollTargetLayout && (E.push("fibo-scroll-target-layout"), b.scrollSnapType == null && (b.scrollSnapType = Z(c)));
+    const X = g.createElement(
       "div",
       {
         ...d,
@@ -768,25 +784,25 @@ class Xt extends B {
         ...this._scrollTargetLayout ? { "data-scroll-target-layout": "1" } : {},
         ...C ? { "data-scroll-position": C } : {},
         "data-fibo-scroll-host": "",
-        className: k.filter(Boolean).join(" "),
+        className: E.filter(Boolean).join(" "),
         style: b,
-        ref: Q,
+        ref: tt,
         onScroll: m
       },
-      tt
+      it
     );
-    return !V || c === "horizontal" ? G : p.createElement(lt, {
-      onRefresh: V,
-      children: G
+    return !M || c === "horizontal" ? X : g.createElement(at, {
+      onRefresh: M,
+      children: X
     });
   }
 }
-const ti = T(Xt);
+const ii = T(Yt);
 export {
-  qt as C,
-  Qt as L,
-  ti as S,
-  Jt as Z,
-  Ut as a,
-  Et as b
+  Ut as C,
+  ti as L,
+  ii as S,
+  Qt as Z,
+  Jt as a,
+  jt as b
 };