zudoku 0.0.0-f3f6db5 → 0.0.0-f40ea27

package/dist/lib/components/Main.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PanelLeftIcon } from "lucide-react";
+import { useState } from "react";
+import { useNavigation } from "react-router";
+import { Drawer, DrawerTrigger } from "zudoku/ui/Drawer.js";
+import { cn } from "../util/cn.js";
+import { useCurrentNavigation, useZudoku } from "./context/ZudokuContext.js";
+import { Navigation } from "./navigation/Navigation.js";
+import { Slot } from "./Slot.js";
+export const Main = ({ children }) => {
+    const [isDrawerOpen, setDrawerOpen] = useState(false);
+    const { navigation } = useCurrentNavigation();
+    const hasNavigation = navigation.length > 0;
+    const isNavigating = useNavigation().state === "loading";
+    const { options } = useZudoku();
+    return (_jsxs(Drawer, { direction: options.site?.dir === "rtl" ? "right" : "left", open: isDrawerOpen, onOpenChange: (open) => setDrawerOpen(open), children: [hasNavigation && (_jsx(Navigation, { onRequestClose: () => setDrawerOpen(false), navigation: navigation })), hasNavigation && (_jsx("div", { className: "lg:hidden -mx-4 px-4 py-2 sticky bg-background/80 backdrop-blur-xs z-10 top-0 start-0 end-0 border-b", children: _jsxs(DrawerTrigger, { className: "flex items-center gap-2 px-4", children: [_jsx(PanelLeftIcon, { size: 16, strokeWidth: 1.5 }), _jsx("span", { className: "text-sm", children: "Menu" })] }) })), _jsxs("main", { "data-pagefind-body": true, className: cn("px-4 lg:pe-8 lg:px-8", !hasNavigation && "col-span-full", isNavigating && "animate-pulse"), children: [_jsx(Slot.Target, { name: "content-before" }), children, _jsx(Slot.Target, { name: "content-after" })] })] }));
+};
+//# sourceMappingURL=Main.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../../src/lib/components/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IACtD,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,aAAa,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEhC,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACzD,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAE1C,aAAa,IAAI,CAChB,KAAC,UAAU,IACT,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAC1C,UAAU,EAAE,UAAU,GACtB,CACH,EACA,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,sGAAsG,YACnH,MAAC,aAAa,IAAC,SAAS,EAAC,8BAA8B,aACrD,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,EAC7C,eAAM,SAAS,EAAC,SAAS,qBAAY,IACvB,GACZ,CACP,EACD,4CAEE,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,CAAC,aAAa,IAAI,eAAe,EACjC,YAAY,IAAI,eAAe,CAChC,aAED,KAAC,IAAI,CAAC,MAAM,IAAC,IAAI,EAAC,gBAAgB,GAAG,EACpC,QAAQ,EACT,KAAC,IAAI,CAAC,MAAM,IAAC,IAAI,EAAC,eAAe,GAAG,IAC/B,IACA,CACV,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,5 +1,6 @@
-export declare const ProseClasses = "prose dark:prose-invert prose-neutral";
-export declare const Markdown: import("react").MemoExoticComponent<({ content, className }: {
+import { type Components } from "react-markdown";
+export declare const Markdown: import("react").MemoExoticComponent<({ content, className, components, }: {
     content: string;
     className?: string;
+    components?: Components;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/lib/components/Markdown.js

@@ -1,23 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from "react";
+import { memo, useMemo } from "react";
+import { MarkdownHooks } from "react-markdown";
 import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
-import { visit } from "unist-util-visit";
+import { createConfiguredShikiRehypePlugins } from "../shiki.js";
 import { MdxComponents } from "../util/MdxComponents.js";
-import { ReactMarkdown } from "./ReactMarkdown.js";
-// same as in packages/dev-portal/framework/vite.ts
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const rehypeCodeBlockPlugin = () => (tree) => {
-    visit(tree, "element", (node, _index, parent) => {
-        if (node.tagName === "code") {
-            node.properties.inline = String(parent?.tagName !== "pre");
-        }
-    });
-};
+import { useZudoku } from "./context/ZudokuContext.js";
+import { Typography } from "./Typography.js";
 const remarkPlugins = [remarkGfm];
-const rehypePlugins = [rehypeCodeBlockPlugin, rehypeRaw];
-// other styles are defined in main.css .prose
-export const ProseClasses = "prose dark:prose-invert prose-neutral";
-export const Markdown = memo(({ content, className }) => (_jsx(ReactMarkdown, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: MdxComponents, className: className, children: content })));
+export const Markdown = memo(({ content, className, components, }) => {
+    const { syntaxHighlighting } = useZudoku().options;
+    const rehypePlugins = useMemo(() => [
+        rehypeRaw,
+        ...createConfiguredShikiRehypePlugins(syntaxHighlighting?.themes),
+    ], [syntaxHighlighting?.themes]);
+    const mdComponents = useMemo(() => ({ ...MdxComponents, ...components }), [components]);
+    return (_jsx(Typography, { className: className, children: _jsx(MarkdownHooks, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: mdComponents, children: content }) }));
+});
 Markdown.displayName = "Markdown";
 //# sourceMappingURL=Markdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/lib/components/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,mDAAmD;AACnD,8DAA8D;AAC9D,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,CAAC,IAAS,EAAE,EAAE;IAChD,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC;AAClC,MAAM,aAAa,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;AAEzD,8CAA8C;AAC9C,MAAM,CAAC,MAAM,YAAY,GAAG,uCAAuC,CAAC;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAC1B,CAAC,EAAE,OAAO,EAAE,SAAS,EAA2C,EAAE,EAAE,CAAC,CACnE,KAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,SAAS,YAEnB,OAAO,GACM,CACjB,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../src/lib/components/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,aAAa,EAAmB,MAAM,gBAAgB,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,aAAa,GAAG,CAAC,SAAS,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAC1B,CAAC,EACC,OAAO,EACP,SAAS,EACT,UAAU,GAKX,EAAE,EAAE;IACH,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC;IACnD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC;QACJ,SAAS;QACT,GAAG,kCAAkC,CAAC,kBAAkB,EAAE,MAAM,CAAC;KAClE,EACD,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAC7B,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC,EAC3C,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,YAC9B,KAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,YAAY,YAEvB,OAAO,GACM,GACL,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/lib/components/MobileTopNavigation.js

@@ -5,13 +5,18 @@ import { useState } from "react";
 import { useAuth } from "../authentication/hook.js";
 import { Drawer, DrawerContent, DrawerTitle, DrawerTrigger, } from "../ui/Drawer.js";
 import { useZudoku } from "./context/ZudokuContext.js";
+import { PoweredByZudoku } from "./navigation/PoweredByZudoku.js";
+import { isHiddenItem } from "./navigation/utils.js";
+import { PageProgress } from "./PageProgress.js";
 import { Search } from "./Search.js";
+import { Slot } from "./Slot.js";
 import { ThemeSwitch } from "./ThemeSwitch.js";
-import { isHiddenItem, TopNavItem } from "./TopNavigation.js";
+import { TopNavItem } from "./TopNavigation.js";
 export const MobileTopNavigation = () => {
-    const { topNavigation } = useZudoku();
+    const { navigation, options } = useZudoku();
     const { isAuthenticated } = useAuth();
     const [drawerOpen, setDrawerOpen] = useState(false);
-    return (_jsxs(Drawer, { direction: "right", open: drawerOpen, onOpenChange: (open) => setDrawerOpen(open), children: [_jsx("div", { className: "flex lg:hidden justify-self-end", children: _jsx(DrawerTrigger, { className: "lg:hidden", children: _jsx(MenuIcon, { size: 22 }) }) }), _jsx(DrawerContent, { className: "lg:hidden h-[100dvh] right-0 left-auto w-[320px] rounded-none", "aria-describedby": undefined, children: _jsxs("div", { className: "p-4 overflow-y-auto overscroll-none", children: [_jsx(VisuallyHidden, { children: _jsx(DrawerTitle, { children: "Navigation" }) }), _jsx(Search, { className: "flex p-4" }), _jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [_jsx("li", { children: _jsx(ThemeSwitch, {}) }), topNavigation.filter(isHiddenItem(isAuthenticated)).map((item) => (_jsx("li", { children: _jsx("button", { onClick: () => setDrawerOpen(false), children: _jsx(TopNavItem, { ...item }) }) }, item.label)))] })] }) })] }));
+    const filteredItems = navigation.filter(isHiddenItem(isAuthenticated));
+    return (_jsxs(Drawer, { direction: options.site?.dir === "rtl" ? "left" : "right", open: drawerOpen, onOpenChange: (open) => setDrawerOpen(open), children: [_jsxs("div", { className: "flex lg:hidden justify-self-end", children: [_jsx(DrawerTrigger, { className: "lg:hidden", children: _jsx(MenuIcon, { size: 22 }) }), _jsx(PageProgress, {})] }), _jsx(DrawerContent, { className: "lg:hidden h-[100dvh] end-0 start-auto w-[320px] rounded-none", "aria-describedby": undefined, children: _jsxs("div", { className: "p-4 overflow-y-auto overscroll-none h-full flex flex-col justify-between", children: [_jsxs("div", { children: [_jsx(VisuallyHidden, { children: _jsx(DrawerTitle, { children: "Navigation" }) }), _jsx(Search, { className: "flex p-4" }), _jsxs("ul", { className: "flex flex-col items-center gap-4 p-4", children: [_jsx("li", { className: "empty:hidden", children: _jsx(Slot.Target, { name: "top-navigation-side" }) }), _jsx("li", { children: _jsx(ThemeSwitch, {}) }), filteredItems.map((item) => (_jsx("li", { children: _jsx("button", { type: "button", onClick: () => setDrawerOpen(false), children: _jsx(TopNavItem, { ...item }) }) }, item.label)))] })] }), options.site?.showPoweredBy !== false && (_jsx(PoweredByZudoku, { className: "grow-0 justify-center gap-1" }))] }) })] }));
 };
 //# sourceMappingURL=MobileTopNavigation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobileTopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/MobileTopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAC,OAAO,EACjB,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAE3C,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,aAAa,IAAC,SAAS,EAAC,WAAW,YAClC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,GACZ,EACN,KAAC,aAAa,IACZ,SAAS,EAAC,+DAA+D,sBACvD,SAAS,YAE3B,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,cAAc,cACb,KAAC,WAAW,6BAAyB,GACtB,EACjB,KAAC,MAAM,IAAC,SAAS,EAAC,UAAU,GAAG,EAC/B,cAAI,SAAS,EAAC,sCAAsC,aAClD,uBACE,KAAC,WAAW,KAAG,GACZ,EACJ,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjE,uBACE,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACzC,KAAC,UAAU,OAAK,IAAI,GAAI,GACjB,IAHF,IAAI,CAAC,KAAK,CAId,CACN,CAAC,IACC,IACD,GACQ,IACT,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"MobileTopNavigation.js","sourceRoot":"","sources":["../../../src/lib/components/MobileTopNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAC5C,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,MAAC,MAAM,IACL,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzD,IAAI,EAAE,UAAU,EAChB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAE3C,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,aAAa,IAAC,SAAS,EAAC,WAAW,YAClC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,EAChB,KAAC,YAAY,KAAG,IACZ,EACN,KAAC,aAAa,IACZ,SAAS,EAAC,8DAA8D,sBACtD,SAAS,YAE3B,eAAK,SAAS,EAAC,0EAA0E,aACvF,0BACE,KAAC,cAAc,cACb,KAAC,WAAW,6BAAyB,GACtB,EACjB,KAAC,MAAM,IAAC,SAAS,EAAC,UAAU,GAAG,EAC/B,cAAI,SAAS,EAAC,sCAAsC,aAClD,aAAI,SAAS,EAAC,cAAc,YAC1B,KAAC,IAAI,CAAC,MAAM,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,EACL,uBACE,KAAC,WAAW,KAAG,GACZ,EACJ,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,uBACE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YACvD,KAAC,UAAU,OAAK,IAAI,GAAI,GACjB,IAHF,IAAI,CAAC,KAAK,CAId,CACN,CAAC,IACC,IACD,EACL,OAAO,CAAC,IAAI,EAAE,aAAa,KAAK,KAAK,IAAI,CACxC,KAAC,eAAe,IAAC,SAAS,EAAC,6BAA6B,GAAG,CAC5D,IACG,GACQ,IACT,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/NotFoundPage.js

