zudoku 0.45.0 → 0.46.0

package/lib/{AuthenticationPlugin-UNaAuxNo.js → SignUp-CWaiH0tY.js}

@@ -1,23 +1,22 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { LogOutIcon as m } from "lucide-react";
 import { useEffect as i } from "react";
-import { b as x, L as h, a as g } from "./chunk-BAXFHI7N-C9WnHsLV.js";
-import { B as r } from "./Button-Bdk_Ij3U.js";
-import { C as a, a as c, b as l, c as u, d } from "./Card-BlCYNw5W.js";
-import { e as s } from "./hook-BwOB_iZo.js";
-import { B as o, L as j } from "./index-CT2PstvH.js";
-const p = () => {
-  const t = s(), [n] = x();
+import { b as m, L as x, a as h } from "./chunk-BAXFHI7N-C9WnHsLV.js";
+import { B as r } from "./Button-BE9IVkWV.js";
+import { C as o, a as c, b as l, c as d, d as u } from "./Card-DPhGbYUM.js";
+import { e as s } from "./hook-DawSLaZr.js";
+import { Button as a, Link as g } from "./zudoku.components.js";
+const S = () => {
+  const t = s(), [n] = m();
   return i(() => {
     t.authentication?.signIn({
       redirectTo: n.get("redirect") ?? void 0
     });
-  }, [t.authentication, n]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(a, { className: "max-w-md w-full", children: [
+  }, [t.authentication, n]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(o, { className: "max-w-md w-full", children: [
     /* @__PURE__ */ e.jsxs(c, { children: [
       /* @__PURE__ */ e.jsx(l, { className: "text-lg", children: "Sign in" }),
-      /* @__PURE__ */ e.jsx(u, { children: "You're being redirected to our secure login provider to complete your sign-in process." })
+      /* @__PURE__ */ e.jsx(d, { children: "You're being redirected to our secure login provider to complete your sign-in process." })
     ] }),
-    /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 justify-center", children: [
+    /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 justify-center", children: [
       /* @__PURE__ */ e.jsx(
         r,
         {
@@ -26,65 +25,39 @@ const p = () => {
           children: "Login"
         }
       ),
-      /* @__PURE__ */ e.jsx(r, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(h, { to: "/", children: "Go home" }) })
+      /* @__PURE__ */ e.jsx(r, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(x, { to: "/", children: "Go home" }) })
     ] }) })
   ] }) });
-}, f = () => {
-  const t = s(), n = g();
+}, y = () => {
+  const t = s(), n = h();
   return i(() => {
     t.authentication?.signOut().then(() => n("/"));
   }, []), null;
-}, v = () => {
+}, b = () => {
   const t = s();
   return i(() => {
     t.authentication?.signUp() ?? t.authentication?.signIn();
-  }, [t.authentication]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(a, { className: "max-w-md w-full", children: [
+  }, [t.authentication]), /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center mt-8", children: /* @__PURE__ */ e.jsxs(o, { className: "max-w-md w-full", children: [
     /* @__PURE__ */ e.jsxs(c, { children: [
       /* @__PURE__ */ e.jsx(l, { className: "text-lg", children: "Sign up" }),
-      /* @__PURE__ */ e.jsx(u, { children: "You're being redirected to our secure login provider to complete your sign up process." })
+      /* @__PURE__ */ e.jsx(d, { children: "You're being redirected to our secure login provider to complete your sign up process." })
     ] }),
-    /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 justify-center", children: [
+    /* @__PURE__ */ e.jsx(u, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 justify-center", children: [
       /* @__PURE__ */ e.jsx(
-        o,
+        a,
         {
           onClick: () => t.authentication?.signIn(),
           variant: "default",
           children: "Register"
         }
       ),
-      /* @__PURE__ */ e.jsx(o, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(j, { to: "/", children: "Go home" }) })
+      /* @__PURE__ */ e.jsx(a, { variant: "link", className: "text-muted-foreground", asChild: !0, children: /* @__PURE__ */ e.jsx(g, { to: "/", children: "Go home" }) })
     ] }) })
   ] }) });
 };
