@setsquare/ui 0.1.0

package/dist/shell/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/shell/sidebar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,IAAI,EAAY,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,IAAI,IAAI,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,uBAAuB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AACrD,8EAA8E;AAC9E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAS7E;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAgB;IAC9E,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,GAC1F,QAAQ,EAAE,CAAC;IACb,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,gBAAgB,gBAClB,GAAG,WAAW,aAAa,YAEvC,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC5C,4BAAiB,KAAK,EAAE,SAAS,EAAC,sDAAsD,YACrF,QAAQ,GACL,GAC2B,GAC7B,CACT,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,YACvD,4BACc,KAAK,oBACD,gBAAgB,IAAI,SAAS,EAC7C,KAAK,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE,EAC9C,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,yHAAyH,EACzH,oCAAoC,EACpC,CAAC,YAAY,IAAI,2BAA2B,EAC5C,SAAS,CACV,YAEA,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC;AAED,wGAAwG;AACxG,MAAM,YAAY,GAChB,0HAA0H,CAAC;AAE7H,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAC;AACpF,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,YAAY,EAAE,SAAS,CAAC,YAE1F,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,GAIV;IACC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,YAAY,EACZ,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,GAKV;IACC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,eACE,IAAI,EAAC,OAAO,qBACK,EAAE,EACnB,SAAS,EAAE,EAAE,CACX,qNAAqN,EACrN,SAAS,CACV,aAED,aACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,0GAA0G,YAEnH,KAAK,GACH,EACL,KAAC,WAAW,cAAE,QAAQ,GAAe,IACjC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA+C;IAC9F,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAM,CAAC;AAC7F,CAAC;AAaD,MAAM,UAAU,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAoB;IAC/F,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,CACX,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,kBACF,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,SAAS,EAAE,EAAE;QACX,6EAA6E;QAC7E,gJAAgJ,EAChJ,6CAA6C,CAC9C,YAGD,gBACE,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,2IAA2I,EAC3I,wIAAwI,EACxI,uSAAuS,EACvS,uHAAuH,CACxH,aAEA,UAAU,CAAC,IAAI,EAAE,2DAA2D,CAAC,EAC9E,gBAAM,SAAS,EAAC,8DAA8D,aAC3E,QAAQ,EACR,KAAK,IAAI,IAAI,IAAI,gBAAM,SAAS,EAAC,SAAS,mBAAI,KAAK,IAAQ,IACvD,EACN,KAAK,IAAI,IAAI,IAAI,CAChB,8BACc,MAAM,EAClB,SAAS,EAAC,gGAAgG,YAEzG,KAAK,GACD,CACR,IACI,GACF,CACR,CAAC;IACF,OAAO,CACL,uBACG,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,cAAc,IAAC,KAAK,EAAE,GAAG,aACvB,IAAI,EACL,KAAC,OAAO,IAAC,SAAS,EAAC,OAAO,YAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAW,IAC3E,CAClB,CAAC,CAAC,CAAC,CACF,IAAI,CACL,GACE,CACN,CAAC;AACJ,CAAC;AAeD,wGAAwG;AACxG,MAAM,UAAU,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,cAAc,GACL;IACrB,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,MAAM,GAAG,CACb,KAAC,SAAS,kBACI,IAAI,EAChB,SAAS,EAAE,EAAE;QACX,kFAAkF;QAClF,yGAAyG,EACzG,6CAA6C,CAC9C,YAGD,gBACE,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,0IAA0I,EAC1I,uHAAuH,CACxH,aAEA,OAAO,EACR,gBAAM,SAAS,EAAC,mEAAmE,aACjF,eAAM,SAAS,EAAC,sCAAsC,YAAE,KAAK,GAAQ,EACpE,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,sDAAsD,YAAE,QAAQ,GAAQ,CACzF,IACI,EACP,KAAC,cAAc,mBACD,MAAM,EAClB,SAAS,EAAC,2EAA2E,GACrF,IACG,GACG,CACb,CAAC;IACF,OAAO,CACL,MAAC,WAAW,eACT,SAAS,CAAC,CAAC,CAAC,CACX,MAAC,cAAc,IAAC,KAAK,EAAE,GAAG,aACvB,MAAM,EACP,KAAC,OAAO,IAAC,SAAS,EAAC,OAAO,YAAE,KAAK,GAAW,IAC7B,CAClB,CAAC,CAAC,CAAC,CACF,MAAM,CACP,EACD,KAAC,OAAO,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,EAAC,UAAU,YAC3E,KAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzD,YAAY,EAAE,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,YAE5D,QAAQ,GACJ,GACC,IACE,CACf,CAAC;AACJ,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,cAAc,CAAC,EAAE,SAAS,EAA0B;IAClE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9F,MAAM,MAAM,GAAG,IAAI,KAAK,QAAQ,CAAC;IACjC,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EACpD,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,mBACpB,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,gBAAgB,mBAC1C,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,GAClE,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { type SiteNavItem } from './site-path.js';
+export interface SiteFooterProps {
+    /** SiteFooterGroups: one should list the whole navigation, with the id SiteMenu falls back to. */
+    children: ReactNode;
+    /** The product's logo and name. */
+    lockup?: ReactNode;
+    /** A sentence about the product. */
+    blurb?: ReactNode;
+    /** The company line, licence and similar, under a rule. */
+    legal?: ReactNode;
+    className?: string;
+}
+/** The contentinfo landmark: lockup and blurb, groups of links, and the legal line. Server-safe. */
+export declare function SiteFooter({ children, lockup, blurb, legal, className }: SiteFooterProps): import("react").JSX.Element;
+export interface SiteFooterGroupProps {
+    /** The group's heading, which names its navigation landmark. */
+    title: string;
+    items: SiteNavItem[];
+    /** The current path. Default: the SitePathProvider's. */
+    current?: string;
+    /** `site-nav` on the group that lists the whole navigation: SiteMenu links there before hydration. */
+    id?: string;
+    className?: string;
+}
+/** A column of links in the footer: a <nav> named by its <h2>. Server-safe. */
+export declare function SiteFooterGroup({ title, items, current, id, className }: SiteFooterGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=site-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../src/shell/site-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,WAAW,eAAe;IAC9B,kGAAkG;IAClG,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oGAAoG;AACpG,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BAuBxF;AAED,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sGAAsG;IACtG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,oBAAoB,+BAsB7F"}

package/dist/shell/site-footer.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/cn.js';
+import { SiteNavLink } from './site-nav-link.js';
+import { samePath } from './site-path.js';
+/** The contentinfo landmark: lockup and blurb, groups of links, and the legal line. Server-safe. */
+export function SiteFooter({ children, lockup, blurb, legal, className }) {
+    return (_jsx("footer", { className: cn('border-t border-border bg-background', className), children: _jsxs("div", { className: "site-container py-12", children: [_jsxs("div", { className: "grid gap-10 site-md:grid-cols-[minmax(0,16rem)_minmax(0,1fr)]", children: [(lockup || blurb) && (_jsxs("div", { className: "flex flex-col gap-3", children: [lockup, blurb && _jsx("p", { className: "text-body text-muted-foreground", children: blurb })] })), _jsx("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(min(10rem,100%),1fr))] gap-8", children: children })] }), legal && (_jsx("div", { className: "mt-10 border-t border-border pt-6 text-caption text-muted-foreground", children: legal }))] }) }));
+}
+/** A column of links in the footer: a <nav> named by its <h2>. Server-safe. */
+export function SiteFooterGroup({ title, items, current, id, className }) {
+    const headingId = useId();
+    return (_jsxs("nav", { id: id, "aria-labelledby": headingId, className: cn('scroll-mt-4', className), children: [_jsx("h2", { id: headingId, className: "text-ui-strong text-foreground", children: title }), _jsx("ul", { className: "mt-3 flex flex-col", children: items.map((item) => (_jsx("li", { children: _jsx(SiteNavLink, { variant: "footer", href: item.href, isCurrent: current !== undefined ? samePath(item.href, current) : undefined, children: item.label }) }, item.href))) })] }));
+}
+//# sourceMappingURL=site-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.js","sourceRoot":"","sources":["../../src/shell/site-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AAc5D,oGAAoG;AACpG,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAmB;IACvF,OAAO,CACL,iBAAQ,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,YACtE,eAAK,SAAS,EAAC,sBAAsB,aACnC,eAAK,SAAS,EAAC,+DAA+D,aAC3E,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CACpB,eAAK,SAAS,EAAC,qBAAqB,aACjC,MAAM,EACN,KAAK,IAAI,YAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAK,IAChE,CACP,EACD,cAAK,SAAS,EAAC,qEAAqE,YACjF,QAAQ,GACL,IACF,EACL,KAAK,IAAI,CACR,cAAK,SAAS,EAAC,sEAAsE,YAClF,KAAK,GACF,CACP,IACG,GACC,CACV,CAAC;AACJ,CAAC;AAaD,+EAA+E;AAC/E,MAAM,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAwB;IAC5F,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,OAAO,CACL,eAAK,EAAE,EAAE,EAAE,qBAAmB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,aAC9E,aAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,gCAAgC,YAC1D,KAAK,GACH,EACL,aAAI,SAAS,EAAC,oBAAoB,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBACE,KAAC,WAAW,IACV,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,YAE1E,IAAI,CAAC,KAAK,GACC,IAPP,IAAI,CAAC,IAAI,CAQb,CACN,CAAC,GACC,IACD,CACP,CAAC;AACJ,CAAC"}

