zudoku 0.0.0-ff3bc72 → 0.0.0-fix-image-base-path.c9e0e61c

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

@@ -1,5 +1,5 @@
-import { type LinkProps } from "react-router-dom";
+import { type NavLinkProps } from "react-router";
 /**
  * Link that scrolls to anchor even if the hash is already set in the URL.
  */
-export declare const AnchorLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnchorLink: (props: NavLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/AnchorLink.js

@@ -1,17 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Link, useLocation } from "react-router-dom";
+import { NavLink, useHref, useLocation } from "react-router";
+import { useScrollToHash } from "../util/useScrollToAnchor.js";
 /**
  * Link that scrolls to anchor even if the hash is already set in the URL.
  */
 export const AnchorLink = (props) => {
     const location = useLocation();
-    const hash = typeof props.to === "string" ? props.to : props.to.hash;
+    const scrollToHash = useScrollToHash();
+    const href = useHref(props.to);
+    const [pathname, hash] = href.split("#");
     const handleClick = (event) => {
-        if (!hash?.startsWith("#") || hash !== location.hash)
+        props.onClick?.(event);
+        if (hash !== location.hash.slice(1) || pathname !== location.pathname)
             return;
         event.preventDefault();
-        document.getElementById(hash.slice(1))?.scrollIntoView();
+        scrollToHash(hash);
     };
-    return _jsx(Link, { onClick: handleClick, ...props });
+    return _jsx(NavLink, { ...props, onClick: handleClick });
 };
 //# sourceMappingURL=AnchorLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.js","sourceRoot":"","sources":["../../../src/lib/components/AnchorLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErE;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;IAErE,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO;QAE7D,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,KAAM,KAAK,GAAI,CAAC;AACnD,CAAC,CAAC"}
+{"version":3,"file":"AnchorLink.js","sourceRoot":"","sources":["../../../src/lib/components/AnchorLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAqB,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAmB,EAAE,EAAE;IAChD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC3D,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ;YACnE,OAAO;QAET,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,KAAC,OAAO,OAAK,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AACtD,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { type KeyboardEvent, type Ref } from "react";
+type AutocompleteProps = {
+    value: string;
+    options: readonly string[];
+    onChange: (e: string) => void;
+    className?: string;
+    placeholder?: string;
+    onEnterPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    ref?: Ref<HTMLInputElement>;
+    shouldFilter?: boolean;
+};
+export declare const Autocomplete: ({ shouldFilter, ...props }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Autocomplete.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PopoverAnchor } from "@radix-ui/react-popover";
+import { useCommandState } from "cmdk";
+import { useRef, useState } from "react";
+import { Command, CommandInlineInput, CommandItem, CommandList, } from "zudoku/ui/Command.js";
+import { Popover, PopoverContent } from "zudoku/ui/Popover.js";
+import { cn } from "../util/cn.js";
+const AutocompletePopover = ({ value, options, onChange, className, placeholder = "Value", onEnterPress, ref, }) => {
+    const [open, setOpen] = useState(false);
+    const [dontClose, setDontClose] = useState(false);
+    const count = useCommandState((state) => state.filtered.count);
+    const inputRef = useRef(null);
+    return (_jsxs(Popover, { open: open, children: [_jsx(PopoverAnchor, { children: _jsx(CommandInlineInput, { autoComplete: "off", ref: (el) => {
+                        inputRef.current = el;
+                        if (typeof ref === "function") {
+                            ref(el);
+                        }
+                        else if (ref) {
+                            ref.current = el;
+                        }
+                    }, value: value, placeholder: placeholder, className: cn("h-9 bg-transparent", className), onFocus: () => setOpen(true), onBlur: () => {
+                        if (dontClose) {
+                            return;
+                        }
+                        setOpen(false);
+                    }, onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            setOpen(false);
+                            inputRef.current?.blur();
+                            onEnterPress?.(e);
+                        }
+                    }, onValueChange: (e) => onChange(e) }) }), _jsx(PopoverContent, { onMouseEnter: () => setDontClose(true), onMouseLeave: () => setDontClose(false), onOpenAutoFocus: (e) => e.preventDefault(), className: cn("p-0 w-(--radix-popover-trigger-width)", {
+                    "border-0": count === 0,
+                }), align: "start", side: "bottom", onWheel: (e) => {
+                    // See: https://github.com/radix-ui/primitives/issues/1159
+                    e.stopPropagation();
+                }, onTouchMove: (e) => {
+                    e.stopPropagation();
+                }, children: _jsx(CommandList, { className: "max-h-[140px]", children: options.map((enumValue) => (_jsx(CommandItem, { value: enumValue, onSelect: (selected) => {
+                            onChange(selected);
+                            setOpen(false);
+                        }, className: "cursor-pointer", children: enumValue }, enumValue))) }) })] }));
+};
+export const Autocomplete = ({ shouldFilter, ...props }) => {
+    return (_jsx(Command, { className: "bg-transparent", shouldFilter: shouldFilter, children: _jsx(AutocompletePopover, { ...props }) }));
+};
+//# sourceMappingURL=Autocomplete.js.map

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

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

