zudoku 0.0.2-dev.0

package/dist/app/components/SyntaxHighlight.js

@@ -0,0 +1,31 @@
+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");
+}
+import { useState } from "react";
+import { cn } from "../util/cn.js";
+import { useTheme } from "./context/ThemeContext.js";
+export const SyntaxHighlight = ({ copyable = true, ...props }) => {
+    const [isDark] = useTheme();
+    const [isCopied, setIsCopied] = useState(false);
+    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: () => {
+                        setIsCopied(true);
+                        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 })) })), _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)))] })) }));
+};
+//# sourceMappingURL=SyntaxHighlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyntaxHighlight.js","sourceRoot":"","sources":["../../../src/app/components/SyntaxHighlight.tsx"],"names":[],"mappings":"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"}

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

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

package/dist/app/components/TopNavigation.js

@@ -0,0 +1,11 @@
+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";
+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
+                        ? "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))) }) }));
+};
+//# sourceMappingURL=TopNavigation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavigation.js","sourceRoot":"","sources":["../../../src/app/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"}

package/dist/app/components/context/ComponentsContext.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentProps, type ComponentType } from "react";
+import { Header } from "../Header.js";
+export declare const DEFAULT_COMPONENTS: {
+    Header: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+};
+export type ComponentsContextType = {
+    Header?: ComponentType<ComponentProps<typeof Header>>;
+};
+export declare const ComponentsProvider: import("react").Provider<Required<ComponentsContextType>>;
+export declare const useComponents: () => Required<ComponentsContextType>;

package/dist/app/components/context/ComponentsContext.js

@@ -0,0 +1,11 @@
+import { createContext, useContext, } from "react";
+import { Header } from "../Header.js";
+export const DEFAULT_COMPONENTS = {
+    Header,
+};
+const ComponentsContext = createContext(DEFAULT_COMPONENTS);
+export const ComponentsProvider = ComponentsContext.Provider;
+export const useComponents = () => {
+    return useContext(ComponentsContext);
+};
+//# sourceMappingURL=ComponentsContext.js.map

package/dist/app/components/context/ComponentsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentsContext.js","sourceRoot":"","sources":["../../../../src/app/components/context/ComponentsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,UAAU,GAGX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,MAAM;CACP,CAAC;AAMF,MAAM,iBAAiB,GACrB,aAAa,CAAkC,kBAAkB,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC,CAAC"}

package/dist/app/components/context/DevPortalProvider.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" resolution-mode="require"/>
+import { DevPortalContext } from "../../core/DevPortalContext.js";
+export declare const DevPortalProvider: import("react").Provider<DevPortalContext | undefined>;
+export declare const useDevPortal: () => DevPortalContext;
+export declare const useApiIdentities: () => import("@tanstack/react-query").UseSuspenseQueryResult<import("../../core/DevPortalContext.js").ApiIdentity[], Error>;
+export declare const useTopNavigationItem: () => import("../../core/DevPortalContext.js").NavigationItem | undefined;
+export declare const useNavigation: () => import("@tanstack/react-query").UseSuspenseQueryResult<{
+    items: import("../../core/DevPortalContext.js").NavigationCategory[];
+    currentTopNavItem: import("../../core/DevPortalContext.js").NavigationItem | undefined;
+}, Error>;

package/dist/app/components/context/DevPortalProvider.js

@@ -0,0 +1,39 @@
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { createContext, useContext } from "react";
+import { matchPath, useLocation } from "react-router-dom";
+const DevPortalReactContext = createContext(undefined);
+export const DevPortalProvider = DevPortalReactContext.Provider;
+export const useDevPortal = () => {
+    const context = useContext(DevPortalReactContext);
+    if (!context) {
+        throw new Error("useDevPortal must be used within a DevPortalProvider.");
+    }
+    return context;
+};
+export const useApiIdentities = () => {
+    const { getApiIdentities } = useDevPortal();
+    return useSuspenseQuery({
+        queryFn: getApiIdentities,
+        queryKey: ["api-keys"],
+    });
+};
+export const useTopNavigationItem = () => {
+    const { navigation } = useDevPortal();
+    const location = useLocation();
+    return navigation.find((item) => matchPath({ path: item.path, end: false }, location.pathname));
+};
+export const useNavigation = () => {
+    const { getNavigation } = useDevPortal();
+    const navItem = useTopNavigationItem();
+    const path = navItem?.path ?? "";
+    return useSuspenseQuery({
+        queryFn: async () => {
+            return {
+                items: [...(navItem?.categories ?? []), ...(await getNavigation(path))],
+                currentTopNavItem: navItem,
+            };
+        },
+        queryKey: ["navigation", path],
+    });
+};
+//# sourceMappingURL=DevPortalProvider.js.map

