fiboui 1.0.2 → 2.1.0

package/dist/Router-i6Nc6qVs.js

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