package/dist/lib/components/Banner.js

@@ -11,7 +11,7 @@ const COLOR_MAP = {
     danger: "bg-rose-500",
 };
 export const Banner = () => {
-    const { page } = useZudoku();
+    const { site: page } = useZudoku();
     const [isBannerOpen, setIsBannerOpen] = useState(true);
     if (!page?.banner || !isBannerOpen) {
         return _jsx("style", { children: `:root { --banner-height: 0px; }` });
@@ -22,6 +22,6 @@ export const Banner = () => {
             ? "bg-primary"
             : undefined;
     const style = !mappedColor ? { backgroundColor: page.banner.color } : {};
-    return (_jsxs("div", { className: cn("relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center", mappedColor), style: style, children: [_jsx("div", { className: "w-full", children: page.banner.message }), page.banner.dismissible && (_jsx("button", { type: "button", className: "md:absolute md:right-4 -m-1.5 p-1.5 hover:bg-accent-foreground/10 rounded-md", onClick: () => setIsBannerOpen(false), children: _jsx(CircleXIcon, { size: 16 }) }))] }));
+    return (_jsxs("div", { className: cn("relative text-primary-foreground text-sm font-medium px-4 py-2 flex gap-2 items-center lg:h-(--banner-height)", mappedColor), style: style, children: [_jsx("div", { className: "w-full", children: page.banner.message }), page.banner.dismissible && (_jsx("button", { type: "button", className: "md:absolute md:end-4 -m-1.5 p-1.5 hover:bg-accent-foreground/10 rounded-md", onClick: () => setIsBannerOpen(false), children: _jsx(CircleXIcon, { size: 16 }) }))] }));
 };
 //# sourceMappingURL=Banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/lib/components/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,OAAO,0BAAQ,iCAAiC,GAAS,CAAC;IAC5D,CAAC;IAED,MAAM,WAAW,GACf,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS;QACjD,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAA+B,CAAC;QACxD,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;YAClB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,SAAS,CAAC;IAElB,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,WAAW,CACZ,EACD,KAAK,EAAE,KAAK,aAEZ,cAAK,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAO,EAClD,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,YAErC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/lib/components/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,cAAc;IACnB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,CAAC;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEvD,IAAI,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QACnC,OAAO,0BAAQ,iCAAiC,GAAS,CAAC;IAC5D,CAAC;IAED,MAAM,WAAW,GACf,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS;QACjD,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAA+B,CAAC;QACxD,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;YAClB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,SAAS,CAAC;IAElB,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,WAAW,CACZ,EACD,KAAK,EAAE,KAAK,aAEZ,cAAK,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,MAAM,CAAC,OAAO,GAAO,EAClD,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4EAA4E,EACtF,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,YAErC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,GAClB,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,13 +1,15 @@
+import { QueryClient } from "@tanstack/react-query";
 import { type HelmetData } from "@zudoku/react-helmet-async";
-import { type createBrowserRouter } from "react-router-dom";
-import { type createStaticRouter, type StaticHandlerContext } from "react-router-dom/server.js";
+import { type createBrowserRouter, type createStaticRouter, type StaticHandlerContext } from "react-router";
 declare const Bootstrap: ({ router, hydrate, }: {
     hydrate?: boolean;
     router: ReturnType<typeof createBrowserRouter>;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const BootstrapStatic: ({ router, context, helmetContext, }: {
+declare const BootstrapStatic: ({ router, context, queryClient, helmetContext, bypassProtection, }: {
     helmetContext: HelmetData["context"];
     context: StaticHandlerContext;
+    queryClient: QueryClient;
     router: ReturnType<typeof createStaticRouter>;
+    bypassProtection?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export { Bootstrap, BootstrapStatic };

package/dist/lib/components/Bootstrap.js

@@ -1,12 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { HydrationBoundary, QueryClient, QueryClientProvider, } from "@tanstack/react-query";
 import { HelmetProvider } from "@zudoku/react-helmet-async";
 import { StrictMode } from "react";
-import { RouterProvider } from "react-router-dom";
-import { StaticRouterProvider, } from "react-router-dom/server.js";
+import { StaticRouterProvider, } from "react-router";
+import { RouterProvider } from "react-router/dom";
 import { StaggeredRenderContext } from "../plugins/openapi/StaggeredRender.js";
-const Bootstrap = ({ router, hydrate = false, }) => {
-    return (_jsx(StrictMode, { children: _jsx(HelmetProvider, { children: _jsx(StaggeredRenderContext.Provider, { value: { stagger: !hydrate }, children: _jsx(RouterProvider, { router: router }) }) }) }));
-};
-const BootstrapStatic = ({ router, context, helmetContext, }) => (_jsx(StrictMode, { children: _jsx(HelmetProvider, { context: helmetContext, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }));
+import { BypassProtectedRoutesContext } from "./context/BypassProtectedRoutesContext.js";
+const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 1000 * 60 * 5,
+        },
+    },
+});
+const Bootstrap = ({ router, hydrate = false, }) => (_jsx(StrictMode, { children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(HydrationBoundary, { state: hydrate ? window.DATA : undefined, children: _jsx(BypassProtectedRoutesContext, { value: false, children: _jsx(HelmetProvider, { children: _jsx(StaggeredRenderContext.Provider, { value: { stagger: !hydrate }, children: _jsx(RouterProvider, { router: router }) }) }) }) }) }) }));
+const BootstrapStatic = ({ router, context, queryClient, helmetContext, bypassProtection = false, }) => (_jsx(StrictMode, { children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(HelmetProvider, { context: helmetContext, children: _jsx(BypassProtectedRoutesContext, { value: bypassProtection, children: _jsx(StaticRouterProvider, { router: router, context: context }) }) }) }) }));
 export { Bootstrap, BootstrapStatic };
 //# sourceMappingURL=Bootstrap.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Bootstrap.js","sourceRoot":"","sources":["../../../src/lib/components/Bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAA4B,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAGL,oBAAoB,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,OAAO,GAAG,KAAK,GAIhB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,cACT,KAAC,cAAc,cACb,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,YAC3D,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACF,GACnB,GACN,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,MAAM,EACN,OAAO,EACP,aAAa,GAKd,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,cAAc,IAAC,OAAO,EAAE,aAAa,YACpC,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,GAC3C,GACN,CACd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"Bootstrap.js","sourceRoot":"","sources":["../../../src/lib/components/Bootstrap.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAmB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAIL,oBAAoB,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC;SACzB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,EACN,OAAO,GAAG,KAAK,GAIhB,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,iBAAiB,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAE,MAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,YAClE,KAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,YACxC,KAAC,cAAc,cACb,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,YAC3D,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GACF,GACnB,GACY,GACb,GACA,GACX,CACd,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,MAAM,EACN,OAAO,EACP,WAAW,EACX,aAAa,EACb,gBAAgB,GAAG,KAAK,GAOzB,EAAE,EAAE,CAAC,CACJ,KAAC,UAAU,cACT,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,KAAC,cAAc,IAAC,OAAO,EAAE,aAAa,YACpC,KAAC,4BAA4B,IAAC,KAAK,EAAE,gBAAgB,YACnD,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,GAC7B,GAChB,GACG,GACX,CACd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const BuildCheck: ({ buildId, environmentType, endpoint, }: {
+    buildId?: string;
+    environmentType?: string;
+    endpoint?: string;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/BuildCheck.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { CircleFadingArrowUpIcon, LoaderCircleIcon } from "lucide-react";
+import { z } from "zod/v4";
+import { Button } from "../ui/Button.js";
+const BuildStatusSchema = z.object({
+    buildId: z.string(),
+    timestamp: z.string(),
+    status: z.enum(["in-progress", "success", "failed"]),
+});
+export const BuildCheck = ({ buildId, environmentType, endpoint = "/__zuplo/docs", }) => {
+    const buildStatusQuery = useQuery({
+        queryKey: ["zuplo-build-check", buildId, endpoint],
+        refetchInterval: 3000,
+        enabled: buildId !== undefined && environmentType === "WORKING_COPY",
+        retry: false,
+        queryFn: () => fetch(endpoint, { signal: AbortSignal.timeout(2000) })
+            .then((res) => {
+            if (!res.ok)
+                throw new Error("Failed to fetch build status");
+            return res.json();
+        })
+            .then((data) => BuildStatusSchema.parse(data)),
+    });
+    if (buildStatusQuery.isError ||
+        !buildStatusQuery.data ||
+        buildStatusQuery.data.buildId === buildId) {
+        return null;
+    }
+    const isCompleted = buildStatusQuery.data.status === "success";
+    return (_jsxs("div", { className: "fixed flex flex-col gap-3 p-4 rounded-xl w-96 border z-20 bg-background left-0 right-0 top-4 mx-auto shadow-lg", children: [isCompleted ? (_jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsx(CircleFadingArrowUpIcon, { size: 16 }), _jsx("span", { className: "text-sm", children: "New version available" })] })) : (_jsxs("div", { className: "flex flex-row items-center gap-2", children: [_jsx(LoaderCircleIcon, { size: 16, className: "animate-spin" }), _jsx("span", { className: "text-sm", children: "Building new version..." })] })), _jsx("span", { className: "text-xs", children: !isCompleted
+                    ? "A new version of the developer portal will be available soon."
+                    : "To see the new version, reload the page now." }), _jsx(Button, { variant: "outline", size: "sm", className: "w-full", onClick: () => {
+                    window.location.reload();
+                }, children: "Reload" })] }));
+};
+//# sourceMappingURL=BuildCheck.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BuildCheck.js","sourceRoot":"","sources":["../../../src/lib/components/BuildCheck.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE;IACnB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;IACrB,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;CACrD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,eAAe,EACf,QAAQ,GAAG,eAAe,GAK3B,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,QAAQ,CAAC;QAChC,QAAQ,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,QAAQ,CAAC;QAClD,eAAe,EAAE,IAAI;QACrB,OAAO,EAAE,OAAO,KAAK,SAAS,IAAI,eAAe,KAAK,cAAc;QACpE,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,GAAG,EAAE,CACZ,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;aACnD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,IAAI,CAAC,GAAG,CAAC,EAAE;gBAAE,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;YAC7D,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;KACnD,CAAC,CAAC;IAEH,IACE,gBAAgB,CAAC,OAAO;QACxB,CAAC,gBAAgB,CAAC,IAAI;QACtB,gBAAgB,CAAC,IAAI,CAAC,OAAO,KAAK,OAAO,EACzC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAC,gHAAgH,aAC5H,WAAW,CAAC,CAAC,CAAC,CACb,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,uBAAuB,IAAC,IAAI,EAAE,EAAE,GAAI,EACrC,eAAM,SAAS,EAAC,SAAS,sCAA6B,IAClD,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,cAAc,GAAG,EACvD,eAAM,SAAS,EAAC,SAAS,wCAA+B,IACpD,CACP,EACD,eAAM,SAAS,EAAC,SAAS,YACtB,CAAC,WAAW;oBACX,CAAC,CAAC,+DAA+D;oBACjE,CAAC,CAAC,8CAA8C,GAC7C,EACP,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC3B,CAAC,uBAGM,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/CategoryHeading.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cx } from "class-variance-authority";
 export const CategoryHeading = ({ children, className, }) => {
-    return (_jsx("div", { className: cx("text-sm font-semibold text-primary mb-2", className), children: children }));
+    return (_jsx("div", { className: cx("text-sm font-semibold text-primary mb-2", className), "data-pagefind-ignore": "all", children: children }));
 };
 //# sourceMappingURL=CategoryHeading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CategoryHeading.js","sourceRoot":"","sources":["../../../src/lib/components/CategoryHeading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAG9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YACrE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CategoryHeading.js","sourceRoot":"","sources":["../../../src/lib/components/CategoryHeading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,0BAA0B,CAAC;AAG9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,0BAC9C,KAAK,YAEzB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,3 +1,5 @@
