zudoku 0.3.0-dev.9 → 0.3.0-dev.90

package/dist/lib/components/Layout.js

@@ -1,18 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Helmet } from "@zudoku/react-helmet-async";
 import { Suspense, useEffect, useRef } from "react";
 import { Outlet, useLocation } from "react-router-dom";
-import { Helmet } from "../core/helmet.js";
+import { cn } from "../util/cn.js";
 import { useScrollToAnchor } from "../util/useScrollToAnchor.js";
 import { useScrollToTop } from "../util/useScrollToTop.js";
-import { useDevPortal } from "./context/DevPortalProvider.js";
 import { useViewportAnchor } from "./context/ViewportAnchorContext.js";
+import { useZudoku } from "./context/ZudokuContext.js";
 import { Header } from "./Header.js";
-import { SideNavigation } from "./navigation/SideNavigation.js";
+import { Sidebar } from "./navigation/Sidebar.js";
+import { Slotlet } from "./SlotletProvider.js";
 import { Spinner } from "./Spinner.js";
 export const Layout = ({ children }) => {
     const location = useLocation();
     const { setActiveAnchor } = useViewportAnchor();
-    const { meta } = useDevPortal();
+    const { meta } = useZudoku();
     useScrollToAnchor();
     useScrollToTop();
     const previousLocationPath = useRef(location.pathname);
@@ -23,6 +25,6 @@ export const Layout = ({ children }) => {
         }
         previousLocationPath.current = location.pathname;
     }, [location.pathname, setActiveAnchor]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Helmet, { titleTemplate: meta?.pageTitle, children: [_jsx("title", { children: "Home" }), meta?.description && (_jsx("meta", { name: "description", content: meta.description })), meta?.favicon && _jsx("link", { rel: "icon", href: meta.favicon })] }), _jsx(Header, {}), _jsx("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12 h-full", children: _jsxs(Suspense, { fallback: _jsx("div", { className: "grid h-full place-items-center", children: _jsx(Spinner, {}) }), children: [_jsx(SideNavigation, {}), _jsx("main", { className: "dark:border-white/10 translate-x-0 h-full\n          lg:overflow-visible\n          lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]\n          lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] peer-data-[navigation=true]:pl-12", children: children ?? _jsx(Outlet, {}) })] }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Helmet, { titleTemplate: meta?.title, children: [meta?.description && (_jsx("meta", { name: "description", content: meta.description })), meta?.favicon && _jsx("link", { rel: "icon", href: meta.favicon })] }), _jsx(Header, {}), _jsx("div", { className: "max-w-screen-2xl mx-auto pt-[--header-height] px-10 lg:px-12 h-full", children: _jsxs(Suspense, { fallback: _jsx("div", { className: "grid h-full place-items-center", children: _jsx(Spinner, {}) }), children: [_jsx(Sidebar, {}), _jsxs("main", { className: cn("dark:border-white/10 translate-x-0 h-full", "lg:overflow-visible", "lg:peer-data-[navigation=true]:w-[calc(100%-var(--side-nav-width))]", "lg:peer-data-[navigation=true]:translate-x-[--side-nav-width] lg:peer-data-[navigation=true]:pl-12"), children: [_jsx(Slotlet, { name: "zudoku-before-content" }), children ?? _jsx(Outlet, {}), _jsx(Slotlet, { name: "zudoku-after-content" })] })] }) })] }));
 };
 //# sourceMappingURL=Layout.js.map

package/dist/lib/components/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/lib/components/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAEhC,iBAAiB,EAAE,CAAC;IACpB,cAAc,EAAE,CAAC;IAEjB,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,kCAAkC;QAClC,IAAI,QAAQ,CAAC,QAAQ,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACvD,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;QACD,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,8BACE,MAAC,MAAM,IAAC,aAAa,EAAE,IAAI,EAAE,SAAS,aACpC,mCAAmB,EAClB,IAAI,EAAE,WAAW,IAAI,CACpB,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAI,CACvD,EACA,IAAI,EAAE,OAAO,IAAI,eAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,IAClD,EACT,KAAC,MAAM,KAAG,EAEV,cAAK,SAAS,EAAC,qEAAqE,YAClF,MAAC,QAAQ,IACP,QAAQ,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,OAAO,KAAG,GACP,aAGR,KAAC,cAAc,KAAG,EAClB,eACE,SAAS,EAAC,oQAGoF,YAE7F,QAAQ,IAAI,KAAC,MAAM,KAAG,GAClB,IACE,GACP,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/lib/components/Layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAChD,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IAE7B,iBAAiB,EAAE,CAAC;IACpB,cAAc,EAAE,CAAC;IAEjB,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,kCAAkC;QAClC,IAAI,QAAQ,CAAC,QAAQ,KAAK,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACvD,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;QACD,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,8BACE,MAAC,MAAM,IAAC,aAAa,EAAE,IAAI,EAAE,KAAK,aAC/B,IAAI,EAAE,WAAW,IAAI,CACpB,eAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,GAAI,CACvD,EACA,IAAI,EAAE,OAAO,IAAI,eAAM,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,IAClD,EACT,KAAC,MAAM,KAAG,EAEV,cAAK,SAAS,EAAC,qEAAqE,YAClF,MAAC,QAAQ,IACP,QAAQ,EACN,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,OAAO,KAAG,GACP,aAGR,KAAC,OAAO,KAAG,EACX,gBACE,SAAS,EAAE,EAAE,CACX,2CAA2C,EAC3C,qBAAqB,EACrB,qEAAqE,EACrE,oGAAoG,CACrG,aAED,KAAC,OAAO,IAAC,IAAI,EAAC,uBAAuB,GAAG,EACvC,QAAQ,IAAI,KAAC,MAAM,KAAG,EACvB,KAAC,OAAO,IAAC,IAAI,EAAC,sBAAsB,GAAG,IAClC,IACE,GACP,IACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/NotFoundPage.d.ts

