@forumone/throughline-reference-ds 0.0.2 → 0.2.0

package/dist/components/MediaBlock/MediaBlock.contract.js

@@ -0,0 +1,83 @@
+export const contract = {
+    name: 'MediaBlock',
+    category: 'media',
+    description: 'A full-width image or video block with optional caption and configurable aspect ratio.',
+    intent: 'Insert a single piece of featured media inside a content flow. Use for editorial imagery that deserves its own moment — a photograph illustrating a story, a portrait accompanying a quote, or a video introducing a program. Not a gallery; for multiple items compose a custom layout.',
+    composition: {
+        placement: ['section'],
+        maxPerPage: null,
+        requiredSiblings: [],
+        forbiddenAdjacent: [],
+    },
+    content: {
+        fields: [
+            {
+                name: 'media',
+                type: 'group',
+                required: true,
+                of: [
+                    { name: 'type', type: 'select', required: true },
+                    { name: 'url', type: 'link', required: true },
+                    { name: 'alt', type: 'text', required: false, maxLength: 200 },
+                    { name: 'poster', type: 'image', required: false },
+                    { name: 'ariaLabel', type: 'text', required: false, maxLength: 120 },
+                ],
+            },
+            {
+                name: 'caption',
+                type: 'text',
+                required: false,
+                maxLength: 200,
+                constraints: 'One sentence that adds context the image alone cannot carry',
+            },
+        ],
+        variants: [
+            { name: '16:9', description: 'Cinematic widescreen', whenToUse: 'Most photographs and video' },
+            { name: '4:3', description: 'Classic television ratio', whenToUse: 'Vintage or squared compositions' },
+            { name: 'square', description: '1:1', whenToUse: 'Portraits or product shots' },
+            { name: 'auto', description: 'Media\'s native ratio', whenToUse: 'Diagrams, infographics, or tall images' },
+        ],
+    },
+    tokens: {
+        consumes: [
+            'color.bg.tertiary',
+            'color.text.secondary',
+            'spacing.container',
+            'spacing.3',
+            'font.size.sm',
+            'radius.lg',
+        ],
+    },
+    accessibility: {
+        keyboardSupport: ['Video: native play/pause/seek controls'],
+        screenReaderBehavior: 'Images announce their alt text. Videos announce their aria-label (or fall back to native labeling). Captions are associated with the figure semantically via <figcaption>.',
+        contentWarnings: [
+            'Always author alt text for images that carry information; use empty alt ("") for purely decorative media',
+            'Videos with spoken content must ship captions',
+        ],
+    },
+    examples: [
+        { label: 'Image with caption', intent: 'Editorial photograph', storyId: 'media-block--image' },
+        { label: 'Square crop', intent: 'Portrait or product shot', storyId: 'media-block--square' },
+        { label: 'Video', intent: 'Introductory video with poster', storyId: 'media-block--video' },
+    ],
+    antiExamples: [
+        {
+            label: 'Stacking three MediaBlocks for a gallery',
+            why: 'MediaBlock is a spotlight element; stacking them creates awkward repetition without true gallery ergonomics',
+            useInstead: 'Build a dedicated gallery component in your client DS',
+        },
+        {
+            label: 'Decorative image with invented alt text',
+            why: 'Screen readers read the alt text; inventing "people smiling" for decorative media wastes listener attention',
+            useInstead: 'Use alt="" for purely decorative media',
+        },
+    ],
+    behavior: {
+        fetchesData: false,
+        hasClientState: false,
+        animates: false,
+        requiresAnalytics: false,
+    },
+};
+//# sourceMappingURL=MediaBlock.contract.js.map