+import { type ReactNode } from "react";
 export declare const ClientOnly: (props: {
-    children: React.ReactNode;
-}) => import("react").ReactNode;
+    children: ReactNode;
+    fallback?: ReactNode;
+}) => ReactNode;

package/dist/lib/components/ClientOnly.js

@@ -2,6 +2,6 @@ import { useSyncExternalStore } from "react";
 const noop = () => () => { };
 export const ClientOnly = (props) => {
     const value = useSyncExternalStore(noop, () => "client", () => "server");
-    return value === "client" ? props.children : null;
+    return value === "client" ? props.children : props.fallback;
 };
 //# sourceMappingURL=ClientOnly.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClientOnly.js","sourceRoot":"","sources":["../../../src/lib/components/ClientOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE;IACjE,MAAM,KAAK,GAAG,oBAAoB,CAChC,IAAI,EACJ,GAAG,EAAE,CAAC,QAAQ,EACd,GAAG,EAAE,CAAC,QAAQ,CACf,CAAC;IAEF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,CAAC,CAAC"}
+{"version":3,"file":"ClientOnly.js","sourceRoot":"","sources":["../../../src/lib/components/ClientOnly.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAG1B,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,oBAAoB,CAChC,IAAI,EACJ,GAAG,EAAE,CAAC,QAAQ,EACd,GAAG,EAAE,CAAC,QAAQ,CACf,CAAC;IAEF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC9D,CAAC,CAAC"}

package/dist/lib/components/DeveloperHint.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Callout } from "../ui/Callout.js";
+import { Markdown } from "./Markdown.js";
 export const DeveloperHint = ({ children, className, }) => {
     if (process.env.NODE_ENV !== "development")
         return;
-    return (_jsx(Callout, { type: "caution", title: "Developer hint", className: className, children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { children: children }), _jsx("small", { className: "italic", children: "Note: This hint is only shown in development mode." })] }) }));
+    return (_jsx(Callout, { type: "caution", title: "Developer hint", className: className, children: _jsxs("div", { className: "flex flex-col gap-2", children: [typeof children === "string" ? (_jsx(Markdown, { content: children })) : (_jsx("div", { children: children })), _jsx("small", { className: "italic", children: "Note: This hint is only shown in development mode." })] }) }));
 };
 //# sourceMappingURL=DeveloperHint.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeveloperHint.js","sourceRoot":"","sources":["../../../src/lib/components/DeveloperHint.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QAAE,OAAO;IAEnD,OAAO,CACL,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,SAAS,YACjE,eAAK,SAAS,EAAC,qBAAqB,aAClC,wBAAM,QAAQ,GAAO,EACrB,gBAAO,SAAS,EAAC,QAAQ,mEAEjB,IACJ,GACE,CACX,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"DeveloperHint.js","sourceRoot":"","sources":["../../../src/lib/components/DeveloperHint.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QAAE,OAAO;IAEnD,OAAO,CACL,KAAC,OAAO,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAE,SAAS,YACjE,eAAK,SAAS,EAAC,qBAAqB,aACjC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,GAAI,CAChC,CAAC,CAAC,CAAC,CACF,wBAAM,QAAQ,GAAO,CACtB,EACD,gBAAO,SAAS,EAAC,QAAQ,mEAEjB,IACJ,GACE,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/ErrorPage.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CategoryHeading } from "./CategoryHeading.js";
 import { Heading } from "./Heading.js";