@@ -4,9 +4,9 @@ import { Link, useParams } from "react-router";
 import { CategoryHeading } from "./CategoryHeading.js";
 import { DeveloperHint } from "./DeveloperHint.js";
 import { Heading } from "./Heading.js";
-import { ProseClasses } from "./Markdown.js";
+import { Typography } from "./Typography.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" })] }));
+    return (_jsxs(Typography, { className: "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

@@ -1 +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,cAAc,CAAC;AAC/C,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"}
+{"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,cAAc,CAAC;AAC/C,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,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,MAAC,UAAU,IAAC,SAAS,EAAC,mCAAmC,aACvD,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,IACrB,CACd,CAAC;AACJ,CAAC,CAAC"}

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

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

package/dist/lib/components/PageProgress.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNProgress } from "@tanem/react-nprogress";
+import { useEffect, useState } from "react";
+import { useNavigation } from "react-router";
+export const PageProgress = () => {
+    const navigation = useNavigation();
+    const isNavigating = navigation.state === "loading";
+    // delay the animation to avoid flickering
+    const [isAnimating, setIsAnimating] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setIsAnimating(isNavigating), 200);
+        return () => clearTimeout(timer);
+    }, [isNavigating]);
+    const { isFinished, progress } = useNProgress({ isAnimating });
+    return (_jsx("div", { className: "absolute w-0 left-0 right-0 bottom-[-1px] h-[2px] bg-primary transition-all duration-300 ease-in-out", style: {
+            opacity: isFinished ? 0 : 1,
+            width: isFinished ? 0 : `${progress * 100}%`,
+        } }));
+};
+//# sourceMappingURL=PageProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageProgress.js","sourceRoot":"","sources":["../../../src/lib/components/PageProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,KAAK,SAAS,CAAC;IACpD,0CAA0C;IAC1C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,CAAC;QAElE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IAE/D,OAAO,CACL,cACE,SAAS,EAAC,sGAAsG,EAChH,KAAK,EAAE;YACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,GAAG,GAAG;SAC7C,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare const Pagination: ({ prev, next, className, }: {
+    prev: {
+        to: string;
+        label: string;
+    } | undefined;
+    next: {
+        to: string;
+        label: string;
+    } | undefined;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Pagination.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
+import { Link } from "react-router";
+import { cn } from "../util/cn.js";
+import { Button } from "./index.js";
+export const Pagination = ({ prev, next, className, }) => {
+    const linkClass = "group transition-all p-5 space-x-1 rtl:space-x-reverse transition-all hover:text-foreground";
+    return (_jsxs("div", { className: cn("flex -mx-4 text-muted-foreground font-semibold", prev ? "justify-between" : "justify-end", className), children: [prev && (_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: prev.to, relative: "path", className: linkClass, children: [_jsx(ArrowLeftIcon, { size: 14, strokeWidth: 2.5 }), _jsx("span", { className: "text-lg truncate", children: prev.label })] }) })), next && (_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: next.to, relative: "path", className: linkClass, children: [_jsx("span", { className: "text-lg truncate", children: next.label }), _jsx(ArrowRightIcon, { size: 14, strokeWidth: 2.5 })] }) }))] }));
+};
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/lib/components/Pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,SAAS,GAKV,EAAE,EAAE;IACH,MAAM,SAAS,GACb,6FAA6F,CAAC;IAEhG,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa,EACxC,SAAS,CACV,aAEA,IAAI,IAAI,CACP,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,kBAC7B,MAAC,IAAI,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,aACrD,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,EAC7C,eAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,KAAK,GAAQ,IACjD,GACA,CACV,EACA,IAAI,IAAI,CACP,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,kBAC7B,MAAC,IAAI,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,aACrD,eAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,KAAK,GAAQ,EACtD,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,GAAI,IACzC,GACA,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/components/PathRenderer.js

