@rookcom/monarch-react 0.2.0 → 0.3.0

package/dist/patterns/actions/toolbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toolbar.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/actions/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/actions/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/patterns/actions/toolbar/index.js

@@ -0,0 +1,2 @@
+export * from './toolbar.js';
+//# sourceMappingURL=index.js.map

package/dist/patterns/actions/toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/actions/toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/patterns/actions/toolbar/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../src/patterns/actions/toolbar/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAe,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAKD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,OAAO,EACP,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAsCd;AAED,wCAAwC;AACxC,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAElF"}

package/dist/patterns/{toolbar.js → actions/toolbar/toolbar.js}

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback } from 'react';
-import { cx } from '../internal/cx.js';
+import { cx } from '../../../internal/cx.js';
 const FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])';
 /**
  * `role="toolbar"` with roving focus: Tab enters the toolbar, Left/Right

package/dist/patterns/actions/toolbar/toolbar.js.map

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

package/dist/patterns/layout/marketing-hero/index.d.ts

@@ -0,0 +1,2 @@
+export { MarketingHero, type MarketingHeroProps } from './marketing-hero.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/layout/marketing-hero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/patterns/layout/marketing-hero/index.js

@@ -0,0 +1,2 @@
+export { MarketingHero } from './marketing-hero.js';
+//# sourceMappingURL=index.js.map

package/dist/patterns/layout/marketing-hero/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-hero/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC"}

package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts

@@ -0,0 +1,24 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface MarketingHeroProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Short context line above the title, in the product accent. */
+    eyebrow?: ReactNode;
+    /** The page's single h1. Keep it under ~8 words. */
+    title: ReactNode;
+    /** One or two sentences that say what the product does for whom. */
+    lead?: ReactNode;
+    /** One primary Button and at most one secondary action. */
+    actions?: ReactNode;
+    /** Small reassurance under the actions, e.g. "Free for teams of five". */
+    note?: ReactNode;
+    /** Product illustration, normally a ProductFrame. */
+    media?: ReactNode;
+    /** `centered` for launch pages; `split` puts media beside the copy on wide screens. */
+    layout?: 'centered' | 'split';
+    /** `wash`: a very subtle accent wash behind the hero. */
+    background?: 'none' | 'wash';
+    /** Heading element. Use `h2` only when the page title lives elsewhere. */
+    headingAs?: 'h1' | 'h2';
+}
+/** The opening section of a marketing page. Server-component safe. */
+export declare function MarketingHero({ eyebrow, title, lead, actions, note, media, layout, background, headingAs: Heading, className, ...rest }: MarketingHeroProps): import("react").JSX.Element;
+//# sourceMappingURL=marketing-hero.d.ts.map

package/dist/patterns/layout/marketing-hero/marketing-hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-hero.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-hero/marketing-hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACpF,iEAAiE;IACjE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oDAAoD;IACpD,KAAK,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uFAAuF;IACvF,MAAM,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC9B,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,0EAA0E;IAC1E,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACzB;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAmB,EACnB,UAAmB,EACnB,SAAS,EAAE,OAAc,EACzB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAoBpB"}

package/dist/patterns/layout/marketing-hero/marketing-hero.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** The opening section of a marketing page. Server-component safe. */
+export function MarketingHero({ eyebrow, title, lead, actions, note, media, layout = 'centered', background = 'wash', headingAs: Heading = 'h1', className, ...rest }) {
+    return (_jsx("section", { ...rest, className: cx('mn-hero', className), "data-layout": layout, "data-background": background, children: _jsxs("div", { className: "mn-hero__inner", children: [_jsxs("div", { className: "mn-hero__copy", children: [eyebrow ? _jsx("p", { className: "mn-eyebrow", children: eyebrow }) : null, _jsx(Heading, { className: "mn-hero__title", children: title }), lead ? _jsx("p", { className: "mn-hero__lead", children: lead }) : null, actions ? _jsx("div", { className: "mn-hero__actions", children: actions }) : null, note ? _jsx("p", { className: "mn-hero__note", children: note }) : null] }), media ? _jsx("div", { className: "mn-hero__media", children: media }) : null] }) }));
+}
+//# sourceMappingURL=marketing-hero.js.map