-import { ProseClasses } from "./Markdown.js";
+import { Typography } from "./Typography.js";
 export const ErrorPage = ({ title = "An error occurred", message, category, }) => {
-    return (_jsxs("div", { className: ProseClasses + " h-full pt-[--padding-content-top]", children: [category && _jsx(CategoryHeading, { children: category }), title && (_jsx(Heading, { level: 1, className: "flex gap-3.5 items-center", children: title })), _jsx("p", { children: message })] }));
+    return (_jsxs(Typography, { className: "h-full pt-(--padding-content-top)", children: [category && _jsx(CategoryHeading, { children: category }), title && (_jsx(Heading, { level: 1, className: "flex gap-3.5 items-center", children: title })), _jsx("p", { children: message })] }));
 };
 //# sourceMappingURL=ErrorPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,GAAG,mBAAmB,EAC3B,OAAO,EACP,QAAQ,GAKT,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,YAAY,GAAG,oCAAoC,aAChE,QAAQ,IAAI,KAAC,eAAe,cAAE,QAAQ,GAAmB,EACzD,KAAK,IAAI,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,YACrD,KAAK,GACE,CACX,EACD,sBAAI,OAAO,GAAK,IACZ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,GAAG,mBAAmB,EAC3B,OAAO,EACP,QAAQ,GAKT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,UAAU,IAAC,SAAS,EAAE,mCAAmC,aACvD,QAAQ,IAAI,KAAC,eAAe,cAAE,QAAQ,GAAmB,EACzD,KAAK,IAAI,CACR,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,2BAA2B,YACrD,KAAK,GACE,CACX,EACD,sBAAI,OAAO,GAAK,IACL,CACd,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/lib/components/Footer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExternalLink as ExternalLinkIcon } from "lucide-react";