-class w {
-  getRoutes() {
-    return [
-      {
-        path: "/signout",
-        element: /* @__PURE__ */ e.jsx(f, {})
-      },
-      {
-        path: "/signin",
-        element: /* @__PURE__ */ e.jsx(p, {})
-      },
-      {
-        path: "/signup",
-        element: /* @__PURE__ */ e.jsx(v, {})
-      }
-    ];
-  }
-  getProfileMenuItems() {
-    return [
-      {
-        label: "Logout",
-        path: "/signout",
-        category: "bottom",
-        icon: m
-      }
-    ];
-  }
-}
 export {
-  w as A
+  y as S,
+  S as a,
+  b
 };
-//# sourceMappingURL=AuthenticationPlugin-UNaAuxNo.js.map
+//# sourceMappingURL=SignUp-CWaiH0tY.js.map

package/lib/SignUp-CWaiH0tY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp-CWaiH0tY.js","sources":["../src/lib/authentication/components/SignIn.tsx","../src/lib/authentication/components/SignOut.tsx","../src/lib/authentication/components/SignUp.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Link, useSearchParams } from \"react-router\";\nimport { Button } from \"zudoku/ui/Button.js\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"zudoku/ui/Card.js\";\nimport { useZudoku } from \"../../components/context/ZudokuContext.js\";\n\nexport const SignIn = () => {\n  const context = useZudoku();\n  const [search] = useSearchParams();\n  useEffect(() => {\n    void context.authentication?.signIn({\n      redirectTo: search.get(\"redirect\") ?? undefined,\n    });\n  }, [context.authentication, search]);\n\n  return (\n    <div className=\"flex items-center justify-center mt-8\">\n      <Card className=\"max-w-md w-full\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">Sign in</CardTitle>\n          <CardDescription>\n            You're being redirected to our secure login provider to complete\n            your sign-in process.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex flex-col gap-2 justify-center\">\n            <Button\n              onClick={() => context.authentication?.signIn()}\n              variant=\"default\"\n            >\n              Login\n            </Button>\n            <Button variant=\"link\" className=\"text-muted-foreground\" asChild>\n              <Link to=\"/\">Go home</Link>\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n","import { useEffect } from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useZudoku } from \"../../components/context/ZudokuContext.js\";\n\nexport const SignOut = () => {\n  const context = useZudoku();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    void context.authentication?.signOut().then(() => navigate(\"/\"));\n  }, []);\n\n  return null;\n};\n","import { useEffect } from \"react\";\nimport { Button, Link } from \"zudoku/components\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"zudoku/ui/Card.js\";\nimport { useZudoku } from \"../../components/context/ZudokuContext.js\";\n\nexport const SignUp = () => {\n  const context = useZudoku();\n\n  useEffect(() => {\n    void (context.authentication?.signUp() ?? context.authentication?.signIn());\n  }, [context.authentication]);\n\n  return (\n    <div className=\"flex items-center justify-center mt-8\">\n      <Card className=\"max-w-md w-full\">\n        <CardHeader>\n          <CardTitle className=\"text-lg\">Sign up</CardTitle>\n          <CardDescription>\n            You're being redirected to our secure login provider to complete\n            your sign up process.\n          </CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex flex-col gap-2 justify-center\">\n            <Button\n              onClick={() => context.authentication?.signIn()}\n              variant=\"default\"\n            >\n              Register\n            </Button>\n            <Button variant=\"link\" className=\"text-muted-foreground\" asChild>\n              <Link to=\"/\">Go home</Link>\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n};\n"],"names":["SignIn","context","useZudoku","search","useSearchParams","useEffect","jsxs","Card","CardHeader","jsx","CardTitle","CardDescription","CardContent","Button","Link","SignOut","navigate","useNavigate","SignUp"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,MAAM;AAC1B,QAAMC,IAAUC,EAAU,GACpB,CAACC,CAAM,IAAIC,EAAgB;AACjC,SAAAC,EAAU,MAAM;AACT,IAAAJ,EAAQ,gBAAgB,OAAO;AAAA,MAClC,YAAYE,EAAO,IAAI,UAAU,KAAK;AAAA,IAAA,CACvC;AAAA,EACA,GAAA,CAACF,EAAQ,gBAAgBE,CAAM,CAAC,yBAGhC,OAAI,EAAA,WAAU,yCACb,UAACG,gBAAAA,EAAA,KAAAC,GAAA,EAAK,WAAU,mBACd,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GACC,EAAA,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,WAAU,WAAU,UAAO,WAAA;AAAA,MACtCD,gBAAAA,EAAAA,IAACE,KAAgB,UAGjB,yFAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACCF,gBAAAA,MAAAG,GAAA,EACC,UAACN,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,MAAAG,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAAS,MAAMZ,EAAQ,gBAAgB,OAAO;AAAA,UAC9C,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACCQ,gBAAAA,EAAA,IAAAI,GAAA,EAAO,SAAQ,QAAO,WAAU,yBAAwB,SAAO,IAC9D,UAACJ,gBAAAA,EAAAA,IAAAK,GAAA,EAAK,IAAG,KAAI,qBAAO,EACtB,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ,GC3CaC,IAAU,MAAM;AAC3B,QAAMd,IAAUC,EAAU,GACpBc,IAAWC,EAAY;AAE7B,SAAAZ,EAAU,MAAM;AACT,IAAAJ,EAAQ,gBAAgB,QAAQ,EAAE,KAAK,MAAMe,EAAS,GAAG,CAAC;AAAA,EACjE,GAAG,EAAE,GAEE;AACT,GCFaE,IAAS,MAAM;AAC1B,QAAMjB,IAAUC,EAAU;AAE1B,SAAAG,EAAU,MAAM;AACd,IAAMJ,EAAQ,gBAAgB,OAAA,KAAYA,EAAQ,gBAAgB;EAAO,GACxE,CAACA,EAAQ,cAAc,CAAC,yBAGxB,OAAI,EAAA,WAAU,yCACb,UAACK,gBAAAA,EAAA,KAAAC,GAAA,EAAK,WAAU,mBACd,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GACC,EAAA,UAAA;AAAA,MAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,WAAU,WAAU,UAAO,WAAA;AAAA,MACtCD,gBAAAA,EAAAA,IAACE,KAAgB,UAGjB,yFAAA,CAAA;AAAA,IAAA,GACF;AAAA,IACCF,gBAAAA,MAAAG,GAAA,EACC,UAACN,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,sCACb,UAAA;AAAA,MAAAG,gBAAAA,EAAA;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,SAAS,MAAMZ,EAAQ,gBAAgB,OAAO;AAAA,UAC9C,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACCQ,gBAAAA,EAAA,IAAAI,GAAA,EAAO,SAAQ,QAAO,WAAU,yBAAwB,SAAO,IAC9D,UAACJ,gBAAAA,EAAAA,IAAAK,GAAA,EAAK,IAAG,KAAI,qBAAO,EACtB,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/lib/Slot-Bo6K4tnb.js

@@ -0,0 +1,160 @@
+import { j as t } from "./jsx-runtime-C5mzlN2N.js";
+import { c as N, L as M, e as P, i as C } from "./chunk-BAXFHI7N-C9WnHsLV.js";
+import { UnlinkIcon as H } from "lucide-react";
+import { C as O } from "./CategoryHeading-Cu2RwgjC.js";
+import { Callout as I } from "./ui/Callout.js";
+import { M as T, H as v, P as E } from "./Markdown-BRAyzyUJ.js";
+import { memo as b, createContext as D, useMemo as L, Fragment as Z, use as _, useRef as F } from "react";
+import { e as U, p as z, q as A } from "./hook-DawSLaZr.js";
+import { h as B } from "./SyntaxHighlight-DedRjJNr.js";
+import { i as G, Z as j } from "./invariant-DAFpPywt.js";
+import { CodeBlock as J } from "./ui/CodeBlock.js";
+import { c as V } from "./cn-wvCW-ho6.js";
+import { u as Y } from "./useExposedProps-DG8J6ewJ.js";
+const y = ({
+  children: e,
+  className: n
+}) => {
+  if (process.env.NODE_ENV === "development")
+    return /* @__PURE__ */ t.jsx(I, { type: "caution", title: "Developer hint", className: n, children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+      typeof e == "string" ? /* @__PURE__ */ t.jsx(T, { content: e }) : /* @__PURE__ */ t.jsx("div", { children: e }),
+      /* @__PURE__ */ t.jsx("small", { className: "italic", children: "Note: This hint is only shown in development mode." })
+    ] }) });
+}, K = () => {
+  const e = N();
+  return /* @__PURE__ */ t.jsxs("div", { className: E + " h-full pt-(--padding-content-top)", children: [
+    /* @__PURE__ */ t.jsx(O, { children: "404" }),
+    /* @__PURE__ */ t.jsxs(v, { level: 1, className: "flex gap-3.5 items-center", children: [
+      "Page not found",
+      /* @__PURE__ */ t.jsx(H, { size: 24 })
+    ] }),
+    /* @__PURE__ */ t.jsxs(y, { children: [
+      "Start by adding a file at",
+      " ",
+      /* @__PURE__ */ t.jsxs("code", { children: [
+        "{PROJECT_ROOT}",
+        "/",
+        e["*"],
+        ".mdx"
+      ] }),
+      " ",
+      "and add some content to make this error go away."
+    ] }),
+    /* @__PURE__ */ t.jsx("p", { children: "It seems that the page you are looking for does not exist or may have been moved. Please check the URL for any typos or use the navigation menu to find the correct page." }),
+    /* @__PURE__ */ t.jsx(M, { to: "/", children: "Go back home" })
+  ] });
+}, w = b(
+  ({ code: e, children: n, ...o }) => {
+    const { syntaxHighlighting: s } = U().options;
+    G(s?.highlighter, "Highlighter not found");
+    const c = B(
+      s.highlighter,
+      e ?? n,
+      o.language,
+      s.themes
+    );
+    return /* @__PURE__ */ t.jsx(J, { ...o, children: c });
+  }
+);
+w.displayName = "SyntaxHighlight";
+function Q({ error: e }) {
+  const n = e instanceof Error ? e.message : "Something went wrong", o = e instanceof j ? e.developerHint : void 0, s = e instanceof j ? e.title : "Something went wrong", c = e instanceof Error ? e.stack : void 0, i = e instanceof Error ? e.cause : void 0, r = i instanceof Error ? String(i.stack) : c;
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: V(
+        E,
+        "grid grid-cols-1 !max-w-none pt-(--padding-content-top)"
+      ),
+      children: [
+        /* @__PURE__ */ t.jsx(v, { level: 1, children: s }),
+        "Error: ",
+        n,
+        o && /* @__PURE__ */ t.jsx(y, { className: "mb-4", children: o }),
+        r && /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          w,
+          {
+            className: "max-h-[400px] border mt-2",
+            language: "js",
+            code: r
+          }
+        ) })
+      ]
+    }
+  );
+}
+function pe() {
+  const e = P();
+  return C(e) && e.status === 404 ? /* @__PURE__ */ t.jsx(K, {}) : /* @__PURE__ */ t.jsx(Q, { error: e });
+}
+const R = ({
+  slots: e = {}
+} = {}) => {
+  const n = new Map(
+    Object.entries(e).map(([s, c]) => [
+      s,
+      [{ id: s, content: c, type: "replace", sequence: 0 }]
+    ])
+  ), o = [];
+  return z()((s, c) => ({
+    items: n,
+    sequences: /* @__PURE__ */ new Map(),
+    getItems: (i) => c().items.get(i) ?? o,
+    setSlot: (i, r, d, a) => s((l) => {
+      if (d == null) return l;
+      const m = new Map(l.items), u = new Map(l.sequences), f = (m.get(r) ?? []).filter((g) => g.id !== i), p = (u.get(r) ?? 0) + 1;
+      u.set(r, p);
+      const x = {
+        id: i,
+        content: d,
+        type: a,
+        // Use negative sequence values for "prepend" to ensure they are sorted before positive values for "append".
+        sequence: a === "prepend" ? -p : p
+      };
+      if (a === "replace") {
+        const g = f.filter(
+          (q) => q.type !== "replace"
+        );
+        m.set(r, [...g, x]);
+      } else
+        m.set(r, [...f, x]);
+      return { items: m, sequences: u };
+    }),
+    clearSlot: (i, r) => s((d) => {
+      const a = new Map(d.items), l = new Map(d.sequences), u = (a.get(r) ?? []).filter((h) => h.id !== i);
+      return u.length === 0 ? (a.delete(r), l.delete(r)) : a.set(r, u), { items: a, sequences: l };
+    })
+  }));
+}, k = D(R()), ge = ({
+  children: e,
+  slots: n
+}) => {
+  const o = F(R({ slots: n })).current;
+  return /* @__PURE__ */ t.jsx(k, { value: o, children: e });
+};
+function W(e) {
+  const n = _(k);
+  return A(n, e);
+}
+const S = ["prepend", "replace", "append"], X = (e) => {
+  const n = Y(), o = W((s) => s.getItems(e));
+  return L(() => o.length === 0 ? [] : o.toSorted((s, c) => {
+    const i = S.indexOf(s.type) - S.indexOf(c.type);
+    return i !== 0 ? i : s.sequence - c.sequence;
+  }).map(
+    (s) => typeof s.content == "function" ? /* @__PURE__ */ t.jsx(s.content, { ...n }, s.id) : /* @__PURE__ */ t.jsx(Z, { children: s.content }, s.id)
+  ), [o, n]);
+}, he = {
+  Target: ({ name: e, fallback: n }) => {
+    const o = X(e);
+    return o.length === 0 ? n : o;
+  }
+};
+export {
+  y as D,
+  Q as E,
+  pe as R,
+  he as S,
+  ge as a
+};
+//# sourceMappingURL=Slot-Bo6K4tnb.js.map

