fiboui 1.0.2 → 2.1.0

package/dist/index-CWz0hYog.js

@@ -0,0 +1,778 @@
+"use client";
+var X = Object.defineProperty;
+var q = (n, s, e) => s in n ? X(n, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[s] = e;
+var r = (n, s, e) => q(n, typeof s != "symbol" ? s + "" : s, e);
+import i, { useState as F, useRef as D, useLayoutEffect as G } from "react";
+import { h as p, F as b, n as J, l as V, P as K } from "./builder-6GkZlCaz.js";
+import { P as W } from "./PluginManager-D5-ApsSN.js";
+import { R as Q, I as U } from "./index-C8y7FIYH.js";
+import { T as ee } from "./index-zOfPHD00.js";
+import { e as te, L as ie } from "./Link-DDzSPY1Q.js";
+class se extends b {
+  build() {
+    const e = [
+      "fibo-center",
+      "flex",
+      "items-center",
+      "justify-center",
+      ...this._classNames
+    ].filter(Boolean).join(" "), t = this.getStyle(), o = this.processChildren();
+    return i.createElement(
+      "div",
+      {
+        className: e,
+        style: t,
+        ...this._props
+      },
+      ...o
+    );
+  }
+}
+const ke = p(se);
+class re extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_mainAxisAlignment", "start");
+    // Flutter Column / SwiftUI VStack default: center. Stretch is opt-in.
+    r(this, "_crossAxisAlignment", "center");
+    r(this, "_spacing");
+    r(this, "_size");
+  }
+  mainAxisAlignment(e) {
+    return this._mainAxisAlignment = e, this;
+  }
+  crossAxisAlignment(e) {
+    return this._crossAxisAlignment = e, this;
+  }
+  spacing(e) {
+    return this._spacing = e, this;
+  }
+  size(e) {
+    return this._size = e, this;
+  }
+  build() {
+    const e = {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      spaceBetween: "justify-between",
+      spaceAround: "justify-around",
+      spaceEvenly: "justify-evenly"
+    }, t = {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    }, o = {
+      small: "flex-[0.3]",
+      medium: "flex-1",
+      large: "flex-[1.5]"
+    }, c = [
+      "fibo-column",
+      "flex",
+      "flex-col",
+      this.isHug() ? "w-auto self-auto" : "w-full",
+      e[this._mainAxisAlignment],
+      t[this._crossAxisAlignment],
+      this._size ? o[this._size] : "",
+      ...this._classNames
+    ], h = this.getStyle();
+    this._spacing && (typeof this._spacing == "number" ? h.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? h.gap = this._spacing : h.gap = `${Number(this._spacing) * 4}px`);
+    const d = c.filter(Boolean).join(" "), f = this.processChildren();
+    return i.createElement(
+      "div",
+      {
+        className: d,
+        style: h,
+        ...this._props
+      },
+      ...f
+    );
+  }
+}
+const Ie = p(re);
+class ne extends b {
+  build() {
+    const s = this.getClassName(), e = this.getStyle(), t = this.processChildren();
+    return i.createElement(
+      "div",
+      {
+        className: `fibo-container ${s}`,
+        style: e,
+        ...this._props
+      },
+      ...t
+    );
+  }
+}
+const He = p(ne);
+class le extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_height");
+    r(this, "_width");
+    r(this, "_direction");
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  vertical() {
+    return this._direction = "vertical", this;
+  }
+  horizontal() {
+    return this._direction = "horizontal", this;
+  }
+  build() {
+    const e = this.getStyle();
+    this._direction === "vertical" ? (e.flex = "1", e.height = this._height ? typeof this._height == "number" ? `${this._height}px` : this._height : "auto") : this._direction === "horizontal" ? (e.flex = "1", e.width = this._width ? typeof this._width == "number" ? `${this._width}px` : this._width : "auto") : (this._height && (e.height = typeof this._height == "number" ? `${this._height}px` : this._height), this._width && (e.width = typeof this._width == "number" ? `${this._width}px` : this._width));
+    const t = this.getClassName();
+    return i.createElement("div", {
+      className: `fibo-spacer ${t}`,
+      style: e,
+      ...this._props
+    });
+  }
+}
+const ze = p(le), ae = i.memo((n) => {
+  const {
+    theme: s,
+    locale: e,
+    providers: t = {},
+    className: o,
+    style: c,
+    children: h,
+    overlays: d = []
+  } = n, f = /* @__PURE__ */ new Map();
+  s && f.set("theme", s), e && f.set("locale", e), Object.entries(t).forEach(([B, w]) => {
+    f.set(B, w);
+  });
+  const _ = i.createElement(
+    "div",
+    {
+      className: `fibo-scaffold ${o || ""}`,
+      style: {
+        height: "100vh",
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column",
+        position: "relative",
+        // Ensure relative positioning for overlays
+        ...c
+      }
+    },
+    [h, ...d]
+  );
+  return f.size > 0 ? i.createElement(
+    K,
+    {
+      providers: f,
+      children: _
+    }
+  ) : _;
+});
+class oe extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_locale");
+    r(this, "_customProviders", {});
+    r(this, "_structure", {});
+    r(this, "_headerBar");
+    r(this, "_footerBar");
+    r(this, "_sideBarLeft");
+    r(this, "_sideBarRight");
+  }
+  locale(e) {
+    return this._locale = e, this;
+  }
+  providers(e) {
+    return this._customProviders = { ...this._customProviders, ...e }, this;
+  }
+  provider(e, t) {
+    return this._customProviders[e] = t, this;
+  }
+  structure(e) {
+    return this._structure = { ...this._structure, ...e }, this;
+  }
+  headerBar(e) {
+    return this._headerBar = this._normalizeBar(e), this;
+  }
+  footerBar(e) {
+    return this._footerBar = this._normalizeBar(e), this;
+  }
+  sideBarLeft(e) {
+    return this._sideBarLeft = this._normalizeBar(e), this;
+  }
+  sideBarRight(e) {
+    return this._sideBarRight = this._normalizeBar(e), this;
+  }
+  _normalizeBar(e) {
+    return this._isLayoutBarConfig(e) ? {
+      content: i.createElement(i.Fragment, null, ...J(e.children)),
+      fixed: e.fixed ?? !1
+    } : {
+      content: V(e),
+      fixed: !1
+    };
+  }
+  _isLayoutBarConfig(e) {
+    return !e || typeof e != "object" || i.isValidElement(e) || "build" in e && typeof e.build == "function" ? !1 : "children" in e && !("type" in e);
+  }
+  build() {
+    var C, E, S, M, y, k, I, L, R, A, $, j, l, a, u, g, H, O, z, P, T, Y;
+    const e = this.processChildren(), t = this._structure, o = this._headerBar && ((C = t.header) == null ? void 0 : C.visible) !== !1, c = this._footerBar && ((E = t.footer) == null ? void 0 : E.visible) !== !1, h = this._sideBarLeft && ((S = t.sidebarLeft) == null ? void 0 : S.visible) !== !1, d = this._sideBarRight && ((M = t.sidebarRight) == null ? void 0 : M.visible) !== !1, f = h && ((y = t.sidebarLeft) == null ? void 0 : y.fullHeight), _ = d && ((k = t.sidebarRight) == null ? void 0 : k.fullHeight), B = i.createElement(
+      "div",
+      {
+        key: "scaffold-middle",
+        style: {
+          flex: 1,
+          display: "flex",
+          flexDirection: "row",
+          overflow: "hidden",
+          position: "relative"
+        }
+      },
+      [
+        h && !f && i.createElement("div", {
+          key: "sidebar-left",
+          className: "z-20",
+          style: {
+            width: (I = t.sidebarLeft) == null ? void 0 : I.width,
+            position: ((L = t.sidebarLeft) == null ? void 0 : L.mode) === "over" ? "absolute" : ((R = t.sidebarLeft) == null ? void 0 : R.behavior) === "fixed" || this._sideBarLeft.fixed ? "sticky" : void 0,
+            top: ((A = t.sidebarLeft) == null ? void 0 : A.behavior) === "fixed" || this._sideBarLeft.fixed ? 0 : void 0,
+            height: (($ = t.sidebarLeft) == null ? void 0 : $.behavior) === "fixed" || this._sideBarLeft.fixed ? "100%" : void 0,
+            overflowY: "auto",
+            borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
+            backgroundColor: "var(--fibo-surface, #ffffff)"
+          }
+        }, this._sideBarLeft.content),
+        i.createElement("main", {
+          key: "scaffold-body",
+          style: {
+            flex: 1,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "auto",
+            position: "relative"
+          }
+        }, e),
+        d && !_ && i.createElement("div", {
+          key: "sidebar-right",
+          className: "z-20",
+          style: {
+            width: (j = t.sidebarRight) == null ? void 0 : j.width,
+            position: ((l = t.sidebarRight) == null ? void 0 : l.mode) === "over" ? "absolute" : ((a = t.sidebarRight) == null ? void 0 : a.behavior) === "fixed" || this._sideBarRight.fixed ? "sticky" : void 0,
+            top: ((u = t.sidebarRight) == null ? void 0 : u.behavior) === "fixed" || this._sideBarRight.fixed ? 0 : void 0,
+            height: ((g = t.sidebarRight) == null ? void 0 : g.behavior) === "fixed" || this._sideBarRight.fixed ? "100%" : void 0,
+            overflowY: "auto",
+            borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
+            backgroundColor: "var(--fibo-surface, #ffffff)"
+          }
+        }, this._sideBarRight.content)
+      ].filter(Boolean)
+    ), w = i.createElement(i.Fragment, null, [
+      o && i.createElement("div", {
+        key: "header-bar",
+        className: "z-30",
+        style: {
+          height: (H = t.header) == null ? void 0 : H.height,
+          position: ((O = t.header) == null ? void 0 : O.position) || (this._headerBar.fixed ? "sticky" : "static"),
+          top: 0,
+          backgroundColor: "var(--fibo-surface, #ffffff)",
+          zIndex: 30,
+          borderBottom: "1px solid var(--fibo-outline, #e0e0e0)"
+        }
+      }, this._headerBar.content),
+      B,
+      c && i.createElement("div", {
+        key: "footer-bar",
+        className: "z-30",
+        style: {
+          height: (z = t.footer) == null ? void 0 : z.height,
+          position: ((P = t.footer) == null ? void 0 : P.position) || (this._footerBar.fixed ? "sticky" : "static"),
+          bottom: 0,
+          backgroundColor: "var(--fibo-surface, #ffffff)",
+          zIndex: 30,
+          borderTop: "1px solid var(--fibo-outline, #e0e0e0)"
+        }
+      }, this._footerBar.content)
+    ].filter(Boolean));
+    let m = i.createElement("div", {
+      key: "vertical-stack",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        flex: 1,
+        minHeight: "100%",
+        height: "100%",
+        overflow: "hidden"
+      }
+    }, w);
+    f && (m = i.createElement("div", {
+      key: "full-height-left-wrapper",
+      style: { display: "flex", flexDirection: "row", flex: 1, height: "100%", overflow: "hidden" }
+    }, [
+      i.createElement("div", {
+        key: "sidebar-left-full",
+        style: {
+          width: (T = t.sidebarLeft) == null ? void 0 : T.width,
+          overflowY: "auto",
+          borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
+          backgroundColor: "var(--fibo-surface, #ffffff)",
+          zIndex: 40
+        }
+      }, this._sideBarLeft.content),
+      m
+    ])), _ && (m = i.createElement("div", {
+      key: "full-height-right-wrapper",
+      style: { display: "flex", flexDirection: "row", flex: 1, height: "100%", overflow: "hidden" }
+    }, [
+      m,
+      i.createElement("div", {
+        key: "sidebar-right-full",
+        style: {
+          width: (Y = t.sidebarRight) == null ? void 0 : Y.width,
+          overflowY: "auto",
+          borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
+          backgroundColor: "var(--fibo-surface, #ffffff)",
+          zIndex: 40
+        }
+      }, this._sideBarRight.content)
+    ]));
+    const v = W.getInstance().getOverlays().map((Z) => Z().build()), x = {
+      theme: this._theme,
+      locale: this._locale,
+      providers: this._customProviders,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: m,
+      overlays: v
+    };
+    return i.createElement(ae, x);
+  }
+}
+const Se = p(oe), he = i.memo((n) => {
+  const { height: s = 64, sticky: e, className: t, style: o, children: c, ...h } = n;
+  return i.createElement(
+    "header",
+    {
+      className: `flex items-center px-6 border-b border-gray-200 bg-white/80 backdrop-blur-md z-10 w-full ${e ? "sticky top-0" : ""} ${t || ""}`,
+      style: { height: s, minHeight: s, ...o },
+      ...h
+    },
+    c
+  );
+});
+class ce extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_height", 64);
+    r(this, "_sticky", !1);
+  }
+  height(e) {
+    return this._height = e, this;
+  }
+  sticky(e = !0) {
+    return this._sticky = e, this;
+  }
+  build() {
+    const e = {
+      height: this._height,
+      sticky: this._sticky,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return i.createElement(he, e);
+  }
+}
+const Le = p(ce), de = i.memo((n) => {
+  const { width: s = 260, collapsed: e, className: t, style: o, children: c, ...h } = n, d = te(), f = (d == null ? void 0 : d.currentPath) ?? (typeof window < "u" ? window.location.pathname : ""), _ = e ? 80 : s, w = W.getInstance().getSidebarItems().map((m, N) => {
+    const v = f === m.path;
+    return i.createElement(ie, {
+      key: `plugin-item-${m.path || N}`,
+      to: m.path,
+      className: "no-underline block mb-1",
+      children: Q().padding(12).alignItems("center").gap(12).className(`
+                    transition-colors duration-200 rounded-lg mx-2
+                    ${v ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
+                `).children([
+        m.icon ? U(m.icon).size(20).build() : null,
+        e ? null : ee(m.label).style({ fontSize: 14 }).weight(500).build()
+      ].filter(Boolean)).build()
+    });
+  });
+  return i.createElement(
+    "aside",
+    {
+      className: `flex flex-col border-r border-gray-200 bg-white transition-all duration-300 h-full ${t || ""}`,
+      style: { width: _, minWidth: _, ...o },
+      ...h
+    },
+    c,
+    w
+  );
+});
+class fe extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_width", 260);
+    r(this, "_collapsed", !1);
+  }
+  width(e) {
+    return this._width = e, this;
+  }
+  collapsible(e = !1) {
+    return this._collapsed = e, this;
+  }
+  build() {
+    const e = {
+      width: this._width,
+      collapsed: this._collapsed,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return i.createElement(de, e);
+  }
+}
+const Re = p(fe), me = i.memo((n) => {
+  const { sidebar: s, header: e, children: t, className: o, style: c, ...h } = n, [d, f] = F(!1);
+  return i.createElement(
+    "div",
+    {
+      className: `h-full w-full bg-[#0B0C15] overflow-hidden relative ${o || ""}`,
+      style: c,
+      ...h
+    },
+    d && i.createElement("div", {
+      className: "fixed inset-0 z-40 bg-black/50 backdrop-blur-sm transition-opacity lg:hidden",
+      onClick: () => f(!1)
+    }),
+    i.createElement(
+      "button",
+      {
+        className: "lg:hidden fixed top-4 right-4 z-50 p-2 rounded-lg bg-[#1A1B23] border border-white/10 text-white shadow-lg",
+        onClick: () => f(!d)
+      },
+      i.createElement("div", { className: d ? "i-heroicons-x-mark w-6 h-6" : "i-heroicons-bars-3 w-6 h-6" })
+    ),
+    i.createElement(
+      "div",
+      {
+        className: "grid h-full w-full lg:grid-cols-[260px_1fr] transition-all duration-300"
+      },
+      i.createElement(
+        "aside",
+        {
+          className: `
+                        fixed inset-y-0 left-0 z-50 w-[260px] bg-[#0B0C15] border-r border-white/5 transition-transform duration-300 transform
+                        lg:relative lg:translate-x-0
+                        ${d ? "translate-x-0 shadow-2xl" : "-translate-x-full"}
+                    `
+        },
+        s
+      ),
+      i.createElement(
+        "main",
+        {
+          className: "flex flex-col min-w-0 h-full overflow-hidden relative"
+        },
+        e && i.createElement("div", { className: "flex-shrink-0" }, e),
+        i.createElement(
+          "div",
+          { className: "flex-1 overflow-y-auto scrollbar-hide p-4 lg:p-0" },
+          t
+        )
+      )
+    )
+  );
+});
+class ue extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_sidebar");
+    r(this, "_header");
+  }
+  sidebar(e) {
+    return this._sidebar = V(e), this;
+  }
+  header(e) {
+    return this._header = V(e), this;
+  }
+  build() {
+    const e = {
+      sidebar: this._sidebar,
+      header: this._header,
+      className: this.getClassName(),
+      style: this.getStyle(),
+      children: this.processChildren(),
+      ...this._props
+    };
+    return i.createElement(me, e);
+  }
+}
+const Ae = p(ue);
+class ge extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_alignment", "center");
+  }
+  alignment(e) {
+    return this._alignment = e, this;
+  }
+  build() {
+    const o = [
+      "grid",
+      "grid-cols-1",
+      "grid-rows-1",
+      "[&>*]:col-start-1",
+      "[&>*]:row-start-1",
+      {
+        center: "place-items-center",
+        top: "place-items-start justify-items-center",
+        bottom: "place-items-end justify-items-center",
+        left: "place-items-start content-center",
+        right: "place-items-end content-center",
+        topLeft: "place-items-start",
+        topRight: "justify-items-end items-start",
+        bottomLeft: "justify-items-start items-end",
+        bottomRight: "place-items-end"
+      }[this._alignment] || "place-items-center",
+      ...this._classNames
+    ].filter(Boolean).join(" "), c = this.getStyle(), h = this.processChildren();
+    return i.createElement(
+      "div",
+      {
+        className: o,
+        style: c,
+        ...this._props
+      },
+      ...h
+    );
+  }
+}
+const $e = p(ge);
+class pe extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_sizeHeight");
+  }
+  sizeHeight(e) {
+    return this._sizeHeight = e, this;
+  }
+  build() {
+    const t = ["fibo-line", "flex", "flex-row", ...this._classNames].filter(Boolean).join(" "), o = this.getStyle();
+    this._sizeHeight && (o.height = this._sizeHeight);
+    const c = this.processChildren();
+    return i.createElement(
+      "div",
+      {
+        className: t,
+        style: o,
+        ...this._props
+      },
+      ...c
+    );
+  }
+}
+const je = p(pe);
+class be extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_direction", "vertical");
+    r(this, "_scrollbar", "auto");
+  }
+  direction(e) {
+    return this._direction = e, this;
+  }
+  horizontal() {
+    return this._direction = "horizontal", this;
+  }
+  vertical() {
+    return this._direction = "vertical", this;
+  }
+  scrollbar(e) {
+    return this._scrollbar = e, this;
+  }
+  build() {
+    const e = {
+      overflowX: this._direction === "horizontal" || this._direction === "both" ? "auto" : "hidden",
+      overflowY: this._direction === "vertical" || this._direction === "both" ? "auto" : "hidden",
+      WebkitOverflowScrolling: "touch",
+      display: "flex",
+      flexDirection: this._direction === "horizontal" ? "row" : "column",
+      ...this.getStyle()
+    }, t = [...this.getClassName().split(" ")];
+    return this._scrollbar === "hidden" && (t.push("scrollbar-hide"), e.scrollbarWidth = "none", e.msOverflowStyle = "none"), i.createElement("div", {
+      className: t.join(" "),
+      style: e,
+      ...this._props
+    }, ...this.processChildren());
+  }
+}
+const Me = p(be), _e = i.memo((n) => {
+  const {
+    children: s,
+    itemHeight: e,
+    estimatedItemHeight: t = 50,
+    measureItems: o = !1,
+    overscan: c = 5,
+    containerHeight: h = 500,
+    className: d,
+    style: f
+  } = n, [_, B] = F(0), w = D(null), m = D(/* @__PURE__ */ new Map()), N = D(/* @__PURE__ */ new Map()), v = s.length, x = e !== void 0, C = (l) => x ? e : N.current.get(l) ?? t, E = (l) => {
+    if (x)
+      return l * e;
+    let a = 0;
+    for (let u = 0; u < l; u++)
+      a += C(u);
+    return a;
+  }, S = () => {
+    if (x)
+      return v * e;
+    let l = 0;
+    for (let a = 0; a < v; a++)
+      l += C(a);
+    return l;
+  }, y = Math.max(0, ((l) => {
+    if (x)
+      return Math.floor(l / e);
+    let a = 0, u = v - 1;
+    for (; a < u; ) {
+      const g = Math.floor((a + u) / 2);
+      E(g) < l ? a = g + 1 : u = g;
+    }
+    return Math.max(0, a - 1);
+  })(_) - c);
+  let k;
+  if (x) {
+    const l = Math.ceil(h / e);
+    k = Math.min(v, y + l + c * 2);
+  } else {
+    let l = E(y), a = y;
+    for (; l < _ + h + c * t && a < v; )
+      l += C(a), a++;
+    k = Math.min(v, a);
+  }
+  const I = s.slice(y, k), L = E(y), R = S(), [A, $] = F(0);
+  G(() => {
+    if (!o || x) return;
+    let l = !1;
+    I.forEach((a, u) => {
+      const g = y + u, H = m.current.get(g);
+      if (H) {
+        const z = H.getBoundingClientRect().height;
+        z > 0 && N.current.get(g) !== z && (N.current.set(g, z), l = !0);
+      }
+    }), l && $((a) => a + 1);
+  }, [I, y, o, x, A]);
+  const j = (l) => {
+    B(l.currentTarget.scrollTop);
+  };
+  return i.createElement(
+    "div",
+    {
+      ref: w,
+      className: `fibo-virtual-column ${d || ""}`,
+      style: {
+        height: `${h}px`,
+        overflowY: "auto",
+        position: "relative",
+        ...f
+      },
+      onScroll: j
+    },
+    i.createElement("div", {
+      style: {
+        height: `${R}px`,
+        width: "1px",
+        position: "absolute",
+        top: 0,
+        left: 0,
+        visibility: "hidden",
+        pointerEvents: "none"
+      }
+    }),
+    i.createElement(
+      "div",
+      {
+        style: {
+          transform: `translateY(${L}px)`,
+          width: "100%"
+        }
+      },
+      I.map((l, a) => {
+        const u = y + a;
+        return i.createElement(
+          "div",
+          {
+            key: u,
+            ref: (g) => {
+              g && o && !x ? m.current.set(u, g) : g || m.current.delete(u);
+            },
+            style: { width: "100%" }
+          },
+          l
+        );
+      })
+    )
+  );
+});
+class ye extends b {
+  constructor() {
+    super(...arguments);
+    r(this, "_itemHeight");
+    r(this, "_estimatedItemHeight");
+    r(this, "_measureItems", !1);
+    r(this, "_overscan", 5);
+    r(this, "_containerHeight", 500);
+  }
+  itemHeight(e) {
+    return this._itemHeight = e, this;
+  }
+  estimatedItemHeight(e) {
+    return this._estimatedItemHeight = e, this;
+  }
+  measureItems(e = !0) {
+    return this._measureItems = e, this;
+  }
+  overscan(e) {
+    return this._overscan = e, this;
+  }
+  containerHeight(e) {
+    return this._containerHeight = e, this;
+  }
+  build() {
+    const t = {
+      children: this.processChildren(),
+      itemHeight: this._itemHeight,
+      estimatedItemHeight: this._estimatedItemHeight,
+      measureItems: this._measureItems,
+      overscan: this._overscan,
+      containerHeight: this._containerHeight,
+      className: this.getClassName(),
+      style: this.getStyle()
+    };
+    return i.createElement(_e, t);
+  }
+}
+const Oe = p(ye);
+export {
+  ke as C,
+  Ae as D,
+  Le as H,
+  je as L,
+  ze as S,
+  Oe as V,
+  $e as Z,
+  Ie as a,
+  He as b,
+  Se as c,
+  Re as d,
+  Me as e
+};