+import { cn } from "../util/cn.js";
+import { AnchorLink } from "./AnchorLink.js";
+import { useZudoku } from "./index.js";
+import { Slot } from "./Slot.js";
+const SocialIcon = ({ icon, }) => {
+    if (typeof icon === "string") {
+        return (_jsx("img", { src: `https://cdn.simpleicons.org/${icon}/000000/ffffff`, className: "size-5", alt: icon }));
+    }
+    return icon;
+};
+const isExternalUrl = (href) => /^https?:/.test(href);
+export const Footer = () => {
+    const { site: page } = useZudoku();
+    const footer = page?.footer;
+    if (!footer)
+        return null;
+    return (_jsx("footer", { className: "border-t bg-background", children: _jsxs("div", { className: "mx-auto max-w-screen-2xl px-4 lg:px-8 py-8 pt-20", children: [_jsxs("div", { className: cn("flex flex-row gap-8", {
+                        "justify-center": !footer.position || footer.position === "center",
+                        "justify-start": footer.position === "start",
+                        "justify-end": footer.position === "end",
+                    }), children: [_jsx(Slot.Target, { name: "footer-before" }), footer.columns && (_jsx("div", { className: "w-full md:max-w-screen-md grid grid-cols-[1fr_1fr] gap-8 md:grid-cols-[repeat(var(--columns),minmax(0,1fr))]", style: { "--columns": footer.columns.length }, children: footer.columns.map((column) => (_jsxs("div", { className: cn({
+                                    "justify-self-center": !column.position || column.position === "center",
+                                    "justify-self-start": column.position === "start",
+                                    "justify-self-end": column.position === "end",
+                                }), children: [_jsx("span", { className: "text-sm font-semibold", children: column.title }), _jsx("ul", { className: "mt-4 space-y-2", children: column.links.map((link) => {
+                                            const className = "flex flex-row gap-1 items-center text-sm text-muted-foreground hover:text-accent-foreground";
+                                            return (_jsx("li", { children: isExternalUrl(link.href) ? (_jsxs("a", { href: link.href, target: "_blank", rel: "noopener noreferrer", className: className, children: [_jsx("span", { children: link.label }), _jsx(ExternalLinkIcon, { size: 12 })] })) : (_jsx(AnchorLink, { to: link.href, className: className, children: _jsx("span", { children: link.label }) })) }, link.href + link.label));
+                                        }) })] }, column.title))) })), _jsx(Slot.Target, { name: "footer-after" })] }), _jsxs("div", { className: cn("flex items-center justify-between", footer.columns && "border-t mt-8 pt-8"), children: [footer.logo && (_jsxs(_Fragment, { children: [_jsx("img", { src: footer.logo.src.light, alt: footer.logo.alt, className: "w-8 dark:hidden", style: { width: footer.logo.width } }), _jsx("img", { src: footer.logo.src.dark, alt: footer.logo.alt, className: "w-8 hidden dark:block", style: { width: footer.logo.width } })] })), footer.copyright && (_jsx("p", { className: "text-sm text-muted-foreground", children: footer.copyright })), _jsx("div", { className: "flex items-center gap-2", children: footer.social?.map((social) => (_jsxs("a", { href: social.href, target: "_blank", rel: "noopener noreferrer", className: "w-auto gap-2 flex text-muted-foreground hover:text-accent-foreground", children: [_jsx(SocialIcon, { icon: social.icon }), social.label] }, social.href))) })] })] }) }));
+};
+//# sourceMappingURL=Footer.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { PropsWithChildren } from "react";
+export declare const Framed: ({ caption, className, size, align, children, }: PropsWithChildren<{
+    caption?: string;
+    className?: string;
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    align?: "center" | "start" | "end";
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Framed.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../util/cn.js";
+const frameVariants = cva("", {
+    variants: {
+        size: {
+            sm: "max-w-sm",
+            md: "max-w-md",
+            lg: "max-w-lg",
+            xl: "max-w-xl",
+            "2xl": "max-w-2xl",
+            full: "max-w-full",
+        },
+        align: {
+            center: "mx-auto",
+            start: "me-auto",
+            end: "ms-auto",
+        },
+    },
+    defaultVariants: {
+        size: "xl",
+        align: "center",
+    },
+});
+export const Framed = ({ caption, className, size = "xl", align = "center", children, }) => (_jsxs("figure", { className: cn(frameVariants({ size, align }), className), children: [_jsx("div", { className: "relative overflow-hidden rounded-lg border border-border bg-muted/50 p-1 shadow-sm", children: _jsx("div", { className: "not-prose rounded-md [&_img]:rounded-md! relative overflow-hidden bg-background", children: children }) }), caption && (_jsx("figcaption", { className: "mt-3 text-center text-sm text-muted-foreground", children: caption }))] }));
+//# sourceMappingURL=Framed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Framed.js","sourceRoot":"","sources":["../../../src/lib/components/Framed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAEnC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,YAAY;SACnB;QACD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;YAChB,GAAG,EAAE,SAAS;SACf;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,SAAS,EACT,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAMR,EAAE,EAAE,CAAC,CACL,kBAAQ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,aAC9D,cAAK,SAAS,EAAC,oFAAoF,YACjG,cAAK,SAAS,EAAC,iFAAiF,YAC7F,QAAQ,GACL,GACF,EACL,OAAO,IAAI,CACV,qBAAY,SAAS,EAAC,gDAAgD,YACnE,OAAO,GACG,CACd,IACM,CACV,CAAC"}

package/dist/lib/components/Header.js

@@ -1,35 +1,55 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MoonStarIcon, SunIcon } from "lucide-react";
 import { memo } from "react";
-import { Link } from "react-router-dom";
+import { Link } from "react-router";
+import { Button } from "zudoku/ui/Button.js";
+import { Skeleton } from "zudoku/ui/Skeleton.js";
 import { useAuth } from "../authentication/hook.js";
-import { isProfileMenuPlugin } from "../core/plugins.js";
-import { Button } from "../ui/Button.js";
+import { isProfileMenuPlugin, } from "../core/plugins.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../ui/DropdownMenu.js";
 import { cn } from "../util/cn.js";
+import { joinUrl } from "../util/joinUrl.js";
 import { Banner } from "./Banner.js";
-import { useTheme } from "./context/ThemeContext.js";
+import { ClientOnly } from "./ClientOnly.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 import { MobileTopNavigation } from "./MobileTopNavigation.js";
+import { PageProgress } from "./PageProgress.js";
 import { Search } from "./Search.js";
-import { Slotlet } from "./SlotletProvider.js";
+import { Slot } from "./Slot.js";
+import { ThemeSwitch } from "./ThemeSwitch.js";
 import { TopNavigation } from "./TopNavigation.js";
 const RecursiveMenu = ({ item }) => {
     return item.children ? (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: item.label }), _jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuSubContent, { children: item.children.map((item, i) => (
                     // eslint-disable-next-line react/no-array-index-key
-                    _jsx(RecursiveMenu, { item: item }, i))) }) })] }, item.label)) : (_jsx(Link, { to: item.path ?? "", children: _jsx(DropdownMenuItem, { children: item.label }, item.label) }));
+                    _jsx(RecursiveMenu, { item: item }, i))) }) })] }, item.label)) : (_jsx(Link, { to: item.path ?? "", children: _jsxs(DropdownMenuItem, { className: "flex gap-2", children: [item.icon && (_jsx(item.icon, { size: 16, strokeWidth: 1, absoluteStrokeWidth: true })), item.label] }, item.label) }));
 };
 export const Header = memo(function HeaderInner() {
     const auth = useAuth();
-    const [isDark, toggleTheme] = useTheme();
     const { isAuthenticated, profile, isAuthEnabled } = useAuth();
     const context = useZudoku();
-    const { page, plugins } = context;
+    const { site, plugins, options } = context;
     const accountItems = plugins
         .filter((p) => isProfileMenuPlugin(p))
         .flatMap((p) => p.getProfileMenuItems(context))
-        .map((i) => _jsx(RecursiveMenu, { item: i }, i.label));
-    const ThemeIcon = isDark ? MoonStarIcon : SunIcon;
-    return (_jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", children: [_jsx(Banner, {}), _jsxs("div", { className: "max-w-screen-2xl mx-auto", children: [_jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-10 lg:px-12 h-[--top-header-height]", children: [_jsx("div", { className: "flex", children: _jsx(Link, { to: "/", children: _jsxs("div", { className: "flex items-center gap-3.5", children: [page?.logo && (_jsxs(_Fragment, { children: [_jsx("img", { src: page.logo.src.light, alt: page.logo.alt ?? page.pageTitle, style: { width: page.logo.width }, className: cn("h-10", isDark && "hidden"), loading: "lazy" }), _jsx("img", { src: page.logo.src.dark, alt: page.logo.alt ?? page.pageTitle, style: { width: page.logo.width }, className: cn("h-10", !isDark && "hidden"), loading: "lazy" })] })), _jsx("span", { className: "font-bold text-2xl text-foreground/85 tracking-wide", children: page?.pageTitle })] }) }) }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-[--sidecar-grid-cols] items-center gap-8", children: [_jsx("div", { className: "w-full justify-center flex", children: _jsx(Search, {}) }), _jsx(MobileTopNavigation, {}), _jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [_jsx(Slotlet, { name: "head-navigation-start" }), isAuthEnabled && !isAuthenticated ? (_jsx(Button, { variant: "ghost", onClick: () => auth.login(), children: "Login" })) : (accountItems.length > 0 && (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", children: profile?.email ? `${profile.email}` : "My Account" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsx(DropdownMenuSeparator, {}), accountItems] })] }))), _jsx("button", { type: "button", "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", className: "cursor-pointer hover:bg-secondary p-2.5 -m-2.5 rounded-full", onClick: toggleTheme, children: _jsx(ThemeIcon, { size: 18 }) }), _jsx(Slotlet, { name: "head-navigation-end" })] })] })] }), _jsx(TopNavigation, {})] })] }));
+        .sort((i) => i.weight ?? 0);
+    const logoLightSrc = site?.logo
+        ? /https?:\/\//.test(site.logo.src.light)
+            ? site.logo.src.light
+            : joinUrl(options.basePath, site.logo.src.light)
+        : undefined;
+    const logoDarkSrc = site?.logo
+        ? /https?:\/\//.test(site.logo.src.dark)
+            ? site.logo.src.dark
+            : joinUrl(options.basePath, site.logo.src.dark)
+        : undefined;
+    const borderBottom = "inset-shadow-[0_-1px_0_0_var(--border)]";
+    return (_jsxs("header", { className: "sticky lg:top-0 z-10 bg-background/80 backdrop-blur w-full", "data-pagefind-ignore": "all", children: [_jsx(Banner, {}), _jsxs("div", { className: cn(borderBottom, "relative"), children: [_jsx(PageProgress, {}), _jsxs("div", { className: "max-w-screen-2xl mx-auto flex items-center justify-between h-(--top-header-height) px-4 lg:px-8 border-transparent", children: [_jsx("div", { className: "flex", children: _jsx(Link, { to: site?.logo?.href ?? "/", children: _jsxs("div", { className: "flex items-center gap-3.5", children: [site?.logo && (_jsxs(_Fragment, { children: [_jsx("img", { src: logoLightSrc, alt: site.logo.alt ?? site.title, style: { width: site.logo.width }, className: "max-h-(--top-header-height) dark:hidden", loading: "lazy" }), _jsx("img", { src: logoDarkSrc, alt: site.logo.alt ?? site.title, style: { width: site.logo.width }, className: "max-h-(--top-header-height) hidden dark:block", loading: "lazy" })] })), _jsx("span", { className: "font-semibold text-2xl", children: site?.title })] }) }) }), _jsx("div", { className: "absolute inset-x-0 justify-center items-center hidden lg:flex w-full pointer-events-none", children: _jsx(Search, { className: "pointer-events-auto" }) }), _jsxs("div", { className: "flex items-center gap-8", children: [_jsx(MobileTopNavigation, {}), _jsxs("div", { className: "hidden lg:flex items-center justify-self-end text-sm gap-2", children: [_jsx(Slot.Target, { name: "head-navigation-start" }), isAuthEnabled && (_jsx(ClientOnly, { fallback: _jsx(Skeleton, { className: "rounded-sm h-5 w-24 mr-4" }), children: !isAuthenticated ? (_jsx(Button, { variant: "ghost", onClick: () => auth.login(), children: "Login" })) : (Object.values(accountItems).length > 0 && (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", children: profile?.name ?? "My Account" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsxs(DropdownMenuLabel, { children: [profile?.name ? `${profile.name}` : "My Account", profile?.email && (_jsx("div", { className: "font-normal text-muted-foreground", children: profile.email }))] }), accountItems.filter((i) => i.category === "top")
+                                                                    .length > 0 && _jsx(DropdownMenuSeparator, {}), accountItems
+                                                                    .filter((i) => i.category === "top")
+                                                                    .map((i) => (_jsx(RecursiveMenu, { item: i }, i.label))), accountItems.filter((i) => !i.category || i.category === "middle").length > 0 && _jsx(DropdownMenuSeparator, {}), accountItems
+                                                                    .filter((i) => !i.category || i.category === "middle")
+                                                                    .map((i) => (_jsx(RecursiveMenu, { item: i }, i.label))), accountItems.filter((i) => i.category === "bottom")
+                                                                    .length > 0 && _jsx(DropdownMenuSeparator, {}), accountItems
+                                                                    .filter((i) => i.category === "bottom")
+                                                                    .map((i) => (_jsx(RecursiveMenu, { item: i }, i.label)))] })] }))) })), _jsx(Slot.Target, { name: "head-navigation-end" }), _jsx(ThemeSwitch, {})] })] })] })] }), _jsx("div", { className: cn("hidden lg:block", borderBottom), children: _jsxs("div", { className: "max-w-screen-2xl mx-auto border-transparent relative", children: [_jsx(Slot.Target, { name: "top-navigation-before" }), _jsx(TopNavigation, {}), _jsx(Slot.Target, { name: "top-navigation-after" })] }) })] }));
 });
 //# sourceMappingURL=Header.js.map

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

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

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