package/dist/components/MediaBlock/MediaBlock.contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBlock.contract.js","sourceRoot":"","sources":["../../../src/components/MediaBlock/MediaBlock.contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,OAAO;IACjB,WAAW,EACT,wFAAwF;IAC1F,MAAM,EACJ,0RAA0R;IAE5R,WAAW,EAAE;QACX,SAAS,EAAE,CAAC,SAAS,CAAC;QACtB,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,EAAE;QACpB,iBAAiB,EAAE,EAAE;KACtB;IAED,OAAO,EAAE;QACP,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,IAAI;gBACd,EAAE,EAAE;oBACF,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAChD,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;oBAC7C,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;oBAC9D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;oBAClD,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;iBACrE;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,GAAG;gBACd,WAAW,EAAE,6DAA6D;aAC3E;SACF;QACD,QAAQ,EAAE;YACR,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,SAAS,EAAE,4BAA4B,EAAE;YAC9F,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,0BAA0B,EAAE,SAAS,EAAE,iCAAiC,EAAE;YACtG,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,4BAA4B,EAAE;YAC/E,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,uBAAuB,EAAE,SAAS,EAAE,wCAAwC,EAAE;SAC5G;KACF;IAED,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,mBAAmB;YACnB,sBAAsB;YACtB,mBAAmB;YACnB,WAAW;YACX,cAAc;YACd,WAAW;SACZ;KACF;IAED,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,wCAAwC,CAAC;QAC3D,oBAAoB,EAClB,4KAA4K;QAC9K,eAAe,EAAE;YACf,0GAA0G;YAC1G,+CAA+C;SAChD;KACF;IAED,QAAQ,EAAE;QACR,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,oBAAoB,EAAE;QAC9F,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,0BAA0B,EAAE,OAAO,EAAE,qBAAqB,EAAE;QAC5F,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,gCAAgC,EAAE,OAAO,EAAE,oBAAoB,EAAE;KAC5F;IAED,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,0CAA0C;YACjD,GAAG,EAAE,6GAA6G;YAClH,UAAU,EAAE,uDAAuD;SACpE;QACD;YACE,KAAK,EAAE,yCAAyC;YAChD,GAAG,EAAE,6GAA6G;YAClH,UAAU,EAAE,wCAAwC;SACrD;KACF;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,iBAAiB,EAAE,KAAK;KACzB;CACF,CAAA"}

package/dist/components/MediaBlock/MediaBlock.d.ts

@@ -0,0 +1,23 @@
+export type MediaBlockAspect = '16:9' | '4:3' | 'square' | 'auto';
+type ImageMedia = {
+    type: 'image';
+    url: string;
+    alt: string;
+};
+type VideoMedia = {
+    type: 'video';
+    url: string;
+    poster?: string;
+    /** Accessible label used when the video lacks audio/captions narrative context. */
+    ariaLabel?: string;
+};
+export type MediaBlockMedia = ImageMedia | VideoMedia;
+export interface MediaBlockProps {
+    media: MediaBlockMedia;
+    caption?: string;
+    aspect?: MediaBlockAspect;
+    className?: string;
+}
+export declare function MediaBlock({ media, caption, aspect, className, }: MediaBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MediaBlock.d.ts.map

package/dist/components/MediaBlock/MediaBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBlock.d.ts","sourceRoot":"","sources":["../../../src/components/MediaBlock/MediaBlock.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEjE,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAA;AAC7D,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,UAAU,CAAA;AAErD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,MAAe,EACf,SAAS,GACV,EAAE,eAAe,2CAoBjB"}

package/dist/components/MediaBlock/MediaBlock.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import styles from './MediaBlock.module.css';
+export function MediaBlock({ media, caption, aspect = '16:9', className, }) {
+    const aspectKey = aspect === '16:9' ? 'aspect16x9' : aspect === '4:3' ? 'aspect4x3' : `aspect-${aspect}`;
+    return (_jsxs("figure", { className: clsx(styles.figure, className), children: [_jsx("div", { className: clsx(styles.frame, styles[aspectKey]), children: media.type === 'image' ? (_jsx("img", { src: media.url, alt: media.alt, className: styles.media })) : (_jsx("video", { src: media.url, poster: media.poster, controls: true, "aria-label": media.ariaLabel, className: styles.media })) }), caption ? _jsx("figcaption", { className: styles.caption, children: caption }) : null] }));
+}
+//# sourceMappingURL=MediaBlock.js.map

package/dist/components/MediaBlock/MediaBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaBlock.js","sourceRoot":"","sources":["../../../src/components/MediaBlock/MediaBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAsB5C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,MAAM,GAAG,MAAM,EACf,SAAS,GACO;IAChB,MAAM,SAAS,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,MAAM,EAAE,CAAA;IACxG,OAAO,CACL,kBAAQ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,aAC/C,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,YAClD,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,gBACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,sBACI,KAAK,CAAC,SAAS,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,GACvB,CACH,GACG,EACL,OAAO,CAAC,CAAC,CAAC,qBAAY,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAc,CAAC,CAAC,CAAC,IAAI,IACxE,CACV,CAAA;AACH,CAAC"}

package/dist/components/MediaBlock/index.d.ts

@@ -0,0 +1,3 @@
+export { MediaBlock, type MediaBlockAspect, type MediaBlockMedia, type MediaBlockProps, } from './MediaBlock.js';
+export { contract as mediaBlockContract } from './MediaBlock.contract.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MediaBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MediaBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/components/MediaBlock/index.js

@@ -0,0 +1,3 @@
+export { MediaBlock, } from './MediaBlock.js';
+export { contract as mediaBlockContract } from './MediaBlock.contract.js';
+//# sourceMappingURL=index.js.map

package/dist/components/MediaBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MediaBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,GAIX,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/components/Prose/Prose.contract.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentContract } from '@forumone/throughline-design-contract';
+export declare const contract: ComponentContract;
+//# sourceMappingURL=Prose.contract.d.ts.map