package/dist/patterns/layout/marketing-hero/marketing-hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-hero.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-hero/marketing-hero.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAuB7C,sEAAsE;AACtE,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,GAAG,UAAU,EACnB,UAAU,GAAG,MAAM,EACnB,SAAS,EAAE,OAAO,GAAG,IAAI,EACzB,SAAS,EACT,GAAG,IAAI,EACY;IACnB,OAAO,CACL,qBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,iBACtB,MAAM,qBACF,UAAU,YAE3B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,eAAe,aAC3B,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,YAAY,YAAE,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EACzD,KAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAW,EACpD,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,EACrD,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,EAClE,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,eAAe,YAAE,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,IAClD,EACL,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,IACzD,GACE,CACX,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/index.d.ts

@@ -0,0 +1,7 @@
+export { MarketingSection, MarketingSectionHeader, type MarketingSectionProps, type MarketingSectionHeaderProps, } from './marketing-section-blocks.js';
+export { FeatureGrid, type FeatureGridProps, type FeatureItem, } from './marketing-section-blocks.feature-grid.js';
+export { ProductFrame, type ProductFrameProps } from './marketing-section-blocks.product-frame.js';
+export { StatStrip, type StatStripProps, type StatItem, } from './marketing-section-blocks.stat-strip.js';
+export { CTABand, type CTABandProps } from './marketing-section-blocks.cta-band.js';
+export { FAQ, type FAQProps, type FAQItem } from './marketing-section-blocks.faq.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,2BAA2B,GACjC,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,QAAQ,GACd,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/index.js

@@ -0,0 +1,7 @@
+export { MarketingSection, MarketingSectionHeader, } from './marketing-section-blocks.js';
+export { FeatureGrid, } from './marketing-section-blocks.feature-grid.js';
+export { ProductFrame } from './marketing-section-blocks.product-frame.js';
+export { StatStrip, } from './marketing-section-blocks.stat-strip.js';
+export { CTABand } from './marketing-section-blocks.cta-band.js';
+export { FAQ } from './marketing-section-blocks.faq.js';
+//# sourceMappingURL=index.js.map