package/dist/shell/site-header-padding.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Inside a sticky SiteHeader: keeps --site-header-height on <html> equal to the header's height as it wraps and
+ * unwraps, which the stylesheet adds to scroll-padding-top. So the browser scrolls anything that takes focus
+ * clear of the header (2.4.11; 2.4.12 at AAA). Before it runs, the stylesheet assumes 4rem.
+ */
+export declare function SiteHeaderPadding(): import("react").JSX.Element;
+//# sourceMappingURL=site-header-padding.d.ts.map

package/dist/shell/site-header-padding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header-padding.d.ts","sourceRoot":"","sources":["../../src/shell/site-header-padding.tsx"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,iBAAiB,gCAiBhC"}

package/dist/shell/site-header-padding.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+/**
+ * Inside a sticky SiteHeader: keeps --site-header-height on <html> equal to the header's height as it wraps and
+ * unwraps, which the stylesheet adds to scroll-padding-top. So the browser scrolls anything that takes focus
+ * clear of the header (2.4.11; 2.4.12 at AAA). Before it runs, the stylesheet assumes 4rem.
+ */
+export function SiteHeaderPadding() {
+    const ref = useRef(null);
+    useEffect(() => {
+        const header = ref.current?.closest('header');
+        if (!header)
+            return;
+        const root = document.documentElement;
+        const set = () => root.style.setProperty('--site-header-height', `${header.getBoundingClientRect().height}px`);
+        set();
+        const observer = new ResizeObserver(set);
+        observer.observe(header);
+        return () => {
+            observer.disconnect();
+            root.style.removeProperty('--site-header-height');
+        };
+    }, []);
+    return _jsx("span", { ref: ref, hidden: true });
+}
+//# sourceMappingURL=site-header-padding.js.map