package/dist/components/Prose/Prose.contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.contract.d.ts","sourceRoot":"","sources":["../../../src/components/Prose/Prose.contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAE9E,eAAO,MAAM,QAAQ,EAAE,iBAwGtB,CAAA"}

package/dist/components/Prose/Prose.contract.js

@@ -0,0 +1,95 @@
+export const contract = {
+    name: 'Prose',
+    category: 'section',
+    description: 'A typographic container for long-form content — articles, policies, documentation, any flowing prose with headings and lists.',
+    intent: 'Wrap free-flowing editorial content with sensible typography defaults (heading hierarchy, paragraph rhythm, list styling, blockquote treatment). Use any time you have a block of content authored as rich text and you want it to read well without styling each element individually.',
+    composition: {
+        placement: ['section'],
+        maxPerPage: null,
+        requiredSiblings: [],
+        forbiddenAdjacent: [],
+    },
+    content: {
+        fields: [
+            {
+                name: 'children',
+                type: 'richtext',
+                required: true,
+                constraints: 'Rich text content authored in the CMS; can include h2-h4, paragraphs, lists, blockquotes, links',
+            },
+        ],
+        variants: [
+            {
+                name: 'default',
+                description: 'Standard reading rhythm',
+                whenToUse: 'Most articles and editorial content',
+            },
+            {
+                name: 'compact',
+                description: 'Tighter spacing and line height',
+                whenToUse: 'Denser reference content, product docs, or reading-room pages',
+            },
+            {
+                name: 'spacious',
+                description: 'Looser spacing and line height',
+                whenToUse: 'Long-form essays where the reader benefits from breathing room',
+            },
+        ],
+    },
+    tokens: {
+        consumes: [
+            'color.text.primary',
+            'color.text.secondary',
+            'color.border.strong',
+            'color.brand.primary',
+            'spacing.container',
+            'spacing.10',
+            'spacing.8',
+            'spacing.6',
+            'spacing.5',
+            'spacing.4',
+            'spacing.2',
+            'font.size.3xl',
+            'font.size.2xl',
+            'font.size.xl',
+            'font.size.lg',
+            'font.weight.semibold',
+            'line.height.snug',
+            'line.height.normal',
+            'line.height.relaxed',
+            'line.height.loose',
+        ],
+    },
+    accessibility: {
+        keyboardSupport: [],
+        screenReaderBehavior: 'Children render as their native semantic HTML (h2, h3, p, ul, ol, blockquote, a). Prose adds no ARIA beyond what the authored content provides.',
+        contentWarnings: [
+            'Author h2 and below inside Prose; never h1 (the page already has one)',
+            'Use real list markup, not paragraphs with bullets',
+        ],
+    },
+    examples: [
+        { label: 'Default', intent: 'Standard article body', storyId: 'prose--default' },
+        { label: 'Compact', intent: 'Reference or documentation page', storyId: 'prose--compact' },
+        { label: 'Spacious', intent: 'Long-form essay or manifesto', storyId: 'prose--spacious' },
+    ],
+    antiExamples: [
+        {
+            label: 'Nesting Prose inside Prose',
+            why: 'Creates duplicate typography scales and unpredictable spacing',
+            useInstead: 'Use a single Prose at the outermost level',
+        },
+        {
+            label: 'Putting interactive components inside Prose',
+            why: 'Prose is for flowing editorial content; components like Stats or CardGrid have their own layout',
+            useInstead: 'Close the Prose, render the component, open another Prose for continuing text',
+        },
+    ],
+    behavior: {
+        fetchesData: false,
+        hasClientState: false,
+        animates: false,
+        requiresAnalytics: false,
+    },
+};
+//# sourceMappingURL=Prose.contract.js.map