package/dist/patterns/layout/marketing-section-blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,sBAAsB,GAGvB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,WAAW,GAGZ,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAA0B,MAAM,6CAA6C,CAAC;AACnG,OAAO,EACL,SAAS,GAGV,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,OAAO,EAAqB,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,GAAG,EAA+B,MAAM,mCAAmC,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+export interface CTABandProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title: ReactNode;
+    description?: ReactNode;
+    /** Buttons. On the `accent` tone, Monarch inverts Button colours automatically. */
+    actions?: ReactNode;
+    /** `accent` for the closing call to action; `subtle` and `inverse` for quieter moments. */
+    tone?: 'accent' | 'subtle' | 'inverse';
+    headingAs?: HeadingLevel;
+}
+/** A closing call to action. Server-component safe. */
+export declare function CTABand({ title, description, actions, tone, headingAs: Heading, className, ...rest }: CTABandProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=marketing-section-blocks.cta-band.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.cta-band.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC9E,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,uDAAuD;AACvD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAe,EACf,SAAS,EAAE,OAAc,EACzB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAUd"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** A closing call to action. Server-component safe. */
+export function CTABand({ title, description, actions, tone = 'accent', headingAs: Heading = 'h2', className, ...rest }) {
+    return (_jsxs("section", { ...rest, className: cx('mn-cta', className), "data-tone": tone, children: [_jsxs("div", { className: "mn-cta__text", children: [_jsx(Heading, { className: "mn-cta__title", children: title }), description ? _jsx("p", { className: "mn-cta__description", children: description }) : null] }), actions ? _jsx("div", { className: "mn-cta__actions", children: actions }) : null] }));
+}
+//# sourceMappingURL=marketing-section-blocks.cta-band.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.cta-band.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.cta-band.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAa7C,uDAAuD;AACvD,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EAAE,OAAO,GAAG,IAAI,EACzB,SAAS,EACT,GAAG,IAAI,EACM;IACb,OAAO,CACL,sBAAa,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,eAAa,IAAI,aACpE,eAAK,SAAS,EAAC,cAAc,aAC3B,KAAC,OAAO,IAAC,SAAS,EAAC,eAAe,YAAE,KAAK,GAAW,EACnD,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,qBAAqB,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACtE,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,iBAAiB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1D,CACX,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts

@@ -0,0 +1,37 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+export interface MarketingSectionProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * `default` on the page canvas, `subtle` for a quiet alternate band, `inverse`
+     * for one high-emphasis band. Inside `inverse`, Monarch remaps text, borders,
+     * surfaces, accent text and focus ring, so nested components stay readable.
+     */
+    tone?: 'default' | 'subtle' | 'inverse';
+    /** Vertical padding from the section rhythm scale. */
+    spacing?: 'sm' | 'md' | 'lg';
+    /** Content width. */
+    width?: 'narrow' | 'content' | 'wide';
+}
+/** A full-width band with a centred content column. Server-component safe. */
+export declare function MarketingSection({ tone, spacing, width, className, children, ...rest }: MarketingSectionProps): import("react").JSX.Element;
+export interface MarketingSectionHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** Optional link or button beside a start-aligned header. */
+    actions?: ReactNode;
+    align?: 'start' | 'center';
+    /** Heading element; `h2` for page sections. */
+    headingAs?: HeadingLevel;
+    /** Id for the title, so the section can use `aria-labelledby`. */
+    titleId?: string;
+    /** Title size from the display scale. */
+    size?: 'md' | 'lg';
+}
+/**
+ * Eyebrow, display title and description at the top of a marketing section.
+ * (In-app section headings are the planned `section-header`.) Server-component safe.
+ */
+export declare function MarketingSectionHeader({ eyebrow, title, description, actions, align, headingAs: Heading, titleId, size, className, ...rest }: MarketingSectionHeaderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=marketing-section-blocks.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,sDAAsD;IACtD,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7B,qBAAqB;IACrB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACvC;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,EAC/B,IAAgB,EAChB,OAAc,EACd,KAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,qBAAqB,+BAavB;AAED,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAe,EACf,SAAS,EAAE,OAAc,EACzB,OAAO,EACP,IAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,2BAA2B,+BAkB7B"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+export interface FAQItem {
+    question: string;
+    answer: ReactNode;
+}
+export interface FAQProps {
+    items: FAQItem[];
+    /** Heading element for each question. */
+    headingAs?: HeadingLevel;
+    /** Allow several answers open at once. Default false. */
+    multiple?: boolean;
+    /** Index of the question open on first render. */
+    defaultOpen?: number;
+    className?: string;
+}
+/**
+ * Frequently asked questions. Answer the question a buyer actually has; never
+ * internal notes. Each question is a heading, so the list appears in the outline.
+ */
+export declare function FAQ({ items, headingAs, multiple, defaultOpen, className, }: FAQProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=marketing-section-blocks.faq.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.faq.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,OAAO;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,SAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,SAAS,GACV,EAAE,QAAQ,+BA2BV"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from '../../../components/data-display/accordion/index.js';
+/**
+ * Frequently asked questions. Answer the question a buyer actually has; never
+ * internal notes. Each question is a heading, so the list appears in the outline.
+ */
+export function FAQ({ items, headingAs = 'h3', multiple = false, defaultOpen, className, }) {
+    const value = (i) => `faq-${i}`;
+    const open = defaultOpen === undefined ? undefined : value(defaultOpen);
+    const body = items.map((item, i) => (_jsxs(AccordionItem, { value: value(i), children: [_jsx(AccordionTrigger, { headingAs: headingAs, children: item.question }), _jsx(AccordionContent, { children: item.answer })] }, item.question)));
+    return multiple ? (_jsx(Accordion, { type: "multiple", ...(open ? { defaultValue: [open] } : {}), className: cx('mn-faq', className), children: body })) : (_jsx(Accordion, { type: "single", collapsible: true, ...(open ? { defaultValue: open } : {}), className: cx('mn-faq', className), children: body }));
+}
+//# sourceMappingURL=marketing-section-blocks.faq.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.faq.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.faq.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,MAAM,qDAAqD,CAAC;AAmB7D;;;GAGG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,SAAS,GACA;IACT,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACxE,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,MAAC,aAAa,IAAqB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,aAChD,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,YAAG,IAAI,CAAC,QAAQ,GAAoB,EAC1E,KAAC,gBAAgB,cAAE,IAAI,CAAC,MAAM,GAAoB,KAFhC,IAAI,CAAC,QAAQ,CAGjB,CACjB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,KAAC,SAAS,IACR,IAAI,EAAC,UAAU,KACX,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1C,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAEjC,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,WAAW,WACP,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAEjC,IAAI,GACK,CACb,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+export interface FeatureItem {
+    /** Decorative icon (hidden from assistive technology). */
+    icon?: ReactNode;
+    title: ReactNode;
+    description: ReactNode;
+    /** Makes the whole card a link to this URL. */
+    href?: string;
+}
+export interface FeatureGridProps extends HTMLAttributes<HTMLUListElement> {
+    items: FeatureItem[];
+    columns?: 2 | 3 | 4;
+    /** `card` adds a bordered surface; `plain` is for dense lists. */
+    variant?: 'card' | 'plain';
+    /** Heading element for each item title. */
+    headingAs?: HeadingLevel;
+}
+/**
+ * Grid of features or benefits. Linked cards use one stretched link per card,
+ * so each is a single tab stop with the title as its name. Server-component safe.
+ */
+export declare function FeatureGrid({ items, columns, variant, headingAs: Heading, className, ...rest }: FeatureGridProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=marketing-section-blocks.feature-grid.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.feature-grid.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACxE,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAW,EACX,OAAgB,EAChB,SAAS,EAAE,OAAc,EACzB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,+BA6BlB"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/**
+ * Grid of features or benefits. Linked cards use one stretched link per card,
+ * so each is a single tab stop with the title as its name. Server-component safe.
+ */
+export function FeatureGrid({ items, columns = 3, variant = 'card', headingAs: Heading = 'h3', className, ...rest }) {
+    return (_jsx("ul", { ...rest, className: cx('mn-feature-grid', className), "data-columns": columns, "data-variant": variant, children: items.map((item, i) => (_jsxs("li", { className: "mn-feature", "data-linked": item.href ? true : undefined, children: [item.icon ? (_jsx("span", { className: "mn-feature__icon", "aria-hidden": true, children: item.icon })) : null, _jsx(Heading, { className: "mn-feature__title", children: item.href ? (_jsx("a", { className: "mn-feature__link", href: item.href, children: item.title })) : (item.title) }), _jsx("p", { className: "mn-feature__description", children: item.description })] }, i))) }));
+}
+//# sourceMappingURL=marketing-section-blocks.feature-grid.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.feature-grid.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.feature-grid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAqB7C;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,MAAM,EAChB,SAAS,EAAE,OAAO,GAAG,IAAI,EACzB,SAAS,EACT,GAAG,IAAI,EACU;IACjB,OAAO,CACL,gBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,kBAC7B,OAAO,kBACP,OAAO,YAEpB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAAY,SAAS,EAAC,YAAY,iBAAc,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,aACzE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,kBAAkB,iCAC/B,IAAI,CAAC,IAAI,GACL,CACR,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,YACnC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,YAAG,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAC5C,IAAI,CAAC,KAAK,GACT,CACL,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,GACO,EACV,YAAG,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,WAAW,GAAK,KAftD,CAAC,CAgBL,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** A full-width band with a centred content column. Server-component safe. */
+export function MarketingSection({ tone = 'default', spacing = 'md', width = 'content', className, children, ...rest }) {
+    return (_jsx("section", { ...rest, className: cx('mn-msection', className), "data-tone": tone, "data-spacing": spacing, children: _jsx("div", { className: "mn-msection__inner", "data-width": width, children: children }) }));
+}
+/**
+ * Eyebrow, display title and description at the top of a marketing section.
+ * (In-app section headings are the planned `section-header`.) Server-component safe.
+ */
+export function MarketingSectionHeader({ eyebrow, title, description, actions, align = 'start', headingAs: Heading = 'h2', titleId, size = 'md', className, ...rest }) {
+    return (_jsxs("div", { ...rest, className: cx('mn-msection-header', className), "data-align": align, "data-size": size, children: [_jsxs("div", { className: "mn-msection-header__text", children: [eyebrow ? _jsx("p", { className: "mn-eyebrow", children: eyebrow }) : null, _jsx(Heading, { id: titleId, className: "mn-msection-header__title", children: title }), description ? _jsx("p", { className: "mn-msection-header__description", children: description }) : null] }), actions ? _jsx("div", { className: "mn-msection-header__actions", children: actions }) : null] }));
+}
+//# sourceMappingURL=marketing-section-blocks.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAgB7C,8EAA8E;AAC9E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACe;IACtB,OAAO,CACL,qBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,eAC5B,IAAI,kBACD,OAAO,YAErB,cAAK,SAAS,EAAC,oBAAoB,gBAAa,KAAK,YAClD,QAAQ,GACL,GACE,CACX,CAAC;AACJ,CAAC;AAiBD;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,KAAK,GAAG,OAAO,EACf,SAAS,EAAE,OAAO,GAAG,IAAI,EACzB,OAAO,EACP,IAAI,GAAG,IAAI,EACX,SAAS,EACT,GAAG,IAAI,EACqB;IAC5B,OAAO,CACL,kBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,gBAClC,KAAK,eACN,IAAI,aAEf,eAAK,SAAS,EAAC,0BAA0B,aACtC,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,YAAY,YAAE,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EACzD,KAAC,OAAO,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,2BAA2B,YACxD,KAAK,GACE,EACT,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAClF,EACL,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,6BAA6B,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAC1E,CACP,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts

@@ -0,0 +1,25 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ProductFrameProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * Accessible description of the illustration, e.g. "Dossier editor with an
+     * outline and the Assistant panel". Required: the frame is announced as one image.
+     */
+    label: string;
+    /** Text in the chrome bar: a document title, or a URL with `chrome="browser"`. */
+    title?: string;
+    /** `window` (app window dots), `browser` (address bar) or `none`. */
+    chrome?: 'window' | 'browser' | 'none';
+    /** Visible caption under the frame. */
+    caption?: ReactNode;
+    /** A soft accent panel behind the frame, for hero moments. */
+    backdrop?: boolean;
+    /** The illustrated UI. Build it from Monarch components so it stays on-brand. */
+    children: ReactNode;
+}
+/**
+ * Neutral frame for product illustrations. The contents are presentational:
+ * one `role="img"` with `label`, and `inert`, so sample headings and inputs are
+ * neither read out nor focusable. Server-component safe.
+ */
+export declare function ProductFrame({ label, title, chrome, caption, backdrop, children, className, ...rest }: ProductFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=marketing-section-blocks.product-frame.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.product-frame.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACnF;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAiB,EACjB,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAkCnB"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { inertProps } from '../../../internal/inert.js';
+/**
+ * Neutral frame for product illustrations. The contents are presentational:
+ * one `role="img"` with `label`, and `inert`, so sample headings and inputs are
+ * neither read out nor focusable. Server-component safe.
+ */
+export function ProductFrame({ label, title, chrome = 'window', caption, backdrop = false, children, className, ...rest }) {
+    return (_jsxs("figure", { ...rest, className: cx('mn-product-frame', className), "data-backdrop": backdrop || undefined, children: [_jsxs("div", { className: "mn-product-frame__window", role: "img", "aria-label": label, "data-chrome": chrome, children: [chrome !== 'none' ? (_jsxs("div", { className: "mn-product-frame__chrome", "aria-hidden": true, children: [_jsxs("span", { className: "mn-product-frame__dots", children: [_jsx("i", {}), _jsx("i", {}), _jsx("i", {})] }), title ? (_jsx("span", { className: chrome === 'browser' ? 'mn-product-frame__url' : 'mn-product-frame__title', children: title })) : null, _jsx("span", { className: "mn-product-frame__spacer" })] })) : null, _jsx("div", { className: "mn-product-frame__body", ...inertProps(), children: children })] }), caption ? _jsx("figcaption", { className: "mn-product-frame__caption", children: caption }) : null] }));
+}
+//# sourceMappingURL=marketing-section-blocks.product-frame.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.product-frame.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.product-frame.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAoBxD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,GAAG,QAAQ,EACjB,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACW;IAClB,OAAO,CACL,qBACM,IAAI,EACR,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,mBAC7B,QAAQ,IAAI,SAAS,aAEpC,eAAK,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,KAAK,gBAAa,KAAK,iBAAe,MAAM,aACxF,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,0BAA0B,kCACvC,gBAAM,SAAS,EAAC,wBAAwB,aACtC,aAAK,EACL,aAAK,EACL,aAAK,IACA,EACN,KAAK,CAAC,CAAC,CAAC,CACP,eACE,SAAS,EACP,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,yBAAyB,YAG3E,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,0BAA0B,GAAG,IACzC,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,wBAAwB,KAAK,UAAU,EAAE,YACrD,QAAQ,GACL,IACF,EACL,OAAO,CAAC,CAAC,CAAC,qBAAY,SAAS,EAAC,2BAA2B,YAAE,OAAO,GAAc,CAAC,CAAC,CAAC,IAAI,IACnF,CACV,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface StatItem {
+    /** The figure, e.g. "24" or "99.9%". Only real, current numbers. */
+    value: ReactNode;
+    /** What the figure measures. Read first by screen readers. */
+    label: ReactNode;
+    description?: ReactNode;
+}
+export interface StatStripProps extends HTMLAttributes<HTMLDListElement> {
+    items: StatItem[];
+}
+/** A row of key figures as a description list. Server-component safe. */
+export declare function StatStrip({ items, className, ...rest }: StatStripProps): import("react").JSX.Element;
+//# sourceMappingURL=marketing-section-blocks.stat-strip.d.ts.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.stat-strip.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,QAAQ;IACvB,oEAAoE;IACpE,KAAK,EAAE,SAAS,CAAC;IACjB,8DAA8D;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACtE,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,+BActE"}

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+/** A row of key figures as a description list. Server-component safe. */
+export function StatStrip({ items, className, ...rest }) {
+    return (_jsx("dl", { ...rest, className: cx('mn-stat-strip', className), "data-count": items.length, children: items.map((item, i) => (_jsxs("div", { className: "mn-stat-strip__item", children: [_jsx("dt", { className: "mn-stat-strip__label", children: item.label }), _jsx("dd", { className: "mn-stat-strip__value", children: item.value }), item.description ? (_jsx("dd", { className: "mn-stat-strip__description", children: item.description })) : null] }, i))) }));
+}
+//# sourceMappingURL=marketing-section-blocks.stat-strip.js.map

