fiboui 2.8.4 → 2.9.0

package/dist/index-FuD1J3Qo.js

@@ -0,0 +1,785 @@
+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 z, bu as _, bv as E, bw as b, bx as rt, bd as ot, by as st, bz as lt } from "./client-3NdKI2xE.js";
+function at(n, i) {
+  if (!(typeof i != "string" || !m(i)))
+    for (const t of z(i))
+      n.bindSignal(t);
+}
+function L(n, i) {
+  if (typeof i == "function") {
+    try {
+      L(n, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    at(n, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) L(n, t);
+}
+function ct(n) {
+  return typeof n == "string" && m(n) ? $(n) : n;
+}
+function ft(n) {
+  return n && typeof n == "object" && !Array.isArray(n) ? 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 ht(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 {
+  children(i) {
+    return L(this, i), super.children(i);
+  }
+  props(i) {
+    return i && "children" in i && L(this, i.children), super.props(i);
+  }
+  build() {
+    const i = [
+      "fibo-center",
+      "flex",
+      "items-center",
+      "justify-center",
+      // Fill the parent so centering is visible; min-* lets flex ancestors shrink
+      // 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 } = ht(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 dt(f), h.createElement(
+      "div",
+      {
+        style: f,
+        ...s,
+        className: l
+      },
+      ...a
+    );
+  }
+}
+const qt = T(ut);
+function pt(n, i) {
+  if (!(typeof i != "string" || !m(i)))
+    for (const t of z(i))
+      n.bindSignal(t);
+}
+function N(n, i) {
+  if (typeof i == "function") {
+    try {
+      N(n, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    pt(n, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) N(n, t);
+}
+function gt(n) {
+  return typeof n == "string" && m(n) ? $(n) : n;
+}
+function mt(n, i) {
+  const t = i !== void 0 ? i : n;
+  return t == null ? [] : Array.isArray(t) ? t : [t];
+}
+const yt = /* @__PURE__ */ new Set([
+  "script",
+  "iframe",
+  "object",
+  "embed",
+  "link",
+  "meta",
+  "base",
+  "style",
+  "html",
+  "head",
+  "body",
+  "frameset",
+  "frame",
+  "applet",
+  "template",
+  "noscript",
+  "foreignobject",
+  "area",
+  "br",
+  "col",
+  "hr",
+  "img",
+  "input",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]), bt = /^[a-z][a-z0-9]*$/;
+function _t(n) {
+  if (typeof n != "string") return "div";
+  const i = n.trim().toLowerCase();
+  return !bt.test(i) || yt.has(i) ? "div" : i;
+}
+function A(n, i) {
+  const t = `fibo-${i}-`;
+  return n.some((e) => e.startsWith(t));
+}
+function xt(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 = xt(n);
+  return e.includes("safe-area-inset") ? e : `max(${e}, ${t})`;
+}
+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 [p, c, x, S] = E(String(o));
+    e[s] == null && !i.has(`${r}-top`) && (e[s] = p), e[l] == null && !i.has(`${r}-right`) && (e[l] = c), e[a] == null && !i.has(`${r}-bottom`) && (e[a] = x), e[f] == null && !i.has(`${r}-left`) && (e[f] = S), delete e[r];
+  }
+  return t;
+}
+function wt(n, i) {
+  const t = n;
+  if (t.padding != null && t.padding !== "") {
+    const [o, s, l, a] = E(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") || A(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") || A(t, "margin-left"), a = s || r.marginRight != null || r.marginInlineEnd != null || e.has("margin-right") || A(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 = St(l, o);
+  return !(a.maxWidth != null || A(r, "max-width") || o.has("max-width")) && t != null && t !== "" && (a.maxWidth = _("maxWidth", t)), vt(a, e, r, o), wt(a, s), a;
+}
+class Tt extends B {
+  constructor() {
+    super(...arguments);
+    d(this, "_userPad", {});
+  }
+  children(t) {
+    return N(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && N(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 = _("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);
+  }
+  paddingHorizontal(t) {
+    const e = _("paddingLeft", t);
+    return this._userPad.left = e, this._userPad.right = e, super.paddingHorizontal(t);
+  }
+  paddingVertical(t) {
+    const e = _("paddingTop", t);
+    return this._userPad.top = e, this._userPad.bottom = e, super.paddingVertical(t);
+  }
+  paddingLeft(t) {
+    const e = _("paddingLeft", t);
+    return this._userPad.left = e, this._boxLonghands.add("padding-left"), this.addClassName(b.register("padding-left", e)), this;
+  }
+  paddingRight(t) {
+    const e = _("paddingRight", t);
+    return this._userPad.right = e, this._boxLonghands.add("padding-right"), this.addClassName(b.register("padding-right", e)), this;
+  }
+  paddingTop(t) {
+    const e = _("paddingTop", t);
+    return this._userPad.top = e, this._boxLonghands.add("padding-top"), this.addClassName(b.register("padding-top", e)), this;
+  }
+  paddingBottom(t) {
+    const e = _("paddingBottom", t);
+    return this._userPad.bottom = e, this._boxLonghands.add("padding-bottom"), this.addClassName(b.register("padding-bottom", e)), this;
+  }
+  build() {
+    const {
+      children: t,
+      className: e,
+      style: r,
+      as: o,
+      tag: s,
+      dangerouslySetInnerHTML: l,
+      maxWidth: a,
+      ...f
+    } = this._props, g = this.isHug(), p = mt(this.processChildren(), t).map(gt), c = Ct(
+      this.getStyle(),
+      r,
+      a,
+      g,
+      this._classNames,
+      this._boxLonghands,
+      this._userPad
+    ), x = [
+      b.register("padding-left", String(c.paddingLeft ?? v(void 0, "left"))),
+      b.register("padding-right", String(c.paddingRight ?? v(void 0, "right")))
+    ];
+    c.paddingTop != null && String(c.paddingTop).includes("safe-area-inset") && x.push(b.register("padding-top", String(c.paddingTop))), c.paddingBottom != null && String(c.paddingBottom).includes("safe-area-inset") && x.push(b.register("padding-bottom", String(c.paddingBottom)));
+    const S = [
+      "fibo-container",
+      g ? "w-auto" : "w-full mx-auto",
+      this.getClassName(),
+      e,
+      ...x
+    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), k = _t(o ?? s);
+    return h.createElement(
+      k,
+      {
+        ...f,
+        className: S,
+        style: c
+      },
+      ...p
+    );
+  }
+}
+const Ut = T(Tt);
+function K(n) {
+  if (n == null || typeof n != "object") return;
+  const i = n;
+  if (typeof i._frameWidth == "number" && typeof i._frameHeight == "number")
+    return { width: i._frameWidth, height: i._frameHeight };
+  const t = i._frames;
+  if (!(t != null && t.length)) return;
+  const e = t[t.length - 1];
+  if (ot(e))
+    return { width: e.width, height: e.height };
+}
+function M(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) {
+  if (!(typeof i != "string" || !m(i)))
+    for (const t of z(i))
+      n.bindSignal(t);
+}
+function I(n, i) {
+  if (typeof i == "function") {
+    try {
+      I(n, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    Bt(n, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) I(n, t);
+}
+function $t(n) {
+  return typeof n == "string" && m(n) ? $(n) : n;
+}
+function zt(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 At(n, i, t) {
+  if (n == null || typeof n == "boolean") return null;
+  const e = i === 0, r = st(t);
+  return e ? h.createElement(
+    "div",
+    {
+      key: `fibo-zstack-layer-${i}`,
+      className: "fibo-zstack-layer fibo-zstack-layer-base",
+      style: {
+        position: "relative",
+        zIndex: 0,
+        isolation: "isolate",
+        // 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,
+        maxWidth: "100%",
+        lineHeight: 0
+        // kill inline-img baseline gap if child is reset to inline
+      }
+    },
+    n
+  ) : h.createElement(
+    "div",
+    {
+      key: `fibo-zstack-layer-${i}`,
+      className: "fibo-zstack-layer fibo-zstack-layer-overlay",
+      style: {
+        position: "absolute",
+        inset: 0,
+        zIndex: i,
+        isolation: "isolate",
+        overflow: "hidden",
+        boxSizing: "border-box",
+        minWidth: 0,
+        minHeight: 0,
+        maxWidth: "100%",
+        maxHeight: "100%",
+        pointerEvents: "none"
+      }
+    },
+    h.createElement(
+      "div",
+      {
+        className: "fibo-zstack-overlay-content",
+        style: {
+          pointerEvents: "auto",
+          boxSizing: "border-box",
+          width: "100%",
+          height: "100%",
+          minWidth: 0,
+          minHeight: 0,
+          maxWidth: "100%",
+          maxHeight: "100%",
+          overflow: "hidden",
+          display: "flex",
+          ...r
+        }
+      },
+      n
+    )
+  );
+}
+class Lt extends B {
+  constructor() {
+    super(...arguments);
+    d(this, "_alignment", "center");
+    d(this, "_fit", "content");
+    /** Copied from base child’s fixed frame, if any. */
+    d(this, "_baseFixedFrame");
+  }
+  children(t) {
+    return I(this, t), this._baseFixedFrame = K(M(t)), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && (I(this, t.children), this._baseFixedFrame = K(M(t.children))), super.props(t);
+  }
+  alignment(t) {
+    return this._alignment = t, this;
+  }
+  /**
+   * How the stack sizes itself.
+   * - `content` (default): hug the base child — SwiftUI ideal size / `StackFit.loose`
+   * - `expand`: fill the parent — `StackFit.expand`
+   *
+   * `.hug()` still forces content; explicit `.width('100%')` still fills.
+   */
+  fit(t) {
+    return this._fit = t, this;
+  }
+  build() {
+    const t = this.isHug() || this._fit === "content", e = [
+      "fibo-zstack",
+      "relative",
+      "isolate",
+      "overflow-hidden",
+      t ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
+      ...this._classNames
+    ], r = this.getStyle();
+    r.overflow == null && (r.overflow = "hidden"), this._baseFixedFrame ? (r.width == null && (r.width = `${this._baseFixedFrame.width}px`), r.height == null && (r.height = `${this._baseFixedFrame.height}px`)) : t && r.height == null && r.minHeight == null && (r.height = "fit-content");
+    const { nodes: o, rest: s } = zt(this.processChildren(), this._props), { className: l, ...a } = s, f = [...e, l].filter(Boolean).join(" "), g = o.map($t).map((p, c) => At(p, c, this._alignment));
+    return h.createElement(
+      "div",
+      {
+        style: r,
+        ...a,
+        className: f
+      },
+      ...g
+    );
+  }
+}
+const Jt = T(Lt);
+function Nt(n, i) {
+  if (!(typeof i != "string" || !m(i)))
+    for (const t of z(i))
+      n.bindSignal(t);
+}
+function H(n, i) {
+  if (typeof i == "function") {
+    try {
+      H(n, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    Nt(n, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) H(n, t);
+}
+function It(n) {
+  return typeof n == "string" && m(n) ? $(n) : n;
+}
+function Ht(n) {
+  return n && typeof n == "object" && !Array.isArray(n) ? n : {};
+}
+function Rt(n, i) {
+  return n === !0 || n === "true" ? !0 : i === "none" || i === "presentation";
+}
+function kt(n) {
+  return n.flexDirection === "column" || n.flexDirection === "column-reverse";
+}
+function Ft(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 Wt extends B {
+  constructor() {
+    super(...arguments);
+    d(this, "_sizeHeight");
+  }
+  children(t) {
+    return H(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && H(this, t.children), super.props(t);
+  }
+  sizeHeight(t) {
+    return this._sizeHeight = t, this;
+  }
+  /** Separator axis. `vertical` paints a 1px column rule. */
+  direction(t) {
+    return this.flexDirection(t === "vertical" ? "column" : "row");
+  }
+  build() {
+    const { nodes: t, rest: e } = Ft(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(It), f = kt(l), g = Rt(s["aria-hidden"], s.role), p = ["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%"), g ? h.createElement("div", {
+        ...s,
+        role: "none",
+        "aria-hidden": !0,
+        "aria-orientation": void 0,
+        style: l,
+        className: p
+      }) : h.createElement("div", {
+        ...s,
+        role: "separator",
+        "aria-orientation": "vertical",
+        style: l,
+        className: p
+      });
+    if (a.length === 0)
+      return g ? h.createElement("hr", {
+        ...s,
+        role: "none",
+        "aria-hidden": !0,
+        "aria-orientation": void 0,
+        style: l,
+        className: p
+      }) : h.createElement("hr", {
+        ...s,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        style: l,
+        className: p
+      });
+    const c = [
+      "fibo-line",
+      "flex",
+      f ? "flex-col" : "flex-row",
+      "min-w-0",
+      ...this._classNames,
+      r
+    ].filter(Boolean).join(" ");
+    return h.createElement(
+      "div",
+      {
+        ...s,
+        style: l,
+        className: c
+      },
+      ...a
+    );
+  }
+}
+const Qt = T(Wt);
+class Et {
+  constructor() {
+    d(this, "_node", null);
+  }
+  /** @internal Attached by ScrollView on mount. */
+  attach(i) {
+    if (i == null) {
+      this._node = null;
+      return;
+    }
+    typeof document > "u" || (this._node = i);
+  }
+  get node() {
+    return this._node;
+  }
+  /** Prefer the inner strip so wrapping for overflow does not count as a slide. */
+  itemHost() {
+    var e;
+    const i = this._node;
+    if (!i) return null;
+    const t = i.firstElementChild;
+    return (e = t == null ? void 0 : t.classList) != null && e.contains("fibo-scroll-inner") ? t : i;
+  }
+  alive() {
+    return typeof document > "u" ? null : this._node;
+  }
+  scrollBy(i) {
+    var t, e;
+    (e = (t = this.alive()) == null ? void 0 : t.scrollBy) == null || e.call(t, i);
+  }
+  scrollTo(i) {
+    var t, e;
+    (e = (t = this.alive()) == null ? void 0 : t.scrollTo) == null || e.call(t, i);
+  }
+  /** Prefer overflow styles (direction) over whether content currently overflows. */
+  scrollAxis(i) {
+    const t = i.style.overflowX, e = i.style.overflowY, r = t === "auto" || t === "scroll", o = e === "auto" || e === "scroll";
+    return r && !o ? "left" : !r && o ? "top" : i.scrollWidth > i.clientWidth ? "left" : "top";
+  }
+  /**
+   * Carousel step: scroll by the first child's outer width (+ gap).
+   * Prefer this over measuring in app code.
+   */
+  scrollByChild(i = 1, t = 0) {
+    const e = this.alive(), r = this.itemHost();
+    if (!e || !r) return;
+    const o = r.firstElementChild;
+    if (!o) return;
+    const s = this.scrollAxis(e), a = (s === "left" ? o.getBoundingClientRect().width : o.getBoundingClientRect().height) + t;
+    e.scrollBy(
+      s === "left" ? { left: i * a, behavior: "smooth" } : { top: i * a, behavior: "smooth" }
+    );
+  }
+  scrollToChild(i, t = 0) {
+    const e = this.alive(), r = this.itemHost();
+    if (!e || !r) return;
+    const o = r.children[i];
+    if (!o) return;
+    const s = this.scrollAxis(e), l = (s === "left" ? o.offsetLeft : o.offsetTop) + i * t;
+    e.scrollTo({
+      [s]: l,
+      behavior: "smooth"
+    });
+  }
+}
+function X(n) {
+  return n === "horizontal" ? "x mandatory" : n === "both" ? "both mandatory" : "y mandatory";
+}
+function jt(n, i) {
+  if (!(typeof i != "string" || !m(i)))
+    for (const t of z(i))
+      n.bindSignal(t);
+}
+function R(n, i) {
+  if (typeof i == "function") {
+    try {
+      R(n, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    jt(n, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) R(n, t);
+}
+function Pt(n) {
+  return typeof n == "string" && m(n) ? $(n) : n;
+}
+function Dt(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 };
+}
+function Vt(...n) {
+  return (i) => {
+    for (const t of n)
+      t && (typeof t == "function" ? t(i) : t.current = i);
+  };
+}
+function Gt(n) {
+  return n === "horizontal" || n === "vertical" || n === "both";
+}
+function Kt(n) {
+  return n === "hidden" || n === "visible" || n === "auto";
+}
+function Mt(n) {
+  const i = { ...n }, t = i.overflow;
+  if (t == null || t === "")
+    return delete i.overflow, i;
+  const e = String(t).trim().split(/\s+/).filter(Boolean);
+  if (e.length === 0)
+    return delete i.overflow, i;
+  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 {
+  constructor() {
+    super(...arguments);
+    d(this, "_direction", "vertical");
+    d(this, "_scrollbar", "auto");
+    d(this, "_controller");
+    d(this, "_anchor");
+    d(this, "_refresh");
+    d(this, "_scrollTargetLayout", !1);
+    d(this, "_scrollPosition");
+  }
+  children(t) {
+    return R(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && R(this, t.children), super.props(t);
+  }
+  direction(t) {
+    return this._direction = t, this;
+  }
+  horizontal() {
+    return this._direction = "horizontal", this;
+  }
+  vertical() {
+    return this._direction = "vertical", this;
+  }
+  scrollbar(t) {
+    return this._scrollbar = t, this;
+  }
+  /** Attach a ScrollController for programmatic scroll (carousel prev/next). */
+  controller(t) {
+    return this._controller = t, this;
+  }
+  scrollAnchor(t) {
+    return this._anchor = t, this;
+  }
+  refreshable(t) {
+    return this._refresh = t, this;
+  }
+  /**
+   * SwiftUI `scrollTargetLayout` — children participate as scroll targets
+   * (snap + `data-scroll-target-layout`).
+   */
+  scrollTargetLayout(t = !0) {
+    return this._scrollTargetLayout = t, t && !this._anchor && (this._anchor = "start"), this;
+  }
+  /**
+   * SwiftUI `scrollPosition(id:)` — initial / programmatic target id
+   * (`data-scroll-position`). Pair with `.scrollTarget(id)` on children.
+   */
+  scrollPosition(t) {
+    return this._scrollPosition = t, this;
+  }
+  onScroll(t = "fadeIn") {
+    return typeof t == "function" ? (this._props.onScroll = t, this) : super.onScroll(t);
+  }
+  build() {
+    const { nodes: t, rest: e } = Dt(this.processChildren(), this._props), {
+      ref: r,
+      className: o,
+      style: s,
+      controller: l,
+      direction: a,
+      scrollbar: f,
+      onScroll: g,
+      ...p
+    } = e, c = Gt(a) ? a : this._direction, x = Kt(f) ? f : this._scrollbar, S = this._controller ?? (l instanceof Et ? l : void 0), k = c === "horizontal" || c === "both", Y = c === "vertical" || c === "both", Z = this.getStyle(), { gap: j, rowGap: P, columnGap: D, ...O } = Z, q = k ? "auto" : "hidden", U = Y ? "auto" : "hidden", u = {
+      display: "flex",
+      flexDirection: c === "horizontal" ? "row" : "column",
+      flexWrap: "nowrap",
+      flex: "0 0 auto"
+    };
+    j != null && (u.gap = j), P != null && (u.rowGap = P), D != null && (u.columnGap = D), c === "horizontal" ? (u.width = "max-content", 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 F = [
+      "fibo-scrollview",
+      ...this.getClassName().split(" ").filter(Boolean),
+      o
+    ], J = Mt({
+      ...O,
+      ...s && typeof s == "object" ? s : {}
+    }), y = {
+      WebkitOverflowScrolling: "touch",
+      minWidth: "0px",
+      minHeight: "0px",
+      display: "flex",
+      flexDirection: c === "horizontal" ? "row" : "column",
+      ...J,
+      // Direction overflow must survive `.props({ style })` replacing the object.
+      overflowX: q,
+      overflowY: U
+    };
+    if (x === "hidden" && (F.push("scrollbar-hide"), y.scrollbarWidth = "none", y.msOverflowStyle = "none"), this._anchor) {
+      y.scrollSnapAlign = this._anchor;
+      const w = y.scrollSnapType ?? y["scroll-snap-type"];
+      (w == null || w === "") && (y.scrollSnapType = X(c));
+    }
+    const C = this._scrollPosition, Q = Vt(
+      (w) => {
+        S == null || S.attach(w), w && C && requestAnimationFrame(() => {
+          const it = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(C) : C.replace(/"/g, '\\"'), W = w.querySelector(
+            `[data-scroll-id="${it}"]`
+          );
+          W == null || W.scrollIntoView({ block: "nearest", inline: "nearest" });
+        });
+      },
+      r
+    ), V = this._refresh, tt = h.createElement(
+      "div",
+      { className: "fibo-scroll-inner", style: u },
+      ...t
+    );
+    this._scrollTargetLayout && (F.push("fibo-scroll-target-layout"), y.scrollSnapType == null && (y.scrollSnapType = X(c)));
+    const G = h.createElement(
+      "div",
+      {
+        ...p,
+        ...this._anchor ? { "data-scroll-anchor": this._anchor } : {},
+        ...this._scrollTargetLayout ? { "data-scroll-target-layout": "1" } : {},
+        ...C ? { "data-scroll-position": C } : {},
+        "data-fibo-scroll-host": "",
+        className: F.filter(Boolean).join(" "),
+        style: y,
+        ref: Q,
+        onScroll: g
+      },
+      tt
+    );
+    return !V || c === "horizontal" ? G : h.createElement(lt, {
+      onRefresh: V,
+      children: G
+    });
+  }
+}
+const ti = T(Xt);
+export {
+  qt as C,
+  Qt as L,
+  ti as S,
+  Jt as Z,
+  Ut as a,
+  Et as b
+};