@@ -1,25 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
-export const PathRenderer = ({ path, renderParam, }) => path.split("/").map((part, i, arr) => {
-    const matches = Array.from(part.matchAll(/{([^}]+)}/g));
-    const elements = [];
-    let lastIndex = 0;
-    matches.forEach((match, matchIndex) => {
-        const [originalValue, name] = match;
-        if (!name)
-            return;
-        const startIndex = match.index;
-        if (startIndex > lastIndex) {
-            elements.push(_jsx(Fragment, { children: part.slice(lastIndex, startIndex) }, `text-${lastIndex}-${startIndex}`));
+export const PathRenderer = ({ path, renderParam, }) => {
+    let paramIndex = 0;
+    return path.split("/").map((part, i, arr) => {
+        const matches = Array.from(part.matchAll(/{([^}]+)}/g));
+        const elements = [];
+        let lastIndex = 0;
+        matches.forEach((match) => {
+            const [originalValue, name] = match;
+            if (!name)
+                return;
+            const startIndex = match.index;
+            if (startIndex > lastIndex) {
+                elements.push(_jsx(Fragment, { children: part.slice(lastIndex, startIndex) }, `text-${lastIndex}-${startIndex}`));
+            }
+            elements.push(_jsx(Fragment, { children: renderParam({ name, originalValue, index: paramIndex++ }) }, `param-${name}`));
+            lastIndex = startIndex + originalValue.length;
+        });
+        if (lastIndex < part.length) {
+            elements.push(_jsx(Fragment, { children: part.slice(lastIndex) }, `text-${lastIndex}-${part.length}`));
         }
-        elements.push(_jsx(Fragment, { children: renderParam({ name, originalValue, index: matchIndex }) }, `param-${name}`));
-        lastIndex = startIndex + originalValue.length;
+        return (
+        // eslint-disable-next-line react/no-array-index-key
+        _jsxs(Fragment, { children: [elements, i < arr.length - 1 && "/", _jsx("wbr", {})] }, `${part}-${i}`));
     });
-    if (lastIndex < part.length) {
-        elements.push(_jsx(Fragment, { children: part.slice(lastIndex) }, `text-${lastIndex}-${part.length}`));
-    }
-    return (
-    // eslint-disable-next-line react/no-array-index-key
-    _jsxs(Fragment, { children: [elements, i < arr.length - 1 && "/", _jsx("wbr", {})] }, `${part}-${i}`));
-});
+};
 //# sourceMappingURL=PathRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PathRenderer.js","sourceRoot":"","sources":["../../../src/lib/components/PathRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAQjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,GAIZ,EAAE,EAAE,CACH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;IACnC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAgB,EAAE,CAAC;IACjC,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;QACpC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;QACpC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAM,CAAC;QAEhC,IAAI,UAAU,GAAG,SAAS,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,IADrB,QAAQ,SAAS,IAAI,UAAU,EAAE,CAErC,CACZ,CAAC;QACJ,CAAC;QAED,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,IAD3C,SAAS,IAAI,EAAE,CAEnB,CACZ,CAAC;QAEF,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IADT,QAAQ,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE,CAEtC,CACZ,CAAC;IACJ,CAAC;IAED,OAAO;IACL,oDAAoD;IACpD,MAAC,QAAQ,eACN,QAAQ,EACR,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,GAAG,IAAI,IAAI,CAAC,EAAE,CAIlB,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PathRenderer.js","sourceRoot":"","sources":["../../../src/lib/components/PathRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAQjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,GAIZ,EAAE,EAAE;IACH,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAgB,EAAE,CAAC;QACjC,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACxB,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC;YACpC,IAAI,CAAC,IAAI;gBAAE,OAAO;YAClB,MAAM,UAAU,GAAG,KAAK,CAAC,KAAM,CAAC;YAEhC,IAAI,UAAU,GAAG,SAAS,EAAE,CAAC;gBAC3B,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,IADrB,QAAQ,SAAS,IAAI,UAAU,EAAE,CAErC,CACZ,CAAC;YACJ,CAAC;YAED,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,WAAW,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,IAD7C,SAAS,IAAI,EAAE,CAEnB,CACZ,CAAC;YAEF,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CACX,KAAC,QAAQ,cACN,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IADT,QAAQ,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE,CAEtC,CACZ,CAAC;QACJ,CAAC;QAED,OAAO;QACL,oDAAoD;QACpD,MAAC,QAAQ,eACN,QAAQ,EACR,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,GAAG,IAAI,IAAI,CAAC,EAAE,CAIlB,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/lib/components/Search.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon } from "lucide-react";
 import { Suspense, useCallback, useEffect, useState } from "react";
 import { isSearchPlugin } from "../core/plugins.js";
+import { detectOS } from "../util/detectOS.js";
+import { ClientOnly } from "./ClientOnly.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 export const Search = ({ className }) => {
     const ctx = useZudoku();
@@ -26,9 +28,13 @@ export const Search = ({ className }) => {
     if (!searchPlugin) {
         return null;
     }
-    return (_jsxs("div", { className: className, children: [_jsxs("button", { type: "button", onClick: () => setIsOpen(true), className: "flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-full sm:w-72", children: [_jsxs("div", { className: "flex items-center gap-2 flex-grow", children: [_jsx(SearchIcon, { size: 14 }), "Search"] }), _jsx("kbd", { className: "absolute right-[0.3rem] top-[0.3rem] hidden h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: "\u2318K" })] }), _jsx(Suspense, { fallback: null, children: searchPlugin.renderSearch({
+    return (_jsxs("div", { className: className, children: [_jsxs("button", { type: "button", onClick: () => setIsOpen(true), className: "flex items-center border border-input hover:bg-accent hover:text-accent-foreground p-4 relative h-8 justify-start rounded-lg bg-background text-sm text-muted-foreground shadow-none w-full sm:w-72", children: [_jsxs("div", { className: "flex items-center gap-2 grow", children: [_jsx(SearchIcon, { size: 14 }), "Search"] }), _jsx(ClientOnly, { children: _jsx(KbdShortcut, {}) })] }), _jsx(Suspense, { fallback: null, children: searchPlugin.renderSearch({
                     isOpen,
                     onClose,
                 }) })] }));
 };
+const KbdShortcut = () => {
+    const os = detectOS();
+    return (_jsxs("kbd", { className: "absolute end-1.5 hidden h-5 select-none items-center gap-1 rounded-sm border bg-muted px-1.5 font-mono text-[11px] font-medium opacity-100 sm:flex", children: [os === "macOS" ? "⌘" : "Ctrl", "+K"] }));
+};
 //# sourceMappingURL=Search.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/lib/components/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,SAAS,SAAS,CAAC,KAAoB;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEtD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC9B,SAAS,EAAC,qMAAqM,aAE/M,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,cAEpB,EACN,cAAK,SAAS,EAAC,qKAAqK,wBAE9K,IACC,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACrB,YAAY,CAAC,YAAY,CAAC;oBACzB,MAAM;oBACN,OAAO;iBACR,CAAC,GACO,IACP,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/lib/components/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAA0B,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,SAAS,SAAS,CAAC,KAAoB;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAExB,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEtD,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACvB,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAC9B,SAAS,EAAC,qMAAqM,aAE/M,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,cAEpB,EACN,KAAC,UAAU,cACT,KAAC,WAAW,KAAG,GACJ,IACN,EACT,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACrB,YAAY,CAAC,YAAY,CAAC;oBACzB,MAAM;oBACN,OAAO;iBACR,CAAC,GACO,IACP,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACtB,OAAO,CACL,eAAK,SAAS,EAAC,oJAAoJ,aAChK,EAAE,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,UAC1B,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+import { type ReactNode } from "react";
+import { type SlotType } from "./context/SlotProvider.js";
+export type CustomSlotNames = never;
+type PredefinedSlotNames = "api-keys-list-page" | "api-keys-list-page-before-keys" | "footer-after" | "footer-before" | "head-navigation-end" | "head-navigation-start" | "layout-after-head" | "layout-before-head" | "top-navigation-after" | "top-navigation-before" | "top-navigation-side" | "content-before" | "content-after" | "navigation-after" | "navigation-before";
+export type SlotName = PredefinedSlotNames | CustomSlotNames;
+export declare const Slot: {
+    Source: ({ name, children, type, }: {
+        name: SlotName;
+        type?: "prepend" | "replace" | "append";
+        children: SlotType;
+    }) => null;
+    Target: ({ name, fallback }: {
+        name: string;
+        fallback?: ReactNode;
+    }) => string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element[] | null | undefined;
+};
+export {};

package/dist/lib/components/Slot.js

@@ -0,0 +1,24 @@
+import { useId, useLayoutEffect } from "react";
+import { useRenderSlot, useSlotContext, } from "./context/SlotProvider.js";
+export const Slot = {
+    Source: ({ name, children, type = "replace", }) => {
+        const id = useId();
+        const setSlot = useSlotContext((s) => s.setSlot);
+        const clearSlot = useSlotContext((s) => s.clearSlot);
+        if (import.meta.env.SSR) {
+            setSlot(id, name, children, type);
+        }
+        useLayoutEffect(() => {
+            setSlot(id, name, children, type);
+            return () => clearSlot(id, name);
+        }, [id, name, children, type, setSlot, clearSlot]);
+        return null;
+    },
+    Target: ({ name, fallback }) => {
+        const slot = useRenderSlot(name);
+        if (slot.length === 0)
+            return fallback;
+        return slot;
+    },
+};
+//# sourceMappingURL=Slot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../../src/lib/components/Slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAkB,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,aAAa,EACb,cAAc,GAEf,MAAM,2BAA2B,CAAC;AA0BnC,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,MAAM,EAAE,CAAC,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,GAKjB,EAAE,EAAE;QACH,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;QACnB,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAErD,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;YACxB,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;QACpC,CAAC;QAED,eAAe,CAAC,GAAG,EAAE;YACnB,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;YAClC,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACnC,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;QAEnD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA0C,EAAE,EAAE;QACrE,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QAEjC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,QAAQ,CAAC;QACvC,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAC"}

package/dist/lib/components/Slot.test.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { act, screen, render as testRender, } from "@testing-library/react";
+import { useEffect, useState } from "react";
+import { MemoryRouter } from "react-router";
+import { describe, expect, it } from "vitest";
+import { ZudokuContext } from "../core/ZudokuContext.js";
+import { Slot } from "./Slot.js";
+import { SlotProvider } from "./context/SlotProvider.js";
+import { ZudokuProvider } from "./context/ZudokuProvider.js";
+/**
+ * @vitest-environment happy-dom
+ */
+const createWrapper = (slots = {}) => {
+    const queryClient = new QueryClient();
+    const context = new ZudokuContext({}, queryClient);
+    const wrapper = ({ children }) => (_jsx(MemoryRouter, { initialEntries: ["/", "/page"], children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ZudokuProvider, { context: context, children: _jsx(SlotProvider, { slots: slots, children: children }) }) }) }));
+    return { context, wrapper };
+};
+// We wrap every render function with `act` because of Suspense:
+// https://github.com/testing-library/react-testing-library/issues/1375
+const render = async (element, slots = {}) => {
+    let renderResult;
+    const { wrapper } = createWrapper(slots);
+    await act(async () => {
+        renderResult = testRender(element, { wrapper });
+    });
+    return renderResult;
+};
+describe("Slot", () => {
+    describe("Slot.Target", () => {
+        it("renders fallback when no slot content is provided", async () => {
+            await render(_jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }));
+            expect(screen.getByText("Fallback content")).toBeInTheDocument();
+        });
+        it("renders nothing when no slot content and no fallback", async () => {
+            const { container } = await render(_jsx(Slot.Target, { name: "footer-after" }));
+            expect(container.firstChild).toBeNull();
+        });
+        it("renders slot content when provided via SlotProvider", async () => {
+            await render(_jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }), { "footer-after": _jsx("div", { children: "Provider content" }) });
+            expect(screen.getByText("Provider content")).toBeInTheDocument();
+            expect(screen.queryByText("Fallback content")).not.toBeInTheDocument();
+        });
+    });
+    describe("Slot.Source", () => {
+        it("renders content in target slot with replace type (default)", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+            expect(screen.queryByText("Fallback content")).not.toBeInTheDocument();
+        });
+        it("renders content in target slot with explicit replace type", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("div", { children: "Replace content" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Replace content")).toBeInTheDocument();
+        });
+        it("prepends content when type is prepend", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Prepended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), {
+                "footer-after": _jsx("span", { children: "Original" }),
+            });
+            expect(container.textContent).toBe("PrependedOriginal");
+        });
+        it("appends content when type is append", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Appended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("OriginalAppended");
+        });
+        it("handles multiple sources with different types in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Appended" }) }), _jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Prepended" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), {
+                "footer-after": _jsx("span", { children: "Original" }),
+            });
+            expect(container.textContent).toBe("PrependedOriginalAppended");
+        });
+        it("replaces content when multiple replace sources are provided", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("span", { children: "First replace" }) }), _jsx(Slot.Source, { name: "footer-after", type: "replace", children: _jsx("span", { children: "Second replace" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Second replace")).toBeInTheDocument();
+            expect(screen.queryByText("First replace")).not.toBeInTheDocument();
+        });
+        it("cleans up slot content when component unmounts", async () => {
+            const { rerender } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+            rerender(_jsx(_Fragment, { children: _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("div", { children: "Fallback content" }) }) }));
+            expect(screen.getByText("Fallback content")).toBeInTheDocument();
+            expect(screen.queryByText("Source content")).not.toBeInTheDocument();
+        });
+        it("handles multiple prepend sources in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "First prepend" }) }), _jsx(Slot.Source, { name: "footer-after", type: "prepend", children: _jsx("span", { children: "Second prepend" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("Second prependFirst prependOriginal");
+        });
+        it("handles multiple append sources in correct order", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "First append" }) }), _jsx(Slot.Source, { name: "footer-after", type: "append", children: _jsx("span", { children: "Second append" }) }), _jsx(Slot.Target, { name: "footer-after" })] }), { "footer-after": _jsx("span", { children: "Original" }) });
+            expect(container.textContent).toBe("OriginalFirst appendSecond append");
+        });
+        it("handles empty children in Source", async () => {
+            const { container } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: null }), _jsx(Slot.Target, { name: "footer-after", fallback: _jsx("span", { children: "Fallback" }) })] }));
+            // Empty children should be ignored, showing fallback
+            expect(container.textContent).toBe("Fallback");
+        });
+        it("renders content when Target is defined before Source", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Target, { name: "footer-after" }), _jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+        });
+        it("renders content when Source is defined before Target", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Source content" }) }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Source content")).toBeInTheDocument();
+        });
+    });
+    describe("Multiple slots", () => {
+        it("handles multiple independent slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-before", children: _jsx("div", { children: "Content 1" }) }), _jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Content 2" }) }), _jsx(Slot.Target, { name: "footer-before" }), _jsx(Slot.Target, { name: "footer-after" })] }));
+            expect(screen.getByText("Content 1")).toBeInTheDocument();
+            expect(screen.getByText("Content 2")).toBeInTheDocument();
+        });
+        it("handles slots with same name but different targets", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "footer-after", children: _jsx("div", { children: "Shared content" }) }), _jsx("div", { "data-testid": "target-1", children: _jsx(Slot.Target, { name: "footer-after" }) }), _jsx("div", { "data-testid": "target-2", children: _jsx(Slot.Target, { name: "footer-after" }) })] }));
+            const targets = screen.getAllByText("Shared content");
+            expect(targets).toHaveLength(2);
+        });
+        it("handles nested slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsxs("div", { children: ["Outer content", _jsx(Slot.Source, { name: "content-after", children: _jsx("div", { children: "Inner content" }) })] }) }), _jsx(Slot.Target, { name: "content-before" }), _jsx(Slot.Target, { name: "content-after" })] }));
+            expect(screen.getByText("Outer content")).toBeInTheDocument();
+            expect(screen.getByText("Inner content")).toBeInTheDocument();
+        });
+    });
+    describe("Edge cases", () => {
+        it("handles deep nesting of slots", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsxs("div", { children: ["Level 1", _jsx(Slot.Source, { name: "content-after", children: _jsxs("div", { children: ["Level 2", _jsx(Slot.Source, { name: "navigation-before", children: _jsx("div", { children: "Level 3" }) })] }) })] }) }), _jsx(Slot.Target, { name: "content-before" }), _jsx(Slot.Target, { name: "content-after" }), _jsx(Slot.Target, { name: "navigation-before" })] }));
+            expect(screen.getByText("Level 1")).toBeInTheDocument();
+            expect(screen.getByText("Level 2")).toBeInTheDocument();
+            expect(screen.getByText("Level 3")).toBeInTheDocument();
+        });
+        it("handles many slots", async () => {
+            const manySlots = Array.from({ length: 50 }, (_, i) => `slot-${i}`);
+            await render(_jsxs(_Fragment, { children: [manySlots.map((name) => (_jsx(Slot.Source, { name: name, children: _jsxs("div", { children: ["Content ", name] }) }, name))), manySlots.map((name) => (_jsx(Slot.Target, { name: name }, name)))] }));
+            manySlots.forEach((name) => {
+                expect(screen.getByText(`Content ${name}`)).toBeInTheDocument();
+            });
+        });
+    });
+    describe("Integration cases", () => {
+        it("handles updates", async () => {
+            const { rerender } = await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx("div", { children: "Initial content" }) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Initial content")).toBeInTheDocument();
+            rerender(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx("div", { children: "Updated content" }) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Updated content")).toBeInTheDocument();
+        });
+        it("handles async content", async () => {
+            vi.useFakeTimers();
+            const AsyncContent = () => {
+                const [content, setContent] = useState("Loading...");
+                useEffect(() => {
+                    setTimeout(() => setContent("Loaded content"), 250);
+                }, []);
+                return _jsx("div", { children: content });
+            };
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: _jsx(AsyncContent, {}) }), _jsx(Slot.Target, { name: "content-before" })] }));
+            expect(screen.getByText("Loading...")).toBeInTheDocument();
+            await act(async () => {
+                vi.advanceTimersToNextTimer();
+            });
+            expect(screen.getByText("Loaded content")).toBeInTheDocument();
+            vi.useRealTimers();
+        });
+        it("renders render functions", async () => {
+            await render(_jsxs(_Fragment, { children: [_jsx(Slot.Source, { name: "content-before", children: (props) => `Current path: ${props.location.pathname}` }), _jsx(Slot.Target, { name: "content-before" })] }), {});
+            expect(screen.getByText("Current path: /page")).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Slot.test.js.map

package/dist/lib/components/Slot.test.js.map

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

package/dist/lib/components/ThemeSwitch.js

@@ -1,13 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { MoonStarIcon, SunIcon } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 import { Button } from "zudoku/ui/Button.js";
+import { cn } from "../util/cn.js";
 import { ClientOnly } from "./ClientOnly.js";
 export const ThemeSwitch = () => {
     const { resolvedTheme, setTheme } = useTheme();
-    const ThemeIcon = resolvedTheme === "dark" ? MoonStarIcon : SunIcon;
-    return (_jsx(ClientOnly, { fallback: _jsx(Button, { variant: "ghost", size: "icon" }), children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": resolvedTheme === "dark"
+    return (_jsx(ClientOnly, { fallback: _jsx(Button, { variant: "ghost", size: "icon" }), children: _jsxs("button", { type: "button", className: "flex rounded-full border p-0.5 gap-0.5 group", onClick: () => setTheme(resolvedTheme === "dark" ? "light" : "dark"), "aria-label": resolvedTheme === "dark"
                 ? "Switch to light mode"
-                : "Switch to dark mode", onClick: () => setTheme(resolvedTheme === "dark" ? "light" : "dark"), children: _jsx(ThemeIcon, { size: 18 }) }) }));
+                : "Switch to dark mode", children: [_jsx("div", { className: cn("border border-transparent rounded-full p-0.5 [&>svg>circle]:transition-colors [&>svg>path]:transition-transform transition-all [&>svg>path]:duration-200 [&>svg>circle]:duration-500 [&>svg>circle]:fill-transparent", resolvedTheme === "light" && "border-border bg-muted", resolvedTheme === "dark" &&
+                        "group-hover:[&>svg>path]:scale-110 group-hover:[&>svg>path]:-translate-x-[1px] group-hover:[&>svg>path]:-translate-y-[1px] group-hover:rotate-[15deg] "), children: _jsx(SunIcon, { size: 16 }) }), _jsx("div", { className: cn("border border-transparent rounded-full p-0.5 transition-transform transform-gpu duration-500", resolvedTheme === "dark" &&
+                        "border-border bg-muted [&>svg>path]:fill-white [&>svg>path]:stroke-transparent", resolvedTheme === "light" &&
+                        "group-hover:rotate-[-10deg] [&>svg>path]:stroke-currentColor"), children: _jsx(MoonIcon, { size: 16 }) })] }) }));
 };
 //# sourceMappingURL=ThemeSwitch.js.map