package/dist/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-section-blocks.stat-strip.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-section-blocks/marketing-section-blocks.stat-strip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAc7C,yEAAyE;AACzE,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAkB;IACrE,OAAO,CACL,gBAAQ,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,gBAAc,KAAK,CAAC,MAAM,YAC9E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAAa,SAAS,EAAC,qBAAqB,aAC1C,aAAI,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,KAAK,GAAM,EACtD,aAAI,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,KAAK,GAAM,EACrD,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,aAAI,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,WAAW,GAAM,CACnE,CAAC,CAAC,CAAC,IAAI,KALA,CAAC,CAML,CACP,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-site-shell/index.d.ts

@@ -0,0 +1,4 @@
+export { SiteHeader, type SiteHeaderProps } from './marketing-site-shell.js';
+export { SiteFooter, type SiteFooterProps, type SiteFooterColumn, } from './marketing-site-shell.footer.js';
+export type { SiteLink, SiteNavGroup, SiteNavItem, LinkComponent, } from './marketing-site-shell.types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/layout/marketing-site-shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-site-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,iCAAiC,CAAC"}

package/dist/patterns/layout/marketing-site-shell/index.js

@@ -0,0 +1,3 @@
+export { SiteHeader } from './marketing-site-shell.js';
+export { SiteFooter, } from './marketing-site-shell.footer.js';
+//# sourceMappingURL=index.js.map