package/dist/components/Prose/Prose.contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.contract.js","sourceRoot":"","sources":["../../../src/components/Prose/Prose.contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,SAAS;IACnB,WAAW,EACT,+HAA+H;IACjI,MAAM,EACJ,yRAAyR;IAE3R,WAAW,EAAE;QACX,SAAS,EAAE,CAAC,SAAS,CAAC;QACtB,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,EAAE;QACpB,iBAAiB,EAAE,EAAE;KACtB;IAED,OAAO,EAAE;QACP,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,IAAI;gBACd,WAAW,EACT,iGAAiG;aACpG;SACF;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,yBAAyB;gBACtC,SAAS,EAAE,qCAAqC;aACjD;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,iCAAiC;gBAC9C,SAAS,EAAE,+DAA+D;aAC3E;YACD;gBACE,IAAI,EAAE,UAAU;gBAChB,WAAW,EAAE,gCAAgC;gBAC7C,SAAS,EAAE,gEAAgE;aAC5E;SACF;KACF;IAED,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,oBAAoB;YACpB,sBAAsB;YACtB,qBAAqB;YACrB,qBAAqB;YACrB,mBAAmB;YACnB,YAAY;YACZ,WAAW;YACX,WAAW;YACX,WAAW;YACX,WAAW;YACX,WAAW;YACX,eAAe;YACf,eAAe;YACf,cAAc;YACd,cAAc;YACd,sBAAsB;YACtB,kBAAkB;YAClB,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;SACpB;KACF;IAED,aAAa,EAAE;QACb,eAAe,EAAE,EAAE;QACnB,oBAAoB,EAClB,iJAAiJ;QACnJ,eAAe,EAAE;YACf,uEAAuE;YACvE,mDAAmD;SACpD;KACF;IAED,QAAQ,EAAE;QACR,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,uBAAuB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAChF,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,iCAAiC,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAC1F,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,8BAA8B,EAAE,OAAO,EAAE,iBAAiB,EAAE;KAC1F;IAED,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,4BAA4B;YACnC,GAAG,EAAE,+DAA+D;YACpE,UAAU,EAAE,2CAA2C;SACxD;QACD;YACE,KAAK,EAAE,6CAA6C;YACpD,GAAG,EAAE,iGAAiG;YACtG,UAAU,EAAE,+EAA+E;SAC5F;KACF;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,iBAAiB,EAAE,KAAK;KACzB;CACF,CAAA"}

