@repraze/kernelkit 0.0.0-stage → 0.1.0-alpha.0

package/dist/components/sidebar.js

@@ -0,0 +1,289 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { Button } from "@repraze/kernelkit/components/button";
+import { Input } from "@repraze/kernelkit/components/input";
+import { ScrollArea } from "@repraze/kernelkit/components/scroll-area";
+import { Separator } from "@repraze/kernelkit/components/separator";
+import { Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "@repraze/kernelkit/components/sheet";
+import { Skeleton } from "@repraze/kernelkit/components/skeleton";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@repraze/kernelkit/components/tooltip";
+import { useIsMobile } from "@repraze/kernelkit/hooks/use-mobile";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { PanelLeftIcon } from "lucide-react";
+import * as React from "react";
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+    const context = React.useContext(SidebarContext);
+    if (!context) {
+        throw new Error("useSidebar must be used within a SidebarProvider.");
+    }
+    return context;
+}
+function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, keyboardShortcut = true, className, style, children, ...props }) {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React.useState(false);
+    // This is the internal state of the sidebar.
+    // We use openProp and setOpenProp for control from outside the component.
+    const [_open, _setOpen] = React.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React.useCallback((value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+            setOpenProp(openState);
+        }
+        else {
+            _setOpen(openState);
+        }
+        // This sets the cookie to keep the sidebar state.
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    }, [setOpenProp, open]);
+    // Helper to toggle the sidebar.
+    const toggleSidebar = React.useCallback(() => {
+        return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+    }, [isMobile, setOpen, setOpenMobile]);
+    // Adds a keyboard shortcut to toggle the sidebar. Opt out with `keyboardShortcut={false}`.
+    React.useEffect(() => {
+        if (!keyboardShortcut) {
+            return;
+        }
+        const handleKeyDown = (event) => {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+                event.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [keyboardShortcut, toggleSidebar]);
+    // We add a state so that we can do data-state="expanded" or "collapsed".
+    // This makes it easier to style the sidebar with Tailwind classes.
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React.useMemo(() => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+    }), [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]);
+    return (_jsx(SidebarContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "sidebar-wrapper", style: {
+                "--sidebar-width": SIDEBAR_WIDTH,
+                "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+                ...style,
+            }, className: cn("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", className), ...props, children: children }) }));
+}
+function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, dir, ...props }) {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+        return (_jsx("div", { "data-slot": "sidebar", className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className), ...props, children: children }));
+    }
+    if (isMobile) {
+        return (_jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: _jsxs(SheetContent, { dir: dir, "data-sidebar": "sidebar", "data-slot": "sidebar", "data-mobile": "true", className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", style: {
+                    "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+                }, side: side, children: [_jsxs(SheetHeader, { className: "sr-only", children: [_jsx(SheetTitle, { children: "Sidebar" }), _jsx(SheetDescription, { children: "Displays the mobile sidebar." })] }), _jsx("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
+    }
+    return (_jsxs("div", { className: "group peer hidden text-sidebar-foreground md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, "data-slot": "sidebar", children: [_jsx("div", { "data-slot": "sidebar-gap", className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
+                    ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)") }), _jsx("div", { "data-slot": "sidebar-container", "data-side": side, className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", 
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset"
+                    ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+                    : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: _jsx("div", { "data-sidebar": "sidebar", "data-slot": "sidebar-inner", className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-xl group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:shadow-(color:--shadow-color)", children: children }) })] }));
+}
+function SidebarTrigger({ className, onClick, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (_jsxs(Button, { "data-sidebar": "trigger", "data-slot": "sidebar-trigger", variant: "ghost", size: "icon-sm", className: cn(className), onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+        }, ...props, children: [_jsx(PanelLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
+}
+function SidebarRail({ className, ...props }) {
+    const { toggleSidebar } = useSidebar();
+    return (_jsx("button", { "data-sidebar": "rail", "data-slot": "sidebar-rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: cn("absolute inset-y-0 z-20 hidden w-4 transition-[transform,background-color] ease-linear motion-reduce:transition-none group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
+}
+function SidebarInset({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "main",
+        props: mergeProps({
+            className: cn("relative flex w-full min-w-0 flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:border md:peer-data-[variant=inset]:border-sidebar-border md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:shadow-(color:--shadow-color) md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", className),
+        }, props),
+        render,
+        state: {
+            slot: "sidebar-inset",
+        },
+    });
+}
+function SidebarInput({ className, ...props }) {
+    return (_jsx(Input, { "data-slot": "sidebar-input", "data-sidebar": "input", className: cn("h-8 w-full bg-background shadow-none", className), ...props }));
+}
+function SidebarHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-header", "data-sidebar": "header", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+}
+function SidebarFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-footer", "data-sidebar": "footer", className: cn("flex flex-col gap-2 p-2", className), ...props }));
+}
+function SidebarSeparator({ className, ...props }) {
+    return (_jsx(Separator, { "data-slot": "sidebar-separator", "data-sidebar": "separator", className: cn("mx-2 w-auto bg-sidebar-border", className), ...props }));
+}
+/** Scrolls with ScrollArea (themed thumb, edge fade) instead of native overflow. */
+function SidebarContent({ className, children, viewportRef, ...props }) {
+    return (_jsx(ScrollArea, { fade: true, viewportRef: viewportRef, className: "min-h-0 flex-1 group-data-[collapsible=icon]:overflow-hidden", "data-slot": "sidebar-content", "data-sidebar": "content", children: _jsx("div", { className: cn("flex min-w-0 flex-col gap-0", className), ...props, children: children }) }));
+}
+function SidebarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-group", "data-sidebar": "group", className: cn("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
+}
+function SidebarGroupLabel({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn("flex h-8 shrink-0 items-center gap-2 rounded-md px-2 text-xs font-medium text-muted-foreground outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-3 focus-visible:ring-ring/50 motion-reduce:transition-none [&>svg]:size-4 [&>svg]:shrink-0", className),
+        }, props),
+        render,
+        state: {
+            slot: "sidebar-group-label",
+            sidebar: "group-label",
+        },
+    });
+}
+function SidebarGroupAction({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "button",
+        props: mergeProps({
+            className: cn("absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-muted-foreground outline-hidden transition-[color,background-color,box-shadow] group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-hover hover:text-sidebar-foreground focus-visible:ring-3 focus-visible:ring-ring/50 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", className),
+        }, props),
+        render,
+        state: {
+            slot: "sidebar-group-action",
+            sidebar: "group-action",
+        },
+    });
+}
+function SidebarGroupContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-group-content", "data-sidebar": "group-content", className: cn("w-full text-sm", className), ...props }));
+}
+function SidebarMenu({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "sidebar-menu", "data-sidebar": "menu", className: cn("flex w-full min-w-0 flex-col gap-1", className), ...props }));
+}
+function SidebarMenuItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "sidebar-menu-item", "data-sidebar": "menu-item", className: cn("group/menu-item relative", className), ...props }));
+}
+/**
+ * Sidebar row. Hover is the `bg-hover` wash; the current item (`isActive`) gets the accent tint, medium
+ * weight and a primary icon, so it reads without relying on surface shade (GUIDELINES §6).
+ */
+const sidebarMenuButtonVariants = cva([
+    "peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md whitespace-nowrap p-2 text-left text-sm text-sidebar-foreground outline-hidden",
+    "transition-[width,height,padding,color,background-color,box-shadow] duration-100 motion-reduce:transition-none",
+    "group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2!",
+    focusRing,
+    "hover:bg-hover data-popup-open:bg-hover",
+    "disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50",
+    // current row (GUIDELINES §7c): accent tint, foreground text, 2px accent indicator on the left edge
+    "relative after:pointer-events-none after:absolute after:top-1.5 after:bottom-1.5 after:left-0 after:w-0.5 after:rounded-pill after:bg-primary-text after:opacity-0 data-active:after:opacity-100",
+    "data-active:bg-primary-tint data-active:font-medium data-active:text-foreground data-active:[&_svg:not([class*='text-'])]:text-primary-text",
+    "[&_svg]:size-4 [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-muted-foreground [&>span:last-child]:truncate",
+], {
+    variants: {
+        variant: {
+            default: "",
+            outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-hover",
+        },
+        size: {
+            default: "h-8 text-sm",
+            sm: "h-7 text-xs",
+            lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function SidebarMenuButton({ render, isActive = false, variant = "default", size = "default", tooltip, className, ...props }) {
+    // Works without a SidebarProvider too (an in-page nav styled like the sidebar): expanded, desktop.
+    const { isMobile, state } = React.useContext(SidebarContext) ?? { isMobile: false, state: "expanded" };
+    const comp = useRender({
+        defaultTagName: "button",
+        props: mergeProps({
+            className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+        }, props),
+        render: !tooltip ? render : _jsx(TooltipTrigger, { render: render }),
+        state: {
+            slot: "sidebar-menu-button",
+            sidebar: "menu-button",
+            size,
+            active: isActive,
+        },
+    });
+    if (!tooltip) {
+        return comp;
+    }
+    if (typeof tooltip === "string") {
+        tooltip = {
+            children: tooltip,
+        };
+    }
+    return (_jsxs(Tooltip, { children: [comp, _jsx(TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })] }));
+}
+function SidebarMenuAction({ className, render, showOnHover = false, ...props }) {
+    return useRender({
+        defaultTagName: "button",
+        props: mergeProps({
+            className: cn("absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-muted-foreground outline-hidden transition-[color,background-color,box-shadow,opacity] group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-hover hover:text-sidebar-foreground focus-visible:ring-3 focus-visible:ring-ring/50 aria-expanded:bg-hover md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0", showOnHover &&
+                "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0", className),
+        }, props),
+        render,
+        state: {
+            slot: "sidebar-menu-action",
+            sidebar: "menu-action",
+        },
+    });
+}
+function SidebarMenuBadge({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "sidebar-menu-badge", "data-sidebar": "menu-badge", className: cn("pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-sm px-1 font-mono text-xs font-medium text-muted-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground", className), ...props }));
+}
+function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
+    // Random width between 50 to 90%.
+    const [width] = React.useState(() => {
+        return `${Math.floor(Math.random() * 40) + 50}%`;
+    });
+    return (_jsxs("div", { "data-slot": "sidebar-menu-skeleton", "data-sidebar": "menu-skeleton", className: cn("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [showIcon && _jsx(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }), _jsx(Skeleton, { className: "h-4 max-w-(--skeleton-width) flex-1", "data-sidebar": "menu-skeleton-text", style: {
+                    "--skeleton-width": width,
+                } })] }));
+}
+function SidebarMenuSub({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "sidebar-menu-sub", "data-sidebar": "menu-sub", className: cn("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden", className), ...props }));
+}
+function SidebarMenuSubItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "sidebar-menu-sub-item", "data-sidebar": "menu-sub-item", className: cn("group/menu-sub-item relative", 
+        // current sub-row: the 2px accent indicator sits on the tree line (like Toc)
+        "after:pointer-events-none after:absolute after:inset-y-0 after:-left-[calc(0.625rem+1.5px)] after:w-0.5 after:bg-primary-text after:opacity-0 has-[>[data-active]]:after:opacity-100", className), ...props }));
+}
+function SidebarMenuSubButton({ render, size = "md", isActive = false, className, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            className: cn("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 whitespace-nowrap text-muted-foreground outline-hidden transition-[color,background-color,box-shadow] duration-100 group-data-[collapsible=icon]:hidden hover:bg-hover hover:text-sidebar-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-sm data-[size=sm]:text-xs data-active:bg-primary-tint data-active:font-medium data-active:text-foreground motion-reduce:transition-none [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground data-active:[&>svg]:text-primary-text", className),
+        }, props),
+        render,
+        state: {
+            slot: "sidebar-menu-sub-button",
+            sidebar: "menu-sub-button",
+            size,
+            active: isActive,
+        },
+    });
+}
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, };
+//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar.js.map

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

