fiboui 2.1.0 → 2.2.0

package/dist/mount-D5gt_GWO.js

@@ -0,0 +1,331 @@
+"use client";
+var q = Object.defineProperty;
+var I = (e, t, n) => t in e ? q(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var w = (e, t, n) => I(e, typeof t != "symbol" ? t + "" : t, n);
+import p, { useCallback as S, useSyncExternalStore as F, useState as g, useRef as y, useEffect as v, StrictMode as T } from "react";
+import { p as L, S as A, v as k, x as j, y as z, F as $, R, z as H, P as N, A as W, B as D } from "./builder-KLTu7nAI.js";
+import { createRoot as x } from "react-dom/client";
+import { P as Y } from "./PluginManager-D5-ApsSN.js";
+function G(e) {
+  return (t) => e.subscribe(t);
+}
+function ae(e) {
+  const t = S(G(e), [e]);
+  return F(t, () => e.value, () => e.value);
+}
+function ce(e) {
+  const t = S(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return F(t, () => e.getState(), () => e.getState());
+}
+function le(e) {
+  const t = S(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return F(t, () => e.get(), () => e.get());
+}
+const J = {
+  linear: (e) => e,
+  easeIn: (e) => e * e,
+  easeOut: (e) => e * (2 - e),
+  easeInOut: (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e,
+  easeInCubic: (e) => e * e * e,
+  easeOutCubic: (e) => --e * e * e + 1,
+  elastic: (e) => e === 0 || e === 1 ? e : Math.pow(2, -10 * e) * Math.sin((e - 0.075) * (2 * Math.PI) / 0.3) + 1,
+  bounce: (e) => e < 1 / 2.75 ? 7.5625 * e * e : e < 2 / 2.75 ? 7.5625 * (e -= 1.5 / 2.75) * e + 0.75 : e < 2.5 / 2.75 ? 7.5625 * (e -= 2.25 / 2.75) * e + 0.9375 : 7.5625 * (e -= 2.625 / 2.75) * e + 0.984375
+};
+function de(e, t) {
+  const { duration: n = 300, delay: r = 0, easing: l = J.easeOut } = t || {}, [i, a] = g(e), s = y(), d = y(i);
+  return d.current = i, v(() => {
+    s.current && cancelAnimationFrame(s.current);
+    let o = null;
+    const u = d.current, c = (m) => {
+      o || (o = m);
+      const f = m - o - r;
+      if (f < 0) {
+        s.current = requestAnimationFrame(c);
+        return;
+      }
+      const h = Math.min(f / n, 1), M = l(h), _ = u + (e - u) * M;
+      a(_), h < 1 && (s.current = requestAnimationFrame(c));
+    };
+    return s.current = requestAnimationFrame(c), () => {
+      s.current && cancelAnimationFrame(s.current);
+    };
+  }, [e, n, r]), i;
+}
+function fe(e, t) {
+  const { stiffness: n = 170, damping: r = 26, mass: l = 1 } = t || {}, [i, a] = g(e), s = y(0), d = y();
+  return v(() => {
+    let o = i, u = s.current;
+    const c = () => {
+      const m = -n * (o - e), f = -r * u, h = (m + f) / l;
+      u += h * (1 / 60), o += u * (1 / 60), a(o), s.current = u, (Math.abs(u) > 0.01 || Math.abs(o - e) > 0.01) && (d.current = requestAnimationFrame(c));
+    };
+    return d.current = requestAnimationFrame(c), () => {
+      d.current && cancelAnimationFrame(d.current);
+    };
+  }, [e, n, r, l]), i;
+}
+function me(e, t = 300) {
+  const [n, r] = g(e), [l, i] = g(
+    e ? "entered" : "exited"
+  );
+  return v(() => {
+    if (e) {
+      r(!0), i("entering");
+      const a = setTimeout(() => i("entered"), 50);
+      return () => clearTimeout(a);
+    } else {
+      i("exiting");
+      const a = setTimeout(() => {
+        i("exited"), r(!1);
+      }, t);
+      return () => clearTimeout(a);
+    }
+  }, [e, t]), { shouldRender: n, stage: l };
+}
+function he(e, t = 50) {
+  return Array.from({ length: e }, (n, r) => r * t);
+}
+function pe() {
+  const [e, t] = g(
+    () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches
+  );
+  return v(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
+    const n = window.matchMedia("(prefers-reduced-motion: reduce)"), r = () => t(n.matches);
+    return r(), n.addEventListener("change", r), () => n.removeEventListener("change", r);
+  }, []), e;
+}
+function ge() {
+  const [e, t] = g(0);
+  return v(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      const r = document.documentElement.scrollHeight - window.innerHeight;
+      t(r > 0 ? Math.min(1, Math.max(0, window.scrollY / r)) : 0);
+    };
+    return n(), window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", n);
+    };
+  }, []), e;
+}
+const P = {
+  linear: (e) => e,
+  easeIn: (e) => e * e,
+  easeOut: (e) => e * (2 - e),
+  easeInOut: (e) => e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e
+};
+function K(e, t, n) {
+  return e + (t - e) * n;
+}
+const b = /* @__PURE__ */ new WeakMap();
+A.prototype.spring = function(e, t = {}) {
+  this.animate(e, { ...t, curve: "spring", damping: t.damping ?? 26, stiffness: t.stiffness ?? 170 });
+};
+A.prototype.animate = function(e, t = {}) {
+  const n = this.value, r = e, l = b.get(this);
+  if (l && cancelAnimationFrame(l), t.curve === "spring") {
+    const o = t.stiffness ?? 170, u = t.damping ?? 26, c = t.mass ?? 1;
+    let m = n, f = t.velocity ?? 0;
+    const h = 1 / 60, M = () => {
+      var C;
+      const _ = -o * (m - r) - u * f;
+      f += _ / c * h, m += f * h, this.value = m, Math.abs(m - r) > 0.01 || Math.abs(f) > 0.01 ? b.set(this, requestAnimationFrame(M)) : (this.value = r, b.delete(this), (C = t.onComplete) == null || C.call(t));
+    };
+    b.set(this, requestAnimationFrame(M));
+    return;
+  }
+  const i = t.duration || 300, a = P[t.curve || "easeOut"] ?? P.easeOut;
+  let s = null;
+  const d = (o) => {
+    var c;
+    s || (s = o);
+    const u = Math.min((o - s) / i, 1);
+    this.value = K(n, r, a(u)), u < 1 ? b.set(this, requestAnimationFrame(d)) : (b.delete(this), (c = t.onComplete) == null || c.call(t));
+  };
+  b.set(this, requestAnimationFrame(d));
+};
+A.prototype.snapTo = function(e, t = {}) {
+  this.animate(e, { duration: 300, curve: "easeOut", ...t });
+};
+function we(e = {}) {
+  return L(e.curve ?? "easeOut", {
+    stiffness: e.stiffness,
+    damping: e.damping,
+    mass: e.mass
+  });
+}
+function E(e) {
+  return !!e && typeof e == "object" && "value" in e && typeof e.subscribe == "function";
+}
+function Q(e) {
+  return !e || typeof e != "object" || E(e) ? !1 : Object.prototype.hasOwnProperty.call(e, "show");
+}
+function U() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function X(e) {
+  return E(e) ? !!e.value : !!e;
+}
+function Z(e) {
+  const [t, n] = g(() => X(e));
+  return v(() => {
+    if (!E(e)) {
+      n(!!e);
+      return;
+    }
+    return n(!!e.value), e.subscribe((r) => n(!!r));
+  }, [e]), E(e) ? t : !!e;
+}
+function B({
+  show: e,
+  enter: t = "fadeIn",
+  exit: n = "fadeOut",
+  duration: r = 200,
+  reducedMotion: l = "reduce",
+  children: i
+}) {
+  const a = Z(e), [s, d] = g(a), [o, u] = g(a ? "enter" : "idle"), c = l !== "never" && U();
+  if (v(() => {
+    if (j(), a) {
+      d(!0), u(c ? "idle" : "enter");
+      return;
+    }
+    if (s) {
+      if (c) {
+        d(!1), u("idle");
+        return;
+      }
+      u("exit");
+    }
+  }, [a, c]), !s) return null;
+  const m = o === "exit" ? n : o === "enter" ? t : void 0, f = m && !c ? z(m) : void 0;
+  return p.createElement(
+    "div",
+    {
+      className: f ? `fibo-anim fibo-anim-${f}` : void 0,
+      style: f ? { "--fibo-dur": `${r}ms`, "--fibo-ease": "ease" } : void 0,
+      "data-fibo-presence": o,
+      onAnimationEnd: (h) => {
+        h.target === h.currentTarget && (o === "exit" && d(!1), o === "enter" && u("idle"));
+      }
+    },
+    i
+  );
+}
+class V extends $ {
+  constructor(n = !0) {
+    super();
+    w(this, "_show", !0);
+    w(this, "_enter", "fadeIn");
+    w(this, "_exit", "fadeOut");
+    this.show(n);
+  }
+  show(n) {
+    return this._show = n, E(n) && (this.bindSignal(n), this.observer()), this;
+  }
+  enter(n) {
+    return this._enter = n, this;
+  }
+  exit(n) {
+    return this._exit = n, this;
+  }
+  duration(n) {
+    return this._transitionDuration = n, this;
+  }
+  build() {
+    return p.createElement(B, {
+      show: this._show,
+      enter: this._enter,
+      exit: this._exit,
+      duration: this._transitionDuration,
+      reducedMotion: this._reducedMotion,
+      children: this.processChildren()
+    });
+  }
+}
+const ee = k(V);
+function te(e) {
+  return Q(e) ? p.createElement(B, e) : ee(e ?? !0);
+}
+te.displayName = "Presence";
+class ne {
+  constructor() {
+    w(this, "_rootComponent", null);
+    w(this, "_rootElement", null);
+    w(this, "_plugins", []);
+  }
+  use(t) {
+    return this._plugins.push(t), this;
+  }
+  plugins(t) {
+    return this._plugins.push(...t), this;
+  }
+  root(t) {
+    return this._rootComponent = t, this;
+  }
+  mount(t) {
+    const n = document.getElementById(t);
+    if (!n)
+      throw new Error(`Root element with id "${t}" not found`);
+    this._rootElement = n, this.build();
+  }
+  build() {
+    if (!this._rootComponent || !this._rootElement)
+      throw new Error("Root component and mount element must be provided");
+    const t = Y.getInstance();
+    this._plugins.forEach((i) => {
+      t.use(i);
+    });
+    const n = this._rootComponent, r = () => p.createElement(R, {
+      children: p.createElement(H, {
+        stateMap: /* @__PURE__ */ new Map(),
+        children: p.createElement(N, {
+          providers: /* @__PURE__ */ new Map(),
+          children: p.createElement(n, null)
+        })
+      })
+    });
+    x(this._rootElement).render(p.createElement(r));
+  }
+}
+const be = () => new ne();
+function O(e) {
+  return D(e);
+}
+function ve({ children: e }) {
+  return O(e);
+}
+function Ee(e, t, n) {
+  const r = typeof e == "string" ? document.querySelector(e) : e;
+  if (!r)
+    throw new Error(`mount: element not found: ${String(e)}`);
+  const l = typeof t == "function" && !W(t) ? t() : t, i = O(l), a = x(r), s = p.createElement(R, { children: i });
+  return a.render(
+    (n == null ? void 0 : n.strict) === !1 ? s : p.createElement(T, null, s)
+  ), a;
+}
+export {
+  J as E,
+  be as F,
+  te as P,
+  ce as a,
+  le as b,
+  de as c,
+  fe as d,
+  he as e,
+  me as f,
+  pe as g,
+  ge as h,
+  we as i,
+  ne as j,
+  ve as k,
+  Ee as m,
+  O as t,
+  ae as u
+};

package/dist/structure.js

@@ -1,6 +1,6 @@
 "use client";
-import { B as e } from "./index-BaX5zy8O.js";
-import { B as i, C as o, c as t, G as l, d, L as B, a as T, T as m, b as n } from "./index-C4xZywsh.js";
+import { B as e } from "./index-CYnY7jAX.js";
+import { B as i, C as o, c as t, G as l, d, L as B, a as T, T as m, b as n } from "./index-CdJvNseK.js";
 export {
   i as Banner,
   e as Box,