fiboui 2.6.4 → 2.7.0

package/dist/index-D-ljLuf8.js

@@ -0,0 +1,839 @@
+var tt = Object.defineProperty;
+var it = (e, i, t) => i in e ? tt(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t;
+var h = (e, i, t) => it(e, typeof i != "symbol" ? i + "" : i, t);
+import d from "react";
+import { aT as v, aU as T, aW as C, aV as g, aX as $, ba as w, bb as O, bc as S, bd as et, aZ as nt } from "./client-CGjHCx8F.js";
+function rt(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function I(e, i) {
+  if (typeof i == "function") {
+    try {
+      I(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    rt(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) I(e, t);
+}
+function st(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function ot(e) {
+  return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+}
+function lt(e) {
+  e.display !== "none" && (e.display = "flex", (e.alignItems == null || e.alignItems === "") && (e.alignItems = "center"), (e.justifyContent == null || e.justifyContent === "") && (e.justifyContent = "center")), e.margin == null && (e.marginLeft == null && (e.marginLeft = "auto"), e.marginRight == null && (e.marginRight = "auto"));
+}
+function at(e, i) {
+  const { children: t, ...n } = i, r = t !== void 0 ? t : e;
+  return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: n };
+}
+class ct extends T {
+  children(i) {
+    return I(this, i), super.children(i);
+  }
+  props(i) {
+    return i && "children" in i && I(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: n } = at(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = [...i, r].filter(Boolean).join(" "), a = t.map(st), f = { ...this.getStyle(), ...ot(s) };
+    return lt(f), d.createElement(
+      "div",
+      {
+        style: f,
+        ...o,
+        className: l
+      },
+      ...a
+    );
+  }
+}
+const qt = v(ct);
+function ft(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function L(e, i) {
+  if (typeof i == "function") {
+    try {
+      L(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    ft(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) L(e, t);
+}
+function ht(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function dt(e, i) {
+  const t = i !== void 0 ? i : e;
+  return t == null ? [] : Array.isArray(t) ? t : [t];
+}
+const pt = /* @__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"
+]), ut = /^[a-z][a-z0-9]*$/;
+function gt(e) {
+  if (typeof e != "string") return "div";
+  const i = e.trim().toLowerCase();
+  return !ut.test(i) || pt.has(i) ? "div" : i;
+}
+function B(e, i) {
+  const t = `fibo-${i}-`;
+  return e.some((n) => n.startsWith(t));
+}
+function mt(e) {
+  return typeof e == "number" ? `${e}px` : String(e);
+}
+function k(e, i) {
+  const t = `env(safe-area-inset-${i}, 0px)`;
+  if (e == null || e === "") return t;
+  const n = mt(e);
+  return n.includes("safe-area-inset") ? n : `max(${n}, ${t})`;
+}
+function yt(e, i) {
+  const t = { ...e }, n = t;
+  for (const r of ["padding", "margin"]) {
+    const s = n[r];
+    if (s == null || s === "") continue;
+    const o = `${r}Top`, l = `${r}Right`, a = `${r}Bottom`, f = `${r}Left`;
+    if (!(n[o] != null || n[l] != null || n[a] != null || n[f] != null || i.has(`${r}-top`) || i.has(`${r}-right`) || i.has(`${r}-bottom`) || i.has(`${r}-left`))) continue;
+    const [m, c, y, b] = O(String(s));
+    n[o] == null && !i.has(`${r}-top`) && (n[o] = m), n[l] == null && !i.has(`${r}-right`) && (n[l] = c), n[a] == null && !i.has(`${r}-bottom`) && (n[a] = y), n[f] == null && !i.has(`${r}-left`) && (n[f] = b), delete n[r];
+  }
+  return t;
+}
+function bt(e, i) {
+  const t = e;
+  if (t.padding != null && t.padding !== "") {
+    const [s, o, l, a] = O(String(t.padding));
+    t.paddingTop == null && (t.paddingTop = s), t.paddingRight == null && (t.paddingRight = o), 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 n = t.paddingTop != null && t.paddingTop !== "", r = t.paddingBottom != null && t.paddingBottom !== "";
+  t.paddingLeft = k(t.paddingLeft, "left"), t.paddingRight = k(t.paddingRight, "right"), n && (t.paddingTop = k(t.paddingTop, "top")), r && (t.paddingBottom = k(t.paddingBottom, "bottom"));
+}
+function _t(e, i, t, n) {
+  const r = e, s = r.width != null || n.has("width") || B(t, "width");
+  if (i) {
+    s || (r.width = "auto");
+    return;
+  }
+  s || (r.width = "100%");
+  const o = r.margin != null && r.margin !== "", l = o || r.marginLeft != null || r.marginInlineStart != null || n.has("margin-left") || B(t, "margin-left"), a = o || r.marginRight != null || r.marginInlineEnd != null || n.has("margin-right") || B(t, "margin-right");
+  l || (r.marginLeft = "auto"), a || (r.marginRight = "auto");
+}
+function St(e, i, t, n, r, s, o) {
+  const l = i ? et({ ...e, ...i }) : { ...e }, a = yt(l, s);
+  return !(a.maxWidth != null || B(r, "max-width") || s.has("max-width")) && t != null && t !== "" && (a.maxWidth = w("maxWidth", t)), _t(a, n, r, s), bt(a, o), a;
+}
+class wt extends T {
+  constructor() {
+    super(...arguments);
+    h(this, "_userPad", {});
+  }
+  children(t) {
+    return L(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && L(this, t.children), super.props(t);
+  }
+  padding(t) {
+    const n = w("padding", t), [r, s, o, l] = O(n);
+    return this._boxLonghands.has("padding-top") || (this._userPad.top = r), this._boxLonghands.has("padding-right") || (this._userPad.right = s), this._boxLonghands.has("padding-bottom") || (this._userPad.bottom = o), this._boxLonghands.has("padding-left") || (this._userPad.left = l), super.padding(t);
+  }
+  paddingHorizontal(t) {
+    const n = w("paddingLeft", t);
+    return this._userPad.left = n, this._userPad.right = n, super.paddingHorizontal(t);
+  }
+  paddingVertical(t) {
+    const n = w("paddingTop", t);
+    return this._userPad.top = n, this._userPad.bottom = n, super.paddingVertical(t);
+  }
+  paddingLeft(t) {
+    const n = w("paddingLeft", t);
+    return this._userPad.left = n, this._boxLonghands.add("padding-left"), this.addClassName(S.register("padding-left", n)), this;
+  }
+  paddingRight(t) {
+    const n = w("paddingRight", t);
+    return this._userPad.right = n, this._boxLonghands.add("padding-right"), this.addClassName(S.register("padding-right", n)), this;
+  }
+  paddingTop(t) {
+    const n = w("paddingTop", t);
+    return this._userPad.top = n, this._boxLonghands.add("padding-top"), this.addClassName(S.register("padding-top", n)), this;
+  }
+  paddingBottom(t) {
+    const n = w("paddingBottom", t);
+    return this._userPad.bottom = n, this._boxLonghands.add("padding-bottom"), this.addClassName(S.register("padding-bottom", n)), this;
+  }
+  build() {
+    const {
+      children: t,
+      className: n,
+      style: r,
+      as: s,
+      tag: o,
+      dangerouslySetInnerHTML: l,
+      maxWidth: a,
+      ...f
+    } = this._props, p = this.isHug(), m = dt(this.processChildren(), t).map(ht), c = St(
+      this.getStyle(),
+      r,
+      a,
+      p,
+      this._classNames,
+      this._boxLonghands,
+      this._userPad
+    ), y = [
+      S.register("padding-left", String(c.paddingLeft ?? k(void 0, "left"))),
+      S.register("padding-right", String(c.paddingRight ?? k(void 0, "right")))
+    ];
+    c.paddingTop != null && String(c.paddingTop).includes("safe-area-inset") && y.push(S.register("padding-top", String(c.paddingTop))), c.paddingBottom != null && String(c.paddingBottom).includes("safe-area-inset") && y.push(S.register("padding-bottom", String(c.paddingBottom)));
+    const b = [
+      "fibo-container",
+      p ? "w-auto" : "w-full mx-auto",
+      this.getClassName(),
+      n,
+      ...y
+    ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), E = gt(s ?? o);
+    return d.createElement(
+      E,
+      {
+        ...f,
+        className: b,
+        style: c
+      },
+      ...m
+    );
+  }
+}
+const Ut = v(wt);
+function xt(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function _(e, i) {
+  if (typeof i == "function") {
+    try {
+      _(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    xt(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) _(e, t);
+}
+function Ct(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function H(e) {
+  return e == null || e === !1 ? null : typeof e == "string" ? g(e) ? C(e) : e : nt(e);
+}
+function kt(e, i) {
+  const t = i !== void 0 ? i : e;
+  return (t == null ? [] : Array.isArray(t) ? t : [t]).map(Ct);
+}
+const vt = d.memo((e) => {
+  const {
+    height: i = 64,
+    sticky: t,
+    className: n,
+    style: r,
+    children: s,
+    leading: o,
+    trailing: l,
+    title: a,
+    role: f,
+    ...p
+  } = e, m = Array.isArray(s) ? s : s == null ? [] : [s], c = o == null || o === !1 ? null : o, y = l == null || l === !1 ? null : l, b = a == null || a === !1 ? null : a;
+  return d.createElement(
+    "header",
+    {
+      ...p,
+      className: [
+        "flex items-center px-6 border-b border-gray-200 bg-white/80 backdrop-blur-md w-full",
+        t ? "sticky z-10" : "",
+        n || ""
+      ].filter(Boolean).join(" "),
+      style: { height: i, minHeight: i, ...r },
+      role: f ?? "banner"
+    },
+    c != null ? d.createElement(
+      "div",
+      { key: "leading", className: "fibo-header-leading shrink-0 flex items-center" },
+      c
+    ) : null,
+    b != null ? d.createElement(
+      "span",
+      { key: "title", className: "fibo-header-title flex-1 min-w-0" },
+      b
+    ) : null,
+    ...m,
+    y != null ? d.createElement(
+      "div",
+      { key: "trailing", className: "fibo-header-trailing shrink-0 flex items-center" },
+      y
+    ) : null
+  );
+}), N = class N extends T {
+  constructor() {
+    super(...arguments);
+    h(this, "_height", 64);
+    h(this, "_sticky", !1);
+    h(this, "_stickyTop", 0);
+    h(this, "_stickyStamp", []);
+    h(this, "_leading");
+    h(this, "_trailing");
+    h(this, "_title");
+  }
+  children(t) {
+    return _(this, t), super.children(t);
+  }
+  props(t) {
+    return t && (_(this, t.children), _(this, t.leading), _(this, t.trailing), _(this, t.title)), super.props(t);
+  }
+  leading(t) {
+    return this._leading = t, _(this, t), this;
+  }
+  trailing(t) {
+    return this._trailing = t, _(this, t), this;
+  }
+  title(t) {
+    return this._title = t, _(this, t), this;
+  }
+  height(t) {
+    return this._height = t, this._sticky && this.syncStickyOffset(), this;
+  }
+  sticky(t = !0) {
+    if (t === !1)
+      return this._sticky && (this.dropStickyStamp(), N.unstickSeq += 1, this.publishStickyOffset(`0px${" ".repeat(N.unstickSeq)}`)), this._sticky = !1, this;
+    this._sticky = !0, this._stickyTop = t === !0 ? 0 : t, this.dropStickyStamp();
+    const n = new Set(this._classNames);
+    return super.sticky(this._stickyTop), this._stickyStamp = this._classNames.filter((r) => !n.has(r)), this.syncStickyOffset(), this;
+  }
+  dropStickyStamp() {
+    if (!this._stickyStamp.length) return;
+    const t = new Set(this._stickyStamp);
+    this._classNames = this._classNames.filter((n) => !t.has(n)), this._stickyStamp = [];
+  }
+  syncStickyOffset() {
+    const t = this._stickyTop;
+    if (typeof t == "number" && typeof this._height == "number") {
+      this.publishStickyOffset(t + this._height);
+      return;
+    }
+    if (t === 0 || t === "0" || t === "0px") {
+      this.publishStickyOffset(this._height);
+      return;
+    }
+    const n = typeof t == "number" ? `${t}px` : t, r = typeof this._height == "number" ? `${this._height}px` : this._height;
+    this.publishStickyOffset(`calc(${n} + ${r})`);
+  }
+  build() {
+    const {
+      className: t,
+      children: n,
+      style: r,
+      leading: s,
+      trailing: o,
+      title: l,
+      ...a
+    } = this._props, f = [this.getClassName(), t].filter(Boolean).join(" "), p = r ? { ...this.getStyle(), ...r } : this.getStyle();
+    return d.createElement(vt, {
+      ...a,
+      height: this._height,
+      sticky: this._sticky,
+      className: f,
+      style: p,
+      leading: H(this._leading ?? s),
+      trailing: H(this._trailing ?? o),
+      title: H(this._title ?? l),
+      children: kt(this.processChildren(), n)
+    });
+  }
+};
+h(N, "unstickSeq", 0);
+let W = N;
+const Jt = v(W);
+function Tt(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function j(e, i) {
+  if (typeof i == "function") {
+    try {
+      j(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    Tt(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) j(e, t);
+}
+function $t(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function Nt(e, i) {
+  const { children: t, ...n } = i, r = t !== void 0 ? t : e;
+  return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: n };
+}
+class At extends T {
+  constructor() {
+    super(...arguments);
+    h(this, "_alignment", "center");
+  }
+  children(t) {
+    return j(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && j(this, t.children), super.props(t);
+  }
+  alignment(t) {
+    return this._alignment = t, this;
+  }
+  build() {
+    const t = {
+      center: "items-center justify-items-center",
+      top: "items-start justify-items-center",
+      bottom: "items-end justify-items-center",
+      left: "justify-items-start items-center",
+      right: "justify-items-end items-center",
+      topLeft: "items-start justify-items-start",
+      topRight: "justify-items-end items-start",
+      bottomLeft: "justify-items-start items-end",
+      bottomRight: "items-end justify-items-end"
+    }, n = [
+      "fibo-zstack",
+      // Containing block + stacking context: abspos children pin here,
+      // child z-index does not leak to the page.
+      "relative",
+      "isolate",
+      "grid",
+      "grid-cols-1",
+      "grid-rows-1",
+      "[&>*]:col-start-1",
+      "[&>*]:row-start-1",
+      // Layer isolate: z-index:-1 FX (::before) stay inside each sibling.
+      // Do not force [&>*]:absolute — grid overlay, not inset-0 leftover.
+      "[&>*]:isolate",
+      this.isHug() ? "w-auto self-auto" : "w-full min-w-0 min-h-0 self-stretch",
+      t[this._alignment] || "items-center justify-items-center",
+      ...this._classNames
+    ], r = this.getStyle(), { nodes: s, rest: o } = Nt(this.processChildren(), this._props), { className: l, ...a } = o, f = [...n, l].filter(Boolean).join(" "), p = s.map($t);
+    return d.createElement(
+      "div",
+      {
+        style: r,
+        ...a,
+        className: f
+      },
+      ...p
+    );
+  }
+}
+const Qt = v(At);
+function Bt(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function z(e, i) {
+  if (typeof i == "function") {
+    try {
+      z(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    Bt(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) z(e, t);
+}
+function It(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function Lt(e) {
+  return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+}
+function jt(e, i) {
+  return e === !0 || e === "true" ? !0 : i === "none" || i === "presentation";
+}
+function zt(e) {
+  return e.flexDirection === "column" || e.flexDirection === "column-reverse";
+}
+function Rt(e, i) {
+  const { children: t, ...n } = i, r = t !== void 0 ? t : e;
+  return { nodes: r == null ? [] : Array.isArray(r) ? r : [r], rest: n };
+}
+class Et extends T {
+  constructor() {
+    super(...arguments);
+    h(this, "_sizeHeight");
+  }
+  children(t) {
+    return z(this, t), super.children(t);
+  }
+  props(t) {
+    return t && "children" in t && z(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: n } = Rt(this.processChildren(), this._props), { className: r, style: s, ...o } = n, l = { ...this.getStyle(), ...Lt(s) };
+    this._sizeHeight && (l.height = this._sizeHeight);
+    const a = t.map(It), f = zt(l), p = jt(o["aria-hidden"], o.role), m = ["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%"), p ? d.createElement("div", {
+        ...o,
+        role: "none",
+        "aria-hidden": !0,
+        "aria-orientation": void 0,
+        style: l,
+        className: m
+      }) : d.createElement("div", {
+        ...o,
+        role: "separator",
+        "aria-orientation": "vertical",
+        style: l,
+        className: m
+      });
+    if (a.length === 0)
+      return p ? d.createElement("hr", {
+        ...o,
+        role: "none",
+        "aria-hidden": !0,
+        "aria-orientation": void 0,
+        style: l,
+        className: m
+      }) : d.createElement("hr", {
+        ...o,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        style: l,
+        className: m
+      });
+    const c = [
+      "fibo-line",
+      "flex",
+      f ? "flex-col" : "flex-row",
+      "min-w-0",
+      ...this._classNames,
+      r
+    ].filter(Boolean).join(" ");
+    return d.createElement(
+      "div",
+      {
+        ...o,
+        style: l,
+        className: c
+      },
+      ...a
+    );
+  }
+}
+const ti = v(Et);
+class Ht {
+  constructor() {
+    h(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 n;
+    const i = this._node;
+    if (!i) return null;
+    const t = i.firstElementChild;
+    return (n = t == null ? void 0 : t.classList) != null && n.contains("fibo-scroll-inner") ? t : i;
+  }
+  alive() {
+    return typeof document > "u" ? null : this._node;
+  }
+  scrollBy(i) {
+    var t, n;
+    (n = (t = this.alive()) == null ? void 0 : t.scrollBy) == null || n.call(t, i);
+  }
+  scrollTo(i) {
+    var t, n;
+    (n = (t = this.alive()) == null ? void 0 : t.scrollTo) == null || n.call(t, i);
+  }
+  /** Prefer overflow styles (direction) over whether content currently overflows. */
+  scrollAxis(i) {
+    const t = i.style.overflowX, n = i.style.overflowY, r = t === "auto" || t === "scroll", s = n === "auto" || n === "scroll";
+    return r && !s ? "left" : !r && s ? "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 n = this.alive(), r = this.itemHost();
+    if (!n || !r) return;
+    const s = r.firstElementChild;
+    if (!s) return;
+    const o = this.scrollAxis(n), a = (o === "left" ? s.getBoundingClientRect().width : s.getBoundingClientRect().height) + t;
+    n.scrollBy(
+      o === "left" ? { left: i * a, behavior: "smooth" } : { top: i * a, behavior: "smooth" }
+    );
+  }
+  scrollToChild(i, t = 0) {
+    const n = this.alive(), r = this.itemHost();
+    if (!n || !r) return;
+    const s = r.children[i];
+    if (!s) return;
+    const o = this.scrollAxis(n), l = (o === "left" ? s.offsetLeft : s.offsetTop) + i * t;
+    n.scrollTo({
+      [o]: l,
+      behavior: "smooth"
+    });
+  }
+}
+function Wt(e) {
+  return e === "horizontal" ? "x mandatory" : e === "both" ? "both mandatory" : "y mandatory";
+}
+function Ot(e, i) {
+  if (!(typeof i != "string" || !g(i)))
+    for (const t of $(i))
+      e.bindSignal(t);
+}
+function R(e, i) {
+  if (typeof i == "function") {
+    try {
+      R(e, i());
+    } catch {
+    }
+    return;
+  }
+  if (typeof i == "string") {
+    Ot(e, i);
+    return;
+  }
+  if (Array.isArray(i))
+    for (const t of i) R(e, t);
+}
+function Dt(e) {
+  return typeof e == "string" && g(e) ? C(e) : e;
+}
+function Pt(e, i) {
+  const { children: t, ...n } = i, r = t !== void 0 ? t : e;
+  return { nodes: (r == null ? [] : Array.isArray(r) ? r : [r]).map(Dt), rest: n };
+}
+function Vt(...e) {
+  return (i) => {
+    for (const t of e)
+      t && (typeof t == "function" ? t(i) : t.current = i);
+  };
+}
+function Gt(e) {
+  return e === "horizontal" || e === "vertical" || e === "both";
+}
+function Xt(e) {
+  return e === "hidden" || e === "visible" || e === "auto";
+}
+function Kt(e) {
+  const i = { ...e }, t = i.overflow;
+  if (t == null || t === "")
+    return delete i.overflow, i;
+  const n = String(t).trim().split(/\s+/).filter(Boolean);
+  if (n.length === 0)
+    return delete i.overflow, i;
+  const r = n[0], s = n[1] ?? n[0];
+  return i.overflowX == null && (i.overflowX = r), i.overflowY == null && (i.overflowY = s), delete i.overflow, i;
+}
+class Mt extends T {
+  constructor() {
+    super(...arguments);
+    h(this, "_direction", "vertical");
+    h(this, "_scrollbar", "auto");
+    h(this, "_controller");
+    h(this, "_anchor");
+    h(this, "_refresh");
+  }
+  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;
+  }
+  onScroll(t = "fadeIn") {
+    return typeof t == "function" ? (this._props.onScroll = t, this) : super.onScroll(t);
+  }
+  build() {
+    const { nodes: t, rest: n } = Pt(this.processChildren(), this._props), {
+      ref: r,
+      className: s,
+      style: o,
+      controller: l,
+      direction: a,
+      scrollbar: f,
+      onScroll: p,
+      ...m
+    } = n, c = Gt(a) ? a : this._direction, y = Xt(f) ? f : this._scrollbar, b = this._controller ?? (l instanceof Ht ? l : void 0), E = c === "horizontal" || c === "both", K = c === "vertical" || c === "both", M = this.getStyle(), { gap: D, rowGap: P, columnGap: V, ...Y } = M, F = E ? "auto" : "hidden", Z = K ? "auto" : "hidden", u = {
+      display: "flex",
+      flexDirection: c === "horizontal" ? "row" : "column",
+      flexWrap: "nowrap",
+      flex: "0 0 auto"
+    };
+    D != null && (u.gap = D), P != null && (u.rowGap = P), V != null && (u.columnGap = V), 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 G = [
+      "fibo-scrollview",
+      ...this.getClassName().split(" ").filter(Boolean),
+      s
+    ], q = Kt({
+      ...Y,
+      ...o && typeof o == "object" ? o : {}
+    }), x = {
+      WebkitOverflowScrolling: "touch",
+      minWidth: "0px",
+      minHeight: "0px",
+      display: "flex",
+      flexDirection: c === "horizontal" ? "row" : "column",
+      ...q,
+      // Direction overflow must survive `.props({ style })` replacing the object.
+      overflowX: F,
+      overflowY: Z
+    };
+    if (y === "hidden" && (G.push("scrollbar-hide"), x.scrollbarWidth = "none", x.msOverflowStyle = "none"), this._anchor) {
+      x.scrollSnapAlign = this._anchor;
+      const A = x.scrollSnapType ?? x["scroll-snap-type"];
+      (A == null || A === "") && (x.scrollSnapType = Wt(c));
+    }
+    const U = Vt(
+      (A) => {
+        b == null || b.attach(A);
+      },
+      r
+    ), X = this._refresh, J = X ? [
+      d.createElement(
+        "button",
+        { type: "button", onClick: () => X() },
+        "Refresh"
+      ),
+      ...t
+    ] : t, Q = d.createElement(
+      "div",
+      { className: "fibo-scroll-inner", style: u },
+      ...J
+    );
+    return d.createElement(
+      "div",
+      {
+        ...m,
+        ...this._anchor ? { "data-scroll-anchor": this._anchor } : {},
+        className: G.filter(Boolean).join(" "),
+        style: x,
+        ref: U,
+        onScroll: p
+      },
+      Q
+    );
+  }
+}
+const ii = v(Mt);
+export {
+  qt as C,
+  Jt as H,
+  ti as L,
+  ii as S,
+  Qt as Z,
+  Ut as a,
+  Ht as b
+};