package/dist/components/site-footer.d.ts

@@ -0,0 +1,22 @@
+import { useRender } from "@base-ui/react/use-render";
+import type * as React from "react";
+/**
+ * The suite's site footer: a top border and one mono row at the site width, credits on the left and
+ * links on the right.
+ *
+ * ```tsx
+ * <SiteFooter>
+ *   <span>MIT · built from one palette</span>
+ *   <SiteFooterLinks>
+ *     <SiteFooterLink href="https://github.com/…">GitHub</SiteFooterLink>
+ *   </SiteFooterLinks>
+ * </SiteFooter>
+ * ```
+ */
+declare function SiteFooter({ className, children, ...props }: React.ComponentProps<"footer">): React.JSX.Element;
+/** The footer's links (wrap on phones). */
+declare function SiteFooterLinks({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** A footer link: muted, foreground on hover. */
+declare function SiteFooterLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export { SiteFooter, SiteFooterLink, SiteFooterLinks };
+//# sourceMappingURL=site-footer.d.ts.map

package/dist/components/site-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../src/components/site-footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;;;;;;GAYG;AACH,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,qBAQlF;AAED,2CAA2C;AAC3C,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAOtF;AAED,iDAAiD;AACjD,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAUnF;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/site-footer.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+/**
+ * The suite's site footer: a top border and one mono row at the site width, credits on the left and
+ * links on the right.
+ *
+ * ```tsx
+ * <SiteFooter>
+ *   <span>MIT · built from one palette</span>
+ *   <SiteFooterLinks>
+ *     <SiteFooterLink href="https://github.com/…">GitHub</SiteFooterLink>
+ *   </SiteFooterLinks>
+ * </SiteFooter>
+ * ```
+ */
+function SiteFooter({ className, children, ...props }) {
+    return (_jsx("footer", { "data-slot": "site-footer", className: cn("border-t border-border", className), ...props, children: _jsx("div", { className: "mx-auto flex w-full max-w-(--kk-site-width) flex-col gap-3 px-4 py-6 font-mono text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between md:px-6", children: children }) }));
+}
+/** The footer's links (wrap on phones). */
+function SiteFooterLinks({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "nav",
+        props: mergeProps({ className: cn("flex flex-wrap items-center gap-x-4 gap-y-1", className) }, props),
+        render,
+        state: { slot: "site-footer-links" },
+    });
+}
+/** A footer link: muted, foreground on hover. */
+function SiteFooterLink({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({ className: cn("rounded-sm transition-colors hover:text-foreground", focusRing, className) }, props),
+        render,
+        state: { slot: "site-footer-link" },
+    });
+}
+export { SiteFooter, SiteFooterLink, SiteFooterLinks };
+//# sourceMappingURL=site-footer.js.map