@@ -1,14 +1,18 @@
-import React, { type ReactNode } from "react";
+import type { HTMLAttributes, ReactNode } from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const heading: (props?: ({
-    level?: 2 | 1 | 3 | 6 | 5 | 4 | null | undefined;
+    level?: 2 | 1 | 3 | 4 | 5 | 6 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface HeadingProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof heading> {
+export type HeadingProps = HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof heading> & {
     children: ReactNode;
     className?: string;
     id?: string;
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    registerSidebarAnchor?: boolean;
-}
-export declare const Heading: React.FC<HeadingProps>;
+    /**
+     * This is to set labels as active when the heading is in the viewport.
+     * It's used in the navigation/toc to highlight the current section.
+     */
+    registerNavigationAnchor?: boolean;
+};
+export declare const Heading: ({ level, children, id, className, registerNavigationAnchor, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/components/Heading.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRegisterAnchorElement } from "./context/ViewportAnchorContext.js";
 import { cva } from "class-variance-authority";
+import { LinkIcon } from "lucide-react";
+import { cn } from "../util/cn.js";
 const heading = cva("group relative", {
     variants: {
         level: {
@@ -34,9 +36,12 @@ const getComponent = (level) => {
             return "h1";
     }
 };
-export const Heading = ({ level, children, id, className, registerSidebarAnchor, }) => {
+export const Heading = ({ level, children, id, className, registerNavigationAnchor, }) => {
     const Component = getComponent(level ?? 1);
     const { ref } = useRegisterAnchorElement();
-    return (_jsxs(Component, { className: heading({ className, level }), ref: registerSidebarAnchor ? ref : undefined, id: id, children: [id && (_jsx("a", { href: `#${id}`, className: "no-underline absolute text-primary -left-[0.8em] pr-2.5 opacity-0 group-hover:opacity-50 hover:!opacity-100 transition-opacity duration-200", "aria-label": `Link to ${id}`, children: "#" })), children] }));
+    return (_jsxs(Component, { className: heading({
+            className: cn("flex items-center gap-[0.33em]", className),
+            level,
+        }), ref: registerNavigationAnchor ? ref : undefined, id: id, children: [children, id && (_jsx("a", { href: `#${id}`, className: "rounded text-[0.8em] text-muted-foreground p-0.5 -m-0.5 opacity-0 group-hover:opacity-50 hover:text-primary hover:!opacity-100 transition-opacity duration-200", "aria-label": `Link to ${id}`, children: _jsx(LinkIcon, { className: "size-[0.75em] min-w-4 min-h-4" }) }))] }));
 };
 //# sourceMappingURL=Heading.js.map