@thewhatmatters/wmds 0.4.30 → 0.4.31

package/CHANGELOG.md

@@ -7,6 +7,29 @@ Every release of `@thewhatmatters/wmds` is listed here, newest first.
 - **Pasted patterns:** when a release changes a **Pattern — …** story's Show code, it is named under Consumer actions so apps re-copy it.
 - **How to add an entry** (contributors): add your change to the top entry. If that version is already on npm (`npm view @thewhatmatters/wmds versions`), start a new entry above it and bump `version` in `package.json` to match. `npm run check:changelog` enforces the format.
 
+## 0.4.31
+
+**SiteNav's phone menu follows the Header rule: a "Menu" button that becomes "Close", a full-height panel under the bar, and a link tap closes it.**
+
+- **HeroIntro** `actions` (new): the CTA row under the heading and description, one primary and an optional secondary (Hero rule R2); left on phones, centred from `md`. New story **Pattern — with description and actions**. Story copy is shorter, so the intro holds 3 lines at 390: "A design studio in Austin. / We help brands stand out online." (**HeroIntro**, **HeroTileStack**, **FooterReveal** stories).
+- **SiteNav** `mobile` menu (below `md`), rebuilt to Header and mobile menu rules N5–N8:
+  - The trigger is a **Button** with an icon and a visible word, "☰ Menu", that becomes "✕ Close" in the same place (QA #28). The word is the accessible name (was an icon-only button named "Open menu" / "Close menu"). At least 44px tall.
+  - The menu opens as a full-height panel **under the bar**, not a side **Sheet**. The bar stays live, so Close sits where Menu was. The panel is a dialog: focus moves to its first link, Tab cycles through the bar and the panel, the page behind is inert and doesn't scroll, Escape or Close closes it, and focus returns to Menu. It closes when the window widens past `md`.
+  - **Tapping any link in the menu closes it** (QA #25; it used to stay open over the page).
+  - **SiteNav.MobileLink** rows are 56px and full width. The current page is marked by weight and the selected fill plus `aria-current="page"`, not colour alone.
+  - `mobileAction` (new): the main action, pinned to the bottom of the open menu.
+  - With `mobile`, the bar's `end` actions give way when brand + actions + Menu don't fit (measured, not a fixed width), so Menu keeps its word; `mobileAction` carries the main button there. Below `md` the actions and Menu sit at the trailing edge.
+  - `mobileTitle` is now a string (the dialog's accessible name).
+  - New interaction tests **Internal/Interactions/SiteNav → phone menu…** (390), **phone menu at 320** (N7) and **phone bar: trailing edge**.
+- **SiteNav** full bar: a wordmark **SiteNav.Brand** and the Menu button pull their own 16px padding past the edges, so the wordmark and the Menu word line up with the content edges (hit areas unchanged; the compact pill keeps its padding). The bar's give-way check measures the slots' margin boxes instead of `scrollWidth`, so that pull doesn't hide a CTA that fits: "Get my free sketch" stays in the bar from 390 (N9). The Menu/Close button is quiet in both states (ghost hover and press fill only). While the phone menu is open, the bar's actions hide, so the menu's own action is the one CTA on screen. New interaction test **phone bar: wordmark and Menu word sit on the content edges**.
+- **Breakpoints rule P5:** every `sm:` (640px) variant in WMDS moves to `md:` (768px): **Field** label column, **TileGrid** `--tile-grid-cols-sm` (now from `md`), **Breadcrumb** gap and label width, **FooterReveal** wordmark size, **Carousel** `--carousel-item-sm` and caption width, the Post page / Resource detail / Filter panel / Profile typography guides, and story Show code. Layout changes only between 640 and 767px, where these now keep their phone layout. New unit test: no `sm:` and no one-off `min-[…]` / `max-[…]` breakpoints anywhere in `src`.
+- `lib/dialogOverlay` exports `tabbablesIn` and `inertAllBut` (internal helpers, also used by SiteNav).
+- **ChatDock**: its 40rem chat column is documented as the text-only exception to Container width W5.
+
+### Consumer actions
+
+If you pass `mobile` to **SiteNav**, also pass `mobileAction` (usually the same **Button** as your bar CTA) so small phones still reach it when the bar is too tight for it. Keep the bar's CTA label short (about 12 characters) so it fits beside Menu at 390. Tests that find the trigger by `aria-label="Open menu"` now find it by its text, `getByRole("button", { name: "Menu" })`, and the open menu is a `dialog` named by `mobileTitle` (default "Menu"). `mobileTitle` must be a string. Re-copy any **Pattern** whose Show code used `sm:` (the generated `docs/patterns` show which changed). `--tile-grid-cols-sm` and `--carousel-item-sm` keep their names but now apply from 768px.
+
 ## 0.4.30
 
 **Capitals are tracked 0.08–0.12em (Eyebrow rule E3).**

package/dist/components/molecules/Breadcrumb/breadcrumbStyles.d.ts

@@ -4,7 +4,7 @@ export type BreadcrumbSeparator = (typeof breadcrumbSeparators)[number];
 export declare const breadcrumbVariants: readonly ["sans", "mono"];
 /** `sans` (default) — body type. `mono` — `type-eyebrow` caps, for editorial pages beside **SectionCaption**. */
 export type BreadcrumbVariant = (typeof breadcrumbVariants)[number];
-export declare const breadcrumbListClasses = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 sm:gap-x-2";
+export declare const breadcrumbListClasses = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 md:gap-x-2";
 export declare const breadcrumbVariantClasses: Record<BreadcrumbVariant, string>;
 export declare const breadcrumbItemClasses = "inline-flex min-w-0 items-center";
 /**

package/dist/components/molecules/Breadcrumb/breadcrumbStyles.js

@@ -3,9 +3,9 @@ import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 import { motionTransition as n } from "../../../lib/motion.js";
 //#region src/components/molecules/Breadcrumb/breadcrumbStyles.ts
-var r = ["chevron", "slash"], i = ["sans", "mono"], a = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 sm:gap-x-2", o = {
+var r = ["chevron", "slash"], i = ["sans", "mono"], a = "m-0 flex min-w-0 list-none flex-wrap items-center gap-x-1.5 gap-y-1 p-0 md:gap-x-2", o = {
 	sans: e(t("body"), "text-muted"),
 	mono: t("eyebrow")
-}, s = "inline-flex min-w-0 items-center", c = "block max-w-[10rem] truncate sm:max-w-[16rem] lg:max-w-[24rem]", l = e(c, "py-0.5 -my-0.5", "rounded-sm text-muted underline decoration-transparent decoration-solid underline-offset-4", "transition-[color,text-decoration-color]", n("fast"), "hover:text-fg hover:decoration-current", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body"), u = e(c, "text-fg"), d = e(c, "text-muted"), f = "inline-flex shrink-0 items-center text-muted", p = "select-none", m = "relative -mx-2.5 -my-2 inline-flex";
+}, s = "inline-flex min-w-0 items-center", c = "block max-w-[10rem] truncate md:max-w-[16rem] lg:max-w-[24rem]", l = e(c, "py-0.5 -my-0.5", "rounded-sm text-muted underline decoration-transparent decoration-solid underline-offset-4", "transition-[color,text-decoration-color]", n("fast"), "hover:text-fg hover:decoration-current", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-body"), u = e(c, "text-fg"), d = e(c, "text-muted"), f = "inline-flex shrink-0 items-center text-muted", p = "select-none", m = "relative -mx-2.5 -my-2 inline-flex";
 //#endregion
 export { s as breadcrumbItemClasses, l as breadcrumbLinkClasses, a as breadcrumbListClasses, m as breadcrumbMoreClasses, u as breadcrumbPageClasses, f as breadcrumbSeparatorClasses, r as breadcrumbSeparators, p as breadcrumbSlashClasses, d as breadcrumbTextClasses, o as breadcrumbVariantClasses, i as breadcrumbVariants };

package/dist/components/molecules/Field/fieldStyles.d.ts

@@ -5,7 +5,7 @@ export declare const fieldVerticalStackClasses = "flex w-full flex-col gap-1.5";
 /** Label beside control — Stripe-style two-column row. */
 export declare const fieldHorizontalStackClasses = "flex w-full items-start gap-4";
 /** Left label column — fixed band; control column flexes. */
-export declare const fieldHorizontalLabelColumnClasses = "w-[7.5rem] shrink-0 pt-2.5 sm:w-32";
+export declare const fieldHorizontalLabelColumnClasses = "w-[7.5rem] shrink-0 pt-2.5 md:w-32";
 /** Right control column in horizontal layout. */
 export declare const fieldHorizontalControlColumnClasses = "flex min-w-0 flex-1 flex-col gap-1.5";
 /** Gap between multiple controls under one label. */

package/dist/components/molecules/Field/fieldStyles.js

@@ -3,7 +3,7 @@ import { cn as e } from "../../../lib/cn.js";
 import { typographyClass as t } from "../../../lib/typography.js";
 import "../../atoms/Input/inputShellStyles.js";
 //#region src/components/molecules/Field/fieldStyles.ts
-var n = ["vertical", "horizontal"], r = "flex w-full flex-col gap-1.5", i = "flex w-full items-start gap-4", a = "w-[7.5rem] shrink-0 pt-2.5 sm:w-32", o = "flex min-w-0 flex-1 flex-col gap-1.5", s = "flex w-full flex-col gap-2", c = t("ui-label"), l = t("caption");
+var n = ["vertical", "horizontal"], r = "flex w-full flex-col gap-1.5", i = "flex w-full items-start gap-4", a = "w-[7.5rem] shrink-0 pt-2.5 md:w-32", o = "flex min-w-0 flex-1 flex-col gap-1.5", s = "flex w-full flex-col gap-2", c = t("ui-label"), l = t("caption");
 function u(t) {
 	return e(c, t && "opacity-50");
 }

package/dist/components/molecules/HeroIntro/HeroIntro.d.ts

@@ -22,6 +22,11 @@ export interface HeroIntroProps {
      * sentences that summarise the page.
      */
     description?: ReactNode;
+    /**
+     * Optional CTA row under the heading (and the description): one primary **Button** and an optional
+     * secondary, usually `role="outline"` (Hero rule R2). Left on phones, centred from `md`.
+     */
+    actions?: ReactNode;
     /**
      * `large` — `type-display-2` at normal weight, columns 4–9 from `lg`. The default hero.
      * `display` — the same size, full width of the page grid. The sequenced hero.
@@ -33,8 +38,9 @@ export interface HeroIntroProps {
 }
 /**
  * Marketing hero heading. `firstLine` is the first line. `children`, when passed, is the next line.
- * `description`, when passed, is a lead paragraph under the heading. The component owns the break.
+ * `description`, when passed, is a lead paragraph under the heading, and `actions` the CTA row under that.
+ * The component owns the break.
  * This is the page `h1`.
  */
-export declare function HeroIntro({ firstLine, lead, children, description, step, className }: HeroIntroProps): import("react").JSX.Element;
+export declare function HeroIntro({ firstLine, lead, children, description, actions, step, className }: HeroIntroProps): import("react").JSX.Element;
 //# sourceMappingURL=HeroIntro.d.ts.map

package/dist/components/molecules/HeroIntro/HeroIntro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroIntro.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/HeroIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAavC,kFAAkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,qHAAqH;AACrH,eAAO,MAAM,cAAc,+BAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAc,EAAE,SAAS,EAAE,EAAE,cAAc,+BAgB9G"}
+{"version":3,"file":"HeroIntro.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/HeroIntro.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,kFAAkF;AAClF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAE9C,qHAAqH;AACrH,eAAO,MAAM,cAAc,+BAAgC,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,IAAc,EAAE,SAAS,EAAE,EAAE,cAAc,+BAqBvH"}

package/dist/components/molecules/HeroIntro/HeroIntro.js

@@ -1,28 +1,36 @@
 "use client";
 import { cn as e } from "../../../lib/cn.js";
-import { heroIntroCopyClasses as t, heroIntroDescriptionClasses as n, heroIntroDisplayCopyClasses as r, heroIntroDisplayDescriptionClasses as i, heroIntroDisplayLeadClasses as a, heroIntroLeadClasses as o, heroIntroPageClasses as s, heroIntroRestClasses as c } from "./heroIntroStyles.js";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { heroIntroActionsClasses as t, heroIntroCopyClasses as n, heroIntroDescriptionClasses as r, heroIntroDisplayCopyClasses as i, heroIntroDisplayDescriptionClasses as a, heroIntroDisplayLeadClasses as o, heroIntroLeadClasses as s, heroIntroPageClasses as c, heroIntroRestClasses as l } from "./heroIntroStyles.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/molecules/HeroIntro/HeroIntro.tsx
-var d = ["large", "display"];
-function f({ firstLine: d, lead: f, children: p, description: m, step: h = "large", className: g }) {
-	f !== void 0 && d === void 0 && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("[WMDS HeroIntro] `lead` is renamed to `firstLine` (0.4.30); `lead` still works for now.");
-	let _ = d ?? f, v = h === "display", y = p != null && p !== !1;
-	return /* @__PURE__ */ u("div", {
-		className: e(s, g),
-		children: [/* @__PURE__ */ u("h1", {
-			className: v ? r : t,
-			children: [/* @__PURE__ */ l("span", {
-				className: v ? a : o,
-				children: _
-			}), y ? /* @__PURE__ */ l("span", {
-				className: c,
-				children: p
-			}) : null]
-		}), m == null ? null : /* @__PURE__ */ l("p", {
-			className: v ? i : n,
-			children: m
-		})]
+var f = ["large", "display"];
+function p({ firstLine: f, lead: p, children: m, description: h, actions: g, step: _ = "large", className: v }) {
+	p !== void 0 && f === void 0 && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn("[WMDS HeroIntro] `lead` is renamed to `firstLine` (0.4.30); `lead` still works for now.");
+	let y = f ?? p, b = _ === "display", x = m != null && m !== !1;
+	return /* @__PURE__ */ d("div", {
+		className: e(c, v),
+		children: [
+			/* @__PURE__ */ d("h1", {
+				className: b ? i : n,
+				children: [/* @__PURE__ */ u("span", {
+					className: b ? o : s,
+					children: y
+				}), x ? /* @__PURE__ */ u("span", {
+					className: l,
+					children: m
+				}) : null]
+			}),
+			h == null ? null : /* @__PURE__ */ u("p", {
+				className: b ? a : r,
+				children: h
+			}),
+			g == null ? null : /* @__PURE__ */ u("div", {
+				className: t,
+				"data-slot": "actions",
+				children: g
+			})
+		]
 	});
 }
 //#endregion
-export { f as HeroIntro, d as heroIntroSteps };
+export { p as HeroIntro, f as heroIntroSteps };

package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts

@@ -33,7 +33,14 @@ export declare const heroIntroDisplayLeadClasses = "block min-w-0";
  * Optional lead paragraph under the heading: `type-lead` (18px phone to 21px, regular, 1.45) in ink, at the
  * 42rem measure, centred under the heading on the same columns (Lead rules L7, L8).
  */
-export declare const heroIntroDescriptionClasses = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
+/** Heading → lead is the page grid's 24px row gap (no extra margin; Spacing S2). */
+export declare const heroIntroDescriptionClasses = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
 /** The description under the display step: the same 6-column measure, left on phones, centred from `md`. */
-export declare const heroIntroDisplayDescriptionClasses = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
+export declare const heroIntroDisplayDescriptionClasses = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10";
+/**
+ * The CTA row under the heading (or the description): one primary and an optional secondary (Hero rule R2).
+ * Left on phones and centred from `md`, like the heading. 32px below the text above it: the grid's 24px row
+ * gap plus 8.
+ */
+export declare const heroIntroActionsClasses = "col-span-full mt-2 flex min-w-0 flex-wrap items-center justify-start gap-3 md:justify-center";
 //# sourceMappingURL=heroIntroStyles.d.ts.map

package/dist/components/molecules/HeroIntro/heroIntroStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,2BAA2B,+IACsG,CAAC;AAE/I,4GAA4G;AAC5G,eAAO,MAAM,kCAAkC,+IAA8B,CAAC"}
+{"version":3,"file":"heroIntroStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/HeroIntro/heroIntroStyles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,2BAA2B,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,QAGtB,CAAC;AAEZ,uFAAuF;AACvF,eAAO,MAAM,oBAAoB,kBAAkB,CAAC;AAEpD,2EAA2E;AAC3E,eAAO,MAAM,oBAAoB,UAAU,CAAC;AAE5C;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,QAG7B,CAAC;AAEZ,2EAA2E;AAC3E,eAAO,MAAM,2BAA2B,kBAAkB,CAAC;AAE3D;;;GAGG;AACH,oFAAoF;AACpF,eAAO,MAAM,2BAA2B,0IACiG,CAAC;AAE1I,4GAA4G;AAC5G,eAAO,MAAM,kCAAkC,0IAA8B,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iGAC4D,CAAC"}

package/dist/components/molecules/HeroIntro/heroIntroStyles.js

@@ -1,5 +1,5 @@
 "use client";
 //#region src/components/molecules/HeroIntro/heroIntroStyles.ts
-var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center lg:col-start-2 lg:col-end-12"].join(" "), n = "block min-w-0", r = "block", i = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center"].join(" "), a = "block min-w-0", o = "col-span-full mt-6 min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10", s = o;
+var e = "grid-page w-full !py-0", t = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center lg:col-start-2 lg:col-end-12"].join(" "), n = "block min-w-0", r = "block", i = ["type-display-2 !font-normal text-balance", "col-span-full min-w-0 text-left text-muted md:text-center"].join(" "), a = "block min-w-0", o = "col-span-full min-w-0 text-pretty text-left type-lead text-fg md:mx-auto md:max-w-[42rem] md:text-center lg:col-start-4 lg:col-end-10", s = o, c = "col-span-full mt-2 flex min-w-0 flex-wrap items-center justify-start gap-3 md:justify-center";
 //#endregion
-export { t as heroIntroCopyClasses, o as heroIntroDescriptionClasses, i as heroIntroDisplayCopyClasses, s as heroIntroDisplayDescriptionClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };
+export { c as heroIntroActionsClasses, t as heroIntroCopyClasses, o as heroIntroDescriptionClasses, i as heroIntroDisplayCopyClasses, s as heroIntroDisplayDescriptionClasses, a as heroIntroDisplayLeadClasses, n as heroIntroLeadClasses, e as heroIntroPageClasses, r as heroIntroRestClasses };

package/dist/components/molecules/TileGrid/tileGridStyles.js

@@ -11,6 +11,6 @@ var t = ["masonry", "uniform"], n = [
 	base: 1,
 	sm: 2,
 	lg: 3
-}, i = "w-full min-w-0", a = e("relative m-0 -mb-[var(--tile-grid-row-gap)] grid list-none items-start p-0 [--tile-grid-row-gap:2rem]", "gap-x-[var(--grid-column-gap,1.5rem)] gap-y-0", "grid-cols-[repeat(var(--tile-grid-cols),minmax(0,1fr))] sm:grid-cols-[repeat(var(--tile-grid-cols-sm),minmax(0,1fr))]", "md:grid-cols-[repeat(var(--tile-grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--tile-grid-cols-lg),minmax(0,1fr))]", "xl:grid-cols-[repeat(var(--tile-grid-cols-xl),minmax(0,1fr))]", "data-[packed]:auto-rows-[4px]"), o = "min-w-0", s = "flex min-w-0 flex-col pb-[var(--tile-grid-row-gap)]", c = "py-8";
+}, i = "w-full min-w-0", a = e("relative m-0 -mb-[var(--tile-grid-row-gap)] grid list-none items-start p-0 [--tile-grid-row-gap:2rem]", "gap-x-[var(--grid-column-gap,1.5rem)] gap-y-0", "grid-cols-[repeat(var(--tile-grid-cols),minmax(0,1fr))] md:grid-cols-[repeat(var(--tile-grid-cols-sm),minmax(0,1fr))]", "md:grid-cols-[repeat(var(--tile-grid-cols-md),minmax(0,1fr))] lg:grid-cols-[repeat(var(--tile-grid-cols-lg),minmax(0,1fr))]", "xl:grid-cols-[repeat(var(--tile-grid-cols-xl),minmax(0,1fr))]", "data-[packed]:auto-rows-[4px]"), o = "min-w-0", s = "flex min-w-0 flex-col pb-[var(--tile-grid-row-gap)]", c = "py-8";
 //#endregion
 export { n as tileGridBreakpoints, r as tileGridDefaultColumns, c as tileGridEmptyClasses, o as tileGridItemClasses, s as tileGridItemInnerClasses, t as tileGridLayouts, a as tileGridListClasses, i as tileGridRootClasses };

package/dist/components/organisms/Carousel/carouselStyles.js

@@ -17,9 +17,9 @@ var i = [
 	base: 80,
 	sm: 55,
 	lg: 40
-}, s = "@container/carousel flex w-full min-w-0 flex-col", c = e("relative rounded-[var(--radius-card-shell)]", "ml-[calc(var(--carousel-bleed-left,0px)*-1)] mr-[calc(var(--carousel-bleed-right,0px)*-1)]", "has-[>[data-carousel-viewport]:focus-visible]:ring-2 has-[>[data-carousel-viewport]:focus-visible]:ring-focus-ring", "has-[>[data-carousel-viewport]:focus-visible]:ring-offset-2 has-[>[data-carousel-viewport]:focus-visible]:ring-offset-body", n), l = e("-mt-2 -mb-6 overflow-x-auto overflow-y-hidden overscroll-x-contain pt-2 pb-6 outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "scroll-pl-[var(--carousel-bleed-left,0px)] scroll-pr-[var(--carousel-bleed-right,0px)]", "data-[overflowing=true]:cursor-grab data-[dragging]:cursor-grabbing data-[dragging]:select-none"), u = "snap-x snap-mandatory data-[moving]:snap-none", d = "scroll-fade-x", f = "w-max min-w-full pl-[var(--carousel-bleed-left,0px)] pr-[var(--carousel-bleed-right,0px)]", p = e("flex w-max min-w-full gap-[var(--grid-column-gap,1.5rem)]", "[&_a]:[-webkit-user-drag:none] [&_img]:[-webkit-user-drag:none]"), m = e("min-w-0 shrink-0 grow-0 snap-start", "basis-[calc(var(--carousel-item)*1cqw)] sm:basis-[calc(var(--carousel-item-sm)*1cqw)]", "md:basis-[calc(var(--carousel-item-md)*1cqw)] lg:basis-[calc(var(--carousel-item-lg)*1cqw)]"), h = "group/carousel-progress relative flex h-11 w-full cursor-pointer touch-none select-none items-center data-[overflowing=false]:invisible", g = {
-	center: "self-center sm:w-60",
-	start: "self-start sm:w-60",
+}, s = "@container/carousel flex w-full min-w-0 flex-col", c = e("relative rounded-[var(--radius-card-shell)]", "ml-[calc(var(--carousel-bleed-left,0px)*-1)] mr-[calc(var(--carousel-bleed-right,0px)*-1)]", "has-[>[data-carousel-viewport]:focus-visible]:ring-2 has-[>[data-carousel-viewport]:focus-visible]:ring-focus-ring", "has-[>[data-carousel-viewport]:focus-visible]:ring-offset-2 has-[>[data-carousel-viewport]:focus-visible]:ring-offset-body", n), l = e("-mt-2 -mb-6 overflow-x-auto overflow-y-hidden overscroll-x-contain pt-2 pb-6 outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", "scroll-pl-[var(--carousel-bleed-left,0px)] scroll-pr-[var(--carousel-bleed-right,0px)]", "data-[overflowing=true]:cursor-grab data-[dragging]:cursor-grabbing data-[dragging]:select-none"), u = "snap-x snap-mandatory data-[moving]:snap-none", d = "scroll-fade-x", f = "w-max min-w-full pl-[var(--carousel-bleed-left,0px)] pr-[var(--carousel-bleed-right,0px)]", p = e("flex w-max min-w-full gap-[var(--grid-column-gap,1.5rem)]", "[&_a]:[-webkit-user-drag:none] [&_img]:[-webkit-user-drag:none]"), m = e("min-w-0 shrink-0 grow-0 snap-start", "basis-[calc(var(--carousel-item)*1cqw)] md:basis-[calc(var(--carousel-item-sm)*1cqw)]", "md:basis-[calc(var(--carousel-item-md)*1cqw)] lg:basis-[calc(var(--carousel-item-lg)*1cqw)]"), h = "group/carousel-progress relative flex h-11 w-full cursor-pointer touch-none select-none items-center data-[overflowing=false]:invisible", g = {
+	center: "self-center md:w-60",
+	start: "self-start md:w-60",
 	full: ""
 }, _ = e("relative h-1 w-full rounded-full bg-neutral transition-[height]", "group-data-[scrubbing]/carousel-progress:h-1.5", r("fast")), v = e("absolute inset-y-0 w-[calc(var(--carousel-thumb,0)*100%)] cursor-grab rounded-full bg-muted", "start-[calc(var(--carousel-progress,0)*(1_-_var(--carousel-thumb,0))*100%)]", "transition-colors group-hover/carousel-progress:bg-fg", "group-data-[scrubbing]/carousel-progress:cursor-grabbing group-data-[scrubbing]/carousel-progress:bg-fg", r("fast")), y = e(t("caption"), "mt-2 self-center text-muted tabular-nums data-[overflowing=false]:invisible");
 //#endregion

package/dist/components/organisms/ChatDock/chatDockStyles.d.ts

@@ -13,6 +13,10 @@ export declare const chatDockRootClasses: Record<ChatDockPlacement, string>;
 /** While the window is on screen, phones lift the dock above **SiteNav**: the window fills the screen. */
 export declare const chatDockRootRaisedClasses = "max-md:z-[60]";
 /** The dock's column — the page grid narrowed to the composer width. */
+/**
+ * The chat column: a narrower `grid-page` (40rem). This is the text-only exception to Container width W5
+ * (narrower containers are for text-only reading; Product Designer, 2026-10-28).
+ */
 export declare const chatDockGridClasses = "grid-page [--grid-max:40rem]";
 /** The dock: suggestion pills, the window behind the composer, and the composer. */
 export declare const chatDockDockClasses = "pointer-events-auto relative col-span-full";

package/dist/components/organisms/ChatDock/chatDockStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAGzD,wEAAwE;AACxE,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAElE,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}
+{"version":3,"file":"chatDockStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ChatDock/chatDockStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,8BAA+B,CAAC;AAE/D;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAIjE,CAAC;AAEF,0GAA0G;AAC1G,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAGzD,wEAAwE;AACxE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,oFAAoF;AACpF,eAAO,MAAM,mBAAmB,+CAA+C,CAAC;AAEhF,8EAA8E;AAC9E,eAAO,MAAM,wBAAwB,UAAU,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,QAIhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,QAO/B,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAOnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B,yFAAyF,CAAC;AAEnI;;;GAGG;AACH,eAAO,MAAM,qBAAqB,QAIjC,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,wBAAwB,CAAC;AAElE,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,kBAAkB,CAAC;AAEvD,iDAAiD;AACjD,eAAO,MAAM,+BAA+B,QAAyC,CAAC;AAEtF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,oCAAoC,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,QAKvC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,kCAAkC,wBAAwB,CAAC;AAExE,+IAA+I;AAC/I,eAAO,MAAM,2BAA2B,6CAA6C,CAAC;AAEtF,qDAAqD;AACrD,eAAO,MAAM,wBAAwB,QAA4D,CAAC;AAElG,+GAA+G;AAC/G,eAAO,MAAM,0BAA0B,QAGtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAGnC,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,6BAA6B,QAGzC,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,mCAAmC,QAG/C,CAAC;AAEF,eAAO,MAAM,8BAA8B,qBAAqB,CAAC;AAEjE,6GAA6G;AAC7G,eAAO,MAAM,8BAA8B,wBAAwB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,0BAA0B,6BAA6B,CAAC;AAErE,4GAA4G;AAC5G,eAAO,MAAM,gCAAgC,QAAsE,CAAC;AAEpH,gGAAgG;AAChG,eAAO,MAAM,uBAAuB,aAAa,CAAC;AAGlD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,0CAA0C,CAAC;AAE3E,+FAA+F;AAC/F,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAGvE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAG/E,CAAC"}

package/dist/components/organisms/FooterReveal/footerRevealStyles.js

@@ -1,5 +1,5 @@
 "use client";
 //#region src/components/organisms/FooterReveal/footerRevealStyles.ts
-var e = "relative isolate w-full max-w-full overflow-visible", t = "relative z-[1] min-h-dvh w-full max-w-full overflow-visible bg-body", n = "sticky bottom-0 z-[-1] m-0 w-full max-w-full overflow-x-clip bg-transparent p-0", r = "w-full max-w-full overflow-x-clip", i = "w-full max-w-full", a = "bg-brand text-on-brand", o = "text-inherit underline decoration-solid underline-offset-[0.18em] hover:decoration-current focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-on-brand focus-visible:ring-offset-2 focus-visible:ring-offset-brand", s = "relative flex min-h-dvh w-full max-w-full flex-col items-center justify-center overflow-hidden px-[var(--grid-margin)] pb-[18vw] pt-24 text-center", c = "footer-reveal-guides pointer-events-none absolute inset-0 z-0 hidden", l = "pointer-events-none absolute inset-y-0 right-0 left-0 mx-auto w-[min(100%,var(--grid-max))]", u = "footer-reveal-field-content relative z-[1]", d = "relative z-[1] flex w-full max-w-4xl flex-col items-center gap-10", f = "type-heading-1 text-balance text-on-brand", p = "m-0 flex list-none flex-wrap items-center justify-center gap-x-8 gap-y-3 p-0", m = "text-inherit underline decoration-solid underline-offset-[0.18em] hover:decoration-current focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-on-brand focus-visible:ring-offset-2 focus-visible:ring-offset-brand type-heading-1 inline-block min-h-[24px] min-w-[24px] text-center", h = "@container pointer-events-none absolute inset-x-0 bottom-0 z-0 flex w-full justify-center", g = "calc(100cqi / var(--footer-wordmark-em, 9))", _ = "pointer-events-none w-max max-w-none shrink-0 translate-y-[16%] select-none whitespace-nowrap text-center font-sans font-bold leading-[0.78] tracking-[-0.045em] text-brand-soft", v = "footer-reveal-ruled-field min-h-[100vh] bg-body text-brand", y = "flex min-h-[100vh] w-full min-w-0 flex-col items-center justify-center-safe gap-[var(--grid-pad)] pb-[var(--grid-pad)] pt-[calc(var(--site-nav-height)+var(--spacing)*4)] text-center text-brand", b = "flex w-full min-w-0 justify-center px-[var(--grid-margin)]", x = "m-0 flex list-none flex-col items-center gap-3 whitespace-nowrap p-0 font-sans text-[length:var(--font-size-4xl)] leading-none sm:text-[4rem]", S = "!text-brand", C = "grid w-full min-w-0 grid-cols-1 items-center gap-3 px-[var(--grid-margin)] md:grid-cols-3 md:gap-4", w = "flex min-w-0 items-center justify-center gap-2 md:justify-start", T = "type-supporting min-w-0 text-brand", E = "shrink-0 font-sans text-[length:var(--font-size-xl)] font-bold leading-none tracking-[-0.04em] text-brand", D = "flex min-w-0 justify-center", O = "type-label text-brand focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand", k = "@container flex w-full min-w-0 items-center justify-center overflow-visible px-3 py-[var(--grid-baseline)]", A = "w-max max-w-none shrink-0 whitespace-nowrap text-center font-sans font-bold leading-none tracking-[-0.045em] text-brand", j = "flex min-w-0 justify-center md:justify-end", M = "min-w-0 max-w-full text-center font-mono text-[length:var(--font-size-sm)] leading-none text-brand break-words md:text-right";
+var e = "relative isolate w-full max-w-full overflow-visible", t = "relative z-[1] min-h-dvh w-full max-w-full overflow-visible bg-body", n = "sticky bottom-0 z-[-1] m-0 w-full max-w-full overflow-x-clip bg-transparent p-0", r = "w-full max-w-full overflow-x-clip", i = "w-full max-w-full", a = "bg-brand text-on-brand", o = "text-inherit underline decoration-solid underline-offset-[0.18em] hover:decoration-current focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-on-brand focus-visible:ring-offset-2 focus-visible:ring-offset-brand", s = "relative flex min-h-dvh w-full max-w-full flex-col items-center justify-center overflow-hidden px-[var(--grid-margin)] pb-[18vw] pt-24 text-center", c = "footer-reveal-guides pointer-events-none absolute inset-0 z-0 hidden", l = "pointer-events-none absolute inset-y-0 right-0 left-0 mx-auto w-[min(100%,var(--grid-max))]", u = "footer-reveal-field-content relative z-[1]", d = "relative z-[1] flex w-full max-w-4xl flex-col items-center gap-10", f = "type-heading-1 text-balance text-on-brand", p = "m-0 flex list-none flex-wrap items-center justify-center gap-x-8 gap-y-3 p-0", m = "text-inherit underline decoration-solid underline-offset-[0.18em] hover:decoration-current focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-on-brand focus-visible:ring-offset-2 focus-visible:ring-offset-brand type-heading-1 inline-block min-h-[24px] min-w-[24px] text-center", h = "@container pointer-events-none absolute inset-x-0 bottom-0 z-0 flex w-full justify-center", g = "calc(100cqi / var(--footer-wordmark-em, 9))", _ = "pointer-events-none w-max max-w-none shrink-0 translate-y-[16%] select-none whitespace-nowrap text-center font-sans font-bold leading-[0.78] tracking-[-0.045em] text-brand-soft", v = "footer-reveal-ruled-field min-h-[100vh] bg-body text-brand", y = "flex min-h-[100vh] w-full min-w-0 flex-col items-center justify-center-safe gap-[var(--grid-pad)] pb-[var(--grid-pad)] pt-[calc(var(--site-nav-height)+var(--spacing)*4)] text-center text-brand", b = "flex w-full min-w-0 justify-center px-[var(--grid-margin)]", x = "m-0 flex list-none flex-col items-center gap-3 whitespace-nowrap p-0 font-sans text-[length:var(--font-size-4xl)] leading-none md:text-[4rem]", S = "!text-brand", C = "grid w-full min-w-0 grid-cols-1 items-center gap-3 px-[var(--grid-margin)] md:grid-cols-3 md:gap-4", w = "flex min-w-0 items-center justify-center gap-2 md:justify-start", T = "type-supporting min-w-0 text-brand", E = "shrink-0 font-sans text-[length:var(--font-size-xl)] font-bold leading-none tracking-[-0.04em] text-brand", D = "flex min-w-0 justify-center", O = "type-label text-brand focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand", k = "@container flex w-full min-w-0 items-center justify-center overflow-visible px-3 py-[var(--grid-baseline)]", A = "w-max max-w-none shrink-0 whitespace-nowrap text-center font-sans font-bold leading-none tracking-[-0.045em] text-brand", j = "flex min-w-0 justify-center md:justify-end", M = "min-w-0 max-w-full text-center font-mono text-[length:var(--font-size-sm)] leading-none text-brand break-words md:text-right";
 //#endregion
 export { s as footerRevealBrandClasses, d as footerRevealBrandCopyClasses, f as footerRevealBrandHeadlineClasses, t as footerRevealContentClasses, r as footerRevealFadeClasses, a as footerRevealFieldClasses, u as footerRevealFieldContentClasses, c as footerRevealFieldGuideClasses, l as footerRevealFieldGuideFrameClasses, o as footerRevealFieldLinkClasses, e as footerRevealRootClasses, D as footerRevealRuledContactClasses, T as footerRevealRuledCopyrightClasses, j as footerRevealRuledCreditClasses, M as footerRevealRuledCreditCopyClasses, O as footerRevealRuledEmailClasses, v as footerRevealRuledFieldClasses, w as footerRevealRuledIdentityClasses, x as footerRevealRuledLinkListClasses, b as footerRevealRuledLinksClasses, E as footerRevealRuledMarkClasses, C as footerRevealRuledMetaClasses, S as footerRevealRuledNavLinkClasses, y as footerRevealRuledRootClasses, A as footerRevealRuledWordmarkClasses, k as footerRevealRuledWordmarkFrameClasses, i as footerRevealScaleClasses, m as footerRevealSocialLinkClasses, p as footerRevealSocialListClasses, n as footerRevealStickyClasses, _ as footerRevealWordmarkClasses, g as footerRevealWordmarkFontSize, h as footerRevealWordmarkFrameClasses };

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

@@ -10,15 +10,22 @@ export interface SiteNavProps {
     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"`). */
+    /**
+     * Trailing slot — login link + primary CTA (**Button** `size="sm"`). With `mobile`, it gives way when it
+     * doesn't fit beside the Menu button (Header rule N7); the menu's `mobileAction` carries the CTA.
+     */
     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**.
+     * Phone menu (below `md`): **SiteNav.MobileLink** rows (or a **NavList**) in a full-height panel under
+     * the bar, opened by a "☰ Menu" button that becomes "✕ Close" in the same place. The panel is a
+     * dialog: focus moves to its first link and cycles through the bar and the panel, Escape or Close
+     * closes it, tapping any link closes it, focus returns to the Menu button, and the page doesn't scroll.
      */
     mobile?: ReactNode;
-    /** Sheet title for the mobile menu. Default: `"Menu"`. */
-    mobileTitle?: ReactNode;
+    /** The main action at the bottom of the open menu — usually the same **Button** as in `end`. */
+    mobileAction?: ReactNode;
+    /** The menu dialog's accessible name. Default: `"Menu"`. */
+    mobileTitle?: string;
     /**
      * Scroll distance (px) that reveals the compact pill. Omit to use half the scrollport
      * height (`siteNavDefaultCollapseRatio` — 50% of the window or `scrollContainer`).
@@ -37,7 +44,7 @@ export interface SiteNavProps {
     "aria-label"?: string;
     className?: SiteNavLayoutClassName;
 }
-declare function SiteNavRoot({ start, middle, end, mobile, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
+declare function SiteNavRoot({ start, middle, end, mobile, mobileAction, mobileTitle, collapseAt, state: controlledState, onStateChange, compactLayout, placement, scrollContainer, "aria-label": ariaLabel, className, }: SiteNavProps): import("react").JSX.Element;
 export interface SiteNavBrandProps {
     href: string;
     /**

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

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