fiboui 2.4.4 → 2.6.0

package/dist/style.js

@@ -1 +1 @@
-"use client";
+

package/dist/theme.js

@@ -1,19 +1,17 @@
-"use client";
-import { F as a, u as m } from "./provider-BTNE3N5g.js";
-import { F as o, a as t, c as T, e as r, m as i, n as l, r as n, f as u, d as F, t as b, b as c, w as p } from "./themeData-Dtm0M_mF.js";
+import { ak as s, ae as m, am as h, ah as o, an as T, ag as r, aj as t, al as i, ar as l, aq as n, ao as p, ap as b, af as u, ai as C } from "./client-C9ZVisXx.js";
 export {
-  o as FIBO_THEMES,
-  a as FiboThemeProvider,
-  t as copyWithTheme,
-  T as cupertinoTheme,
-  r as extendTheme,
-  i as materialTheme,
-  l as noirTheme,
-  n as resolveTheme,
-  u as themeClassName,
-  F as themeToCssRule,
-  b as themeToCssVars,
-  c as themeToInlineStyle,
-  m as useFiboTheme,
-  p as webTheme
+  s as FIBO_THEMES,
+  m as FiboThemeProvider,
+  h as copyWithTheme,
+  o as cupertinoTheme,
+  T as extendTheme,
+  r as materialTheme,
+  t as noirTheme,
+  i as resolveTheme,
+  l as themeClassName,
+  n as themeToCssRule,
+  p as themeToCssVars,
+  b as themeToInlineStyle,
+  u as useFiboTheme,
+  C as webTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fiboui",
-  "version": "2.4.4",
-  "description": "Flutter/SwiftUI-inspired React UI \u2014 fluent builders, signals, and themes. https://fiboui.vercel.app",
+  "version": "2.6.0",
+  "description": "Flutter/SwiftUI-inspired React UI — fluent builders, signals, and themes. https://fiboui.vercel.app",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -9,9 +9,14 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
+      "react-server": "./dist/server.js",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./server": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/server.js"
+    },
     "./core": {
       "import": "./dist/core.js"
     },
@@ -47,7 +52,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc --noEmit && vite build && npm run build:dts && tsc --project tsconfig.cli.json",
+    "build": "tsc --noEmit && vite build && vite build --config vite.server.config.ts && npm run build:dts && tsc --project tsconfig.cli.json",
     "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",

package/dist/FineGrain-CvcJ5OxF.js

@@ -1,29 +0,0 @@
-"use client";
-import s, { useRef as l, useEffect as p } from "react";
-import { G as x, r as m, H as E } from "./builder-B5cebEWZ.js";
-function R({
-  compute: e,
-  as: n = "span",
-  className: o,
-  style: i,
-  ...u
-}) {
-  const r = x(), t = l(null), a = e();
-  return p(() => m(r, () => {
-    const f = new E(() => {
-      const c = e();
-      t.current && t.current.textContent !== c && (t.current.textContent = c);
-    });
-    return () => f.dispose();
-  }), [e, r]), s.createElement(n, { ref: t, className: o, style: i, ...u }, a);
-}
-function d(e, n) {
-  return s.createElement(R, {
-    compute: () => String(e.value),
-    as: n
-  });
-}
-export {
-  R as F,
-  d as b
-};

package/dist/Link-ElmaMZB8.js

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

package/dist/Router-BwbaHooU.js

