fiboui 2.8.5 → 2.9.0

package/dist/index-Bgt9DiVJ.js

@@ -1,839 +0,0 @@
-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 { aZ as v, a_ as $, b2 as C, b1 as g, b4 as T, bp as w, bq as O, br as S, bs as et, bk as nt } from "./client-BzMPiV64.js";
-function rt(e, i) {
-  if (!(typeof i != "string" || !g(i)))
-    for (const t of T(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 $ {
-  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 Zt = v(ct);
-function ft(e, i) {
-  if (!(typeof i != "string" || !g(i)))
-    for (const t of T(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 $ {
-  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 T(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 $ {
-  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 $t(e, i) {
-  if (!(typeof i != "string" || !g(i)))
-    for (const t of T(i))
-      e.bindSignal(t);
-}
-function j(e, i) {
-  if (typeof i == "function") {
-    try {
-      j(e, i());
-    } catch {
-    }
-    return;
-  }
-  if (typeof i == "string") {
-    $t(e, i);
-    return;
-  }
-  if (Array.isArray(i))
-    for (const t of i) j(e, t);
-}
-function Tt(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 $ {
-  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(Tt);
-    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 T(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 $ {
-  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 T(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 Kt(e) {
-  return e === "hidden" || e === "visible" || e === "auto";
-}
-function Mt(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 Xt extends $ {
-  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 = Kt(f) ? f : this._scrollbar, b = this._controller ?? (l instanceof Ht ? l : void 0), E = c === "horizontal" || c === "both", M = c === "vertical" || c === "both", X = this.getStyle(), { gap: D, rowGap: P, columnGap: V, ...Y } = X, q = E ? "auto" : "hidden", F = M ? "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
-    ], Z = Mt({
-      ...Y,
-      ...o && typeof o == "object" ? o : {}
-    }), x = {
-      WebkitOverflowScrolling: "touch",
-      minWidth: "0px",
-      minHeight: "0px",
-      display: "flex",
-      flexDirection: c === "horizontal" ? "row" : "column",
-      ...Z,
-      // Direction overflow must survive `.props({ style })` replacing the object.
-      overflowX: q,
-      overflowY: F
-    };
-    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
-    ), K = this._refresh, J = K ? [
-      d.createElement(
-        "button",
-        { type: "button", onClick: () => K() },
-        "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(Xt);
-export {
-  Zt as C,
-  Jt as H,
-  ti as L,
-  ii as S,
-  Qt as Z,
-  Ut as a,
-  Ht as b
-};