package/dist/patterns/layout/marketing-site-shell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-site-shell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EACL,UAAU,GAGX,MAAM,kCAAkC,CAAC"}

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts

@@ -0,0 +1,31 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type LinkComponent, type SiteNavItem } from './marketing-site-shell.types.js';
+export interface SiteHeaderProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Product wordmark, normally a link home: `<a href="/"><img alt="Rook Dossier" …/></a>`.
+     * Monarch ships no artwork; use the product's logo from the Rook brand kit.
+     */
+    brand: ReactNode;
+    /** Top-level links and groups. Groups open a disclosure panel of links. */
+    nav?: SiteNavItem[];
+    /** Calls to action on the trailing edge, e.g. "Log in" and one primary Button. */
+    actions?: ReactNode;
+    /** Accessible name of the navigation landmark. */
+    navLabel?: string;
+    /** Stick to the top while scrolling. Default true. */
+    sticky?: boolean;
+    /** Router link component for nav links (e.g. Next.js Link). Default `a`. */
+    linkAs?: LinkComponent;
+    /** Labels for the mobile menu toggle. */
+    menuLabels?: {
+        open: string;
+        close: string;
+    };
+}
+/**
+ * Site header for marketing and public pages: wordmark, primary navigation with
+ * disclosure menus, and actions. Under 768px the navigation collapses into a
+ * menu button (`aria-expanded`), closed with Escape.
+ */
+export declare function SiteHeader({ brand, nav, actions, navLabel, sticky, linkAs, menuLabels, className, ...rest }: SiteHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=marketing-site-shell.d.ts.map

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-site-shell.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-site-shell/marketing-site-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKhG,OAAO,EAAW,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEhG,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,GAAG,CAAC,EAAE,WAAW,EAAE,CAAC;IACpB,kFAAkF;IAClF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,GAAQ,EACR,OAAO,EACP,QAAiB,EACjB,MAAa,EACb,MAAM,EACN,UAAuD,EACvD,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BAsHjB"}

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts

@@ -0,0 +1,33 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { LinkComponent, SiteLink } from './marketing-site-shell.types.js';
+type HeadingLevel = 'h2' | 'h3' | 'h4';
+export interface SiteFooterColumn {
+    title: string;
+    links: SiteLink[];
+}
+export interface SiteFooterProps extends HTMLAttributes<HTMLElement> {
+    /** Wordmark (link home). */
+    brand?: ReactNode;
+    /** One sentence about the product or company. */
+    description?: ReactNode;
+    columns?: SiteFooterColumn[];
+    /** Copyright and company line. */
+    legal?: ReactNode;
+    /** Policy links beside the legal line. */
+    legalLinks?: SiteLink[];
+    /** Extra content on the trailing edge of the bottom row (language switcher, status). */
+    meta?: ReactNode;
+    /** Heading element for column titles. */
+    headingAs?: HeadingLevel;
+    /** Router link component. Default `a`. */
+    linkAs?: LinkComponent;
+    /** Accessible name of the footer navigation. */
+    navLabel?: string;
+}
+/**
+ * Site footer: brand, link columns with real headings, and a legal row. Every
+ * link has at least a 24px target (WCAG 2.5.8). Server-component safe.
+ */
+export declare function SiteFooter({ brand, description, columns, legal, legalLinks, meta, headingAs: Heading, linkAs, navLabel, className, ...rest }: SiteFooterProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=marketing-site-shell.footer.d.ts.map

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-site-shell.footer.d.ts","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-site-shell/marketing-site-shell.footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAE/E,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,QAAQ,EAAE,CAAC;IACxB,wFAAwF;IACxF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yCAAyC;IACzC,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAY,EACZ,KAAK,EACL,UAAe,EACf,IAAI,EACJ,SAAS,EAAE,OAAc,EACzB,MAAM,EACN,QAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,eAAe,+BA8CjB"}

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from '../../../internal/cx.js';
+import { SiteLinkView } from './marketing-site-shell.link.js';
+/**
+ * Site footer: brand, link columns with real headings, and a legal row. Every
+ * link has at least a 24px target (WCAG 2.5.8). Server-component safe.
+ */
+export function SiteFooter({ brand, description, columns = [], legal, legalLinks = [], meta, headingAs: Heading = 'h2', linkAs, navLabel = 'Footer', className, ...rest }) {
+    return (_jsx("footer", { ...rest, className: cx('mn-site-footer', className), children: _jsxs("div", { className: "mn-site-footer__inner", children: [_jsxs("div", { className: "mn-site-footer__top", children: [brand || description ? (_jsxs("div", { className: "mn-site-footer__about", children: [brand ? _jsx("div", { className: "mn-site-footer__brand", children: brand }) : null, description ? _jsx("p", { className: "mn-site-footer__description", children: description }) : null] })) : null, columns.length ? (_jsx("nav", { "aria-label": navLabel, className: "mn-site-footer__nav", children: columns.map((col) => (_jsxs("div", { className: "mn-site-footer__column", children: [_jsx(Heading, { className: "mn-site-footer__heading", children: col.title }), _jsx("ul", { children: col.links.map((link) => (_jsx("li", { children: _jsx(SiteLinkView, { link: link, as: linkAs, className: "mn-site-footer__link" }) }, link.href))) })] }, col.title))) })) : null] }), legal || legalLinks.length || meta ? (_jsxs("div", { className: "mn-site-footer__bottom", children: [legal ? _jsx("p", { className: "mn-site-footer__legal", children: legal }) : null, legalLinks.length ? (_jsx("ul", { className: "mn-site-footer__legal-links", children: legalLinks.map((link) => (_jsx("li", { children: _jsx(SiteLinkView, { link: link, as: linkAs, className: "mn-site-footer__link" }) }, link.href))) })) : null, meta ? _jsx("div", { className: "mn-site-footer__meta", children: meta }) : null] })) : null] }) }));
+}
+//# sourceMappingURL=marketing-site-shell.footer.js.map

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marketing-site-shell.footer.js","sourceRoot":"","sources":["../../../../src/patterns/layout/marketing-site-shell/marketing-site-shell.footer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AA8B9D;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,UAAU,GAAG,EAAE,EACf,IAAI,EACJ,SAAS,EAAE,OAAO,GAAG,IAAI,EACzB,MAAM,EACN,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,GAAG,IAAI,EACS;IAChB,OAAO,CACL,oBAAY,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,YAC1D,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACnE,WAAW,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IAC9E,CACP,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,4BAAiB,QAAQ,EAAE,SAAS,EAAC,qBAAqB,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,eAAqB,SAAS,EAAC,wBAAwB,aACrD,KAAC,OAAO,IAAC,SAAS,EAAC,yBAAyB,YAAE,GAAG,CAAC,KAAK,GAAW,EAClE,uBACG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACvB,uBACE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,sBAAsB,GAAG,IADlE,IAAI,CAAC,IAAI,CAEb,CACN,CAAC,GACC,KARG,GAAG,CAAC,KAAK,CASb,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,KAAK,IAAI,UAAU,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CACpC,eAAK,SAAS,EAAC,wBAAwB,aACpC,KAAK,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAK,CAAC,CAAC,CAAC,IAAI,EAC/D,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,aAAI,SAAS,EAAC,6BAA6B,YACxC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,uBACE,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,sBAAsB,GAAG,IADlE,IAAI,CAAC,IAAI,CAEb,CACN,CAAC,GACC,CACN,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,IAC7D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACC,CACV,CAAC;AACJ,CAAC"}

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cx } from '../../../internal/cx.js';
+import { ChevronDownGlyph, CloseGlyph, MenuGlyph } from '../../../internal/icons.js';
+import { SiteLinkView } from './marketing-site-shell.link.js';
+import { isGroup } from './marketing-site-shell.types.js';
+/**
+ * Site header for marketing and public pages: wordmark, primary navigation with
+ * disclosure menus, and actions. Under 768px the navigation collapses into a
+ * menu button (`aria-expanded`), closed with Escape.
+ */
+export function SiteHeader({ brand, nav = [], actions, navLabel = 'Main', sticky = true, linkAs, menuLabels = { open: 'Open menu', close: 'Close menu' }, className, ...rest }) {
+    const [open, setOpen] = useState(false);
+    const panelId = `mn-site-menu-${useId()}`;
+    const toggleRef = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        const onKey = (e) => {
+            if (e.key === 'Escape') {
+                setOpen(false);
+                toggleRef.current?.focus();
+            }
+        };
+        document.addEventListener('keydown', onKey);
+        return () => document.removeEventListener('keydown', onKey);
+    }, [open]);
+    return (_jsxs("header", { ...rest, className: cx('mn-site-header', className), "data-sticky": sticky || undefined, children: [_jsxs("div", { className: "mn-site-header__inner", children: [_jsx("div", { className: "mn-site-header__brand", children: brand }), nav.length ? (_jsx("nav", { "aria-label": navLabel, className: "mn-site-header__nav", children: _jsx("ul", { className: "mn-site-header__list", children: nav.map((item) => isGroup(item) ? (_jsx("li", { children: _jsxs(PopoverPrimitive.Root, { children: [_jsxs(PopoverPrimitive.Trigger, { className: "mn-site-header__link mn-site-header__trigger", children: [item.label, _jsx(ChevronDownGlyph, { className: "mn-site-header__chevron" })] }), _jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { className: "mn-site-menu", align: "start", sideOffset: 10, "aria-label": item.label, children: _jsx("ul", { className: "mn-site-menu__list", children: item.items.map((link) => (_jsx("li", { children: _jsxs(SiteLinkView, { link: link, as: linkAs, className: "mn-site-menu__item", children: [_jsx("span", { className: "mn-site-menu__label", children: link.label }), link.description ? (_jsx("span", { className: "mn-site-menu__description", children: link.description })) : null] }) }, link.href))) }) }) })] }) }, item.label)) : (_jsx("li", { children: _jsx(SiteLinkView, { link: item, as: linkAs, className: "mn-site-header__link" }) }, item.href))) }) })) : null, _jsxs("div", { className: "mn-site-header__end", children: [actions ? _jsx("div", { className: "mn-site-header__actions", children: actions }) : null, nav.length ? (_jsx("button", { ref: toggleRef, type: "button", className: "mn-site-header__toggle", "aria-expanded": open, "aria-controls": panelId, "aria-label": open ? menuLabels.close : menuLabels.open, onClick: () => setOpen((o) => !o), children: open ? _jsx(CloseGlyph, {}) : _jsx(MenuGlyph, {}) })) : null] })] }), open ? (_jsxs("nav", { id: panelId, "aria-label": navLabel, className: "mn-site-header__panel", children: [_jsx("ul", { className: "mn-site-header__panel-list", children: nav.map((item) => isGroup(item) ? (_jsxs("li", { className: "mn-site-header__panel-group", children: [_jsx("p", { className: "mn-site-header__panel-heading", children: item.label }), _jsx("ul", { children: item.items.map((link) => (_jsx("li", { children: _jsx(SiteLinkView, { link: link, as: linkAs, className: "mn-site-header__panel-link" }) }, link.href))) })] }, item.label)) : (_jsx("li", { children: _jsx(SiteLinkView, { link: item, as: linkAs, className: "mn-site-header__panel-link" }) }, item.href))) }), actions ? _jsx("div", { className: "mn-site-header__panel-actions", children: actions }) : null] })) : null] }));
+}
+//# sourceMappingURL=marketing-site-shell.js.map

package/dist/patterns/layout/marketing-site-shell/marketing-site-shell.js.map

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