package/dist/app/components/context/DevPortalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevPortalProvider.js","sourceRoot":"","sources":["../../../../src/app/components/context/DevPortalProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG1D,MAAM,qBAAqB,GAAG,aAAa,CACzC,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,QAAQ,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,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,YAAY,EAAE,CAAC;IAC5C,OAAO,gBAAgB,CAAC;QACtB,OAAO,EAAE,gBAAgB;QACzB,QAAQ,EAAE,CAAC,UAAU,CAAC;KACvB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,EAAE,CAAC;IACtC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAC9B,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAC;IACzC,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IAEvC,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;IAEjC,OAAO,gBAAgB,CAAC;QACtB,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO;gBACL,KAAK,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,MAAM,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;gBACvE,iBAAiB,EAAE,OAAO;aAC3B,CAAC;QACJ,CAAC;QACD,QAAQ,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC;KAC/B,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/app/components/context/PluginSystem.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/app/components/context/PluginSystem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PluginSystem.js.map

package/dist/app/components/context/PluginSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSystem.js","sourceRoot":"","sources":["../../../../src/app/components/context/PluginSystem.ts"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useEffect, useState, useContext, } from "react";
+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 });
+};
+//# sourceMappingURL=ThemeContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../../src/app/components/context/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EAEb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GACX,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"}

package/dist/app/components/context/ViewportAnchorContext.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+type AnchorContextType = {
+    activeAnchor?: string;
+    setActiveAnchor: (anchor: string) => void;
+    observe: (element: HTMLElement | null) => void;
+    unobserve: (element: HTMLElement | null) => void;
+};
+export declare const useViewportAnchor: () => AnchorContextType;
+export declare const useRegisterAnchorElement: () => {
+    ref: (el: HTMLElement | null) => void;
+};
+export declare const ViewportAnchorProvider: ({ children, }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/components/context/ViewportAnchorContext.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
+const ViewportAnchorContext = createContext(undefined);
+export const useViewportAnchor = () => {
+    const context = useContext(ViewportAnchorContext);
+    if (!context) {
+        throw new Error("useViewportAnchor must be used within a CurrentAnchorProvider");
+    }
+    return context;
+};
+export const useRegisterAnchorElement = () => {
+    const elementRef = useRef(null);
+    const { observe, unobserve } = useViewportAnchor();
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        observe(element);
+        return () => unobserve(element);
+    }, [observe, unobserve]);
+    const setRef = useCallback((el) => {
+        if (!el)
+            return;
+        elementRef.current = el;
+    }, []);
+    return { ref: setRef };
+};
+export const ViewportAnchorProvider = ({ children, }) => {
+    const [activeAnchor, setActiveAnchor] = useState("");
+    const observerRef = useRef(null);
+    const registeredElements = useRef(new Set());
+    useEffect(() => {
+        observerRef.current = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.isIntersecting && entry.target.id) {
+                    setActiveAnchor(entry.target.id);
+                }
+            }
+        }, {
+            // 115px is the height of the sticky header
+            // see --header-height in `main.css`
+            rootMargin: "115px 0px -80% 0px",
+            threshold: 0.75,
+        });
+        return () => observerRef.current?.disconnect();
+    }, []);
+    useEffect(() => {
+        const elements = registeredElements.current;
+        const handleScroll = () => {
+            const hasReachedTop = window.scrollY === 0;
+            const hasReachedBottom = window.innerHeight + window.scrollY >= document.body.scrollHeight;
+            if (hasReachedTop) {
+                // reset the active anchor when we reach the top
+                setActiveAnchor("");
+            }
+            else if (hasReachedBottom) {
+                requestIdleCallback(() => {
+                    // set the last anchor when we reach the bottom
+                    const lastItem = Array.from(elements).pop();
+                    setActiveAnchor(lastItem?.id ?? "");
+                });
+            }
+        };
+        document.addEventListener("scroll", handleScroll);
+        return () => {
+            elements.clear();
+            document.removeEventListener("scroll", handleScroll);
+        };
+    }, []);
+    const observeFns = useMemo(() => {
+        return {
+            observe: (element) => {
+                if (!element || !observerRef.current)
+                    return;
+                registeredElements.current.add(element);
+                observerRef.current.observe(element);
+            },
+            unobserve: (element) => {
+                if (!element || !observerRef.current)
+                    return;
+                registeredElements.current.delete(element);
+                observerRef.current.unobserve(element);
+            },
+        };
+    }, []);
+    const value = useMemo(() => ({ activeAnchor, setActiveAnchor, ...observeFns }), [activeAnchor, setActiveAnchor, observeFns]);
+    return (_jsx(ViewportAnchorContext.Provider, { value: value, children: children }));
+};
+//# sourceMappingURL=ViewportAnchorContext.js.map