@@ -1,398 +0,0 @@
-"use client";
-var A = Object.defineProperty;
-var D = (e, o, r) => o in e ? A(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r;
-var E = (e, o, r) => D(e, typeof o != "symbol" ? o + "" : o, r);
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import F, { Component as I, useState as w, useCallback as b, useEffect as U, Suspense as G, createContext as N } from "react";
-import { R as q } from "./Link-ElmaMZB8.js";
-function O(e, o) {
-  const r = o.split("/").filter(Boolean), i = e.split("/").filter(Boolean);
-  if (r.length !== i.length)
-    return { match: !1, params: {} };
-  const n = {};
-  for (let a = 0; a < r.length; a++) {
-    const f = r[a], m = i[a];
-    if (f.startsWith(":")) {
-      const y = f.slice(1);
-      n[y] = m;
-      continue;
-    }
-    if (f !== m)
-      return { match: !1, params: {} };
-  }
-  return { match: !0, params: n };
-}
-function x(e, o) {
-  for (const r of e) {
-    const { match: i, params: n } = O(o, r.path);
-    if (i)
-      return { route: r, params: n };
-    if (r.children) {
-      const a = x(r.children, o);
-      if (a.route)
-        return a;
-    }
-  }
-  return { route: null, params: {} };
-}
-class Q extends I {
-  constructor(r) {
-    super(r);
-    E(this, "reset", () => {
-      this.setState({
-        hasError: !1,
-        error: null,
-        errorInfo: null
-      });
-    });
-    this.state = {
-      hasError: !1,
-      error: null,
-      errorInfo: null
-    };
-  }
-  static getDerivedStateFromError(r) {
-    return {
-      hasError: !0,
-      error: r
-    };
-  }
-  componentDidCatch(r, i) {
-    var n, a;
-    console.error("RouteErrorBoundary caught error:", r, i), (a = (n = this.props).onError) == null || a.call(n, r, i), this.setState({
-      errorInfo: i
-    });
-  }
-  render() {
-    if (this.state.hasError && this.state.error) {
-      const { fallback: r } = this.props;
-      return typeof r == "function" ? r(this.state.error, this.state.errorInfo) : r || /* @__PURE__ */ p("div", { style: { padding: "2rem", textAlign: "center" }, children: [
-        /* @__PURE__ */ t("h1", { children: "Something went wrong" }),
-        /* @__PURE__ */ t("p", { children: this.state.error.message })
-      ] });
-    }
-    return this.props.children;
-  }
-}
-const V = ({ error: e, onReset: o }) => {
-  const r = () => {
-    window.location.href = "/";
-  }, i = () => {
-    window.location.reload();
-  };
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        minHeight: "100vh",
-        padding: "2rem",
-        backgroundColor: "#f9fafb",
-        fontFamily: "system-ui, -apple-system, sans-serif"
-      },
-      children: /* @__PURE__ */ p(
-        "div",
-        {
-          style: {
-            maxWidth: "600px",
-            width: "100%",
-            backgroundColor: "white",
-            borderRadius: "12px",
-            padding: "3rem",
-            boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)",
-            textAlign: "center"
-          },
-          children: [
-            /* @__PURE__ */ t(
-              "div",
-              {
-                style: {
-                  width: "64px",
-                  height: "64px",
-                  margin: "0 auto 1.5rem",
-                  backgroundColor: "#fee2e2",
-                  borderRadius: "50%",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center"
-                },
-                children: /* @__PURE__ */ p(
-                  "svg",
-                  {
-                    width: "32",
-                    height: "32",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "#dc2626",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    children: [
-                      /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
-                      /* @__PURE__ */ t("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
-                      /* @__PURE__ */ t("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ t(
-              "h1",
-              {
-                style: {
-                  fontSize: "1.875rem",
-                  fontWeight: "700",
-                  color: "#111827",
-                  marginBottom: "0.5rem"
-                },
-                children: "Oops! Something went wrong"
-              }
-            ),
-            e && /* @__PURE__ */ t(
-              "div",
-              {
-                style: {
-                  marginTop: "1.5rem",
-                  padding: "1rem",
-                  backgroundColor: "#fef2f2",
-                  borderRadius: "8px",
-                  border: "1px solid #fecaca"
-                },
-                children: /* @__PURE__ */ t(
-                  "p",
-                  {
-                    style: {
-                      fontSize: "0.875rem",
-                      color: "#991b1b",
-                      fontFamily: "monospace",
-                      margin: 0,
-                      wordBreak: "break-word"
-                    },
-                    children: e.message
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ t(
-              "p",
-              {
-                style: {
-                  fontSize: "1rem",
-                  color: "#6b7280",
-                  marginTop: "1rem",
-                  marginBottom: "2rem"
-                },
-                children: "We're sorry for the inconvenience. Please try one of the options below."
-              }
-            ),
-            /* @__PURE__ */ p(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  gap: "1rem",
-                  justifyContent: "center",
-                  flexWrap: "wrap"
-                },
-                children: [
-                  o && /* @__PURE__ */ t(
-                    "button",
-                    {
-                      onClick: o,
-                      style: {
-                        padding: "0.75rem 1.5rem",
-                        backgroundColor: "#3b82f6",
-                        color: "white",
-                        border: "none",
-                        borderRadius: "8px",
-                        fontSize: "1rem",
-                        fontWeight: "500",
-                        cursor: "pointer",
-                        transition: "background-color 0.2s"
-                      },
-                      onMouseEnter: (n) => {
-                        n.currentTarget.style.backgroundColor = "#2563eb";
-                      },
-                      onMouseLeave: (n) => {
-                        n.currentTarget.style.backgroundColor = "#3b82f6";
-                      },
-                      children: "Try Again"
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    "button",
-                    {
-                      onClick: i,
-                      style: {
-                        padding: "0.75rem 1.5rem",
-                        backgroundColor: "#6b7280",
-                        color: "white",
-                        border: "none",
-                        borderRadius: "8px",
-                        fontSize: "1rem",
-                        fontWeight: "500",
-                        cursor: "pointer",
-                        transition: "background-color 0.2s"
-                      },
-                      onMouseEnter: (n) => {
-                        n.currentTarget.style.backgroundColor = "#4b5563";
-                      },
-                      onMouseLeave: (n) => {
-                        n.currentTarget.style.backgroundColor = "#6b7280";
-                      },
-                      children: "Reload Page"
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    "button",
-                    {
-                      onClick: r,
-                      style: {
-                        padding: "0.75rem 1.5rem",
-                        backgroundColor: "white",
-                        color: "#374151",
-                        border: "1px solid #d1d5db",
-                        borderRadius: "8px",
-                        fontSize: "1rem",
-                        fontWeight: "500",
-                        cursor: "pointer",
-                        transition: "all 0.2s"
-                      },
-                      onMouseEnter: (n) => {
-                        n.currentTarget.style.backgroundColor = "#f9fafb", n.currentTarget.style.borderColor = "#9ca3af";
-                      },
-                      onMouseLeave: (n) => {
-                        n.currentTarget.style.backgroundColor = "white", n.currentTarget.style.borderColor = "#d1d5db";
-                      },
-                      children: "Go Home"
-                    }
-                  )
-                ]
-              }
-            ),
-            (e == null ? void 0 : e.stack) && /* @__PURE__ */ p(
-              "details",
-              {
-                style: {
-                  marginTop: "2rem",
-                  textAlign: "left"
-                },
-                children: [
-                  /* @__PURE__ */ t(
-                    "summary",
-                    {
-                      style: {
-                        cursor: "pointer",
-                        fontSize: "0.875rem",
-                        color: "#6b7280",
-                        fontWeight: "500"
-                      },
-                      children: "Stack Trace"
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    "pre",
-                    {
-                      style: {
-                        marginTop: "1rem",
-                        padding: "1rem",
-                        backgroundColor: "#1f2937",
-                        color: "#f3f4f6",
-                        borderRadius: "8px",
-                        fontSize: "0.75rem",
-                        overflow: "auto",
-                        maxHeight: "300px"
-                      },
-                      children: e.stack
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-function T(e, o) {
-  return o && e.startsWith(o) ? e.slice(o.length) || "/" : e || "/";
-}
-function $(e) {
-  return e ? e.startsWith("?") ? e.slice(1) : e : "";
-}
-function J(e) {
-  return e ? e.startsWith("#") ? e : `#${e}` : "";
-}
-const K = N(null), ee = ({
-  routes: e,
-  fallback: o,
-  loading: r,
-  basename: i = "",
-  initialPath: n = "/",
-  initialSearch: a = "",
-  initialHash: f = "",
-  errorBoundary: m,
-  onError: y
-}) => {
-  const [k, C] = w(() => T(n, i)), [W, v] = w(() => new URLSearchParams($(a))), [L, z] = w(() => J(f)), { route: h, params: B } = x(e, k), R = F.useRef(h);
-  R.current = h;
-  const g = b(async (s, d = {}) => {
-    const u = R.current, { route: c } = x(e, s);
-    if (u != null && u.beforeLeave && c) {
-      const l = await u.beforeLeave(c, u);
-      if (l === !1)
-        return;
-      if (typeof l == "string")
-        return g(l, d);
-    }
-    if (c != null && c.beforeEnter) {
-      const l = await c.beforeEnter(c, u);
-      if (l === !1)
-        return;
-      typeof l == "string" && (s = l);
-    }
-    const P = i + s;
-    typeof window < "u" && (d.replace ? window.history.replaceState(d.state || {}, "", P) : window.history.pushState(d.state || {}, "", P), v(new URLSearchParams(window.location.search))), C(s);
-  }, [i, e]), M = b(() => {
-    typeof window < "u" && window.history.back();
-  }, []), j = b((s) => {
-    g(s, { replace: !0 });
-  }, [g]);
-  U(() => {
-    if (typeof window > "u") return;
-    const s = () => {
-      C(T(window.location.pathname, i)), v(new URLSearchParams(window.location.search)), z(window.location.hash || "");
-    };
-    return s(), window.addEventListener("popstate", s), () => window.removeEventListener("popstate", s);
-  }, [i]);
-  const H = {
-    currentPath: k,
-    basename: i,
-    navigate: g,
-    goBack: M,
-    replace: j,
-    params: B,
-    query: W,
-    hash: L
-  }, S = () => {
-    if (!h)
-      return o ? /* @__PURE__ */ t(o, {}) : /* @__PURE__ */ t("div", { children: "404 - Page Not Found" });
-    const s = h.component, d = /* @__PURE__ */ t(K.Provider, { value: h, children: /* @__PURE__ */ t(s, {}) });
-    return /* @__PURE__ */ t(
-      Q,
-      {
-        fallback: m || /* @__PURE__ */ t(V, {}),
-        onError: y,
-        children: d
-      }
-    );
-  };
-  return /* @__PURE__ */ t(q.Provider, { value: H, children: r ? /* @__PURE__ */ t(G, { fallback: r, children: S() }) : S() });
-};
-export {
-  ee as R
-};