package/dist/components/Prose/Prose.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type ProseSize = 'default' | 'compact' | 'spacious';
+export interface ProseProps {
+    children: ReactNode;
+    size?: ProseSize;
+    className?: string;
+}
+export declare function Prose({ children, size, className }: ProseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Prose.d.ts.map

package/dist/components/Prose/Prose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.d.ts","sourceRoot":"","sources":["../../../src/components/Prose/Prose.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;AAE1D,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAgB,EAAE,SAAS,EAAE,EAAE,UAAU,2CAE1E"}

package/dist/components/Prose/Prose.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import styles from './Prose.module.css';
+export function Prose({ children, size = 'default', className }) {
+    return _jsx("div", { className: clsx(styles.prose, styles[size], className), children: children });
+}
+//# sourceMappingURL=Prose.js.map

package/dist/components/Prose/Prose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prose.js","sourceRoot":"","sources":["../../../src/components/Prose/Prose.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAE3B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAUvC,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAc;IACzE,OAAO,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAAA;AACtF,CAAC"}

package/dist/components/Prose/index.d.ts

@@ -0,0 +1,3 @@
+export { Prose, type ProseProps, type ProseSize } from './Prose.js';
+export { contract as proseContract } from './Prose.contract.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Prose/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prose/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/Prose/index.js

@@ -0,0 +1,3 @@
+export { Prose } from './Prose.js';
+export { contract as proseContract } from './Prose.contract.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Prose/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Prose/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmC,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/Quote/Quote.contract.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentContract } from '@forumone/throughline-design-contract';
+export declare const contract: ComponentContract;
+//# sourceMappingURL=Quote.contract.d.ts.map

package/dist/components/Quote/Quote.contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.contract.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAE9E,eAAO,MAAM,QAAQ,EAAE,iBAkGtB,CAAA"}

package/dist/components/Quote/Quote.contract.js

@@ -0,0 +1,90 @@
+export const contract = {
+    name: 'Quote',
+    category: 'media',
+    description: 'A pullquote or testimonial rendered as a <figure> with a <blockquote> and optional figcaption attribution.',
+    intent: 'Surface a single human-scale quotation — a testimonial, a pullquote, a foundational claim. Use sparingly; quotes lose weight when stacked. The attribution is optional because some quotes stand on their own without a named author.',
+    composition: {
+        placement: ['section'],
+        maxPerPage: null,
+        requiredSiblings: [],
+        forbiddenAdjacent: ['Quote'],
+    },
+    content: {
+        fields: [
+            {
+                name: 'quote',
+                type: 'text',
+                required: true,
+                maxLength: 400,
+                constraints: 'One or two sentences; longer belongs in Prose',
+            },
+            {
+                name: 'attribution',
+                type: 'group',
+                required: false,
+                of: [
+                    { name: 'name', type: 'text', required: true, maxLength: 80 },
+                    { name: 'role', type: 'text', required: false, maxLength: 100 },
+                    { name: 'avatar', type: 'image', required: false },
+                ],
+            },
+        ],
+        variants: [
+            { name: 'default', description: 'Standard size', whenToUse: 'Most testimonials and pullquotes' },
+            { name: 'large', description: 'Oversized display treatment', whenToUse: 'Editorial openers or mission-page quotes that carry real weight' },
+        ],
+    },
+    tokens: {
+        consumes: [
+            'color.text.primary',
+            'color.text.secondary',
+            'spacing.10',
+            'spacing.6',
+            'spacing.3',
+            'spacing.container',
+            'font.size.4xl',
+            'font.size.2xl',
+            'font.size.sm',
+            'font.weight.semibold',
+            'line.height.tight',
+            'line.height.snug',
+            'radius.full',
+        ],
+        configurable: [
+            { prop: 'size', tokenGroup: 'layout', allowedValues: ['default', 'large'] },
+        ],
+    },
+    accessibility: {
+        keyboardSupport: [],
+        screenReaderBehavior: 'Rendered as <figure> containing a <blockquote>; attribution is read as the figcaption. Decorative quotation marks are generated via CSS and are not in the accessible name.',
+        contentWarnings: [
+            'Do not quote someone without permission',
+            'Use their actual words; a paraphrase inside quotation marks misrepresents them',
+        ],
+    },
+    examples: [
+        { label: 'Default', intent: 'Testimonial with role', storyId: 'quote--default' },
+        { label: 'With avatar', intent: 'Testimonial with portrait', storyId: 'quote--with-avatar' },
+        { label: 'Large', intent: 'Editorial mission statement', storyId: 'quote--large' },
+        { label: 'Without attribution', intent: 'Aphoristic pullquote', storyId: 'quote--without-attribution' },
+    ],
+    antiExamples: [
+        {
+            label: 'Four quotes in a row',
+            why: 'Quote is meant to punctuate content, not fill a page',
+            useInstead: 'Pick the strongest quote; move the rest into Prose or a CardGrid of Cards',
+        },
+        {
+            label: 'Using Quote for product blurbs',
+            why: 'Quote implies a real human author; marketing copy without a source undermines trust',
+            useInstead: 'CTASection or Prose',
+        },
+    ],
+    behavior: {
+        fetchesData: false,
+        hasClientState: false,
+        animates: false,
+        requiresAnalytics: false,
+    },
+};
+//# sourceMappingURL=Quote.contract.js.map

package/dist/components/Quote/Quote.contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.contract.js","sourceRoot":"","sources":["../../../src/components/Quote/Quote.contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,OAAO;IACjB,WAAW,EACT,4GAA4G;IAC9G,MAAM,EACJ,uOAAuO;IAEzO,WAAW,EAAE;QACX,SAAS,EAAE,CAAC,SAAS,CAAC;QACtB,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,EAAE;QACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC;KAC7B;IAED,OAAO,EAAE;QACP,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,GAAG;gBACd,WAAW,EAAE,+CAA+C;aAC7D;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,KAAK;gBACf,EAAE,EAAE;oBACF,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;oBAC7D,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE;oBAC/D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;iBACnD;aACF;SACF;QACD,QAAQ,EAAE;YACR,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,kCAAkC,EAAE;YAChG,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,6BAA6B,EAAE,SAAS,EAAE,iEAAiE,EAAE;SAC5I;KACF;IAED,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,oBAAoB;YACpB,sBAAsB;YACtB,YAAY;YACZ,WAAW;YACX,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,eAAe;YACf,cAAc;YACd,sBAAsB;YACtB,mBAAmB;YACnB,kBAAkB;YAClB,aAAa;SACd;QACD,YAAY,EAAE;YACZ,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE;SAC5E;KACF;IAED,aAAa,EAAE;QACb,eAAe,EAAE,EAAE;QACnB,oBAAoB,EAClB,6KAA6K;QAC/K,eAAe,EAAE;YACf,yCAAyC;YACzC,gFAAgF;SACjF;KACF;IAED,QAAQ,EAAE;QACR,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,uBAAuB,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAChF,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,2BAA2B,EAAE,OAAO,EAAE,oBAAoB,EAAE;QAC5F,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,6BAA6B,EAAE,OAAO,EAAE,cAAc,EAAE;QAClF,EAAE,KAAK,EAAE,qBAAqB,EAAE,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,4BAA4B,EAAE;KACxG;IAED,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,sBAAsB;YAC7B,GAAG,EAAE,sDAAsD;YAC3D,UAAU,EAAE,2EAA2E;SACxF;QACD;YACE,KAAK,EAAE,gCAAgC;YACvC,GAAG,EAAE,qFAAqF;YAC1F,UAAU,EAAE,qBAAqB;SAClC;KACF;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,iBAAiB,EAAE,KAAK;KACzB;CACF,CAAA"}

package/dist/components/Quote/Quote.d.ts

@@ -0,0 +1,16 @@
+export type QuoteSize = 'default' | 'large';
+export interface QuoteProps {
+    quote: string;
+    attribution?: {
+        name: string;
+        role?: string;
+        avatar?: {
+            url: string;
+            alt: string;
+        };
+    };
+    size?: QuoteSize;
+    className?: string;
+}
+export declare function Quote({ quote, attribution, size, className }: QuoteProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Quote.d.ts.map

package/dist/components/Quote/Quote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/Quote.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AAE3C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAA;KACtC,CAAA;IACD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAgB,EAAE,SAAS,EAAE,EAAE,UAAU,2CAuBpF"}

package/dist/components/Quote/Quote.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import styles from './Quote.module.css';
+export function Quote({ quote, attribution, size = 'default', className }) {
+    return (_jsxs("figure", { className: clsx(styles.figure, styles[size], className), children: [_jsx("blockquote", { className: styles.quote, children: _jsx("p", { children: quote }) }), attribution ? (_jsxs("figcaption", { className: styles.attribution, children: [attribution.avatar ? (_jsx("img", { src: attribution.avatar.url, alt: attribution.avatar.alt, className: styles.avatar })) : null, _jsx("span", { className: styles.name, children: attribution.name }), attribution.role ? (_jsx("span", { className: styles.role, children: attribution.role })) : null] })) : null] }));
+}
+//# sourceMappingURL=Quote.js.map

package/dist/components/Quote/Quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.js","sourceRoot":"","sources":["../../../src/components/Quote/Quote.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAevC,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAG,SAAS,EAAE,SAAS,EAAc;IACnF,OAAO,CACL,kBAAQ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aAC7D,qBAAY,SAAS,EAAE,MAAM,CAAC,KAAK,YACjC,sBAAI,KAAK,GAAK,GACH,EACZ,WAAW,CAAC,CAAC,CAAC,CACb,sBAAY,SAAS,EAAE,MAAM,CAAC,WAAW,aACtC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACpB,cACE,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,EAC3B,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,EAC3B,SAAS,EAAE,MAAM,CAAC,MAAM,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,CAAC,IAAI,GAAQ,EACtD,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAClB,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,WAAW,CAAC,IAAI,GAAQ,CACxD,CAAC,CAAC,CAAC,IAAI,IACG,CACd,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}

package/dist/components/Quote/index.d.ts

@@ -0,0 +1,3 @@
+export { Quote, type QuoteProps, type QuoteSize } from './Quote.js';
+export { contract as quoteContract } from './Quote.contract.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Quote/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Quote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/Quote/index.js

@@ -0,0 +1,3 @@
+export { Quote } from './Quote.js';
+export { contract as quoteContract } from './Quote.contract.js';
+//# sourceMappingURL=index.js.map

package/dist/components/Quote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Quote/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmC,MAAM,YAAY,CAAA;AACnE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/components/SectionIntro/SectionIntro.contract.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentContract } from '@forumone/throughline-design-contract';
+export declare const contract: ComponentContract;
+//# sourceMappingURL=SectionIntro.contract.d.ts.map