package/lib/Slot-Bo6K4tnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot-Bo6K4tnb.js","sources":["../src/lib/components/DeveloperHint.tsx","../src/lib/components/NotFoundPage.tsx","../src/lib/ui/SyntaxHighlight.tsx","../src/lib/errors/ErrorAlert.tsx","../src/lib/errors/RouterError.tsx","../src/lib/components/context/SlotProvider.tsx","../src/lib/components/Slot.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Callout } from \"../ui/Callout.js\";\nimport { Markdown } from \"./Markdown.js\";\n\nexport const DeveloperHint = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  if (process.env.NODE_ENV !== \"development\") return;\n\n  return (\n    <Callout type=\"caution\" title=\"Developer hint\" className={className}>\n      <div className=\"flex flex-col gap-2\">\n        {typeof children === \"string\" ? (\n          <Markdown content={children} />\n        ) : (\n          <div>{children}</div>\n        )}\n        <small className=\"italic\">\n          Note: This hint is only shown in development mode.\n        </small>\n      </div>\n    </Callout>\n  );\n};\n","import { UnlinkIcon } from \"lucide-react\";\nimport { Link, useParams } from \"react-router\";\nimport { CategoryHeading } from \"./CategoryHeading.js\";\nimport { DeveloperHint } from \"./DeveloperHint.js\";\nimport { Heading } from \"./Heading.js\";\nimport { ProseClasses } from \"./Markdown.js\";\n\nexport const NotFoundPage = () => {\n  const params = useParams();\n\n  return (\n    <div className={ProseClasses + \" h-full pt-(--padding-content-top)\"}>\n      <CategoryHeading>404</CategoryHeading>\n      <Heading level={1} className=\"flex gap-3.5 items-center\">\n        Page not found\n        <UnlinkIcon size={24} />\n      </Heading>\n      <DeveloperHint>\n        Start by adding a file at{\" \"}\n        <code>\n          {\"{PROJECT_ROOT}\"}/{params[\"*\"]}.mdx\n        </code>{\" \"}\n        and add some content to make this error go away.\n      </DeveloperHint>\n      <p>\n        It seems that the page you are looking for does not exist or may have\n        been moved. Please check the URL for any typos or use the navigation\n        menu to find the correct page.\n      </p>\n      <Link to=\"/\">Go back home</Link>\n    </div>\n  );\n};\n","import { memo } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport { highlight } from \"../shiki.js\";\nimport invariant from \"../util/invariant.js\";\nimport { CodeBlock, type CodeBlockProps } from \"./CodeBlock.js\";\n\ntype SyntaxHighlightProps = CodeBlockProps &\n  ({ code: string; children?: never } | { code?: never; children: string });\n\nexport const SyntaxHighlight = memo(\n  ({ code, children, ...props }: SyntaxHighlightProps) => {\n    const { syntaxHighlighting } = useZudoku().options;\n\n    invariant(syntaxHighlighting?.highlighter, \"Highlighter not found\");\n\n    const highlightedCode = highlight(\n      syntaxHighlighting.highlighter,\n      code ?? children,\n      props.language,\n      syntaxHighlighting.themes,\n    );\n\n    return <CodeBlock {...props}>{highlightedCode}</CodeBlock>;\n  },\n);\n\nSyntaxHighlight.displayName = \"SyntaxHighlight\";\n","// eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { SyntaxHighlight } from \"zudoku/ui/SyntaxHighlight.js\";\nimport { DeveloperHint } from \"../components/DeveloperHint.js\";\nimport { Heading } from \"../components/Heading.js\";\nimport { ProseClasses } from \"../components/Markdown.js\";\nimport { cn } from \"../util/cn.js\";\nimport { ZudokuError } from \"../util/invariant.js\";\n\nexport function ErrorAlert({ error }: { error: unknown }) {\n  const message =\n    error instanceof Error ? error.message : \"Something went wrong\";\n\n  const hint = error instanceof ZudokuError ? error.developerHint : undefined;\n  const title =\n    error instanceof ZudokuError ? error.title : \"Something went wrong\";\n  const stack = error instanceof Error ? error.stack : undefined;\n  const cause = error instanceof Error ? error.cause : undefined;\n\n  const stringError = cause instanceof Error ? String(cause.stack) : stack;\n\n  return (\n    <div\n      className={cn(\n        ProseClasses,\n        \"grid grid-cols-1 !max-w-none pt-(--padding-content-top)\",\n      )}\n    >\n      <Heading level={1}>{title}</Heading>\n      Error: {message}\n      {hint && <DeveloperHint className=\"mb-4\">{hint}</DeveloperHint>}\n      {stringError && (\n        <div>\n          <SyntaxHighlight\n            className=\"max-h-[400px] border mt-2\"\n            language=\"js\"\n            code={stringError}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n","import { isRouteErrorResponse, useRouteError } from \"react-router\";\nimport { NotFoundPage } from \"../components/NotFoundPage.js\";\nimport { ErrorAlert } from \"./ErrorAlert.js\";\n\nexport function RouterError() {\n  const error = useRouteError();\n\n  if (isRouteErrorResponse(error) && error.status === 404) {\n    return <NotFoundPage />;\n  }\n\n  return <ErrorAlert error={error} />;\n}\n","import {\n  createContext,\n  Fragment,\n  use,\n  useMemo,\n  useRef,\n  type ComponentType,\n  type PropsWithChildren,\n  type ReactNode,\n} from \"react\";\nimport { createStore, useStore } from \"zustand\";\nimport {\n  useExposedProps,\n  type ExposedComponentProps,\n} from \"../../util/useExposedProps.js\";\n\nexport type SlotType = ReactNode | ComponentType<ExposedComponentProps>;\n\ntype SlotItem = {\n  id: string;\n  content: SlotType;\n  type: \"prepend\" | \"replace\" | \"append\";\n  sequence: number;\n};\n\ntype SlotStoreState = {\n  items: Map<string, SlotItem[]>;\n  // to guarantee the order of the items when appending/prepending\n  sequences: Map<string, number>;\n  getItems: (name: string) => SlotItem[];\n  setSlot: (\n    id: string,\n    name: string,\n    content: SlotType,\n    type: \"prepend\" | \"replace\" | \"append\",\n  ) => void;\n  clearSlot: (id: string, name: string) => void;\n};\n\nexport type SlotStore = ReturnType<typeof createSlotStore>;\n\nconst createSlotStore = ({\n  slots = {},\n}: {\n  slots?: Record<string, SlotType>;\n} = {}) => {\n  const initialItems = new Map(\n    Object.entries(slots).map(([id, content]) => [\n      id,\n      [{ id, content, type: \"replace\", sequence: 0 } satisfies SlotItem],\n    ]),\n  );\n  const EMPTY_ITEMS: SlotItem[] = [];\n\n  return createStore<SlotStoreState>()((set, get) => ({\n    items: initialItems,\n    sequences: new Map(),\n    getItems: (name) => get().items.get(name) ?? EMPTY_ITEMS,\n    setSlot: (id, name, content, type) =>\n      set((state) => {\n        if (content == null) return state;\n\n        const items = new Map(state.items);\n        const sequences = new Map(state.sequences);\n        const existing = items.get(name) ?? [];\n        const filtered = existing.filter((item) => item.id !== id);\n\n        const currentSequence = sequences.get(name) ?? 0;\n        const newSequence = currentSequence + 1;\n        sequences.set(name, newSequence);\n\n        const newItem = {\n          id,\n          content,\n          type,\n          // Use negative sequence values for \"prepend\" to ensure they are sorted before positive values for \"append\".\n          sequence: type === \"prepend\" ? -newSequence : newSequence,\n        } satisfies SlotItem;\n\n        if (type === \"replace\") {\n          const nonReplaceItems = filtered.filter(\n            (item) => item.type !== \"replace\",\n          );\n          items.set(name, [...nonReplaceItems, newItem]);\n        } else {\n          items.set(name, [...filtered, newItem]);\n        }\n\n        return { items, sequences };\n      }),\n    clearSlot: (id, name) =>\n      set((state) => {\n        const items = new Map(state.items);\n        const sequences = new Map(state.sequences);\n        const existing = items.get(name) ?? [];\n        const filtered = existing.filter((item) => item.id !== id);\n\n        if (filtered.length === 0) {\n          items.delete(name);\n          sequences.delete(name);\n        } else {\n          items.set(name, filtered);\n        }\n        return { items, sequences };\n      }),\n  }));\n};\n\nconst SlotContext = createContext(createSlotStore());\n\nexport const SlotProvider = ({\n  children,\n  slots,\n}: PropsWithChildren<{\n  slots?: Record<string, SlotType>;\n}>) => {\n  const store = useRef<SlotStore>(createSlotStore({ slots })).current;\n  return <SlotContext value={store}>{children}</SlotContext>;\n};\n\nexport function useSlotContext<T>(selector: (state: SlotStoreState) => T): T {\n  const store = use(SlotContext);\n  return useStore(store, selector);\n}\n\nconst ORDER = [\"prepend\", \"replace\", \"append\"] as const;\n\nexport const useRenderSlot = (name: string) => {\n  const exposedProps = useExposedProps();\n  const items = useSlotContext((s) => s.getItems(name));\n\n  return useMemo(() => {\n    if (items.length === 0) return [];\n\n    return items\n      .toSorted((a, b) => {\n        const typeOrder = ORDER.indexOf(a.type) - ORDER.indexOf(b.type);\n        if (typeOrder !== 0) return typeOrder;\n        return a.sequence - b.sequence;\n      })\n      .map((item) =>\n        typeof item.content === \"function\" ? (\n          <item.content key={item.id} {...exposedProps} />\n        ) : (\n          <Fragment key={item.id}>{item.content}</Fragment>\n        ),\n      );\n  }, [items, exposedProps]);\n};\n","import { useId, useLayoutEffect, type ReactNode } from \"react\";\nimport {\n  useRenderSlot,\n  useSlotContext,\n  type SlotType,\n} from \"./context/SlotProvider.js\";\n\n// This is to augment the type of the Slot component with custom slot names\n// This is useful for plugins to add custom slots to the Zudoku context\n// and for the user to use them in their own components\nexport type CustomSlotNames = never;\n\ntype PredefinedSlotNames =\n  | \"api-keys-list-page\"\n  | \"api-keys-list-page-before-keys\"\n  | \"footer-after\"\n  | \"footer-before\"\n  | \"head-navigation-end\"\n  | \"head-navigation-start\"\n  | \"layout-after-head\"\n  | \"layout-before-head\"\n  | \"top-navigation-after\"\n  | \"top-navigation-before\"\n  | \"top-navigation-side\"\n  | \"content-before\"\n  | \"content-after\"\n  | \"navigation-after\"\n  | \"navigation-before\";\n\nexport type SlotName = PredefinedSlotNames | CustomSlotNames;\n\nexport const Slot = {\n  Source: ({\n    name,\n    children,\n    type = \"replace\",\n  }: {\n    name: SlotName;\n    type?: \"prepend\" | \"replace\" | \"append\";\n    children: SlotType;\n  }) => {\n    const id = useId();\n    const setSlot = useSlotContext((s) => s.setSlot);\n    const clearSlot = useSlotContext((s) => s.clearSlot);\n\n    if (import.meta.env.SSR) {\n      setSlot(id, name, children, type);\n    }\n\n    useLayoutEffect(() => {\n      setSlot(id, name, children, type);\n      return () => clearSlot(id, name);\n    }, [id, name, children, type, setSlot, clearSlot]);\n\n    return null;\n  },\n\n  Target: ({ name, fallback }: { name: string; fallback?: ReactNode }) => {\n    const slot = useRenderSlot(name);\n\n    if (slot.length === 0) return fallback;\n    return slot;\n  },\n};\n"],"names":["DeveloperHint","children","className","jsx","Callout","jsxs","Markdown","NotFoundPage","params","useParams","ProseClasses","CategoryHeading","Heading","UnlinkIcon","Link","SyntaxHighlight","memo","code","props","syntaxHighlighting","useZudoku","invariant","highlightedCode","highlight","CodeBlock","ErrorAlert","error","message","hint","ZudokuError","title","stack","cause","stringError","cn","RouterError","useRouteError","isRouteErrorResponse","createSlotStore","slots","initialItems","id","content","EMPTY_ITEMS","createStore","set","get","name","type","state","items","sequences","filtered","item","newSequence","newItem","nonReplaceItems","SlotContext","createContext","SlotProvider","store","useRef","useSlotContext","selector","use","useStore","ORDER","useRenderSlot","exposedProps","useExposedProps","useMemo","a","b","typeOrder","Fragment","Slot","fallback","slot"],"mappings":"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"}