@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/Sheet/Sheet.js

@@ -0,0 +1,152 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransitionProp as t } from "../../../lib/motion.js";
+import { focusInitialElement as n, lockBodyScroll as r, trapFocus as i } from "../../../lib/dialogOverlay.js";
+import { dialogBackdropClasses as a, overlayPanelBodyScrollClasses as o, overlayPanelChromeClasses as s, overlayPanelFooterClasses as c, overlayPanelFooterDelineatedInnerClasses as l, overlayPanelFooterDelineatedShellClasses as u, overlayPanelFooterHairlineClasses as d, overlayPanelSectionStackClasses as f } from "../Dialog/dialogStyles.js";
+import { OverlayPanelHeader as p } from "../Dialog/OverlayPanelHeader.js";
+import { sheetOverlayRootClasses as m, sheetPanelBaseClasses as h, sheetPanelMotionTransition as g, sheetPanelMotionVariants as _, sheetPanelPlacementClasses as v, sheetPanelSizeClasses as y, sheetSides as b, sheetSizes as x } from "./sheetStyles.js";
+import { SheetProvider as S, useSheetContext as C, useSheetLabelIds as w } from "./SheetContext.js";
+import { useCallback as T, useEffect as E, useRef as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { AnimatePresence as A, motion as j } from "motion/react";
+import { createPortal as M } from "react-dom";
+//#region src/components/organisms/Sheet/Sheet.tsx
+function N({ side: o, size: c, "aria-labelledby": l, "aria-describedby": u, children: d }) {
+	let { open: f, onOpenChange: p, dismissOnBackdrop: b, dismissOnEscape: x, triggerRef: S } = C("SheetPortal"), w = D(null), N = D(null), P = T(() => {
+		p(!1);
+	}, [p]);
+	E(() => {
+		if (!f) return;
+		N.current = S.current ?? document.activeElement;
+		let e = r(), t = w.current, a = () => {};
+		return t != null && (a = i(t), window.requestAnimationFrame(() => {
+			n(t);
+		})), () => {
+			a(), e(), N.current?.focus?.();
+		};
+	}, [f, S]), E(() => {
+		if (!f || !x) return;
+		function e(e) {
+			e.key === "Escape" && (e.preventDefault(), P());
+		}
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [
+		P,
+		x,
+		f
+	]);
+	function F(e) {
+		if (!b) return;
+		let t = e.target;
+		w.current?.contains(t) || P();
+	}
+	return typeof document > "u" ? null : M(/* @__PURE__ */ O(A, { children: f ? /* @__PURE__ */ k(j.div, {
+		className: m[o],
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: t("medium"),
+		onMouseDown: F,
+		children: [/* @__PURE__ */ O("div", {
+			className: a,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ O(j.div, {
+			ref: w,
+			className: e(h, v[o], y[o][c], s, "relative z-[1]"),
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": l,
+			"aria-describedby": u,
+			variants: _(o),
+			initial: "hidden",
+			animate: "visible",
+			exit: "exit",
+			transition: g(o),
+			onMouseDown: (e) => {
+				e.stopPropagation();
+			},
+			children: d
+		})]
+	}) : null }), document.body);
+}
+function P({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscape: r = !0, children: i }) {
+	let { titleId: a, descriptionId: o } = w("sheet"), s = D(null);
+	return /* @__PURE__ */ O(S, {
+		value: {
+			open: e,
+			onOpenChange: t,
+			titleId: a,
+			descriptionId: o,
+			dismissOnBackdrop: n,
+			dismissOnEscape: r,
+			triggerRef: s
+		},
+		children: i
+	});
+}
+function F({ children: e, className: t }) {
+	let { onOpenChange: n, triggerRef: r } = C("Sheet.Trigger");
+	return /* @__PURE__ */ O("span", {
+		ref: r,
+		className: t,
+		onClick: (e) => {
+			let t = e.target.closest("button, a[href]");
+			t instanceof HTMLElement && (r.current = t), n(!0);
+		},
+		children: e
+	});
+}
+function I({ side: t = "bottom", size: n = "md", title: r, description: i, headerStart: a, showClose: s = !0, footer: m, className: h, children: g }) {
+	let { titleId: _, descriptionId: v, onOpenChange: y } = C("Sheet.Content"), b = r != null, x = i != null, S = g != null || !b && x, w = m != null;
+	return /* @__PURE__ */ O(N, {
+		side: t,
+		size: n,
+		"aria-labelledby": b ? _ : void 0,
+		"aria-describedby": x ? v : void 0,
+		children: /* @__PURE__ */ k("div", {
+			className: e(f, m == null ? "pb-4" : void 0, h),
+			children: [
+				/* @__PURE__ */ O(p, {
+					titleId: _,
+					descriptionId: v,
+					title: r,
+					description: i,
+					headerStart: a,
+					showClose: s,
+					closeLabel: "Close sheet",
+					onClose: () => y(!1),
+					delineated: S || w
+				}),
+				S ? /* @__PURE__ */ k("div", {
+					className: o,
+					children: [!b && x ? /* @__PURE__ */ O("p", {
+						id: v,
+						className: "text-muted",
+						children: i
+					}) : null, g]
+				}) : null,
+				w ? S ? /* @__PURE__ */ k("footer", {
+					className: u,
+					children: [/* @__PURE__ */ O("hr", {
+						className: d,
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ O("div", {
+						className: l,
+						children: m
+					})]
+				}) : /* @__PURE__ */ O("footer", {
+					className: e(c, "pb-4"),
+					children: m
+				}) : null
+			]
+		})
+	});
+}
+var L = Object.assign(P, {
+	Trigger: F,
+	Content: I
+});
+//#endregion
+export { L as Sheet, b as sheetSides, x as sheetSizes };

package/dist/components/organisms/Sheet/SheetContext.d.ts

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+export interface SheetContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    titleId: string;
+    descriptionId: string;
+    dismissOnBackdrop: boolean;
+    dismissOnEscape: boolean;
+    triggerRef: React.RefObject<HTMLElement | null>;
+}
+export declare function SheetProvider({ value, children, }: {
+    value: SheetContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useSheetContext(component: string): SheetContextValue;
+export declare function useSheetLabelIds(prefix: string): {
+    titleId: string;
+    descriptionId: string;
+};
+//# sourceMappingURL=SheetContext.d.ts.map

package/dist/components/organisms/Sheet/SheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Sheet/SheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAID,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,iBAAiB,CAMpE;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM;;;EAM9C"}

package/dist/components/organisms/Sheet/SheetContext.js

@@ -0,0 +1,25 @@
+"use client";
+import { createContext as e, useContext as t, useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/organisms/Sheet/SheetContext.tsx
+var i = e(null);
+function a({ value: e, children: t }) {
+	return /* @__PURE__ */ r(i.Provider, {
+		value: e,
+		children: t
+	});
+}
+function o(e) {
+	let n = t(i);
+	if (n == null) throw Error(`[WMDS ${e}] must be used within \`Sheet\`.`);
+	return n;
+}
+function s(e) {
+	let t = n();
+	return {
+		titleId: `${e}-title${t}`,
+		descriptionId: `${e}-description${t}`
+	};
+}
+//#endregion
+export { a as SheetProvider, o as useSheetContext, s as useSheetLabelIds };

package/dist/components/organisms/Sheet/sheetStyles.d.ts

@@ -0,0 +1,30 @@
+import type { Variants } from "motion/react";
+import { dialogBackdropClasses } from "../Dialog/dialogStyles";
+export declare const sheetSides: readonly ["bottom", "end", "start"];
+export type SheetSide = (typeof sheetSides)[number];
+export declare const sheetSizes: readonly ["sm", "md", "lg"];
+export type SheetSize = (typeof sheetSizes)[number];
+/**
+ * Viewport inset on the **opposite** edge from entry — mobile only (`16px`).
+ * Entry side + top/bottom stay flush; scrim peeks on the trailing edge only.
+ */
+export declare const sheetOverlayInsetClasses: Record<SheetSide, string>;
+/** Full-viewport stack — scrim + edge-attached panel. */
+export declare const sheetOverlayRootClasses: Record<SheetSide, string>;
+export { dialogBackdropClasses as sheetBackdropClasses };
+/** Cross-axis size — width on side sheets, max-height on bottom. */
+export declare const sheetPanelSizeClasses: Record<SheetSide, Record<SheetSize, string>>;
+export declare const sheetPanelBaseClasses: string;
+/** Edge-attached shell — radius on the inner edge only (not floating). */
+export declare const sheetPanelPlacementClasses: Record<SheetSide, string>;
+/** @deprecated Use {@link overlayPanelFooterDelineatedShellClasses} + hairline + inner row. */
+export declare const sheetPanelFooterShellClasses = "shrink-0 w-full";
+/** @deprecated Use {@link overlayPanelFooterDelineatedInnerClasses}. */
+export declare const sheetPanelFooterInnerClasses: string;
+export { overlayPanelFooterHairlineClasses as sheetPanelFooterHairlineClasses } from "../Dialog/dialogStyles";
+/** Scrollable body region between header and footer. */
+export { overlayPanelBodyScrollClasses as sheetBodyScrollClasses } from "../Dialog/dialogStyles";
+/** Motion panel variants — medium tier slide from edge. */
+export declare function sheetPanelMotionVariants(side: SheetSide): Variants;
+export declare function sheetPanelMotionTransition(side: SheetSide): import("motion-dom").Transition;
+//# sourceMappingURL=sheetStyles.d.ts.map

package/dist/components/organisms/Sheet/sheetStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheetStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Sheet/sheetStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAQ7C,OAAO,EACL,qBAAqB,EAGtB,MAAM,wBAAwB,CAAC;AAEhC,eAAO,MAAM,UAAU,qCAAsC,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU,6BAA8B,CAAC;AAEtD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAI9D,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAa7D,CAAC;AAEF,OAAO,EAAE,qBAAqB,IAAI,oBAAoB,EAAE,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAgB9E,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAKvB,CAAC;AAEZ,0EAA0E;AAC1E,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIhE,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,4BAA4B,oBAA2C,CAAC;AAErF,wEAAwE;AACxE,eAAO,MAAM,4BAA4B,QAA2C,CAAC;AAErF,OAAO,EAAE,iCAAiC,IAAI,+BAA+B,EAAE,MAAM,wBAAwB,CAAC;AAE9G,wDAAwD;AACxD,OAAO,EAAE,6BAA6B,IAAI,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEjG,2DAA2D;AAC3D,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,GAAG,QAAQ,CAqBlE;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,SAAS,mCAEzD"}

package/dist/components/organisms/Sheet/sheetStyles.js

@@ -0,0 +1,72 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransitionProp as t } from "../../../lib/motion.js";
+import { cardBaseClasses as n, cardLayoutShellClasses as r, cardLayoutShellTopClasses as i } from "../../molecules/Card/cardStyles.js";
+import { dialogBackdropClasses as a } from "../Dialog/dialogStyles.js";
+//#region src/components/organisms/Sheet/sheetStyles.ts
+var o = [
+	"bottom",
+	"end",
+	"start"
+], s = [
+	"sm",
+	"md",
+	"lg"
+], c = {
+	bottom: "pt-4 md:pt-0",
+	end: "pl-4 md:pl-0",
+	start: "pr-4 md:pr-0"
+}, l = {
+	bottom: e("fixed inset-0 z-[100] flex flex-col justify-end", c.bottom),
+	end: e("fixed inset-0 z-[100] flex flex-row justify-end", c.end),
+	start: e("fixed inset-0 z-[100] flex flex-row justify-start", c.start)
+}, u = {
+	bottom: {
+		sm: "max-h-[min(40vh,100%)]",
+		md: "max-h-[min(60vh,100%)]",
+		lg: "max-h-[min(85vh,100%)]"
+	},
+	end: {
+		sm: "w-full max-w-sm",
+		md: "w-full max-w-md",
+		lg: "w-full max-w-lg"
+	},
+	start: {
+		sm: "w-full max-w-sm",
+		md: "w-full max-w-md",
+		lg: "w-full max-w-lg"
+	}
+}, d = [
+	n,
+	r,
+	i(),
+	"max-h-full min-h-0 bg-surface shadow-soft-card"
+].join(" "), f = {
+	bottom: "w-full rounded-t-2xl",
+	end: "h-full w-full rounded-l-2xl",
+	start: "h-full w-full rounded-r-2xl"
+};
+function p(e) {
+	switch (e) {
+		case "end": return {
+			hidden: { x: "100%" },
+			visible: { x: 0 },
+			exit: { x: "100%" }
+		};
+		case "start": return {
+			hidden: { x: "-100%" },
+			visible: { x: 0 },
+			exit: { x: "-100%" }
+		};
+		default: return {
+			hidden: { y: "100%" },
+			visible: { y: 0 },
+			exit: { y: "100%" }
+		};
+	}
+}
+function m(e) {
+	return t(e === "bottom" ? "medium" : "medium-max");
+}
+//#endregion
+export { a as sheetBackdropClasses, c as sheetOverlayInsetClasses, l as sheetOverlayRootClasses, d as sheetPanelBaseClasses, m as sheetPanelMotionTransition, p as sheetPanelMotionVariants, f as sheetPanelPlacementClasses, u as sheetPanelSizeClasses, o as sheetSides, s as sheetSizes };

package/dist/components/organisms/SiteNav/SiteNav.d.ts

@@ -0,0 +1,170 @@
+import { type ReactElement, type ReactNode, type RefObject } from "react";
+import { type ButtonSize } from "../../atoms/Button/Button";
+import { type SiteNavCompactLayout, type SiteNavPlacement, type SiteNavState } from "./siteNavStyles";
+export type { SiteNavCompactLayout, SiteNavPlacement, SiteNavState } from "./siteNavStyles";
+export { siteNavCompactLayouts, siteNavDefaultCollapseAt, siteNavDefaultCollapseRatio, siteNavExpandedHeightClasses, siteNavMenuReadRowClasses, siteNavMenuReadThumbClasses, siteNavPlacements, siteNavStates, } from "./siteNavStyles";
+/** Layout-only — placement or z-index adjustments; not for re-theming the bar. */
+export type SiteNavLayoutClassName = string;
+export interface SiteNavProps {
+    /** Leading slot — **SiteNav.Brand** (logo + wordmark). */
+    start?: ReactNode;
+    /** Center slot — **SiteNav.Links** (links + mega menus). Hidden below `md` when `mobile` is set. */
+    middle?: ReactNode;
+    /** Trailing slot — login link + primary CTA (**Button** `size="sm"`). */
+    end?: ReactNode;
+    /**
+     * Mobile menu body (below `md`) — rendered inside a **Sheet** opened from a **Menu** IconButton
+     * appended to `end`. Compose **SiteNav.MobileLink** rows or a **NavList**.
+     */
+    mobile?: ReactNode;
+    /** Sheet title for the mobile menu. Default: `"Menu"`. */
+    mobileTitle?: ReactNode;
+    /**
+     * Scroll distance (px) that reveals the compact pill. Omit to use half the scrollport
+     * height (`siteNavDefaultCollapseRatio` — 50% of the window or `scrollContainer`).
+     */
+    collapseAt?: number;
+    /** Controlled state — overrides scroll detection (Storybook specimens, tests). */
+    state?: SiteNavState;
+    onStateChange?: (state: SiteNavState) => void;
+    /** Compact (scrolled) pill width — `hug` (default, narrower) or `grid` (same as expanded `--grid-max`). */
+    compactLayout?: SiteNavCompactLayout;
+    /** Page chrome (`fixed`, default) or static specimen (`inline`). Pair `inline` + `scrollContainer` for scroll demos. */
+    placement?: SiteNavPlacement;
+    /** When set, compact pins sticky inside this scroller (page chrome) instead of `fixed` to the window. */
+    scrollContainer?: RefObject<HTMLElement | null>;
+    /** Accessible name for the `<header>`. Default: `"Site"`. */
+    "aria-label"?: string;
+    className?: SiteNavLayoutClassName;
+}
+/**
+ * Marketing site header — in-flow expanded band that scrolls away with the page. Once the
+ * reader scrolls past half the viewport (or `collapseAt` px), a separate floating pill
+ * pins 1rem from the top (`fixed` on the window, `sticky` inside a `scrollContainer`).
+ *
+ * Mental model: **page chrome** (`placement="fixed"`, optional `scrollContainer`) vs
+ * **specimen** (`placement="inline"` without a scroller). Collapse ownership lives in
+ * {@link useSiteNavCollapse}.
+ */
+declare function SiteNavRoot({ start, middle, end, mobile, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
+export interface SiteNavBrandProps {
+    href: string;
+    /**
+     * Lucide mark for a circular **IconButton** brand. Prefer this over putting an
+     * icon in `children`.
+     */
+    icon?: ReactElement;
+    /** Wordmark text, or a Lucide icon when `icon` is omitted (still requires `aria-label`). */
+    children?: ReactNode;
+    /** Required when the brand is icon-only. */
+    "aria-label"?: string;
+}
+/** Brand link — circular **IconButton** for marks, or ghost **Button** for wordmarks. */
+declare function SiteNavBrand({ href, icon, children, "aria-label": ariaLabel }: SiteNavBrandProps): import("react").JSX.Element;
+export interface SiteNavLinksProps {
+    children: ReactNode;
+    /** Accessible name for the navigation region. Default: `"Primary"`. */
+    "aria-label"?: string;
+    /** Hover-open delay for mega menus (ms). Default: `100`. */
+    delay?: number;
+    /** Close delay after the pointer leaves (ms). Default: `150`. */
+    closeDelay?: number;
+}
+/**
+ * Primary link cluster — NavigationMenu + Tab-style More when items overflow.
+ * Overflow math is shared ({@link resolveTabOverflow}); More UI stays here so mega flatten
+ * and NavigationMenu triggers stay local (full shared More track deferred).
+ */
+declare function SiteNavLinks({ children, "aria-label": ariaLabel, delay, closeDelay, }: SiteNavLinksProps): import("react").JSX.Element;
+export interface SiteNavLinkProps {
+    href: string;
+    children: ReactNode;
+    /** Marks the current page — selected fill pill + `aria-current="page"`. */
+    current?: boolean;
+    /** Stable id for overflow measurement. Defaults to `href`. */
+    value?: string;
+}
+/** One top-level link — ghost **Button** anchor inside the NavigationMenu list. */
+declare function SiteNavLink({ href, children, current, value }: SiteNavLinkProps): import("react").JSX.Element;
+export interface SiteNavMenuProps {
+    /** Trigger label (e.g. "Resources"). */
+    label: ReactNode;
+    /** Panel body — compose **SiteNav.MenuSection** columns. */
+    children: ReactNode;
+    /** Stable value for controlled NavigationMenu usage. Defaults to the label when it is a string. */
+    value?: string;
+}
+/** Mega-menu item — ghost **Button** trigger with a flipping chevron and a portaled content panel. */
+declare function SiteNavMenu({ label, children, value }: SiteNavMenuProps): import("react").JSX.Element;
+export interface SiteNavMenuSectionProps {
+    /** Column overline (e.g. "Featured", "Read", "Links"). */
+    label?: ReactNode;
+    /** Column width in grid tracks. Default: `1`. */
+    span?: 1 | 2 | 3;
+    children: ReactNode;
+}
+/** One mega-menu column — overline + stacked content (**Card**, **SiteNav.MenuLink** rows, copy). */
+declare function SiteNavMenuSection({ label, span, children }: SiteNavMenuSectionProps): import("react").JSX.Element;
+export interface SiteNavMenuLinkProps {
+    href: string;
+    children: ReactNode;
+    /** Leading Lucide glyph. */
+    icon?: ReactElement;
+    /** Opens in a new tab with the external-destination indicator. */
+    external?: boolean;
+    size?: Extract<ButtonSize, "xs" | "sm">;
+}
+/** Quiet link row inside a menu section — ghost **Button** anchor that closes the menu on click. */
+declare function SiteNavMenuLink({ href, children, icon, external, size }: SiteNavMenuLinkProps): import("react").JSX.Element;
+/** Two-column grid of **SiteNav.MenuLink** rows. */
+declare function SiteNavMenuLinkGrid({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export interface SiteNavMenuMediaProps {
+    /** Spoken name for the placeholder / image. */
+    label: string;
+    /** `featured` = wide band; `thumb` = responsive read-row media (default). */
+    variant?: "featured" | "thumb";
+    className?: string;
+}
+/** Quiet media well for mega Featured / Read — owns Card occupant + responsive thumb recipes. */
+declare function SiteNavMenuMedia({ label, variant, className, }: SiteNavMenuMediaProps): import("react").JSX.Element;
+export interface SiteNavFeaturedProps {
+    media: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    href: string;
+    linkLabel?: ReactNode;
+}
+/** Featured mega column body — media + heading + copy + **TextLink** (no **Card**). */
+declare function SiteNavFeatured({ media, title, description, href, linkLabel, }: SiteNavFeaturedProps): import("react").JSX.Element;
+export interface SiteNavReadRowProps {
+    media: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    href: string;
+    linkLabel?: ReactNode;
+}
+/** Read mega row — stacks media → copy below `md`; thumb beside copy from `md` up. */
+declare function SiteNavReadRow({ media, title, description, href, linkLabel, }: SiteNavReadRowProps): import("react").JSX.Element;
+export interface SiteNavMobileLinkProps {
+    href: string;
+    children: ReactNode;
+    current?: boolean;
+}
+/** Full-width link row for the mobile **Sheet** — **Button** `layout="nav"` chrome on an anchor. */
+declare function SiteNavMobileLink({ href, children, current }: SiteNavMobileLinkProps): import("react").JSX.Element;
+export declare const SiteNav: typeof SiteNavRoot & {
+    Brand: typeof SiteNavBrand;
+    Links: typeof SiteNavLinks;
+    Link: typeof SiteNavLink;
+    Menu: typeof SiteNavMenu;
+    MenuSection: typeof SiteNavMenuSection;
+    MenuLink: typeof SiteNavMenuLink;
+    MenuLinkGrid: typeof SiteNavMenuLinkGrid;
+    MenuMedia: typeof SiteNavMenuMedia;
+    Featured: typeof SiteNavFeatured;
+    ReadRow: typeof SiteNavReadRow;
+    MobileLink: typeof SiteNavMobileLink;
+};
+//# sourceMappingURL=SiteNav.d.ts.map

package/dist/components/organisms/SiteNav/SiteNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteNav.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/SiteNav/SiteNav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAcL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,EAAU,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAWpE,OAAO,EA8CL,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EAClB,MAAM,iBAAiB,CAAC;AAGzB,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC5F,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,aAAa,GACd,MAAM,iBAAiB,CAAC;AAEzB,kFAAkF;AAClF,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oGAAoG;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yEAAyE;IACzE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,2GAA2G;IAC3G,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,wHAAwH;IACxH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,yGAAyG;IACzG,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,sBAAsB,CAAC;CACpC;AA2BD;;;;;;;;GAQG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,WAAoB,EACpB,UAAU,EACV,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAqB,EACrB,SAAmB,EACnB,eAAe,EACf,YAAY,EAAE,SAAkB,EAChC,SAAS,GACV,EAAE,YAAY,+BA8Ld;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,yFAAyF;AACzF,iBAAS,YAAY,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BA6BzF;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAiCD;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,YAAY,EAAE,SAAqB,EACnC,KAAW,EACX,UAAgB,GACjB,EAAE,iBAAiB,+BAoSnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mFAAmF;AACnF,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAe,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAehF;AAED,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,KAAK,EAAE,SAAS,CAAC;IACjB,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,sGAAsG;AACtG,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAoBhE;AAED,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,qGAAqG;AACrG,iBAAS,kBAAkB,CAAC,EAAE,KAAK,EAAE,IAAQ,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAOjF;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;CACzC;AAED,oGAAoG;AACpG,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAgB,EAAE,IAAW,EAAE,EAAE,oBAAoB,+BAoBrG;AAED,oDAAoD;AACpD,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEjE;AAED,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iGAAiG;AACjG,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,OAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,+BAavB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,uFAAuF;AACvF,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAsB,GACvB,EAAE,oBAAoB,+BAStB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,sFAAsF;AACtF,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAsB,GACvB,EAAE,mBAAmB,+BAWrB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oGAAoG;AACpG,iBAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAe,EAAE,EAAE,sBAAsB,+BAYrF;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYlB,CAAC"}