package/dist/shell/site-header-padding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header-padding.js","sourceRoot":"","sources":["../../src/shell/site-header-padding.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;GAIG;AACH,MAAM,UAAU,iBAAiB;IAC/B,MAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,GAAG,GAAG,GAAG,EAAE,CACf,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC;QAC/F,GAAG,EAAE,CAAC;QACN,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC;QACzC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACpD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,eAAM,GAAG,EAAE,GAAG,EAAE,MAAM,SAAG,CAAC;AACnC,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+export interface SiteHeaderProps {
+    /** The product's logo and name, as a link home. */
+    lockup: ReactNode;
+    /** A SiteNav: shown from the `lg` breakpoint up. */
+    nav?: ReactNode;
+    /** One or two LinkButtons, such as "Get started". */
+    actions?: ReactNode;
+    /** A SiteMenu: shown below `lg`, with the same items as the nav. */
+    menu?: ReactNode;
+    /**
+     * Stay at the top while the page scrolls. The page's scroll-padding-top follows the header's height, so
+     * what takes focus is scrolled clear of it. Off by default.
+     */
+    sticky?: boolean;
+    className?: string;
+}
+/**
+ * The banner: lockup, navigation, actions and the phone menu, in one row that wraps rather than overflowing.
+ * Below `lg` the nav gives way to the Menu button, whose panel opens under the row. Server-safe.
+ */
+export declare function SiteHeader({ lockup, nav, actions, menu, sticky, className }: SiteHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=site-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../src/shell/site-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,MAAM,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,+BAuB5F"}

package/dist/shell/site-header.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { SiteHeaderPadding } from './site-header-padding.js';
+/**
+ * The banner: lockup, navigation, actions and the phone menu, in one row that wraps rather than overflowing.
+ * Below `lg` the nav gives way to the Menu button, whose panel opens under the row. Server-safe.
+ */
+export function SiteHeader({ lockup, nav, actions, menu, sticky, className }) {
+    return (_jsxs("header", { "data-site-header-sticky": sticky ? '' : undefined, 
+        // Its own view-transition name, so a page transition leaves it still, as the dashboard's header is.
+        style: { viewTransitionName: 'site-header' }, className: cn('relative z-(--z-header) border-b border-border bg-background', sticky && 'sticky top-0', className), children: [sticky && _jsx(SiteHeaderPadding, {}), _jsxs("div", { className: "site-container flex min-h-16 flex-wrap items-center gap-x-4 gap-y-2 py-2", children: [_jsx("div", { className: "me-auto flex min-w-0 items-center", children: lockup }), nav, actions && (_jsx("div", { className: "flex flex-wrap items-center gap-(--control-gap)", children: actions })), menu] })] }));
+}
+//# sourceMappingURL=site-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.js","sourceRoot":"","sources":["../../src/shell/site-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAmB7D;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAmB;IAC3F,OAAO,CACL,6CAC2B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;QAChD,oGAAoG;QACpG,KAAK,EAAE,EAAE,kBAAkB,EAAE,aAAa,EAAE,EAC5C,SAAS,EAAE,EAAE,CACX,8DAA8D,EAC9D,MAAM,IAAI,cAAc,EACxB,SAAS,CACV,aAEA,MAAM,IAAI,KAAC,iBAAiB,KAAG,EAChC,eAAK,SAAS,EAAC,0EAA0E,aACvF,cAAK,SAAS,EAAC,mCAAmC,YAAE,MAAM,GAAO,EAChE,GAAG,EACH,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,iDAAiD,YAAE,OAAO,GAAO,CACjF,EACA,IAAI,IACD,IACC,CACV,CAAC;AACJ,CAAC"}

package/dist/shell/site-menu.d.ts

@@ -0,0 +1,27 @@
+import { type SiteNavItem } from './site-path.js';
+export interface SiteMenuProps {
+    /** The same list, in the same order, as SiteNav and the footer's full group. */
+    items: SiteNavItem[];
+    /** The current path. Default: the SitePathProvider's. */
+    current?: string;
+    /** The button's label. */
+    label?: string;
+    /** The name of the navigation in the panel: the same as SiteNav's, since only one shows at a time. */
+    navLabel?: string;
+    /**
+     * Where the control goes before the page's JavaScript runs: the footer group that lists every item
+     * (`<SiteFooterGroup id="site-nav">`). So every link can be reached with JavaScript off.
+     */
+    fallbackHref?: string;
+    /** Start open (previews and tests). */
+    defaultExpanded?: boolean;
+    className?: string;
+}
+/**
+ * The navigation on a narrow screen, below the `lg` breakpoint: a Menu button and a panel that pushes the page
+ * down rather than covering it, so nothing covers what has focus. Escape closes it and puts focus back on the
+ * button (React Aria's Disclosure has no Escape of its own). Before hydration the control is a link to the
+ * footer's full navigation; hydration swaps it for the button, and keeps focus if it was there.
+ */
+export declare function SiteMenu({ items, current, label, navLabel, fallbackHref, defaultExpanded, className, }: SiteMenuProps): import("react").JSX.Element;
+//# sourceMappingURL=site-menu.d.ts.map

package/dist/shell/site-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-menu.d.ts","sourceRoot":"","sources":["../../src/shell/site-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,gFAAgF;IAChF,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sGAAsG;IACtG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,KAAc,EACd,QAAoB,EACpB,YAA0B,EAC1B,eAAuB,EACvB,SAAS,GACV,EAAE,aAAa,+BAsEf"}

package/dist/shell/site-menu.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { Menu as MenuIcon, X } from 'lucide-react';
+import { Button as RACButton, Disclosure, DisclosurePanel } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { SiteNavLink } from './site-nav-link.js';
+import { samePath } from './site-path.js';
+// Layer 1: the button (a link before hydration), at least --target-min both ways. The paint is the same for
+// both, so the swap doesn't move anything. Both sets of state variants: React Aria's data-* on the button, the
+// browser's :hover and :focus-visible on the link.
+const noSubscription = () => () => { };
+const onClient = () => true;
+const onServer = () => false;
+const target = 'group/site-menu relative inline-flex min-h-target min-w-target shrink-0 cursor-pointer items-center justify-center no-underline outline-none';
+const paint = 'inline-flex min-h-control items-center gap-2 rounded-md border border-input bg-background px-(--control-pad-x) text-sm font-semibold text-foreground group-hover/site-menu:bg-accent group-data-hovered/site-menu:bg-accent group-focus-visible/site-menu:focus-ring group-data-focus-visible/site-menu:focus-ring';
+/**
+ * The navigation on a narrow screen, below the `lg` breakpoint: a Menu button and a panel that pushes the page
+ * down rather than covering it, so nothing covers what has focus. Escape closes it and puts focus back on the
+ * button (React Aria's Disclosure has no Escape of its own). Before hydration the control is a link to the
+ * footer's full navigation; hydration swaps it for the button, and keeps focus if it was there.
+ */
+export function SiteMenu({ items, current, label = 'Menu', navLabel = 'Primary', fallbackHref = '#site-nav', defaultExpanded = false, className, }) {
+    // false while the server renders and the page hydrates, true from then on: React renders the link first and
+    // swaps in the button straight after hydration. A client-only render (no server HTML) starts at true.
+    const hydrated = useSyncExternalStore(noSubscription, onClient, onServer);
+    const [open, setOpen] = useState(defaultExpanded);
+    const wrapper = useRef(null);
+    const link = useRef(null);
+    const trigger = useRef(null);
+    const hadFocus = useRef(false);
+    // Once hydrated with the link still showing, note whether it has focus, so the button can take it over.
+    useLayoutEffect(() => {
+        if (!hydrated)
+            hadFocus.current = document.activeElement === link.current;
+    }, [hydrated]);
+    useEffect(() => {
+        if (hydrated && hadFocus.current)
+            trigger.current?.focus();
+    }, [hydrated]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKeyDown = (e) => {
+            if (e.key !== 'Escape' || !wrapper.current?.contains(document.activeElement))
+                return;
+            setOpen(false);
+            trigger.current?.focus();
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [open]);
+    const visual = (_jsxs("span", { className: paint, children: [open ? (_jsx(X, { "aria-hidden": "true", className: "size-5 shrink-0" })) : (_jsx(MenuIcon, { "aria-hidden": "true", className: "size-5 shrink-0" })), label] }));
+    return (_jsx("div", { ref: wrapper, className: cn('contents site-lg:hidden', className), children: hydrated ? (_jsxs(Disclosure, { isExpanded: open, onExpandedChange: setOpen, className: "contents", children: [_jsx(RACButton, { slot: "trigger", ref: trigger, className: target, children: visual }), _jsx(DisclosurePanel, { className: "basis-full", children: _jsx("nav", { "aria-label": navLabel, className: "pb-3", children: _jsx("ul", { className: "flex flex-col gap-(--nav-item-gap)", children: items.map((item) => (_jsx("li", { children: _jsx(SiteNavLink, { variant: "menu", href: item.href, isCurrent: current !== undefined ? samePath(item.href, current) : undefined, children: item.label }) }, item.href))) }) }) })] })) : (_jsx("a", { ref: link, href: fallbackHref, className: target, children: visual })) }));
+}
+//# sourceMappingURL=site-menu.js.map

package/dist/shell/site-menu.js.map

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

package/dist/shell/site-nav-link.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { type LinkProps as RACLinkProps } from 'react-aria-components';
+/**
+ * The page being shown, for every SiteNavLink under it that isn't told `isCurrent`. Give it the router's path
+ * (`usePathname()` in Next), in a client component around the site shell; templates/next/site-router.tsx does.
+ */
+export declare function SitePathProvider({ path, children }: {
+    path: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export type SiteNavLinkVariant = 'header' | 'menu' | 'footer';
+export interface SiteNavLinkProps extends Omit<RACLinkProps, 'className' | 'children'> {
+    href: string;
+    children: ReactNode;
+    /** Mark it as the current page. Default: its href is the SitePathProvider's path. */
+    isCurrent?: boolean;
+    /** `header`: in the header's nav. `menu`: a row in the phone menu. `footer`: in a footer group. */
+    variant?: SiteNavLinkVariant;
+    /** Layer 1, the target. */
+    className?: string;
+}
+/** A link in a site's navigation: the header, the phone menu or a footer group. Three layers, like Button. */
+export declare function SiteNavLink({ href, children, isCurrent, variant, className, ...props }: SiteNavLinkProps): import("react").JSX.Element;
+//# sourceMappingURL=site-nav-link.d.ts.map

package/dist/shell/site-nav-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-nav-link.d.ts","sourceRoot":"","sources":["../../src/shell/site-nav-link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAmB,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMxF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEzF;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,GAAG,UAAU,CAAC;IACpF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mGAAmG;IACnG,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,8GAA8G;AAC9G,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAalB"}

package/dist/shell/site-nav-link.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { Link as RACLink } from 'react-aria-components';
+import { cn } from '../lib/cn.js';
+import { samePath } from './site-path.js';
+const SitePathContext = createContext(null);
+/**
+ * The page being shown, for every SiteNavLink under it that isn't told `isCurrent`. Give it the router's path
+ * (`usePathname()` in Next), in a client component around the site shell; templates/next/site-router.tsx does.
+ */
+export function SitePathProvider({ path, children }) {
+    return _jsx(SitePathContext.Provider, { value: path, children: children });
+}
+// Layer 1: the React Aria link, at least --target-min both ways.
+const targets = {
+    header: 'group/site-nav relative inline-flex min-h-target min-w-target shrink-0 cursor-pointer items-center justify-center no-underline outline-none',
+    menu: 'group/site-nav relative flex min-h-target w-full cursor-pointer items-center no-underline outline-none',
+    footer: 'group/site-nav relative inline-flex min-h-target min-w-target cursor-pointer items-center no-underline outline-none',
+};
+// Layer 2: the paint. The current page is marked by weight plus a marker (header, footer) or the sidebar's
+// fill, marker and weight (menu): never by colour alone. text-sm, not text-ui: a type utility sets its own weight,
+// which would win over the current page's font-bold.
+const paints = {
+    header: 'relative inline-flex min-h-nav-item items-center rounded-md px-3 text-sm text-foreground group-data-hovered/site-nav:bg-accent group-data-focus-visible/site-nav:focus-ring group-aria-[current=page]/site-nav:font-bold group-aria-[current=page]/site-nav:after:absolute group-aria-[current=page]/site-nav:after:inset-x-3 group-aria-[current=page]/site-nav:after:bottom-0.5 group-aria-[current=page]/site-nav:after:h-0.5 group-aria-[current=page]/site-nav:after:rounded-full group-aria-[current=page]/site-nav:after:bg-foreground',
+    menu: 'relative flex min-h-nav-item w-full items-center rounded-md px-3 text-sm text-foreground group-data-hovered/site-nav:bg-accent group-data-focus-visible/site-nav:focus-ring group-aria-[current=page]/site-nav:bg-brand-subtle group-aria-[current=page]/site-nav:font-bold group-aria-[current=page]/site-nav:before:absolute group-aria-[current=page]/site-nav:before:inset-y-2 group-aria-[current=page]/site-nav:before:left-0 group-aria-[current=page]/site-nav:before:w-[3px] group-aria-[current=page]/site-nav:before:rounded-full group-aria-[current=page]/site-nav:before:bg-sidebar-primary',
+    footer: 'inline-flex items-center rounded-sm text-sm text-muted-foreground group-data-hovered/site-nav:text-foreground group-data-hovered/site-nav:underline group-data-focus-visible/site-nav:focus-ring group-aria-[current=page]/site-nav:font-bold group-aria-[current=page]/site-nav:text-foreground',
+};
+/** A link in a site's navigation: the header, the phone menu or a footer group. Three layers, like Button. */
+export function SiteNavLink({ href, children, isCurrent, variant = 'header', className, ...props }) {
+    const path = useContext(SitePathContext);
+    const current = isCurrent ?? (path != null && samePath(path, href));
+    return (_jsx(RACLink, { ...props, href: href, "aria-current": current ? 'page' : undefined, className: cn(targets[variant], className), children: _jsx("span", { className: paints[variant], children: children }) }));
+}
+//# sourceMappingURL=site-nav-link.js.map

package/dist/shell/site-nav-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-nav-link.js","sourceRoot":"","sources":["../../src/shell/site-nav-link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkC,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,eAAe,GAAG,aAAa,CAAgB,IAAI,CAAC,CAAC;AAE3D;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAyC;IACxF,OAAO,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAAG,QAAQ,GAA4B,CAAC;AACtF,CAAC;AAeD,iEAAiE;AACjE,MAAM,OAAO,GAAuC;IAClD,MAAM,EACJ,6IAA6I;IAC/I,IAAI,EAAE,wGAAwG;IAC9G,MAAM,EACJ,qHAAqH;CACxH,CAAC;AAEF,2GAA2G;AAC3G,mHAAmH;AACnH,qDAAqD;AACrD,MAAM,MAAM,GAAuC;IACjD,MAAM,EACJ,+gBAA+gB;IACjhB,IAAI,EAAE,2kBAA2kB;IACjlB,MAAM,EACJ,kSAAkS;CACrS,CAAC;AAEF,8GAA8G;AAC9G,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,QAAQ,EAClB,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,SAAS,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IACpE,OAAO,CACL,KAAC,OAAO,OACF,KAAK,EACT,IAAI,EAAE,IAAI,kBACI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,YAE1C,eAAM,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,YAAG,QAAQ,GAAQ,GAC3C,CACX,CAAC;AACJ,CAAC"}

package/dist/shell/site-nav.d.ts

@@ -0,0 +1,12 @@
+import { type SiteNavItem } from './site-path.js';
+export interface SiteNavProps {
+    /** The site's navigation, once: the same list feeds SiteMenu and the footer, so the order never differs. */
+    items: SiteNavItem[];
+    /** The current path. Default: the SitePathProvider's. */
+    current?: string;
+    label?: string;
+    className?: string;
+}
+/** The header's navigation, from the `lg` breakpoint up; below it, SiteMenu takes over. Server-safe. */
+export declare function SiteNav({ items, current, label, className }: SiteNavProps): import("react").JSX.Element;
+//# sourceMappingURL=site-nav.d.ts.map

package/dist/shell/site-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-nav.d.ts","sourceRoot":"","sources":["../../src/shell/site-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,4GAA4G;IAC5G,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wGAAwG;AACxG,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAiB,EAAE,SAAS,EAAE,EAAE,YAAY,+BAiBrF"}

package/dist/shell/site-nav.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+import { SiteNavLink } from './site-nav-link.js';
+import { samePath } from './site-path.js';
+/** The header's navigation, from the `lg` breakpoint up; below it, SiteMenu takes over. Server-safe. */
+export function SiteNav({ items, current, label = 'Primary', className }) {
+    return (_jsx("nav", { "aria-label": label, className: cn('hidden site-lg:block', className), children: _jsx("ul", { className: "flex flex-wrap items-center gap-x-1 gap-y-1", children: items.map((item) => (_jsx("li", { children: _jsx(SiteNavLink, { href: item.href, isCurrent: current !== undefined ? samePath(item.href, current) : undefined, children: item.label }) }, item.href))) }) }));
+}
+//# sourceMappingURL=site-nav.js.map

package/dist/shell/site-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-nav.js","sourceRoot":"","sources":["../../src/shell/site-nav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAoB,MAAM,gBAAgB,CAAC;AAW5D,wGAAwG;AACxG,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAgB;IACpF,OAAO,CACL,4BAAiB,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,YACtE,aAAI,SAAS,EAAC,6CAA6C,YACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBACE,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,YAE1E,IAAI,CAAC,KAAK,GACC,IANP,IAAI,CAAC,IAAI,CAOb,CACN,CAAC,GACC,GACD,CACP,CAAC;AACJ,CAAC"}

package/dist/shell/site-path.d.ts

@@ -0,0 +1,8 @@
+/** One entry in a site's navigation. The same list feeds SiteNav, SiteMenu and a SiteFooterGroup, in one order. */
+export interface SiteNavItem {
+    href: string;
+    label: string;
+}
+/** Whether two paths are the same page: the query, the fragment and a trailing slash don't count. */
+export declare function samePath(a: string, b: string): boolean;
+//# sourceMappingURL=site-path.d.ts.map

package/dist/shell/site-path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-path.d.ts","sourceRoot":"","sources":["../../src/shell/site-path.ts"],"names":[],"mappings":"AAGA,mHAAmH;AACnH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAOD,qGAAqG;AACrG,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,CAEtD"}

package/dist/shell/site-path.js

@@ -0,0 +1,11 @@
+// No 'use client': the server-safe site parts (SiteNav, SiteFooterGroup) call this, and a function from a client
+// module is only a reference on the server.
+const normal = (path) => {
+    const bare = path.split(/[?#]/)[0] || '/';
+    return bare.length > 1 ? bare.replace(/\/+$/, '') : bare;
+};
+/** Whether two paths are the same page: the query, the fragment and a trailing slash don't count. */
+export function samePath(a, b) {
+    return normal(a) === normal(b);
+}
+//# sourceMappingURL=site-path.js.map

package/dist/shell/site-path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-path.js","sourceRoot":"","sources":["../../src/shell/site-path.ts"],"names":[],"mappings":"AAAA,iHAAiH;AACjH,4CAA4C;AAQ5C,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;IAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC;IAC1C,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC3D,CAAC,CAAC;AAEF,qGAAqG;AACrG,MAAM,UAAU,QAAQ,CAAC,CAAS,EAAE,CAAS;IAC3C,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/dist/shell/site-shell.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface SiteShellProps {
+    children: ReactNode;
+    /** The skip link's text. */
+    skipLinkLabel?: string;
+    /** The id of the SiteMain the skip link goes to. */
+    mainId?: string;
+    className?: string;
+}
+/**
+ * A public page: a skip link, then a SiteHeader, a SiteMain and a SiteFooter, one column of full-width sections.
+ * The document scrolls, not main. Server-safe: it holds no state.
+ */
+export declare function SiteShell({ children, skipLinkLabel, mainId, className, }: SiteShellProps): import("react").JSX.Element;
+export interface SiteMainProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    /** Match SiteShell's mainId. */
+    id?: string;
+}
+/**
+ * The main landmark and the skip link's target (tabIndex -1: focus lands here, Tab doesn't stop here). Not a
+ * scroll container: on a public page the document scrolls.
+ */
+export declare function SiteMain({ children, id, className, ...props }: SiteMainProps): import("react").JSX.Element;
+//# sourceMappingURL=site-shell.d.ts.map

package/dist/shell/site-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-shell.d.ts","sourceRoot":"","sources":["../../src/shell/site-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAsC,EACtC,MAAe,EACf,SAAS,GACV,EAAE,cAAc,+BAkBhB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,WAAW,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAC;IACpB,gCAAgC;IAChC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAW,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAWrF"}

package/dist/shell/site-shell.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/cn.js';
+/**
+ * A public page: a skip link, then a SiteHeader, a SiteMain and a SiteFooter, one column of full-width sections.
+ * The document scrolls, not main. Server-safe: it holds no state.
+ */
+export function SiteShell({ children, skipLinkLabel = 'Skip to main content', mainId = 'main', className, }) {
+    return (_jsxs("div", { "data-site-shell": "", className: cn('relative flex min-h-dvh flex-col bg-background text-foreground', className), children: [_jsx("a", { href: `#${mainId}`, className: "group/skip absolute top-2 left-4 z-(--z-popover) inline-flex min-h-target min-w-target -translate-y-[200%] cursor-pointer items-center no-underline outline-none focus:translate-y-0", children: _jsx("span", { className: "inline-flex min-h-control items-center rounded-md bg-primary px-(--control-pad-x) text-sm font-semibold text-primary-foreground group-focus-visible/skip:focus-ring", children: skipLinkLabel }) }), children] }));
+}
+/**
+ * The main landmark and the skip link's target (tabIndex -1: focus lands here, Tab doesn't stop here). Not a
+ * scroll container: on a public page the document scrolls.
+ */
+export function SiteMain({ children, id = 'main', className, ...props }) {
+    return (_jsx("main", { ...props, id: id, tabIndex: -1, className: cn('relative flex-1 outline-none', className), children: children }));
+}
+//# sourceMappingURL=site-shell.js.map

package/dist/shell/site-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-shell.js","sourceRoot":"","sources":["../../src/shell/site-shell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,GAAG,sBAAsB,EACtC,MAAM,GAAG,MAAM,EACf,SAAS,GACM;IACf,OAAO,CACL,kCACkB,EAAE,EAClB,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,aAG1F,YACE,IAAI,EAAE,IAAI,MAAM,EAAE,EAClB,SAAS,EAAC,sLAAsL,YAEhM,eAAM,SAAS,EAAC,qKAAqK,YAClL,aAAa,GACT,GACL,EACH,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAQD;;;GAGG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACpF,OAAO,CACL,kBACM,KAAK,EACT,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAEvD,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/styles/styles.css

@@ -0,0 +1,10 @@
+/* @setsquare/ui styles — generated from tokens/tokens.json by scripts/build-css.mjs. Do not edit. */
+/* In the app's global stylesheet, after Tailwind:
+     @import "tailwindcss";
+     @import "@setsquare/ui/styles.css";                                                        */
+@import "./theme.css";
+@import "./tokens.css";
+/* Tailwind does not scan node_modules: this points it at the components' compiled class names. */
+@source "../**/*.js";
+@custom-variant dark (&:is(.dark *));
+@custom-variant aaa (&:where([data-conformance="aaa"] *));