fiboui 2.6.4 → 2.7.0

package/dist/index-CYisDyI8.js

@@ -1,602 +0,0 @@
-var V = Object.defineProperty;
-var Z = (r, s, e) => s in r ? V(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
-var o = (r, s, e) => Z(r, typeof s != "symbol" ? s + "" : s, e);
-import i from "react";
-import { at as u, au as m, aA as X, av as q, P as G, as as J, $ as K } from "./client-DzQ13khL.js";
-import { P as M } from "./PluginManager-BRjgOLVa.js";
-import { R as Q, I as U } from "./index-Bj-IMHC8.js";
-import { L as ee } from "./Link-YjcbA4af.js";
-class te extends m {
-  build() {
-    const e = [
-      "fibo-center",
-      "flex",
-      "items-center",
-      "justify-center",
-      ...this._classNames
-    ].filter(Boolean).join(" "), t = this.getStyle(), n = this.processChildren();
-    return i.createElement(
-      "div",
-      {
-        className: e,
-        style: t,
-        ...this._props
-      },
-      ...n
-    );
-  }
-}
-const ve = u(te);
-class ie extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_mainAxisAlignment", "start");
-    // Flutter Column / SwiftUI VStack default: center. Stretch is opt-in.
-    o(this, "_crossAxisAlignment", "center");
-    o(this, "_spacing");
-    o(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"
-    }, n = {
-      small: "flex-[0.3]",
-      medium: "flex-1",
-      large: "flex-[1.5]"
-    }, l = [
-      "fibo-column",
-      "flex",
-      "flex-col",
-      // min-w-0: allow shrink inside flex/grid so wide children (tables, nowrap) don't blow the track
-      this.isHug() ? "w-auto self-auto" : "w-full min-w-0",
-      e[this._mainAxisAlignment],
-      t[this._crossAxisAlignment],
-      this._size ? n[this._size] : "",
-      ...this._classNames
-    ], a = this.getStyle();
-    this._spacing && (typeof this._spacing == "number" ? a.gap = `${this._spacing}px` : isNaN(Number(this._spacing)) ? a.gap = this._spacing : a.gap = `${Number(this._spacing) * 4}px`);
-    const c = l.filter(Boolean).join(" "), h = this.processChildren();
-    return i.createElement(
-      "div",
-      {
-        className: c,
-        style: a,
-        ...this._props
-      },
-      ...h
-    );
-  }
-}
-const we = u(ie);
-class se extends m {
-  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 Be = u(se);
-function W(r) {
-  return typeof r == "number" ? `${r}px` : r;
-}
-class re extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_height");
-    o(this, "_width");
-    o(this, "_grow");
-    o(this, "_expand");
-  }
-  height(e) {
-    return this._height = e, this;
-  }
-  width(e) {
-    return this._width = e, this;
-  }
-  vertical() {
-    return this._expand = !0, this;
-  }
-  horizontal() {
-    return this._expand = !0, this;
-  }
-  /** Grow factor inside a Row or Column. Does not turn the spacer into a flex container. */
-  flex(e = 1) {
-    const t = typeof e == "number" ? e : Number(e);
-    return this._grow = Number.isFinite(t) ? t : 1, this._expand = !0, this;
-  }
-  build() {
-    const e = this.getStyle(), t = this._height != null || this._width != null, n = this._expand ?? !t;
-    this._height != null && (e.height = W(this._height)), this._width != null && (e.width = W(this._width)), n ? (e.flex = `${this._grow ?? 1} 1 0%`, e.alignSelf = e.alignSelf ?? "stretch", e.minWidth = 0, e.minHeight = 0) : e.flex = "0 0 auto";
-    const l = this.getClassName();
-    return i.createElement("div", {
-      className: `fibo-spacer ${l}`,
-      style: e,
-      ...this._props
-    });
-  }
-}
-const ke = u(re), oe = i.memo((r) => {
-  const {
-    theme: s,
-    locale: e,
-    providers: t = {},
-    className: n,
-    style: l,
-    children: a,
-    overlays: c = []
-  } = r, h = /* @__PURE__ */ new Map();
-  s && h.set("theme", s), e && h.set("locale", e), Object.entries(t).forEach(([g, p]) => {
-    h.set(g, p);
-  });
-  const f = i.createElement(
-    "div",
-    {
-      className: `fibo-scaffold ${n || ""}`,
-      style: {
-        height: "100vh",
-        overflow: "hidden",
-        display: "flex",
-        flexDirection: "column",
-        position: "relative",
-        // Ensure relative positioning for overlays
-        ...l
-      }
-    },
-    [a, ...c]
-  );
-  return h.size > 0 ? i.createElement(
-    G,
-    {
-      providers: h,
-      children: f
-    }
-  ) : f;
-});
-class ne extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_locale");
-    o(this, "_customProviders", {});
-    o(this, "_structure", {});
-    o(this, "_headerBar");
-    o(this, "_footerBar");
-    o(this, "_sideBarLeft");
-    o(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, ...X(e.children)),
-      fixed: e.fixed ?? !1
-    } : {
-      content: q(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 y, x, v, w, B, k, N, C, S, z, E, L, R, A, j, I, $, H, O, P, F, D;
-    const e = this.processChildren(), t = this._structure, n = this._headerBar && ((y = t.header) == null ? void 0 : y.visible) !== !1, l = this._footerBar && ((x = t.footer) == null ? void 0 : x.visible) !== !1, a = this._sideBarLeft && ((v = t.sidebarLeft) == null ? void 0 : v.visible) !== !1, c = this._sideBarRight && ((w = t.sidebarRight) == null ? void 0 : w.visible) !== !1, h = a && ((B = t.sidebarLeft) == null ? void 0 : B.fullHeight), f = c && ((k = t.sidebarRight) == null ? void 0 : k.fullHeight), g = i.createElement(
-      "div",
-      {
-        key: "scaffold-middle",
-        style: {
-          flex: 1,
-          display: "flex",
-          flexDirection: "row",
-          overflow: "hidden",
-          position: "relative"
-        }
-      },
-      [
-        a && !h && i.createElement("div", {
-          key: "sidebar-left",
-          className: "z-20",
-          style: {
-            width: (N = t.sidebarLeft) == null ? void 0 : N.width,
-            position: ((C = t.sidebarLeft) == null ? void 0 : C.mode) === "over" ? "absolute" : ((S = t.sidebarLeft) == null ? void 0 : S.behavior) === "fixed" || this._sideBarLeft.fixed ? "sticky" : void 0,
-            top: ((z = t.sidebarLeft) == null ? void 0 : z.behavior) === "fixed" || this._sideBarLeft.fixed ? 0 : void 0,
-            height: ((E = t.sidebarLeft) == null ? void 0 : E.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),
-        c && !f && i.createElement("div", {
-          key: "sidebar-right",
-          className: "z-20",
-          style: {
-            width: (L = t.sidebarRight) == null ? void 0 : L.width,
-            position: ((R = t.sidebarRight) == null ? void 0 : R.mode) === "over" ? "absolute" : ((A = t.sidebarRight) == null ? void 0 : A.behavior) === "fixed" || this._sideBarRight.fixed ? "sticky" : void 0,
-            top: ((j = t.sidebarRight) == null ? void 0 : j.behavior) === "fixed" || this._sideBarRight.fixed ? 0 : void 0,
-            height: ((I = t.sidebarRight) == null ? void 0 : I.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)
-    ), p = i.createElement(i.Fragment, null, [
-      n && i.createElement("div", {
-        key: "header-bar",
-        className: "z-30",
-        style: {
-          height: ($ = t.header) == null ? void 0 : $.height,
-          position: ((H = t.header) == null ? void 0 : H.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),
-      g,
-      l && i.createElement("div", {
-        key: "footer-bar",
-        className: "z-30",
-        style: {
-          height: (O = t.footer) == null ? void 0 : O.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 d = i.createElement("div", {
-      key: "vertical-stack",
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        flex: 1,
-        minHeight: "100%",
-        height: "100%",
-        overflow: "hidden"
-      }
-    }, p);
-    h && (d = 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: (F = t.sidebarLeft) == null ? void 0 : F.width,
-          overflowY: "auto",
-          borderRight: "1px solid var(--fibo-outline, #e0e0e0)",
-          backgroundColor: "var(--fibo-surface, #ffffff)",
-          zIndex: 40
-        }
-      }, this._sideBarLeft.content),
-      d
-    ])), f && (d = i.createElement("div", {
-      key: "full-height-right-wrapper",
-      style: { display: "flex", flexDirection: "row", flex: 1, height: "100%", overflow: "hidden" }
-    }, [
-      d,
-      i.createElement("div", {
-        key: "sidebar-right-full",
-        style: {
-          width: (D = t.sidebarRight) == null ? void 0 : D.width,
-          overflowY: "auto",
-          borderLeft: "1px solid var(--fibo-outline, #e0e0e0)",
-          backgroundColor: "var(--fibo-surface, #ffffff)",
-          zIndex: 40
-        }
-      }, this._sideBarRight.content)
-    ]));
-    const _ = M.getInstance().getOverlays().map((T) => T().build()), Y = {
-      theme: this._theme,
-      locale: this._locale,
-      providers: this._customProviders,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: d,
-      overlays: _
-    };
-    return i.createElement(oe, Y);
-  }
-}
-const Ne = u(ne), le = i.memo((r) => {
-  const { height: s = 64, sticky: e, className: t, style: n, children: l, ...a } = r;
-  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, ...n },
-      ...a
-    },
-    l
-  );
-});
-class ae extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_height", 64);
-    o(this, "_sticky", !1);
-  }
-  height(e) {
-    return this._height = e, this._sticky && this.syncStickyOffset(!0), this;
-  }
-  sticky(e = !0) {
-    if (e === !1)
-      return this._sticky = !1, this;
-    this._sticky = !0;
-    const t = e === !0 ? 0 : e;
-    return super.sticky(t), this.syncStickyOffset(e), this;
-  }
-  syncStickyOffset(e) {
-    const t = e === !0 || e === !1 ? 0 : e;
-    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, l = typeof this._height == "number" ? `${this._height}px` : this._height;
-    this.publishStickyOffset(`calc(${n} + ${l})`);
-  }
-  build() {
-    const e = {
-      height: this._height,
-      sticky: this._sticky,
-      className: this.getClassName(),
-      style: this.getStyle(),
-      children: this.processChildren(),
-      ...this._props
-    };
-    return i.createElement(le, e);
-  }
-}
-const Ce = u(ae), he = i.memo((r) => {
-  const { width: s = 260, collapsed: e, className: t, style: n, children: l, ...a } = r, c = J(), h = (c == null ? void 0 : c.currentPath) ?? "", f = e ? 80 : s, p = M.getInstance().getSidebarItems().map((d, b) => {
-    const _ = h === d.path;
-    return i.createElement(ee, {
-      key: `plugin-item-${d.path || b}`,
-      to: d.path,
-      className: "no-underline block mb-1",
-      children: Q().padding(12).alignItems("center").gap(12).className(`
-                    transition-colors duration-200 rounded-lg mx-2
-                    ${_ ? "bg-primary/10 text-primary" : "text-gray-600 hover:bg-gray-100"}
-                `).children([
-        d.icon ? U(d.icon).size(20).build() : null,
-        e ? null : K(d.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: f, minWidth: f, ...n },
-      ...a
-    },
-    l,
-    p
-  );
-});
-class ce extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_width", 260);
-    o(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(he, e);
-  }
-}
-const Se = u(ce);
-class de extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_alignment", "center");
-  }
-  alignment(e) {
-    return this._alignment = e, this;
-  }
-  build() {
-    const n = [
-      "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(" "), l = this.getStyle(), a = this.processChildren();
-    return i.createElement(
-      "div",
-      {
-        className: n,
-        style: l,
-        ...this._props
-      },
-      ...a
-    );
-  }
-}
-const ze = u(de);
-class fe extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_sizeHeight");
-  }
-  sizeHeight(e) {
-    return this._sizeHeight = e, this;
-  }
-  build() {
-    const t = ["fibo-line", "flex", "flex-row", ...this._classNames].filter(Boolean).join(" "), n = this.getStyle();
-    this._sizeHeight && (n.height = this._sizeHeight);
-    const l = this.processChildren();
-    return i.createElement(
-      "div",
-      {
-        className: t,
-        style: n,
-        ...this._props
-      },
-      ...l
-    );
-  }
-}
-const Ee = u(fe);
-function ue(...r) {
-  return (s) => {
-    for (const e of r)
-      e && (typeof e == "function" ? e(s) : e.current = s);
-  };
-}
-class me extends m {
-  constructor() {
-    super(...arguments);
-    o(this, "_direction", "vertical");
-    o(this, "_scrollbar", "auto");
-    o(this, "_controller");
-  }
-  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;
-  }
-  /** Attach a ScrollController for programmatic scroll (carousel prev/next). */
-  controller(e) {
-    return this._controller = 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(" ").filter(Boolean)];
-    this._scrollbar === "hidden" && (t.push("scrollbar-hide"), e.scrollbarWidth = "none", e.msOverflowStyle = "none");
-    const n = this._controller, l = this._props.ref, { ref: a, ...c } = this._props, h = ue(
-      (f) => {
-        n == null || n.attach(f);
-      },
-      l
-    );
-    return i.createElement(
-      "div",
-      {
-        className: t.join(" "),
-        style: e,
-        ref: h,
-        ...c
-      },
-      ...this.processChildren()
-    );
-  }
-}
-const Le = u(me);
-export {
-  ve as C,
-  Ce as H,
-  Ee as L,
-  ke as S,
-  ze as Z,
-  we as a,
-  Be as b,
-  Ne as c,
-  Se as d,
-  Le as e
-};