package/dist/components/site-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.js","sourceRoot":"","sources":["../../src/components/site-footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAGtB;;;;;;;;;;;;GAYG;AACH,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiC;IAC/E,OAAO,CACH,8BAAkB,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,YACzF,cAAK,SAAS,EAAC,qKAAqK,YAC/K,QAAQ,GACP,GACD,CACZ,CAAC;AACN,CAAC;AAED,2CAA2C;AAC3C,SAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACnF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CAAQ,EAAC,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,EAAC,EAAE,KAAK,CAAC;QAC1G,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,mBAAmB,EAAC;KACrC,CAAC,CAAC;AACP,CAAC;AAED,iDAAiD;AACjD,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAgC;IAChF,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb,EAAC,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,EAAE,SAAS,CAAC,EAAC,EAC3F,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,kBAAkB,EAAC;KACpC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/site-header.d.ts

@@ -0,0 +1,48 @@
+import { useRender } from "@base-ui/react/use-render";
+import { Sheet } from "@repraze/kernelkit/components/sheet";
+import type * as React from "react";
+/**
+ * The suite's site header: sticky, blurred, one row of `--kk-header-height` inside a `--kk-site-width`
+ * container. Brand, then mono nav links (current page underlined in the accent), then actions.
+ *
+ * ```tsx
+ * <SiteHeader>
+ *   <SiteHeaderContent>
+ *     <SiteHeaderMenu title="termicolor">…mobile nav…</SiteHeaderMenu>
+ *     <SiteHeaderBrand render={<Link to="/" />}>…</SiteHeaderBrand>
+ *     <SiteNav><SiteNavLink render={<Link to="/ports" />}>Ports</SiteNavLink></SiteNav>
+ *     <SiteHeaderActions>…search, theme, github…</SiteHeaderActions>
+ *   </SiteHeaderContent>
+ * </SiteHeader>
+ * ```
+ */
+declare function SiteHeader({ className, render, ...props }: useRender.ComponentProps<"header">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** The header row: centered at the site width, the same gutters as SiteContainer. */
+declare function SiteHeaderContent({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Logo + name, links home. Pass the router link with `render`. */
+declare function SiteHeaderBrand({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Primary navigation (desktop). On phones the links move into SiteHeaderMenu. */
+declare function SiteNav({ className, render, ...props }: useRender.ComponentProps<"nav">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/**
+ * A nav link, styled like the suite's other navigation (GUIDELINES §7c): muted at rest, a hover wash,
+ * and when current (`aria-current="page"`, `data-status="active"` from TanStack Router, or `data-active`)
+ * foreground text plus a 2px accent indicator. In SiteNav the indicator sits on the header's bottom
+ * border (like line Tabs); elsewhere (the phone menu) the link is a sidebar row with a tint and the
+ * indicator on its left edge.
+ */
+declare function SiteNavLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Right side of the header row: search, theme, repository links. */
+declare function SiteHeaderActions({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+interface SiteHeaderMenuProps extends Omit<React.ComponentProps<typeof Sheet>, "children"> {
+    children?: React.ReactNode;
+    /** Sheet title (also the accessible name). */
+    title?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Phone navigation: a menu button (hidden from `md`) opening a left sheet with the nav and the page's
+ * sidebar. Control `open` to close it on navigation.
+ */
+declare function SiteHeaderMenu({ title, children, className, ...props }: SiteHeaderMenuProps): React.JSX.Element;
+export { SiteHeader, SiteHeaderActions, SiteHeaderBrand, SiteHeaderContent, SiteHeaderMenu, SiteNav, SiteNavLink };
+//# sourceMappingURL=site-header.d.ts.map

package/dist/components/site-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../src/components/site-header.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAC,KAAK,EAAsD,MAAM,qCAAqC,CAAC;AAI/G,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,0EAepF;AAED,qFAAqF;AACrF,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAexF;AAED,mEAAmE;AACnE,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAiBpF;AAED,kFAAkF;AAClF,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAU9E;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,0EAsBhF;AAED,qEAAqE;AACrE,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAOxF;AAED,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC;IACtF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,iBAAS,cAAc,CAAC,EAAC,KAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,mBAAmB,qBAoB3F;AAED,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/site-header.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { Button } from "@repraze/kernelkit/components/button";
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@repraze/kernelkit/components/sheet";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import { MenuIcon } from "lucide-react";
+/**
+ * The suite's site header: sticky, blurred, one row of `--kk-header-height` inside a `--kk-site-width`
+ * container. Brand, then mono nav links (current page underlined in the accent), then actions.
+ *
+ * ```tsx
+ * <SiteHeader>
+ *   <SiteHeaderContent>
+ *     <SiteHeaderMenu title="termicolor">…mobile nav…</SiteHeaderMenu>
+ *     <SiteHeaderBrand render={<Link to="/" />}>…</SiteHeaderBrand>
+ *     <SiteNav><SiteNavLink render={<Link to="/ports" />}>Ports</SiteNavLink></SiteNav>
+ *     <SiteHeaderActions>…search, theme, github…</SiteHeaderActions>
+ *   </SiteHeaderContent>
+ * </SiteHeader>
+ * ```
+ */
+function SiteHeader({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "header",
+        props: mergeProps({
+            className: cn("sticky top-0 z-40 w-full border-b border-border bg-background/85 text-foreground backdrop-blur supports-backdrop-filter:bg-background/70", className),
+        }, props),
+        render,
+        state: { slot: "site-header" },
+    });
+}
+/** The header row: centered at the site width, the same gutters as SiteContainer. */
+function SiteHeaderContent({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            className: cn("mx-auto flex h-14 w-full max-w-(--kk-site-width) items-center gap-4 px-4 md:gap-6 md:px-6", className),
+        }, props),
+        render,
+        state: { slot: "site-header-content" },
+    });
+}
+/** Logo + name, links home. Pass the router link with `render`. */
+function SiteHeaderBrand({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            className: cn("flex shrink-0 items-center gap-2 rounded-md font-mono text-sm font-semibold tracking-tight", focusRing, "[&_svg]:shrink-0", className),
+        }, props),
+        render,
+        state: { slot: "site-header-brand" },
+    });
+}
+/** Primary navigation (desktop). On phones the links move into SiteHeaderMenu. */
+function SiteNav({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "nav",
+        props: mergeProps({ "aria-label": "Main", className: cn("hidden items-center gap-1 md:flex", className) }, props),
+        render,
+        state: { slot: "site-nav" },
+    });
+}
+/**
+ * A nav link, styled like the suite's other navigation (GUIDELINES §7c): muted at rest, a hover wash,
+ * and when current (`aria-current="page"`, `data-status="active"` from TanStack Router, or `data-active`)
+ * foreground text plus a 2px accent indicator. In SiteNav the indicator sits on the header's bottom
+ * border (like line Tabs); elsewhere (the phone menu) the link is a sidebar row with a tint and the
+ * indicator on its left edge.
+ */
+function SiteNavLink({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            className: cn("relative flex h-8 items-center rounded-md px-2.5 font-mono text-sm text-muted-foreground transition-colors hover:bg-hover hover:text-foreground motion-reduce:transition-none", focusRing, 
+            // indicator: vertical by default, on the header border inside SiteNav
+            "after:pointer-events-none after:absolute after:top-1.5 after:bottom-1.5 after:left-0 after:w-0.5 after:rounded-pill after:bg-primary-text after:opacity-0", "in-data-[slot=site-nav]:after:top-auto in-data-[slot=site-nav]:after:right-2.5 in-data-[slot=site-nav]:after:-bottom-[calc(0.75rem+1px)] in-data-[slot=site-nav]:after:left-2.5 in-data-[slot=site-nav]:after:h-0.5 in-data-[slot=site-nav]:after:w-auto", "aria-[current=page]:text-foreground aria-[current=page]:after:opacity-100 data-[status=active]:text-foreground data-[status=active]:after:opacity-100 data-active:text-foreground data-active:after:opacity-100", 
+            // outside the header row: the sidebar's current-row tint
+            "not-in-data-[slot=site-nav]:aria-[current=page]:bg-primary-tint not-in-data-[slot=site-nav]:data-[status=active]:bg-primary-tint not-in-data-[slot=site-nav]:data-active:bg-primary-tint", className),
+        }, props),
+        render,
+        state: { slot: "site-nav-link" },
+    });
+}
+/** Right side of the header row: search, theme, repository links. */
+function SiteHeaderActions({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ className: cn("ml-auto flex items-center gap-1", className) }, props),
+        render,
+        state: { slot: "site-header-actions" },
+    });
+}
+/**
+ * Phone navigation: a menu button (hidden from `md`) opening a left sheet with the nav and the page's
+ * sidebar. Control `open` to close it on navigation.
+ */
+function SiteHeaderMenu({ title = "Menu", children, className, ...props }) {
+    return (_jsxs(Sheet, { ...props, children: [_jsx(SheetTrigger, { render: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "-ml-1.5 md:hidden", "aria-label": "Menu" }), children: _jsx(MenuIcon, {}) }), _jsxs(SheetContent, { side: "left", "data-slot": "site-header-menu", className: cn("w-72 gap-0 overflow-y-auto overscroll-contain p-0", className), children: [_jsx(SheetHeader, { className: "border-b border-border", children: _jsx(SheetTitle, { className: "flex items-center gap-2", children: title }) }), _jsx("div", { className: "flex flex-col gap-4 p-2", children: children })] })] }));
+}
+export { SiteHeader, SiteHeaderActions, SiteHeaderBrand, SiteHeaderContent, SiteHeaderMenu, SiteNav, SiteNavLink };
+//# sourceMappingURL=site-header.js.map

