fiboui 2.2.0 → 2.2.1

package/dist/theme.js

@@ -1,5 +1,5 @@
 "use client";
-import { F as a, c as s, m as i, u as o, w as r } from "./provider-B0eB-Wy7.js";
+import { F as a, c as s, m as i, u as o, w as r } from "./provider-CihtUuRx.js";
 export {
   a as FiboThemeProvider,
   s as cupertinoTheme,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fiboui",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A Flutter/SwiftUI-inspired React UI framework with builder pattern and theme system",
   "type": "module",
   "main": "./dist/index.js",
@@ -58,6 +58,7 @@
     "build:dts": "dts-bundle-generator --no-check --export-referenced-types false --external-imports=@metagptx/css-to-tailwind --external-imports=react --external-imports=react-dom -o dist/index.d.ts src/index.ts",
     "type-check": "tsc --noEmit",
     "test": "vitest run",
+    "test:ssr-e2e": "npm run build && npm --prefix examples/ssr-fixtures install && npm --prefix examples/ssr-fixtures run test:e2e",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
     "lint": "eslint src tests",

package/dist/Link-DDzSPY1Q.js

@@ -1,88 +0,0 @@
-"use client";
-import { jsx as d } from "react/jsx-runtime";
-import { createContext as p, useContext as m } from "react";
-const w = p(null);
-function s() {
-  const t = m(w);
-  if (!t)
-    throw new Error("useRouter must be used within a Router");
-  return t;
-}
-function y() {
-  return m(w);
-}
-function v() {
-  const { navigate: t } = s();
-  return t;
-}
-function b() {
-  const { params: t } = s();
-  return t;
-}
-function k() {
-  const { query: t } = s();
-  return t;
-}
-function L() {
-  const { currentPath: t } = s();
-  return {
-    pathname: t,
-    search: typeof window < "u" ? window.location.search : "",
-    hash: typeof window < "u" ? window.location.hash : ""
-  };
-}
-const x = ({
-  to: t,
-  children: u,
-  replace: a = !1,
-  state: r,
-  className: c,
-  style: f,
-  onClick: o
-}) => {
-  const h = v(), e = y(), i = t.startsWith("http") || t.startsWith("//") || t.startsWith("#") ? t : `${(e == null ? void 0 : e.basename) ?? ""}${t}`;
-  return /* @__PURE__ */ d(
-    "a",
-    {
-      href: i,
-      onClick: (n) => {
-        n.ctrlKey || n.metaKey || n.shiftKey || n.button !== 0 || (n.preventDefault(), o && o(n), h(t, { replace: a, state: r }));
-      },
-      className: c,
-      style: f,
-      children: u
-    }
-  );
-}, N = ({
-  to: t,
-  children: u,
-  className: a = "",
-  style: r = {},
-  activeClassName: c = "active",
-  activeStyle: f = {},
-  exact: o = !1,
-  ...h
-}) => {
-  const { currentPath: e } = s(), i = o ? e === t : e.startsWith(t), l = i ? `${a} ${c}`.trim() : a, n = i ? { ...r, ...f } : r;
-  return /* @__PURE__ */ d(
-    x,
-    {
-      to: t,
-      className: l,
-      style: n,
-      ...h,
-      children: u
-    }
-  );
-};
-export {
-  x as L,
-  N,
-  w as R,
-  v as a,
-  b,
-  L as c,
-  k as d,
-  y as e,
-  s as u
-};

package/dist/mount-D5gt_GWO.js

@@ -1,331 +0,0 @@
-"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
-};