@@ -0,0 +1 @@
+export declare const NotFoundPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/NotFoundPage.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { UnlinkIcon } from "lucide-react";
+import { Link, useParams } from "react-router-dom";
+import { CategoryHeading } from "./CategoryHeading.js";
+import { DeveloperHint } from "./DeveloperHint.js";
+import { Heading } from "./Heading.js";
+import { ProseClasses } from "./Markdown.js";
+export const NotFoundPage = () => {
+    const params = useParams();
+    return (_jsxs("div", { className: ProseClasses + " h-full pt-[--padding-content-top]", children: [_jsx(CategoryHeading, { children: "404" }), _jsxs(Heading, { level: 1, className: "flex gap-3.5 items-center", children: ["Page not found", _jsx(UnlinkIcon, { size: 24 })] }), _jsxs(DeveloperHint, { children: ["Start by adding a file at", " ", _jsxs("code", { children: ["{PROJECT_ROOT}", "/", params["*"], ".mdx"] }), " ", "and add some content to make this error go away."] }), _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." }), _jsx(Link, { to: "/", children: "Go back home" })] }));
+};
+//# sourceMappingURL=NotFoundPage.js.map

package/dist/lib/components/NotFoundPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundPage.js","sourceRoot":"","sources":["../../../src/lib/components/NotFoundPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,eAAK,SAAS,EAAE,YAAY,GAAG,oCAAoC,aACjE,KAAC,eAAe,sBAAsB,EACtC,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,+BAEtD,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,IAChB,EACV,MAAC,aAAa,4CACc,GAAG,EAC7B,2BACG,gBAAgB,OAAG,MAAM,CAAC,GAAG,CAAC,YAC1B,EAAC,GAAG,wDAEG,EAChB,oMAII,EACJ,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,6BAAoB,IAC5B,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/SlotletProvider.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export type Slotlets = Record<string, ReactNode>;
+export declare const SlotletProvider: ({ slotlets, children, }: {
+    children: ReactNode;
+    slotlets?: Slotlets;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Slotlet: ({ name }: {
+    name: string;
+}) => React.ReactNode;

package/dist/lib/components/SlotletProvider.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from "react";
+const SlotletContext = React.createContext({});
+export const SlotletProvider = ({ slotlets, children, }) => {
+    return (_jsx(SlotletContext.Provider, { value: slotlets, children: children }));
+};
+export const Slotlet = ({ name }) => {
+    const x = useContext(SlotletContext);
+    return x?.[name];
+};
+//# sourceMappingURL=SlotletProvider.js.map

package/dist/lib/components/SlotletProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotletProvider.js","sourceRoot":"","sources":["../../../src/lib/components/SlotletProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACrC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACpD,MAAM,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAErC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACnB,CAAC,CAAC"}

package/dist/lib/components/SyntaxHighlight.d.ts

@@ -5,6 +5,7 @@ type SyntaxHighlightProps = {
     wrapLines?: boolean;
     copyable?: boolean;
     showLanguageIndicator?: boolean;
-} & Omit<HighlightProps, "children">;
-export declare const SyntaxHighlight: ({ copyable, ...props }: SyntaxHighlightProps) => import("react/jsx-runtime").JSX.Element | null;
+    language?: string;
+} & Omit<HighlightProps, "children" | "language">;
+export declare const SyntaxHighlight: ({ copyable, language, ...props }: SyntaxHighlightProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/lib/components/SyntaxHighlight.js

@@ -1,40 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Highlight, Prism, themes, } from "prism-react-renderer";
 import { CheckIcon, CopyIcon } from "lucide-react";
-if (!import.meta.env.SSR) {
-    globalThis.Prism = Prism;
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-bash.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-ruby.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-markup-templating.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-php.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-json.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-java.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-csharp.min.js");
-    // @ts-expect-error This is untyped
-    import("prismjs/components/prism-objectivec.min.js");
-}
+globalThis.Prism = Prism;
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-bash.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-ruby.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-markup-templating.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-php.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-json.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-java.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-csharp.min.js");
+// @ts-expect-error This is untyped
+import("prismjs/components/prism-objectivec.min.js");
 import { useState } from "react";
 import { cn } from "../util/cn.js";
 import { useTheme } from "./context/ThemeContext.js";
-export const SyntaxHighlight = ({ copyable = true, ...props }) => {
+export const SyntaxHighlight = ({ copyable = true, language = "plain", ...props }) => {
     const [isDark] = useTheme();
     const [isCopied, setIsCopied] = useState(false);
     if (!props.code) {
         return null;
     }
-    return (_jsx(Highlight, { theme: isDark ? themes.vsDark : themes.github, ...props, children: ({ className, style, tokens, getLineProps, getTokenProps }) => (_jsxs("pre", { className: cn("group relative", className, props.className, props.noBackground && "!bg-transparent", props.wrapLines && "whitespace-pre-wrap break-words"), style: style, children: [copyable && (_jsx("button", { type: "button", "aria-label": "Copy code", className: "absolute top-1.5 right-3 p-3 opacity-0 group-hover:opacity-100 transition hover:bg-zinc-500/10 hover:dark:bg-zinc-700/25 rounded-lg text-sm text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-400", disabled: isCopied, onClick: () => {
+    return (_jsx(Highlight, { theme: isDark ? themes.vsDark : themes.github, language: language, ...props, children: ({ className, style, tokens, getLineProps, getTokenProps }) => (_jsxs("div", { className: "relative group", children: [_jsx("pre", { className: cn("relative overflow-x-auto", className, props.className, props.noBackground && "!bg-transparent", props.wrapLines && "whitespace-pre-wrap break-words"), style: style, children: tokens.map((line, i) => (
+                    // eslint-disable-next-line react/no-array-index-key
+                    _jsx("div", { ...getLineProps({ line }), children: line.map((token, key) => (
+                        // eslint-disable-next-line react/no-array-index-key
+                        _jsx("span", { ...getTokenProps({ token }) }, key))) }, i))) }), props.showLanguageIndicator && (_jsx("span", { className: "absolute top-1.5 right-3 text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0", children: language })), copyable && (_jsx("button", { type: "button", "aria-label": "Copy code", title: "Copy code", className: "absolute top-1.5 right-1.5 p-2.5 opacity-0 group-hover:opacity-100 group-hover:bg-zinc-100 group-hover:dark:bg-zinc-700 hover:outline hover:outline-border/75 dark:hover:outline-border rounded-md text-sm text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-400 transition", disabled: isCopied, onClick: () => {
                         setIsCopied(true);
                         void navigator.clipboard.writeText(tokens
                             .map((line) => line.map(({ content }) => content).join(""))
                             .join("\n"));
                         setTimeout(() => setIsCopied(false), 2000);
-                    }, children: isCopied ? (_jsx(CheckIcon, { className: "text-emerald-600", size: 18 })) : (_jsx(CopyIcon, { size: 18 })) })), props.showLanguageIndicator && (_jsx("span", { className: "absolute top-1.5 right-3 text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0", children: props.language })), tokens.map((line, i) => (_jsx("div", { ...getLineProps({ line }), children: line.map((token, key) => (_jsx("span", { ...getTokenProps({ token }) }, key))) }, i)))] })) }));
+                    }, children: isCopied ? (_jsx(CheckIcon, { className: "text-emerald-600", size: 18 })) : (_jsx(CopyIcon, { size: 18 })) }))] })) }));
 };
 //# sourceMappingURL=SyntaxHighlight.js.map

package/dist/lib/components/SyntaxHighlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlight.js","sourceRoot":"","sources":["../../../src/lib/components/SyntaxHighlight.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SyntaxHighlight.js","sourceRoot":"","sources":["../../../src/lib/components/SyntaxHighlight.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,GAEP,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEnD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;AACzB,mCAAmC;AACnC,MAAM,CAAC,sCAAsC,CAAC,CAAC;AAC/C,mCAAmC;AACnC,MAAM,CAAC,sCAAsC,CAAC,CAAC;AAC/C,mCAAmC;AACnC,MAAM,CAAC,+CAA+C,CAAC,CAAC;AACxD,mCAAmC;AACnC,MAAM,CAAC,qCAAqC,CAAC,CAAC;AAC9C,mCAAmC;AACnC,MAAM,CAAC,sCAAsC,CAAC,CAAC;AAC/C,mCAAmC;AACnC,MAAM,CAAC,sCAAsC,CAAC,CAAC;AAC/C,mCAAmC;AACnC,MAAM,CAAC,wCAAwC,CAAC,CAAC;AACjD,mCAAmC;AACnC,MAAM,CAAC,4CAA4C,CAAC,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAWrD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,OAAO,EAClB,GAAG,KAAK,EACa,EAAE,EAAE;IACzB,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC7C,QAAQ,EAAE,QAAQ,KACd,KAAK,YAER,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC9D,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,YAAY,IAAI,iBAAiB,EACvC,KAAK,CAAC,SAAS,IAAI,iCAAiC,CACrD,EACD,KAAK,EAAE,KAAK,YAEX,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;oBACvB,oDAAoD;oBACpD,iBAAiB,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,YACpC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;wBACxB,oDAAoD;wBACpD,kBAAoB,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,IAAjC,GAAG,CAAkC,CACjD,CAAC,IAJM,CAAC,CAKL,CACP,CAAC,GACE,EACL,KAAK,CAAC,qBAAqB,IAAI,CAC9B,eAAM,SAAS,EAAC,uGAAuG,YACpH,QAAQ,GACJ,CACR,EACA,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,gBACF,WAAW,EACtB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,qSAAqS,EAC/S,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;wBACZ,WAAW,CAAC,IAAI,CAAC,CAAC;wBAClB,KAAK,SAAS,CAAC,SAAS,CAAC,SAAS,CAChC,MAAM;6BACH,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;6BAC1D,IAAI,CAAC,IAAI,CAAC,CACd,CAAC;wBACF,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;oBAC7C,CAAC,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,EAAE,GAAI,CACrD,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,CACvB,GACM,CACV,IACG,CACP,GACS,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/TopNavigation.d.ts

@@ -1 +1 @@
-export declare const TopNavigation: () => import("react/jsx-runtime").JSX.Element;
+export declare const TopNavigation: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/TopNavigation.js

@@ -1,11 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cx } from "class-variance-authority";
 import { NavLink } from "react-router-dom";
-import { useDevPortal } from "./context/DevPortalProvider.js";
+import { useZudoku } from "./context/ZudokuContext.js";
 export const TopNavigation = () => {
-    const { navigation } = useDevPortal();
-    return (_jsx("nav", { className: "border-b border-border text-sm px-12 h-[--top-nav-height]", children: _jsx("ul", { className: "flex flex-row items-center gap-8", children: navigation.map((item) => (_jsx("li", { children: _jsx(NavLink, { className: ({ isActive }) => cx("block py-3.5 font-medium -mb-px border-b-2", isActive
+    const { topNavigation } = useZudoku();
+    // Hide top nav if there is only one item
+    if (topNavigation.length <= 1) {
+        return null;
+    }
+    return (_jsx("nav", { className: "border-b text-sm px-12 h-[--top-nav-height]", children: _jsx("ul", { className: "flex flex-row items-center gap-8", children: topNavigation.map((item) => (_jsx("li", { children: _jsx(NavLink, { className: ({ isActive }) => cx("block py-3.5 font-medium -mb-px border-b-2", isActive
                         ? "border-primary text-foreground"
-                        : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"), to: item.path, children: item.label }) }, item.label))) }) }));
+                        : "border-transparent text-foreground/75 hover:text-foreground hover:border-accent-foreground/25"), to: item.id, children: item.label }) }, item.label))) }) }));
 };
 //# sourceMappingURL=TopNavigation.js.map

package/dist/lib/components/TopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IAEtC,OAAO,CACL,cAAK,SAAS,EAAC,2DAA2D,YACxE,aAAI,SAAS,EAAC,kCAAkC,YAC7C,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,uBACE,KAAC,OAAO,IACN,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,EAAE,CACA,4CAA4C,EAC5C,QAAQ;wBACN,CAAC,CAAC,gCAAgC;wBAClC,CAAC,CAAC,+FAA+F,CACpG,EAEH,EAAE,EAAE,IAAI,CAAC,IAAI,YAEZ,IAAI,CAAC,KAAK,GACH,IAbH,IAAI,CAAC,KAAK,CAcd,CACN,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/TopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAEtC,yCAAyC;IACzC,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,aAAI,SAAS,EAAC,kCAAkC,YAC7C,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,uBACE,KAAC,OAAO,IACN,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,EAAE,CACA,4CAA4C,EAC5C,QAAQ;wBACN,CAAC,CAAC,gCAAgC;wBAClC,CAAC,CAAC,+FAA+F,CACpG,EAEH,EAAE,EAAE,IAAI,CAAC,EAAE,YAEV,IAAI,CAAC,KAAK,GACH,IAbH,IAAI,CAAC,KAAK,CAcd,CACN,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/context/ThemeContext.d.ts

@@ -1,5 +1,2 @@
-import { type ReactNode } from "react";
+export declare const ThemeContext: import("react").Context<readonly [boolean, () => void]>;
 export declare const useTheme: () => readonly [boolean, () => void];
-export declare const ThemeProvider: (props: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/context/ThemeContext.js

@@ -1,33 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useCallback, useContext, useEffect, useState, } from "react";
-const ThemeContext = createContext([
+import { createContext, useContext } from "react";
+export const ThemeContext = createContext([
     false,
     () => { },
 ]);
-export const useTheme = () => {
-    const context = useContext(ThemeContext);
-    if (!context) {
-        throw new Error("useTheme must be used within a ThemeProvider");
-    }
-    return context;
-};
-export const ThemeProvider = (props) => {
-    const [dark, setDark] = useState(false);
-    // On mount, read the preferred theme from the persistence
-    useEffect(() => {
-        const theme = localStorage.getItem("theme");
-        const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
-        const isDark = theme === "dark" || (!theme && prefersDark.matches);
-        setDark(isDark);
-    }, [dark]);
-    // To toggle between dark and light modes
-    const toggle = useCallback(() => {
-        const toggled = !dark;
-        document.documentElement.classList.toggle("dark", toggled);
-        localStorage.setItem("theme", toggled ? "dark" : "light");
-        setDark(toggled);
-    }, [dark]);
-    const value = [dark, toggle];
-    return _jsx(ThemeContext.Provider, { value: value, ...props });
-};
+export const useTheme = () => useContext(ThemeContext);
 //# sourceMappingURL=ThemeContext.js.map

package/dist/lib/components/context/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAG,aAAa,CAAiC;IACjE,KAAK;IACL,GAAG,EAAE,GAAE,CAAC;CACT,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,0DAA0D;IAC1D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnE,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,yCAAyC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC;QACtB,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC3D,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1D,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,MAAM,CAAU,CAAC;IAEtC,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;AAC5D,CAAC,CAAC"}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAiC;IACxE,KAAK;IACL,GAAG,EAAE,GAAE,CAAC;CACT,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}

package/dist/lib/components/context/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from "react";
+export declare const ThemeProvider: (props: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/context/ThemeProvider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { ThemeContext } from "./ThemeContext.js";
+export const ThemeProvider = (props) => {
+    const [dark, setDark] = useState(false);
+    // On mount, read the preferred theme from the persistence
+    useEffect(() => {
+        const theme = localStorage.getItem("theme");
+        const prefersDark = window.matchMedia("(prefers-color-scheme: dark)");
+        const isDark = theme === "dark" || (!theme && prefersDark.matches);
+        setDark(isDark);
+    }, [dark]);
+    // To toggle between dark and light modes
+    const toggle = useCallback(() => {
+        const toggled = !dark;
+        document.documentElement.classList.toggle("dark", toggled);
+        localStorage.setItem("theme", toggled ? "dark" : "light");
+        setDark(toggled);
+    }, [dark]);
+    const value = [dark, toggle];
+    return _jsx(ThemeContext.Provider, { value: value, ...props });
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/lib/components/context/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,0DAA0D;IAC1D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACtE,MAAM,MAAM,GAAG,KAAK,KAAK,MAAM,IAAI,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnE,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,yCAAyC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC;QACtB,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAC3D,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1D,OAAO,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,MAAM,CAAU,CAAC;IAEtC,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;AAC5D,CAAC,CAAC"}

package/dist/lib/components/context/ZudokuContext.d.ts

@@ -0,0 +1,15 @@
+import { DevPortalContext } from "../../core/DevPortalContext.js";
+export declare const ZudokuReactContext: import("react").Context<DevPortalContext | undefined>;
+export declare const useZudoku: () => DevPortalContext;
+export declare const useApiIdentities: () => import("@tanstack/react-query").UseQueryResult<import("../../core/DevPortalContext.js").ApiIdentity[], Error>;
+export declare const useTopNavigationItem: () => {
+    id: string;
+    label: string;
+} | undefined;
+export declare const useNavigation: () => import("@tanstack/react-query").UseSuspenseQueryResult<{
+    items: import("../../../config/validators/SidebarSchema.js").SidebarItem[];
+    currentTopNavItem: {
+        id: string;
+        label: string;
+    } | undefined;
+}, Error>;

package/dist/lib/components/context/ZudokuContext.js

@@ -0,0 +1,43 @@
+import { useQuery, useSuspenseQuery } from "@tanstack/react-query";
+import { createContext, useContext } from "react";
+import { useLocation } from "react-router-dom";
+export const ZudokuReactContext = createContext(undefined);
+export const useZudoku = () => {
+    const context = useContext(ZudokuReactContext);
+    if (!context) {
+        throw new Error("useDevPortal must be used within a DevPortalProvider.");
+    }
+    return context;
+};
+export const useApiIdentities = () => {
+    const { getApiIdentities } = useZudoku();
+    return useQuery({
+        queryFn: getApiIdentities,
+        queryKey: ["api-identities"],
+    });
+};
+export const useTopNavigationItem = () => {
+    const { topNavigation } = useZudoku();
+    const location = useLocation();
+    const firstPart = location.pathname.split("/").at(1);
+    if (!firstPart)
+        return;
+    return topNavigation.find((item) => item.id === firstPart);
+};
+export const useNavigation = () => {
+    const { getPluginSidebar, sidebars } = useZudoku();
+    const navItem = useTopNavigationItem();
+    const path = navItem?.id;
+    const currentSidebar = path ? sidebars[path] ?? [] : [];
+    return useSuspenseQuery({
+        queryFn: async () => {
+            const pluginSidebar = path ? await getPluginSidebar(path) : [];
+            return {
+                items: [...currentSidebar, ...pluginSidebar],
+                currentTopNavItem: navItem,
+            };
+        },
+        queryKey: ["navigation", path],
+    });
+};
+//# sourceMappingURL=ZudokuContext.js.map

package/dist/lib/components/context/ZudokuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZudokuContext.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ZudokuContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC7C,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,SAAS,EAAE,CAAC;IACzC,OAAO,QAAQ,CAAC;QACd,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,CAAC,gBAAgB,CAAC;KAC7B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,SAAS,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACrD,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAC;IACnD,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,OAAO,EAAE,EAAE,CAAC;IACzB,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,OAAO,gBAAgB,CAAC;QACtB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAE/D,OAAO;gBACL,KAAK,EAAE,CAAC,GAAG,cAAc,EAAE,GAAG,aAAa,CAAC;gBAC5C,iBAAiB,EAAE,OAAO;aAC3B,CAAC;QACJ,CAAC;QACD,QAAQ,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;KAC/B,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/lib/components/context/ZudokuProvider.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from "react";
+import { DevPortalContext } from "../../core/DevPortalContext.js";
+export declare const ZudokuProvider: ({ children, context, }: PropsWithChildren<{
+    context: DevPortalContext;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/context/ZudokuProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { useNavigate } from "react-router-dom";
+import { ZudokuReactContext } from "./ZudokuContext.js";
+export const ZudokuProvider = ({ children, context, }) => {
+    const navigate = useNavigate();
+    useSuspenseQuery({
+        queryFn: async () => {
+            await context.initialize({ navigate });
+            return true;
+        },
+        queryKey: ["zudoku-initialize"],
+    });
+    return (_jsx(ZudokuReactContext.Provider, { value: context, children: children }));
+};
+//# sourceMappingURL=ZudokuProvider.js.map

package/dist/lib/components/context/ZudokuProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZudokuProvider.js","sourceRoot":"","sources":["../../../../src/lib/components/context/ZudokuProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,OAAO,GAC0C,EAAE,EAAE;IACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,gBAAgB,CAAC;QACf,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,OAAO,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;YACvC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,QAAQ,EAAE,CAAC,mBAAmB,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,QAAQ,GACmB,CAC/B,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/index.d.ts

@@ -1,3 +1,32 @@
-export { useMDXComponents } from "@mdx-js/react";
-export { DevPortal } from "./DevPortal.js";
-export { Link } from "./Link.js";
+import { useMDXComponents as useMDXComponentsImport } from "@mdx-js/react";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { RouterError as RouterErrorImport } from "../errors/RouterError.js";
+import { ServerError as ServerErrorImport } from "../errors/ServerError.js";
+export declare const useMDXComponents: typeof useMDXComponentsImport;
+export declare const Callout: ({ type, children, title, className }: {
+    type: "note" | "tip" | "info" | "caution" | "danger";
+    title?: string;
+    children: import("react").ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DevPortal: {
+    (props: import("../core/DevPortalContext.js").ZudokuContextOptions): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Layout: ({ children }: {
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const RouterError: typeof RouterErrorImport;
+export declare const ServerError: typeof ServerErrorImport;
+export declare const Bootstrap: ({ router, hydrate, }: {
+    hydrate?: boolean;
+    router: ReturnType<typeof import("react-router-dom").createBrowserRouter>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BootstrapStatic: ({ router, context, helmetContext, }: {
+    helmetContext: HelmetData;
+    context: import("react-router-dom/server.js").StaticHandlerContext;
+    router: ReturnType<typeof import("react-router-dom").createBrowserRouter>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: import("react").ForwardRefExoticComponent<import("../ui/Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Head: typeof Helmet;

package/dist/lib/components/index.js

@@ -1,4 +1,22 @@
-export { useMDXComponents } from "@mdx-js/react";
-export { DevPortal } from "./DevPortal.js";
-export { Link } from "./Link.js";
+import { useMDXComponents as useMDXComponentsImport } from "@mdx-js/react";
+import { Helmet } from "@zudoku/react-helmet-async";
+import { Link as LinkImport } from "react-router-dom";
+import { RouterError as RouterErrorImport } from "../errors/RouterError.js";
+import { ServerError as ServerErrorImport } from "../errors/ServerError.js";
+import { Button as ButtonImport } from "../ui/Button.js";
+import { Callout as CalloutImport } from "../ui/Callout.js";
+import { Bootstrap as BootstrapImport, BootstrapStatic as BootstrapStaticImport, } from "./Bootstrap.js";
+import { DevPortal as DevPortalImport } from "./DevPortal.js";
+import { Layout as LayoutImport } from "./Layout.js";
+export const useMDXComponents = /*@__PURE__*/ useMDXComponentsImport;
+export const Callout = /*@__PURE__*/ CalloutImport;
+export const DevPortal = /*@__PURE__*/ DevPortalImport;
+export const Layout = /*@__PURE__*/ LayoutImport;
+export const Link = /*@__PURE__*/ LinkImport;
+export const RouterError = /*@__PURE__*/ RouterErrorImport;
+export const ServerError = /*@__PURE__*/ ServerErrorImport;
+export const Bootstrap = /*@__PURE__*/ BootstrapImport;
+export const BootstrapStatic = /*@__PURE__*/ BootstrapStaticImport;
+export const Button = /*@__PURE__*/ ButtonImport;
+export const Head = /*@__PURE__*/ Helmet;
 //# sourceMappingURL=index.js.map

package/dist/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,SAAS,IAAI,eAAe,EAC5B,eAAe,IAAI,qBAAqB,GACzC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,sBAAsB,CAAC;AACrE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,aAAa,CAAC;AACnD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC;AACvD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC;AACjD,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC;AAC3D,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC;AAC3D,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAAC;AACvD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC,qBAAqB,CAAC;AACnE,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,YAAY,CAAC;AACjD,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC"}

package/dist/lib/components/navigation/Sidebar.d.ts

@@ -0,0 +1 @@
+export declare const Sidebar: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/Sidebar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useNavigation } from "../context/ZudokuContext.js";
+import { Slotlet } from "../SlotletProvider.js";
+import { SidebarItem } from "./SidebarItem.js";
+import { SidebarWrapper } from "./SidebarWrapper.js";
+export const Sidebar = () => {
+    const navRef = useRef(null);
+    const navigation = useNavigation();
+    return (_jsxs(SidebarWrapper, { ref: navRef, pushMainContent: navigation.data.items.length > 0, children: [_jsx(Slotlet, { name: "zudoku-before-navigation" }), navigation.data.items.map((item) => (_jsx(SidebarItem, { item: item }, item.label))), _jsx(Slotlet, { name: "zudoku-after-navigation" })] }));
+};
+//# sourceMappingURL=Sidebar.js.map

package/dist/lib/components/navigation/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,MAAM,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,MAAC,cAAc,IACb,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,aAEjD,KAAC,OAAO,IAAC,IAAI,EAAC,0BAA0B,GAAG,EAC1C,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,KAAC,WAAW,IAAkB,IAAI,EAAE,IAAI,IAAtB,IAAI,CAAC,KAAK,CAAgB,CAC7C,CAAC,EACF,KAAC,OAAO,IAAC,IAAI,EAAC,yBAAyB,GAAG,IAC3B,CAClB,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/navigation/SidebarBadge.d.ts

@@ -0,0 +1,22 @@
+export declare const TextColorMap: {
+    green: string;
+    blue: string;
+    yellow: string;
+    red: string;
+    purple: string;
+    indigo: string;
+    gray: string;
+};
+export declare const ColorMap: {
+    green: string;
+    blue: string;
+    yellow: string;
+    red: string;
+    purple: string;
+    indigo: string;
+    gray: string;
+};
+export declare const SidebarBadge: ({ color, label, }: {
+    color: keyof typeof ColorMap;
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/SidebarBadge.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../util/cn.js";
+export const TextColorMap = {
+    green: "text-green-600",
+    blue: "text-sky-600",
+    yellow: "text-yellow-600",
+    red: "text-red-600",
+    purple: "text-purple-600",
+    indigo: "text-indigo-600",
+    gray: "text-gray-600",
+};
+export const ColorMap = {
+    green: "bg-green-400 dark:bg-green-800",
+    blue: "bg-sky-400 dark:bg-sky-800",
+    yellow: "bg-yellow-400 dark:bg-yellow-800",
+    red: "bg-red-400 dark:bg-red-800",
+    purple: "bg-purple-400 dark:bg-purple-600",
+    indigo: "bg-indigo-400 dark:bg-indigo-600",
+    gray: "bg-gray-400 dark:bg-gray-600",
+};
+export const SidebarBadge = ({ color, label, }) => {
+    return (_jsx("span", { className: cn("mt-0.5 flex items-center duration-200 transition-opacity text-center uppercase font-mono text-[0.65rem] font-bold rounded text-background dark:text-zinc-50 h-4 px-1", ColorMap[color]), children: label }));
+};
+//# sourceMappingURL=SidebarBadge.js.map

package/dist/lib/components/navigation/SidebarBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarBadge.js","sourceRoot":"","sources":["../../../../src/lib/components/navigation/SidebarBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,iBAAiB;IACzB,GAAG,EAAE,cAAc;IACnB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gCAAgC;IACvC,IAAI,EAAE,4BAA4B;IAClC,MAAM,EAAE,kCAAkC;IAC1C,GAAG,EAAE,4BAA4B;IACjC,MAAM,EAAE,kCAAkC;IAC1C,MAAM,EAAE,kCAAkC;IAC1C,IAAI,EAAE,8BAA8B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,KAAK,GAIN,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,sKAAsK,EACtK,QAAQ,CAAC,KAAK,CAAC,CAChB,YAEA,KAAK,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/navigation/SidebarCategory.d.ts

@@ -0,0 +1,5 @@
+import type { SidebarItemCategory } from "../../../config/validators/SidebarSchema.js";
+export declare const SidebarCategory: ({ category, level, }: {
+    category: SidebarItemCategory;
+    level: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/navigation/SidebarCategory.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { ChevronRightIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+import { cn } from "../../util/cn.js";
+import { joinPath } from "../../util/joinPath.js";
+import { useTopNavigationItem } from "../context/ZudokuContext.js";
+import { navigationListItem, SidebarItem } from "./SidebarItem.js";
+import { useIsCategoryOpen } from "./utils.js";
+export const SidebarCategory = ({ category, level, }) => {
+    const topNavItem = useTopNavigationItem();
+    const isCategoryOpen = useIsCategoryOpen(category);
+    const isCollapsible = category.collapsible ?? true;
+    const isCollapsed = category.collapsed ?? true;
+    const isDefaultOpen = Boolean(!isCollapsible || !isCollapsed || isCategoryOpen);
+    const [open, setOpen] = useState(isDefaultOpen);
+    useEffect(() => {
+        // this is triggered when an item from the sidebar is clicked
+        // and the sidebar, enclosing this item, is not opened
+        if (isCategoryOpen) {
+            setOpen(true);
+        }
+    }, [isCategoryOpen]);
+    const ToggleButton = isCollapsible && (_jsx("button", { type: "button", onClick: (e) => {
+            e.preventDefault();
+            setOpen((prev) => !prev);
+        }, children: _jsx(ChevronRightIcon, { size: 16, className: "transition shrink-0 group-data-[state=open]:rotate-90" }) }));
+    return (_jsxs(Collapsible.Root, { className: cn("flex flex-col", level === 0 && "-mx-[--padding-nav-item]"), defaultOpen: isDefaultOpen, open: open, onOpenChange: () => setOpen(true), children: [_jsx(Collapsible.Trigger, { className: cn("group text-start", navigationListItem({ isActive: false, isTopLevel: level === 0 }), isCollapsible
+                    ? "cursor-pointer"
+                    : "cursor-default hover:bg-transparent"), asChild: true, disabled: !isCollapsible, children: category.link?.type === "doc" ? (_jsx(NavLink, { to: joinPath(topNavItem?.id, category.link.id), children: ({ isActive }) => (_jsxs("div", { className: cn("flex items-center gap-2 justify-between w-full", isActive ? "text-primary font-medium" : "text-foreground/80"), children: [_jsx("div", { className: "truncate", children: category.label }), ToggleButton] })) })) : (_jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("div", { className: "flex gap-2 truncate w-full", children: category.label }), ToggleButton] })) }), _jsx(Collapsible.Content, { className: "CollapsibleContent ms-[calc(var(--padding-nav-item)*1.125)]", children: _jsx("ul", { className: "mt-1 border-l ps-2", children: category.items.map((item) => (_jsx(SidebarItem, { level: level + 1, item: item }, item.label))) }) })] }));
+};
+//# sourceMappingURL=SidebarCategory.js.map