package/dist/components/SectionIntro/SectionIntro.contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntro.contract.d.ts","sourceRoot":"","sources":["../../../src/components/SectionIntro/SectionIntro.contract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AAE9E,eAAO,MAAM,QAAQ,EAAE,iBAyGtB,CAAA"}

package/dist/components/SectionIntro/SectionIntro.contract.js

@@ -0,0 +1,97 @@
+export const contract = {
+    name: 'SectionIntro',
+    category: 'section',
+    description: 'A section opener that establishes what the next block of content is about without competing with the page hero.',
+    intent: 'Introduce a new section inside a page. Use when you need an h2-level heading with optional eyebrow and supporting body copy, such as "Our approach", "Recent work", or "What we believe". Pairs with any content block below it.',
+    composition: {
+        placement: ['section'],
+        maxPerPage: null,
+        requiredSiblings: [],
+        forbiddenAdjacent: ['SectionIntro'],
+    },
+    content: {
+        fields: [
+            {
+                name: 'eyebrow',
+                type: 'text',
+                required: false,
+                maxLength: 40,
+                constraints: 'Short kicker label above the headline',
+            },
+            {
+                name: 'headline',
+                type: 'text',
+                required: true,
+                maxLength: 100,
+                constraints: 'Sentence case; scannable; reads like a chapter title',
+            },
+            {
+                name: 'body',
+                type: 'text',
+                required: false,
+                maxLength: 240,
+                constraints: 'One or two sentences that set up the section',
+            },
+        ],
+        variants: [
+            {
+                name: 'start',
+                description: 'Left-aligned',
+                whenToUse: 'Default — pairs with left-aligned content blocks below',
+            },
+            {
+                name: 'center',
+                description: 'Center-aligned',
+                whenToUse: 'Landing pages and marketing sections where the intro anchors a centered layout',
+            },
+        ],
+    },
+    tokens: {
+        consumes: [
+            'color.text.primary',
+            'color.text.secondary',
+            'spacing.container',
+            'spacing.3',
+            'spacing.2',
+            'font.size.3xl',
+            'font.size.lg',
+            'font.size.sm',
+            'font.weight.semibold',
+            'line.height.snug',
+            'line.height.relaxed',
+            'letter.spacing.wide',
+        ],
+    },
+    accessibility: {
+        role: 'region',
+        keyboardSupport: [],
+        screenReaderBehavior: 'The headline is announced as an h2 element. The eyebrow is supplementary text read before the headline. No interactive controls.',
+        contentWarnings: [
+            'Do not use SectionIntro before Hero on the same page — the page must start with a single h1',
+        ],
+    },
+    examples: [
+        { label: 'Default', intent: 'Introduce a section inside a content page', storyId: 'section-intro--default' },
+        { label: 'Centered', intent: 'Anchor a centered marketing section', storyId: 'section-intro--centered' },
+        { label: 'Headline only', intent: 'Minimal section divider with just a heading', storyId: 'section-intro--headline-only' },
+    ],
+    antiExamples: [
+        {
+            label: 'Using SectionIntro as the page opener',
+            why: 'SectionIntro renders h2; a page should begin with an h1 for accessibility and SEO',
+            useInstead: 'Hero',
+        },
+        {
+            label: 'Stacking two SectionIntros with no content between them',
+            why: 'Creates a visual and semantic duplicate that signals nothing new',
+            useInstead: 'Merge into a single SectionIntro with a longer body',
+        },
+    ],
+    behavior: {
+        fetchesData: false,
+        hasClientState: false,
+        animates: false,
+        requiresAnalytics: false,
+    },
+};
+//# sourceMappingURL=SectionIntro.contract.js.map