package/dist/app/components/context/ViewportAnchorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportAnchorContext.js","sourceRoot":"","sources":["../../../../src/app/components/context/ViewportAnchorContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AASf,MAAM,qBAAqB,GAAG,aAAa,CACzC,SAAS,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEpD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QAEnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,OAAO,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,EAAsB,EAAE,EAAE;QACpD,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,UAAU,CAAC,OAAO,GAAG,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,WAAW,GAAG,MAAM,CAA8B,IAAI,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,GAAG,EAAe,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAC5C,CAAC,OAAO,EAAE,EAAE;YACV,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,IAAI,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;oBAC5C,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACnC,CAAC;YACH,CAAC;QACH,CAAC,EACD;YACE,2CAA2C;YAC3C,oCAAoC;YACpC,UAAU,EAAE,oBAAoB;YAChC,SAAS,EAAE,IAAI;SAChB,CACF,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC;QAC5C,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,KAAK,CAAC,CAAC;YAC3C,MAAM,gBAAgB,GACpB,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;YAEpE,IAAI,aAAa,EAAE,CAAC;gBAClB,gDAAgD;gBAChD,eAAe,CAAC,EAAE,CAAC,CAAC;YACtB,CAAC;iBAAM,IAAI,gBAAgB,EAAE,CAAC;gBAC5B,mBAAmB,CAAC,GAAG,EAAE;oBACvB,+CAA+C;oBAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC5C,eAAe,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;gBACtC,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,KAAK,EAAE,CAAC;YACjB,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO;YACL,OAAO,EAAE,CAAC,OAA2B,EAAE,EAAE;gBACvC,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO;oBAAE,OAAO;gBAC7C,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;gBACxC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;YACD,SAAS,EAAE,CAAC,OAA2B,EAAE,EAAE;gBACzC,IAAI,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO;oBAAE,OAAO;gBAC7C,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;gBAC3C,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAC,EACxD,CAAC,YAAY,EAAE,eAAe,EAAE,UAAU,CAAC,CAC5C,CAAC;IAEF,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACzC,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/components/navigation/SideNavigation.d.ts

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

package/dist/app/components/navigation/SideNavigation.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { useNavigation } from "../context/DevPortalProvider.js";
+import { SideNavigationCategory } from "./SideNavigationCategory.js";
+import { SideNavigationWrapper } from "./SideNavigationWrapper.js";
+export const SideNavigation = () => {
+    const navRef = useRef(null);
+    const navigation = useNavigation();
+    return (_jsx(SideNavigationWrapper, { ref: navRef, children: navigation.data.items.map((category) => (_jsx(SideNavigationCategory, { category: category }, category.label))) }));
+};
+//# sourceMappingURL=SideNavigation.js.map

package/dist/app/components/navigation/SideNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/SideNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,qBAAqB,IAAC,GAAG,EAAE,MAAM,YAC/B,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACvC,KAAC,sBAAsB,IAAsB,QAAQ,EAAE,QAAQ,IAAlC,QAAQ,CAAC,KAAK,CAAwB,CACpE,CAAC,GACoB,CACzB,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/components/navigation/SideNavigationCategory.d.ts

