fiboui 2.1.0 → 2.2.1

package/dist/interactive.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as o, C as s, c as t, R as c, b as x, S as b, T as i, a as r } from "./index-OLW4l8s8.js";
+import { B as o, C as s, c as t, R as c, b as x, S as b, T as i, a as r } from "./index-Cud42ieq.js";
 export {
   o as Button,
   s as Checkbox,

package/dist/layout.js

@@ -1,6 +1,6 @@
 "use client";
-import { C as e, a as o, b as r, D as t, H as l, L as n, c, e as i, d as S, S as d, V as u, Z as C } from "./index-CWz0hYog.js";
-import { R as m } from "./index-C8y7FIYH.js";
+import { C as e, a as o, b as r, D as t, H as l, L as n, c, e as i, d as S, S as d, V as u, Z as C } from "./index-D0tQrTAU.js";
+import { R as m } from "./index-CgPc0zLh.js";
 export {
   e as Center,
   o as Column,

package/dist/mount-DX2mgYvd.js

@@ -0,0 +1,358 @@
+"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 b = (e, t, n) => I(e, typeof t != "symbol" ? t + "" : t, n);
+import h, { useCallback as R, useSyncExternalStore as E, memo as T, useState as w, useRef as _, useEffect as v, StrictMode as L } from "react";
+import { n as k, S as F, w as z, z as $, A as j, x as H, R as x, B as D, P as N, D as W, G } from "./builder-KX69ixME.js";
+import { createRoot as C } from "react-dom/client";
+import { P as Y } from "./PluginManager-D5-ApsSN.js";
+function J(e) {
+  return (t) => e.subscribe(t);
+}
+function fe(e) {
+  const t = R(J(e), [e]);
+  return E(t, () => e.value, () => e.value);
+}
+function me(e) {
+  const t = R(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return E(t, () => e.getState(), () => e.getState());
+}
+function he(e) {
+  const t = R(
+    (n) => e.subscribe(n),
+    [e]
+  );
+  return E(t, () => e.get(), () => e.get());
+}
+function pe(e, t, n) {
+  if (!t || n === void 0)
+    return e;
+  const r = n;
+  let i = { ...e };
+  return r < 768 && t.mobile ? i = { ...i, ...t.mobile } : r >= 768 && r < 1024 && t.tablet ? i = { ...i, ...t.tablet } : r >= 1024 && t.desktop && (i = { ...i, ...t.desktop }), i;
+}
+function we(e, t) {
+  const n = T(e, t);
+  return (r) => h.createElement(n, r);
+}
+const K = {
+  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 be(e, t) {
+  const { duration: n = 300, delay: r = 0, easing: i = K.easeOut } = t || {}, [o, c] = w(e), s = _(), l = _(o);
+  return l.current = o, v(() => {
+    s.current && cancelAnimationFrame(s.current);
+    let u = null;
+    const a = l.current, d = (m) => {
+      u || (u = m);
+      const f = m - u - r;
+      if (f < 0) {
+        s.current = requestAnimationFrame(d);
+        return;
+      }
+      const p = Math.min(f / n, 1), y = i(p), S = a + (e - a) * y;
+      c(S), p < 1 && (s.current = requestAnimationFrame(d));
+    };
+    return s.current = requestAnimationFrame(d), () => {
+      s.current && cancelAnimationFrame(s.current);
+    };
+  }, [e, n, r]), o;
+}
+function ge(e, t) {
+  const { stiffness: n = 170, damping: r = 26, mass: i = 1 } = t || {}, [o, c] = w(e), s = _(0), l = _();
+  return v(() => {
+    let u = o, a = s.current;
+    const d = () => {
+      const m = -n * (u - e), f = -r * a, p = (m + f) / i;
+      a += p * (1 / 60), u += a * (1 / 60), c(u), s.current = a, (Math.abs(a) > 0.01 || Math.abs(u - e) > 0.01) && (l.current = requestAnimationFrame(d));
+    };
+    return l.current = requestAnimationFrame(d), () => {
+      l.current && cancelAnimationFrame(l.current);
+    };
+  }, [e, n, r, i]), o;
+}
+function ve(e, t = 300) {
+  const [n, r] = w(e), [i, o] = w(
+    e ? "entered" : "exited"
+  );
+  return v(() => {
+    if (e) {
+      r(!0), o("entering");
+      const c = setTimeout(() => o("entered"), 50);
+      return () => clearTimeout(c);
+    } else {
+      o("exiting");
+      const c = setTimeout(() => {
+        o("exited"), r(!1);
+      }, t);
+      return () => clearTimeout(c);
+    }
+  }, [e, t]), { shouldRender: n, stage: i };
+}
+function Me(e, t = 50) {
+  return Array.from({ length: e }, (n, r) => r * t);
+}
+function Q(e) {
+  if (typeof window > "u" || typeof window.matchMedia != "function")
+    return () => {
+    };
+  const t = window.matchMedia("(prefers-reduced-motion: reduce)");
+  return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function Ee() {
+  return E(
+    Q,
+    () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+    () => !1
+  );
+}
+function ye() {
+  const [e, t] = w(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 U(e, t, n) {
+  return e + (t - e) * n;
+}
+const g = /* @__PURE__ */ new WeakMap();
+F.prototype.spring = function(e, t = {}) {
+  this.animate(e, { ...t, curve: "spring", damping: t.damping ?? 26, stiffness: t.stiffness ?? 170 });
+};
+F.prototype.animate = function(e, t = {}) {
+  const n = this.value, r = e, i = g.get(this);
+  if (i && cancelAnimationFrame(i), t.curve === "spring") {
+    const u = t.stiffness ?? 170, a = t.damping ?? 26, d = t.mass ?? 1;
+    let m = n, f = t.velocity ?? 0;
+    const p = 1 / 60, y = () => {
+      var A;
+      const S = -u * (m - r) - a * f;
+      f += S / d * p, m += f * p, this.value = m, Math.abs(m - r) > 0.01 || Math.abs(f) > 0.01 ? g.set(this, requestAnimationFrame(y)) : (this.value = r, g.delete(this), (A = t.onComplete) == null || A.call(t));
+    };
+    g.set(this, requestAnimationFrame(y));
+    return;
+  }
+  const o = t.duration || 300, c = P[t.curve || "easeOut"] ?? P.easeOut;
+  let s = null;
+  const l = (u) => {
+    var d;
+    s || (s = u);
+    const a = Math.min((u - s) / o, 1);
+    this.value = U(n, r, c(a)), a < 1 ? g.set(this, requestAnimationFrame(l)) : (g.delete(this), (d = t.onComplete) == null || d.call(t));
+  };
+  g.set(this, requestAnimationFrame(l));
+};
+F.prototype.snapTo = function(e, t = {}) {
+  this.animate(e, { duration: 300, curve: "easeOut", ...t });
+};
+function _e(e = {}) {
+  return k(e.curve ?? "easeOut", {
+    stiffness: e.stiffness,
+    damping: e.damping,
+    mass: e.mass
+  });
+}
+function M(e) {
+  return !!e && typeof e == "object" && "value" in e && typeof e.subscribe == "function";
+}
+function X(e) {
+  return !e || typeof e != "object" || M(e) ? !1 : Object.prototype.hasOwnProperty.call(e, "show");
+}
+function Z(e) {
+  if (typeof window > "u" || typeof window.matchMedia != "function")
+    return () => {
+    };
+  const t = window.matchMedia("(prefers-reduced-motion: reduce)");
+  return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function V() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function ee() {
+  return E(Z, V, () => !1);
+}
+function te(e) {
+  return M(e) ? !!e.value : !!e;
+}
+function ne(e) {
+  const [t, n] = w(() => te(e));
+  return v(() => {
+    if (!M(e)) {
+      n(!!e);
+      return;
+    }
+    return n(!!e.value), e.subscribe((r) => n(!!r));
+  }, [e]), M(e) ? t : !!e;
+}
+function B({
+  show: e,
+  enter: t = "fadeIn",
+  exit: n = "fadeOut",
+  duration: r = 200,
+  reducedMotion: i = "reduce",
+  children: o
+}) {
+  const c = ne(e), [s, l] = w(c), [u, a] = w(c ? "enter" : "idle"), d = i !== "never" && ee();
+  if (v(() => {
+    if ($(), c) {
+      l(!0), a(d ? "idle" : "enter");
+      return;
+    }
+    if (s) {
+      if (d) {
+        l(!1), a("idle");
+        return;
+      }
+      a("exit");
+    }
+  }, [c, d]), !s) return null;
+  const m = u === "exit" ? n : u === "enter" ? t : void 0, f = m && !d ? j(m) : void 0;
+  return h.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": u,
+      onAnimationEnd: (p) => {
+        p.target === p.currentTarget && (u === "exit" && l(!1), u === "enter" && a("idle"));
+      }
+    },
+    o
+  );
+}
+class re extends H {
+  constructor(n = !0) {
+    super();
+    b(this, "_show", !0);
+    b(this, "_enter", "fadeIn");
+    b(this, "_exit", "fadeOut");
+    this.show(n);
+  }
+  show(n) {
+    return this._show = n, M(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 h.createElement(B, {
+      show: this._show,
+      enter: this._enter,
+      exit: this._exit,
+      duration: this._transitionDuration,
+      reducedMotion: this._reducedMotion,
+      children: this.processChildren()
+    });
+  }
+}
+const ie = z(re);
+function se(e) {
+  return X(e) ? h.createElement(B, e) : ie(e ?? !0);
+}
+se.displayName = "Presence";
+class oe {
+  constructor() {
+    b(this, "_rootComponent", null);
+    b(this, "_rootElement", null);
+    b(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((o) => {
+      t.use(o);
+    });
+    const n = this._rootComponent, r = () => h.createElement(x, {
+      children: h.createElement(D, {
+        stateMap: /* @__PURE__ */ new Map(),
+        children: h.createElement(N, {
+          providers: /* @__PURE__ */ new Map(),
+          children: h.createElement(n, null)
+        })
+      })
+    });
+    C(this._rootElement).render(h.createElement(r));
+  }
+}
+const Se = () => new oe();
+function O(e) {
+  return G(e);
+}
+function Re({ children: e }) {
+  return O(e);
+}
+function Fe(e, t, n) {
+  const r = typeof e == "string" ? document.querySelector(e) : e;
+  if (!r)
+    throw new Error(`mount: element not found: ${String(e)}`);
+  const i = typeof t == "function" && !W(t) ? t() : t, o = O(i), c = C(r), s = h.createElement(x, { children: o });
+  return c.render(
+    (n == null ? void 0 : n.strict) === !1 ? s : h.createElement(L, null, s)
+  ), c;
+}
+export {
+  K as E,
+  Se as F,
+  se as P,
+  me as a,
+  he as b,
+  pe as c,
+  be as d,
+  ge as e,
+  Me as f,
+  ve as g,
+  Ee as h,
+  ye as i,
+  _e as j,
+  oe as k,
+  Re as l,
+  Fe as m,
+  we as n,
+  O as t,
+  fe as u
+};

package/dist/navigation.js

@@ -1,6 +1,6 @@
 "use client";
-import { R as e } from "./Router-i6Nc6qVs.js";
-import { L as o, N as r, c as t, a as i, b as n, d as L, u as c } from "./Link-DDzSPY1Q.js";
+import { R as e } from "./Router-BwbaHooU.js";
+import { L as o, N as r, c as t, a as i, b as n, d as L, u as c } from "./Link-ElmaMZB8.js";
 export {
   o as Link,
   r as NavLink,

package/dist/{provider-B0eB-Wy7.js → provider-CihtUuRx.js}

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useState as i, useEffect as p, createContext as m, useContext as h } from "react";
-const l = {
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useState as a, useEffect as s, createContext as h, useContext as d } from "react";
+const b = {
   name: "material",
   colors: {
     primary: "#6750A4",
@@ -84,7 +84,7 @@ const l = {
     lg: "0 8px 16px rgba(0,0,0,0.14)"
   },
   fontFamily: "Roboto, sans-serif"
-}, S = {
+}, y = {
   name: "cupertino",
   colors: {
     primary: "#007AFF",
@@ -166,7 +166,7 @@ const l = {
     lg: "0 4px 16px rgba(0,0,0,0.12)"
   },
   fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
-}, d = {
+}, S = {
   name: "web",
   colors: {
     primary: "#3B82F6",
@@ -245,42 +245,58 @@ const l = {
     lg: "0 10px 15px rgba(0,0,0,0.1)"
   },
   fontFamily: "Inter, system-ui, sans-serif"
-}, s = m(void 0), a = {
-  material: l,
-  cupertino: S,
-  web: d
+}, c = h(void 0), f = {
+  material: b,
+  cupertino: y,
+  web: S
 };
-function b({
-  theme: t = "material",
+function W({
+  theme: o = "material",
   children: F
 }) {
-  const [n, r] = i(t), [x, f] = i(a[t]);
-  p(() => {
-    r(t);
-  }, [t]), p(() => {
-    const o = a[n];
-    if (f(o), typeof document < "u") {
+  const [n, i] = a(o), [t, x] = a(f[o]);
+  s(() => {
+    i(o);
+  }, [o]), s(() => {
+    const r = f[n];
+    if (x(r), typeof document < "u") {
       const e = document.documentElement;
-      e.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), e.classList.add(`fibo-theme-${n}`), e.style.setProperty("--fibo-primary", o.colors.primary), e.style.setProperty("--fibo-secondary", o.colors.secondary), e.style.setProperty("--fibo-background", o.colors.background), e.style.setProperty("--fibo-surface", o.colors.surface), e.style.setProperty("--fibo-error", o.colors.error), e.style.setProperty("--fibo-font-family", o.fontFamily);
+      e.classList.remove("fibo-theme-material", "fibo-theme-cupertino", "fibo-theme-web"), e.classList.add(`fibo-theme-${n}`), e.style.setProperty("--fibo-primary", r.colors.primary), e.style.setProperty("--fibo-secondary", r.colors.secondary), e.style.setProperty("--fibo-background", r.colors.background), e.style.setProperty("--fibo-surface", r.colors.surface), e.style.setProperty("--fibo-error", r.colors.error), e.style.setProperty("--fibo-font-family", r.fontFamily);
     }
   }, [n]);
-  const c = {
-    theme: x,
+  const g = {
+    theme: t,
     themeName: n,
-    setTheme: r
-  };
-  return /* @__PURE__ */ g(s.Provider, { value: c, children: F });
+    setTheme: i
+  }, l = [
+    `--fibo-primary:${t.colors.primary}`,
+    `--fibo-secondary:${t.colors.secondary}`,
+    `--fibo-background:${t.colors.background}`,
+    `--fibo-surface:${t.colors.surface}`,
+    `--fibo-error:${t.colors.error}`,
+    `--fibo-font-family:${t.fontFamily}`
+  ].join(";");
+  return /* @__PURE__ */ p(c.Provider, { value: g, children: /* @__PURE__ */ m("div", { className: `fibo-theme-${n}`, "data-fibo-theme": n, children: [
+    /* @__PURE__ */ p(
+      "style",
+      {
+        "data-fibo-theme-vars": "1",
+        dangerouslySetInnerHTML: { __html: `:root{${l}}` }
+      }
+    ),
+    F
+  ] }) });
 }
-function z() {
-  const t = h(s);
-  if (!t)
+function B() {
+  const o = d(c);
+  if (!o)
     throw new Error("useFiboTheme must be used within a FiboThemeProvider");
-  return t;
+  return o;
 }
 export {
-  b as F,
-  S as c,
-  l as m,
-  z as u,
-  d as w
+  W as F,
+  y as c,
+  b as m,
+  B as u,
+  S as w
 };

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-hNxXTy6z.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-D7exw6yn.js";
 export {
   i as Banner,
   e as Box,