package/dist/components/SectionIntro/SectionIntro.contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntro.contract.js","sourceRoot":"","sources":["../../../src/components/SectionIntro/SectionIntro.contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,IAAI,EAAE,cAAc;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EACT,iHAAiH;IACnH,MAAM,EACJ,kOAAkO;IAEpO,WAAW,EAAE;QACX,SAAS,EAAE,CAAC,SAAS,CAAC;QACtB,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,EAAE;QACpB,iBAAiB,EAAE,CAAC,cAAc,CAAC;KACpC;IAED,OAAO,EAAE;QACP,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,EAAE;gBACb,WAAW,EAAE,uCAAuC;aACrD;YACD;gBACE,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,IAAI;gBACd,SAAS,EAAE,GAAG;gBACd,WAAW,EAAE,sDAAsD;aACpE;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,GAAG;gBACd,WAAW,EAAE,8CAA8C;aAC5D;SACF;QACD,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,cAAc;gBAC3B,SAAS,EAAE,wDAAwD;aACpE;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,gBAAgB;gBAC7B,SAAS,EAAE,gFAAgF;aAC5F;SACF;KACF;IAED,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,oBAAoB;YACpB,sBAAsB;YACtB,mBAAmB;YACnB,WAAW;YACX,WAAW;YACX,eAAe;YACf,cAAc;YACd,cAAc;YACd,sBAAsB;YACtB,kBAAkB;YAClB,qBAAqB;YACrB,qBAAqB;SACtB;KACF;IAED,aAAa,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,eAAe,EAAE,EAAE;QACnB,oBAAoB,EAClB,kIAAkI;QACpI,eAAe,EAAE;YACf,6FAA6F;SAC9F;KACF;IAED,QAAQ,EAAE;QACR,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,2CAA2C,EAAE,OAAO,EAAE,wBAAwB,EAAE;QAC5G,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,qCAAqC,EAAE,OAAO,EAAE,yBAAyB,EAAE;QACxG,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,6CAA6C,EAAE,OAAO,EAAE,8BAA8B,EAAE;KAC3H;IAED,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,uCAAuC;YAC9C,GAAG,EAAE,mFAAmF;YACxF,UAAU,EAAE,MAAM;SACnB;QACD;YACE,KAAK,EAAE,yDAAyD;YAChE,GAAG,EAAE,kEAAkE;YACvE,UAAU,EAAE,qDAAqD;SAClE;KACF;IAED,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,cAAc,EAAE,KAAK;QACrB,QAAQ,EAAE,KAAK;QACf,iBAAiB,EAAE,KAAK;KACzB;CACF,CAAA"}