@@ -0,0 +1,4 @@
+import type { NavigationCategory } from "../../core/DevPortalContext.js";
+export declare const SideNavigationCategory: ({ category, }: {
+    category: NavigationCategory;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/navigation/SideNavigationCategory.js

@@ -0,0 +1,26 @@
+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 { useLocation } from "react-router-dom";
+import { cn } from "../../util/cn.js";
+import { joinPath } from "../../util/joinPath.js";
+import { useTopNavigationItem } from "../context/DevPortalProvider.js";
+import { useViewportAnchor } from "../context/ViewportAnchorContext.js";
+import { SideNavigationItem } from "./SideNavigationItem.js";
+import { useNavigationCollapsibleState } from "./useNavigationCollapsibleState.js";
+import { checkHasActiveItem, isPathItem } from "./util.js";
+export const SideNavigationCategory = ({ category, }) => {
+    const { activeAnchor } = useViewportAnchor();
+    const navItem = useTopNavigationItem();
+    const location = useLocation();
+    const isCollapsible = category.collapsible ?? true;
+    const [isOpen, setIsOpen] = useNavigationCollapsibleState({
+        item: category,
+        path: navItem?.path ?? "",
+        defaultOpen: () => !isCollapsible ||
+            category.expanded ||
+            checkHasActiveItem(category, location.pathname, navItem?.path ?? ""),
+    });
+    return (_jsxs(Collapsible.Root, { open: isOpen, onOpenChange: () => setIsOpen((prev) => !prev), children: [category.label.length > 0 && (_jsx(Collapsible.Trigger, { asChild: isCollapsible, disabled: !isCollapsible, children: _jsxs("h5", { className: cn("flex group items-center justify-between cursor-pointer font-semibold text-foreground/90 px-[--padding-nav-item] py-1.5 rounded-lg transition-colors duration-300 -mx-[--padding-nav-item]", isCollapsible ? "hover:bg-accent" : "cursor-auto"), children: [category.label, isCollapsible && (_jsx(ChevronRightIcon, { className: "group-data-[state=open]:rotate-90 transition", size: 16 }))] }) })), _jsx(Collapsible.Content, { className: "CollapsibleContent -mx-[--padding-nav-item]", children: _jsx("ul", { className: "space-y-0.5 mt-1.5 mb-4 ms-3", children: category.children.map((item) => (_jsx(SideNavigationItem, { category: category, item: item, activeAnchor: activeAnchor, currentTopNavItem: navItem, basePath: joinPath(navItem?.path, category.path) }, isPathItem(item) ? item.path + item.label : item.href))) }) })] }, category.label));
+};
+//# sourceMappingURL=SideNavigationCategory.js.map

package/dist/app/components/navigation/SideNavigationCategory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationCategory.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/SideNavigationCategory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE3D,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC7C,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,IAAI,IAAI,CAAC;IAEnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,6BAA6B,CAAC;QACxD,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE;QACzB,WAAW,EAAE,GAAG,EAAE,CAChB,CAAC,aAAa;YACd,QAAQ,CAAC,QAAQ;YACjB,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,CAAC;KACvE,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IAEf,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,aAE7C,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5B,KAAC,WAAW,CAAC,OAAO,IAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,aAAa,YACnE,cACE,SAAS,EAAE,EAAE,CACX,2LAA2L,EAC3L,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAClD,aAEA,QAAQ,CAAC,KAAK,EACd,aAAa,IAAI,CAChB,KAAC,gBAAgB,IACf,SAAS,EAAC,8CAA8C,EACxD,IAAI,EAAE,EAAE,GACR,CACH,IACE,GACe,CACvB,EACD,KAAC,WAAW,CAAC,OAAO,IAAC,SAAS,EAAC,6CAA6C,YAE1E,aAAI,SAAS,EAAC,8BAA8B,YACzC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC/B,KAAC,kBAAkB,IAEjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,OAAO,EAC1B,QAAQ,EAAE,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,IAL3C,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAM1D,CACH,CAAC,GACC,GACe,KApCjB,QAAQ,CAAC,KAAK,CAqCF,CACpB,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/components/navigation/SideNavigationItem.d.ts

@@ -0,0 +1,12 @@
+import type { NavigationCategory, NavigationCategoryItem, NavigationItem } from "../../core/DevPortalContext.js";
+export declare const linkItem: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const DATA_ANCHOR_ATTR = "data-anchor";
+export declare const SideNavigationItem: ({ category, item, activeAnchor, currentTopNavItem, basePath, }: {
+    category: NavigationCategory;
+    item: NavigationCategoryItem;
+    activeAnchor?: string;
+    currentTopNavItem?: NavigationItem;
+    basePath?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/app/components/navigation/SideNavigationItem.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { cva } from "class-variance-authority";
+import { ChevronRightIcon, ExternalLinkIcon } from "lucide-react";
+import { NavLink, useLocation } from "react-router-dom";
+import { cn } from "../../util/cn.js";
+import { joinPath } from "../../util/joinPath.js";
+import { AnchorLink } from "../AnchorLink.js";
+import { DynamicIcon, isValidIcon } from "../DynamicIcon.js";
+import { useNavigationCollapsibleState } from "./useNavigationCollapsibleState.js";
+import { checkHasActiveItem, isLinkItem, isPathItem } from "./util.js";
+export const linkItem = cva("flex px-[--padding-nav-item] py-1.5 rounded-lg hover:bg-accent transition-colors duration-300", {
+    variants: {
+        isActive: {
+            true: "text-primary font-medium",
+            false: "text-foreground/80",
+        },
+    },
+});
+export const DATA_ANCHOR_ATTR = "data-anchor";
+export const SideNavigationItem = ({ category, item, activeAnchor, currentTopNavItem, basePath = "", }) => {
+    const currentPath = isPathItem(item) ? joinPath(basePath, item.path) : "";
+    const location = useLocation();
+    const [isOpen, setIsOpen] = useNavigationCollapsibleState({
+        item,
+        path: currentPath,
+        defaultOpen: () => checkHasActiveItem(item, location.pathname, currentPath),
+    });
+    if (isLinkItem(item)) {
+        const classes = cn("flex items-center gap-2", linkItem({ isActive: item.href === location.pathname }));
+        return item.href.startsWith("http") ? (_jsxs("a", { className: classes, href: item.href, target: "_blank", rel: "noopener noreferrer", children: [item.label, _jsx(ExternalLinkIcon, { size: 14 })] })) : (_jsx(NavLink, { className: classes, to: item.href, children: item.label }));
+    }
+    const linkContent = (_jsxs("div", { className: "flex justify-between w-full", children: [_jsxs("div", { className: "flex items-center gap-2 truncate w-full", children: [isValidIcon(item.icon) && _jsx(DynamicIcon, { name: item.icon, size: 16 }), typeof item.label !== "string" ? (item.label) : (_jsx("span", { className: "truncate", children: item.label }))] }), item.children && (_jsx(ChevronRightIcon, { size: 16, className: "transition shrink-0 group-data-[state=open]:rotate-90" }))] }));
+    return (_jsx("li", { title: typeof item.label === "string" ? item.label : item.title, children: item.children ? (_jsxs(Collapsible.Root, { open: isOpen, onOpenChange: () => setIsOpen((prev) => !prev), className: "flex flex-col", children: [_jsx(Collapsible.Trigger, { className: cn("group text-start", linkItem({ isActive: false })), children: linkContent }), _jsx(Collapsible.Content, { className: "CollapsibleContent ms-[calc(var(--padding-nav-item)*1.125)]", children: _jsx("ul", { className: "mt-1 border-border border-l ps-1.5", children: item.children.map((child) => (_jsx(SideNavigationItem, { category: category, item: child, activeAnchor: activeAnchor, currentTopNavItem: currentTopNavItem, basePath: currentPath }, isPathItem(child) ? child.path : child.href))) }) })] })) : item.path.startsWith("#") ? (_jsx(AnchorLink, { to: item.path, [DATA_ANCHOR_ATTR]: item.path, className: linkItem({
+                isActive: item.path.slice(1) === activeAnchor,
+            }), children: linkContent })) : (_jsx(NavLink, { className: ({ isActive }) => linkItem({ isActive }), to: currentPath, children: linkContent })) }));
+};
+//# sourceMappingURL=SideNavigationItem.js.map

package/dist/app/components/navigation/SideNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/SideNavigationItem.tsx"],"names":[],"mappings":"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"}

package/dist/app/components/navigation/SideNavigationWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const SideNavigationWrapper: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/app/components/navigation/SideNavigationWrapper.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+export const SideNavigationWrapper = forwardRef(({ children }, ref) => {
+    return (_jsx("nav", { className: "hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 p-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 pt-[--padding-content-top] w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2", ref: ref, children: children }));
+});
+//# sourceMappingURL=SideNavigationWrapper.js.map

package/dist/app/components/navigation/SideNavigationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavigationWrapper.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/SideNavigationWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA0B,MAAM,OAAO,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAG7C,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE;IACtB,OAAO,CACL,cACE,SAAS,EAAC,4NAA4N,EACtO,GAAG,EAAE,GAAG,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/app/components/navigation/useNavigationCollapsibleState.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { NavigationNode } from "../../util/traverseNavigation.js";
+export declare const useNavigationCollapsibleState: ({ item, defaultOpen, path, }: {
+    item: NavigationNode;
+    defaultOpen: () => boolean;
+    path: string;
+}) => readonly [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];

package/dist/app/components/navigation/useNavigationCollapsibleState.js

@@ -0,0 +1,16 @@
+import { useEffect, useRef, useState } from "react";
+import { useLocation } from "react-router-dom";
+import { checkHasActiveItem } from "./util.js";
+export const useNavigationCollapsibleState = ({ item, defaultOpen, path, }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const location = useLocation();
+    const previousLocationPath = useRef(location.pathname);
+    useEffect(() => {
+        if (!isOpen && previousLocationPath.current !== location.pathname) {
+            setIsOpen(checkHasActiveItem(item, location.pathname, path));
+        }
+        previousLocationPath.current = location.pathname;
+    }, [isOpen, item, path, location.pathname]);
+    return [isOpen, setIsOpen];
+};
+//# sourceMappingURL=useNavigationCollapsibleState.js.map

package/dist/app/components/navigation/useNavigationCollapsibleState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationCollapsibleState.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/useNavigationCollapsibleState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,IAAI,EACJ,WAAW,EACX,IAAI,GAKL,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,oBAAoB,CAAC,OAAO,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAClE,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QAC/D,CAAC;QACD,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC;IACnD,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,OAAO,CAAC,MAAM,EAAE,SAAS,CAAU,CAAC;AACtC,CAAC,CAAC"}

package/dist/app/components/navigation/util.d.ts

@@ -0,0 +1,8 @@
+import type { HrefNavigationCategoryItem, PathNavigationCategoryItem } from "../../core/DevPortalContext.js";
+import { type NavigationNode } from "../../util/traverseNavigation.js";
+export declare const isPathItem: (item: NavigationNode) => item is PathNavigationCategoryItem;
+export declare const isLinkItem: (item: NavigationNode) => item is HrefNavigationCategoryItem;
+/**
+ * Recursively checks if the current item or any of its children are active.
+ */
+export declare const checkHasActiveItem: (item: NavigationNode, locationPath: string, basePath: string) => boolean;

package/dist/app/components/navigation/util.js

@@ -0,0 +1,15 @@
+import { matchPath } from "react-router-dom";
+import { traverseNavigationNode, } from "../../util/traverseNavigation.js";
+export const isPathItem = (item) => "path" in item;
+export const isLinkItem = (item) => "href" in item;
+/**
+ * Recursively checks if the current item or any of its children are active.
+ */
+export const checkHasActiveItem = (item, locationPath, basePath) => {
+    return Boolean(traverseNavigationNode(item, (node, fullPath) => {
+        if (isPathItem(node) && matchPath(fullPath, locationPath)) {
+            return true;
+        }
+    }, basePath));
+};
+//# sourceMappingURL=util.js.map

package/dist/app/components/navigation/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/app/components/navigation/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAK7C,OAAO,EACL,sBAAsB,GAEvB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAoB,EACgB,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC;AAExD,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,IAAoB,EACgB,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC;AAExD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,IAAoB,EACpB,YAAoB,EACpB,QAAgB,EAChB,EAAE;IACF,OAAO,OAAO,CACZ,sBAAsB,CACpB,IAAI,EACJ,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;QACjB,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC;YAC1D,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC,EACD,QAAQ,CACT,CACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/app/config.d.ts

@@ -0,0 +1,3 @@
+import type { ZudokuConfig } from "../config/config.js";
+declare let config: ZudokuConfig;
+export default config;

package/dist/app/config.js

@@ -0,0 +1,9 @@
+// Search for config files
+const configs = import.meta.glob("/zudoku.config.{js,jsx,ts,tsx,mjs}", { eager: true });
+let config = {};
+// If we found any, load the first one
+if (Object.keys(configs).length > 0) {
+    config = configs[Object.keys(configs)[0]].default;
+}
+export default config;
+//# sourceMappingURL=config.js.map

package/dist/app/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/app/config.ts"],"names":[],"mappings":"AAMA,0BAA0B;AAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAC9B,oCAAoC,EACpC,EAAE,KAAK,EAAE,IAAI,EAAE,CAChB,CAAC;AAEF,IAAI,MAAM,GAAiB,EAAE,CAAC;AAE9B,sCAAsC;AACtC,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;IACpC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;AACpD,CAAC;AAED,eAAe,MAAM,CAAC"}