package/dist/components/site-header.js.map

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

package/dist/components/site-layout.d.ts

@@ -0,0 +1,35 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as React from "react";
+/**
+ * The suite's page layout, under SiteHeader:
+ *
+ * ```tsx
+ * <SiteLayout>
+ *   <SiteSidebar aria-label="Docs">…SidebarGroup / SidebarMenu…</SiteSidebar>
+ *   <SiteMain>…PageHeader, content, Pager…</SiteMain>
+ *   <SiteAside><Toc>…</Toc></SiteAside>
+ * </SiteLayout>
+ * ```
+ *
+ * Sidebars are sticky below the header and scroll on their own with edge fades. Content pages without
+ * a sidebar use SiteContainer.
+ */
+/** Centered at `--kk-site-width` with the header's gutters. */
+declare function SiteContainer({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Sidebar + main (+ aside) row inside the site container. */
+declare function SiteLayout({ className, render, ...props }: useRender.ComponentProps<"div">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+interface SiteSidebarProps extends React.ComponentProps<"aside"> {
+    /** Classes for the scrolling viewport (padding, etc.). */
+    viewportClassName?: string;
+}
+/**
+ * Left navigation column (from `md`): sticky, scrolls on its own, fades at its edges, and keeps the
+ * current item in view. Its right border runs the layout's full height, header to footer.
+ */
+declare function SiteSidebar({ className, viewportClassName, children, ...props }: SiteSidebarProps): React.JSX.Element;
+/** The page column. */
+declare function SiteMain({ className, render, ...props }: useRender.ComponentProps<"main">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Right column (from `xl`): table of contents, page meta. Sticky like the sidebar. */
+declare function SiteAside({ className, children, ...props }: React.ComponentProps<"aside">): React.JSX.Element;
+export { SiteAside, SiteContainer, SiteLayout, SiteMain, SiteSidebar };
+//# sourceMappingURL=site-layout.d.ts.map

package/dist/components/site-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-layout.d.ts","sourceRoot":"","sources":["../../src/components/site-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;GAaG;AAEH,+DAA+D;AAC/D,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAUpF;AAED,8DAA8D;AAC9D,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,0EAejF;AAOD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC;IAC5D,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAkCD;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,qBAsBxF;AAED,uBAAuB;AACvB,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,0EAUhF;AAED,uFAAuF;AACvF,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAMhF;AAED,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}