package/dist/components/SectionIntro/SectionIntro.d.ts

@@ -0,0 +1,10 @@
+export type SectionIntroAlignment = 'start' | 'center';
+export interface SectionIntroProps {
+    eyebrow?: string;
+    headline: string;
+    body?: string;
+    alignment?: SectionIntroAlignment;
+    className?: string;
+}
+export declare function SectionIntro({ eyebrow, headline, body, alignment, className, }: SectionIntroProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionIntro.d.ts.map

package/dist/components/SectionIntro/SectionIntro.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntro.d.ts","sourceRoot":"","sources":["../../../src/components/SectionIntro/SectionIntro.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtD,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,qBAAqB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,SAAmB,EACnB,SAAS,GACV,EAAE,iBAAiB,2CAQnB"}

package/dist/components/SectionIntro/SectionIntro.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clsx } from 'clsx';
+import styles from './SectionIntro.module.css';
+export function SectionIntro({ eyebrow, headline, body, alignment = 'start', className, }) {
+    return (_jsxs("header", { className: clsx(styles.intro, styles[alignment], className), children: [eyebrow ? _jsx("p", { className: styles.eyebrow, children: eyebrow }) : null, _jsx("h2", { className: styles.headline, children: headline }), body ? _jsx("p", { className: styles.body, children: body }) : null] }));
+}
+//# sourceMappingURL=SectionIntro.js.map

package/dist/components/SectionIntro/SectionIntro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionIntro.js","sourceRoot":"","sources":["../../../src/components/SectionIntro/SectionIntro.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC3B,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,SAAS,GACS;IAClB,OAAO,CACL,kBAAQ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,aAChE,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EAC7D,aAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAM,EAC9C,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,IAC7C,CACV,CAAA;AACH,CAAC"}

package/dist/components/SectionIntro/index.d.ts

@@ -0,0 +1,3 @@
+export { SectionIntro, type SectionIntroProps, type SectionIntroAlignment } from './SectionIntro.js';
+export { contract as sectionIntroContract } from './SectionIntro.contract.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SectionIntro/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SectionIntro/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACpG,OAAO,EAAE,QAAQ,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/components/SectionIntro/index.js

@@ -0,0 +1,3 @@
+export { SectionIntro } from './SectionIntro.js';
+export { contract as sectionIntroContract } from './SectionIntro.contract.js';
+//# sourceMappingURL=index.js.map