@fairgarden/design 0.1.0-alpha.0 → 0.1.0-alpha.1

package/content/card/Card.d.ts.map

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

package/content/card/Card.js

@@ -0,0 +1,239 @@
+'use client';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { Ground } from '../../foundations/ground';
+import { Link } from '../../actions/link';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { isPageGroundPreset, useScope, useScopeAttributes } from '../../utils/scope';
+import styles from './card.module.css';
+/*
+ * Card (§12.2): a self-contained, linked item among peers. Composed from
+ * semantic HTML; no Base UI card primitive exists.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: card.module.css; CVA function `card`.
+ * - Axes: `kind` → editorial | block | entry (v1 subset of editorial |
+ *   event | species | block | promo | entry); `faced` → `faced` (editorial
+ *   only; excluded in the types for block and entry, which are always
+ *   faced); `lead` → `lead` (editorial only: the horizontal lead card);
+ *   `disabled` → `disabled` (a state class in the states layer, unmanaged
+ *   element); `primary`, `secondary` → scales module classes.
+ * - Compound variants: `faced` + `lead` → `facedLead` (the flush photo
+ *   runs down the start edge instead of across the top).
+ * - Defaults: kind editorial, faced false, lead false, disabled false
+ *   (§12.2); color axes none.
+ * - Color fallback: inherits the scope.
+ * - States: CardTitleLink (Link kind="title") owns the underline states
+ *   (§9.3) [D157]; `base:has(titleLink:focus-visible)` → ring outside the
+ *   frame; `faced:has(titleLink:active)` → the face's edge steps to
+ *   --border-size-2 --primary12. Hover is the title link's own
+ *   (--role-link-hover, §9.3) [D181].
+ * - Edge states (the hook composing modules use): the face draws its edge
+ *   in --role-edge, which its Ground publishes: --primary10 on a page
+ *   ground, --primary12 as a light island [D178, D179]; the entry card's
+ *   is a static --border-size-2 --primary12 [D185]. `CardChoice` holds
+ *   an option card's Checkbox or Radio: its `data-checked` steps the edge to
+ *   --border-size-2 --role-select-edge (§10.7), its `data-disabled` draws
+ *   the unavailable edge. `disabled` (or that `data-disabled`) → a
+ *   line-dotted-fine edge in --role-disabled-edge, title and body
+ *   --role-muted, the action removed [D16]. A composing module may set
+ *   `--card-frame` (a width) on the root to draw the outer scope's
+ *   --primary12 frame inset over the face's edge: Pricing's recommended and
+ *   selected tiers (§12.9).
+ * - Parts: base, face, media, leadBody (the lead card's text column),
+ *   entryBody (the entry card's text column), kicker, title, titleLink,
+ *   meta, body, choice, action.
+ * - Scope: `face` is a nested Ground [D178]: `white` on a page ground and
+ *   for block and entry, `paper` inside a field or the night band (Ground
+ *   writes the light island [D149, D179]). Bare cards have no face scope.
+ * - Container: `base` is the inline-size container `card` (the action row's
+ *   360 px stack guard queries it); face padding and the lead layout read
+ *   the ancestor `card-grid` container at 608 / 944 px (§5.10.2). Baseline
+ *   without support: media above text, padding by viewport (--md-n-above /
+ *   --lg-n-above), lead horizontal from --lg-n-above, stack guard at
+ *   --xs-n-below [D163]. Cards fill their grid row, and the action row is
+ *   pinned to the card's bottom (§12.3). The entry card keeps its
+ *   horizontal layout at every width; its host (the Hero) sets the columns.
+ */
+const card = cva(styles.base, {
+    variants: {
+        kind: {
+            editorial: styles.editorial,
+            block: styles.block,
+            entry: styles.entry,
+        },
+        faced: {
+            true: styles.faced,
+        },
+        lead: {
+            true: styles.lead,
+        },
+        disabled: {
+            true: styles.disabled,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    compoundVariants: [{ faced: true, lead: true, class: styles.facedLead }],
+    defaultVariants: {
+        kind: 'editorial',
+        faced: false,
+        lead: false,
+        disabled: false,
+    },
+});
+/**
+ * The card frame. Plain children are fine (`<Card>…</Card>`); the optional
+ * parts `CardMedia`, `CardKicker`, `CardTitle` (+ `CardTitleLink`),
+ * `CardMeta`, `CardBody`, `CardChoice` and `CardFooter` give the §12.2
+ * anatomy and rhythm. Put a
+ * leading `CardMedia` first (a direct child) to run it flush to the frame.
+ * In a grid row, cards share one height and the footer sits at the bottom.
+ *
+ * Renders `<article>`; pass `render={<li />}` or similar to change it. The
+ * root is an inline-size container, so give it a width in shrink-to-fit
+ * contexts (flex items without stretch, floats).
+ */
+export function Card(props) {
+    const { render, ref, className, kind = 'editorial', faced, lead, disabled = false, primary, secondary, children, ...rest } = props;
+    const scope = useScope();
+    const scopeAttributes = useScopeAttributes();
+    const isFaced = kind === 'editorial' && faced === true;
+    const isLead = kind === 'editorial' && lead === true;
+    const isEntry = kind === 'entry';
+    // Faces are white on a page ground; inside a field or the night band an
+    // editorial face is a paper light island (block and entry stay white) [D179, D185].
+    const facePreset = kind === 'editorial' && !isPageGroundPreset(scope.ground) ? 'paper' : 'white';
+    // The lead and entry cards set their media beside a text column; other cards stack.
+    let content = children;
+    if (isLead || isEntry) {
+        const media = [];
+        const text = [];
+        React.Children.forEach(children, (child) => {
+            if (React.isValidElement(child) && child.type === CardMedia)
+                media.push(child);
+            else
+                text.push(child);
+        });
+        content = (React.createElement(React.Fragment, null,
+            media,
+            React.createElement("div", { className: isEntry ? styles.entryBody : styles.leadBody }, text)));
+    }
+    const face = isFaced || kind === 'block' || isEntry ? (React.createElement(Ground, { kind: "face", preset: facePreset, primary: primary ?? undefined, secondary: secondary ?? undefined, render: React.createElement("div", null), className: styles.face }, content)) : (React.createElement("div", { className: styles.face }, content));
+    return useRender({
+        defaultTagName: 'article',
+        render,
+        ref,
+        props: mergeProps({
+            ...scopeAttributes,
+            className: card({
+                kind,
+                faced: isFaced,
+                lead: isLead,
+                disabled,
+                primary,
+                secondary,
+                className,
+            }),
+            children: face,
+        }, rest),
+    });
+}
+/** Photo or drawing (`figure` with an `img`). Flush when first in a faced card; inset in a block card. */
+export function CardMedia(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'figure',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.media, className) }, rest),
+    });
+}
+/**
+ * The kicker above the title (§12.2 part `kicker`): a topic Tag, or a
+ * category in `type-label` caps in --primary12, as on the entry card.
+ */
+export function CardKicker(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.kicker, className) }, rest),
+    });
+}
+/** `type-itemhead` in --primary12. Renders `<h3>`; pass `render={<h2 />}` to fit the outline. */
+export function CardTitle(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'h3',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.title, className) }, rest),
+    });
+}
+/**
+ * The card's one primary link, inside `CardTitle`. A §9.3 title Link: its
+ * hit area stretches over the whole card; hover, focus and press underline
+ * the title; the card draws the focus ring outside its frame.
+ */
+export function CardTitleLink(props) {
+    const { className, ...rest } = props;
+    return React.createElement(Link, { ...rest, kind: "title", className: cx(styles.titleLink, className) });
+}
+/** Date, format, place joined by "·": `type-caption` in --role-muted. */
+export function CardMeta(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.meta, className) }, rest),
+    });
+}
+/** Two to four lines of `type-body-ui` in --primary12. */
+export function CardBody(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.body, className) }, rest),
+    });
+}
+/**
+ * The option-card indicator slot (§12.2 part `choice`, §10.7): put the
+ * card's Checkbox or Radio here. Its `data-checked` steps the faced edge to
+ * `--border-size-2` in `--role-select-edge`; its `data-disabled` draws the
+ * unavailable edge and mutes the title and body. Sits above the stretched
+ * title link as its own control.
+ */
+export function CardChoice(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.choice, className) }, rest),
+    });
+}
+/**
+ * The action row (§12.2 part `action`): a sm outline Button, or a
+ * "READ MORE ›" standalone Link. Pinned to the card's bottom, so a grid
+ * row's actions align (§12.3); sits above the stretched title link; stacks
+ * below 360 px of card width; removed while the card is `disabled`.
+ */
+export function CardFooter(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.action, className) }, rest),
+    });
+}
+//# sourceMappingURL=Card.js.map

package/content/card/Card.js.map

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

package/content/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/content/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/content/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/content/card-grid/CardGrid.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type LinkProps } from '../../actions/link';
+import { type SectionHeaderProps } from '../../page/section-header';
+export declare const cardGrid: (props?: ({
+    kind?: "block" | "compact" | "editorial" | "lead" | null | undefined;
+    primary?: "ruby" | "brown" | "crimson" | "gold" | "gray" | "indigo" | "olive" | "pink" | "plum" | "purple" | "red" | "tomato" | "violet" | "bronze" | "iris" | "mauve" | "sage" | "sand" | "slate" | null | undefined;
+    secondary?: "ruby" | "blue" | "brown" | "crimson" | "cyan" | "gold" | "gray" | "green" | "indigo" | "lime" | "olive" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "tomato" | "violet" | "yellow" | "amber" | "bronze" | "grass" | "iris" | "jade" | "mauve" | "mint" | "sage" | "sand" | "sky" | "slate" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type CardGridVariants = VariantProps<typeof cardGrid>;
+/** The four grid builds (§12.3). */
+export type CardGridKind = 'editorial' | 'compact' | 'block' | 'lead';
+/** Props for CardGrid: `section` props, `render`, the kind and the color axes. */
+export type CardGridProps = useRender.ComponentProps<'section'> & {
+    /**
+     * Required. `editorial`: articles and programs, 1 → 2 → 3 columns.
+     * `compact`: species, products and team, 1 → 2 → 4 columns. `block`: the
+     * block-edge featured cards (1–3 per page, one card family), 1 → 2 → 3
+     * columns with extra clearance for the heavy edge. `lead`: one lead card
+     * across the grid, followed by §12.11 index rows.
+     */
+    kind: CardGridKind;
+    /**
+     * Primary Radix scale: the count and footer link text. Never defaulted;
+     * omitted, it inherits the scope [D133].
+     */
+    primary?: CardGridVariants['primary'];
+    /**
+     * Secondary Radix scale: the footer link's underline and chevron
+     * (`--role-accent`, `--role-glyph`). Never defaulted.
+     */
+    secondary?: CardGridVariants['secondary'];
+    /**
+     * The module header (§11.8), rendered in the header slot before the
+     * children: a `SectionHeader` props object (the section is then labelled
+     * by its heading), or any node, such as a `SectionHeader` element. Omit it
+     * to compose `CardGridHeader` yourself.
+     */
+    header?: React.ReactNode | SectionHeaderProps;
+};
+/**
+ * The card grid module: an optional header (`header`, or a composed
+ * `CardGridHeader` holding the §11.8 section header), an optional
+ * `CardGridToolbar` and `CardGridCount`, the
+ * `CardGridList` of `CardGridItem`s (one `Card` each), and an optional
+ * `CardGridFooter` with a `CardGridFooterLink` ("See all ›"). Never mix
+ * card kinds in one grid, and never scroll it horizontally (use §12.4).
+ */
+export declare function CardGrid(props: CardGridProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridHeader: `header` props and `render`. */
+export type CardGridHeaderProps = useRender.ComponentProps<'header'>;
+/**
+ * The module header slot: holds the §11.8 `SectionHeader` (eyebrow +
+ * hairline for explore grids; CardGrid's `header` prop fills it for you).
+ * Sits `--size-px-5` above the grid and stays with the first row in print.
+ */
+export declare function CardGridHeader(props: CardGridHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridToolbar: `div` props and `render`. */
+export type CardGridToolbarProps = useRender.ComponentProps<'div'>;
+/**
+ * The filter and sort bar: filter chips (§9.4) and a sort Select (§10.5),
+ * wrapping onto more lines as needed. Hidden in print.
+ */
+export declare function CardGridToolbar(props: CardGridToolbarProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridCount: paragraph props and `render`. */
+export type CardGridCountProps = useRender.ComponentProps<'p'>;
+/**
+ * The result count of a filtered grid ("12 events"), a polite live region
+ * in `--primary12`. Keep it mounted and change its text, so the change is
+ * announced.
+ */
+export declare function CardGridCount(props: CardGridCountProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridList: list props and `render`. */
+export type CardGridListProps = useRender.ComponentProps<'ul'>;
+/**
+ * The grid itself, a `ul` whose columns follow the `card-grid` container
+ * (auto-fit without container-query support). Rows keep equal heights and
+ * print 2-up, each row whole.
+ */
+export declare function CardGridList(props: CardGridListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridItem: list-item props and `render`. */
+export type CardGridItemProps = useRender.ComponentProps<'li'>;
+/** One cell: holds one `Card`, stretched to the row's height. */
+export declare function CardGridItem(props: CardGridItemProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridFooter: `div` props and `render`. */
+export type CardGridFooterProps = useRender.ComponentProps<'div'>;
+/** The module footer, `--size-px-7` below the grid: a `CardGridFooterLink` or §9.9 pagination. */
+export declare function CardGridFooter(props: CardGridFooterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for CardGridFooterLink: Link props except `kind`, which is always `standalone`. */
+export type CardGridFooterLinkProps = Omit<LinkProps, 'kind'>;
+/**
+ * "See all ›": the standalone Link (§9.3), `type-label` caps authored in
+ * sentence case, with its chevron in `--role-glyph`. The Link owns every
+ * state, so hover follows the central link model.
+ */
+export declare function CardGridFooterLink(props: CardGridFooterLinkProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=CardGrid.d.ts.map

package/content/card-grid/CardGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardGrid.d.ts","sourceRoot":"","sources":["../../src/content/card-grid/CardGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAmClF,eAAO,MAAM,QAAQ;;;;8EAYnB,CAAA;AAEF,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,oCAAoC;AACpC,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAErE,kFAAkF;AAClF,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG;IAChE;;;;;;OAMG;IACH,IAAI,EAAE,YAAY,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACzC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAA;CAC9C,CAAA;AAaD;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,0EAmC5C;AAED,6DAA6D;AAC7D,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAA;AAEpE;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,0EAQxD;AAED,2DAA2D;AAC3D,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAElE;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,0EAQ1D;AAED,6DAA6D;AAC7D,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE9D;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,0EAWtD;AAED,uDAAuD;AACvD,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAE9D;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,0EAQpD;AAED,4DAA4D;AAC5D,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;AAE9D,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,0EAQpD;AAED,0DAA0D;AAC1D,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAEjE,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,0EAQxD;AAED,4FAA4F;AAC5F,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAEhE"}

package/content/card-grid/CardGrid.js

@@ -0,0 +1,176 @@
+'use client';
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { Link } from '../../actions/link';
+import { SectionHeader } from '../../page/section-header';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './card-grid.module.css';
+/*
+ * Card Grid (§12.3): 3–24 peer cards to browse. Composed from `section` +
+ * the §11.8 header + a `ul` of cards (§12.2) + an optional footer link.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: card-grid.module.css; CVA function `cardGrid`.
+ * - Axes: `kind` → editorial | compact | block | lead; `primary`,
+ *   `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: none (`kind` is required); color axes: none.
+ * - Color fallback: inherits the scope. Bare cards inherit the grid's
+ *   scales; pass `primary` / `secondary` to faced cards too, whose face
+ *   Ground otherwise takes its preset defaults.
+ * - States: the grid has none. `footerLink` is a standalone Link, which owns
+ *   its hover, focus and press states (§9.3). No class marks an empty
+ *   result: render §12.16 (EmptyState) in place of `list`.
+ * - Parts: base, header (the §11.8 SectionHeader, from the `header` prop or
+ *   composed in `CardGridHeader`), toolbar (filter chips and sort), count (the polite
+ *   live region), list, item, footer, footerLink (a standalone Link, styled
+ *   by its own module; footerGlyph is the Link's chevron).
+ * - Scope: none.
+ * - Container: `base` is the inline-size container `card-grid`; `list`
+ *   queries it, and each card's face padding reads it (§12.2). Baseline
+ *   without support: `list` is a grid auto-fit with minmax tracks at the
+ *   288 px card minimum (compact 152 px), capped at 3 (compact 4), gutter
+ *   --ds-space-margin; compact drops to 1 column at --xs-n-below.
+ *   Thresholds (§5.10.2): editorial and block 2-up from 608, 3-up from 944;
+ *   compact 1 below 360, 2 below 704, 4-up from 704 [D163].
+ */
+export const cardGrid = cva(styles.base, {
+    variants: {
+        kind: {
+            editorial: styles.editorial,
+            compact: styles.compact,
+            block: styles.block,
+            lead: styles.lead,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+/** A `SectionHeader` props object rather than a React node. */
+function isSectionHeaderProps(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        !React.isValidElement(value) &&
+        !(Symbol.iterator in value) &&
+        'heading' in value);
+}
+/**
+ * The card grid module: an optional header (`header`, or a composed
+ * `CardGridHeader` holding the §11.8 section header), an optional
+ * `CardGridToolbar` and `CardGridCount`, the
+ * `CardGridList` of `CardGridItem`s (one `Card` each), and an optional
+ * `CardGridFooter` with a `CardGridFooterLink` ("See all ›"). Never mix
+ * card kinds in one grid, and never scroll it horizontally (use §12.4).
+ */
+export function CardGrid(props) {
+    const { render, ref, className, kind, primary, secondary, header, children, ...rest } = props;
+    const scope = useScopeAttributes();
+    const generatedId = React.useId();
+    // A props object renders the §11.8 SectionHeader and labels the section by its heading.
+    const headerProps = isSectionHeaderProps(header) ? header : null;
+    const headingId = headerProps ? (headerProps.headingId ?? generatedId) : undefined;
+    const headerNode = headerProps ? (React.createElement(CardGridHeader, null,
+        React.createElement(SectionHeader, { ...headerProps, headingId: headingId }))) : header != null && header !== false ? (React.createElement(CardGridHeader, null, header)) : null;
+    return useRender({
+        defaultTagName: 'section',
+        render,
+        ref,
+        props: mergeProps({
+            ...scope,
+            'aria-labelledby': headingId,
+            className: cardGrid({ kind, primary, secondary, className }),
+            children: (React.createElement(React.Fragment, null,
+                headerNode,
+                children)),
+        }, rest),
+    });
+}
+/**
+ * The module header slot: holds the §11.8 `SectionHeader` (eyebrow +
+ * hairline for explore grids; CardGrid's `header` prop fills it for you).
+ * Sits `--size-px-5` above the grid and stays with the first row in print.
+ */
+export function CardGridHeader(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'header',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.header, className) }, rest),
+    });
+}
+/**
+ * The filter and sort bar: filter chips (§9.4) and a sort Select (§10.5),
+ * wrapping onto more lines as needed. Hidden in print.
+ */
+export function CardGridToolbar(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.toolbar, className) }, rest),
+    });
+}
+/**
+ * The result count of a filtered grid ("12 events"), a polite live region
+ * in `--primary12`. Keep it mounted and change its text, so the change is
+ * announced.
+ */
+export function CardGridCount(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ role: 'status', 'aria-live': 'polite', className: cx(styles.count, className) }, rest),
+    });
+}
+/**
+ * The grid itself, a `ul` whose columns follow the `card-grid` container
+ * (auto-fit without container-query support). Rows keep equal heights and
+ * print 2-up, each row whole.
+ */
+export function CardGridList(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'ul',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.list, className) }, rest),
+    });
+}
+/** One cell: holds one `Card`, stretched to the row's height. */
+export function CardGridItem(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'li',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.item, className) }, rest),
+    });
+}
+/** The module footer, `--size-px-7` below the grid: a `CardGridFooterLink` or §9.9 pagination. */
+export function CardGridFooter(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.footer, className) }, rest),
+    });
+}
+/**
+ * "See all ›": the standalone Link (§9.3), `type-label` caps authored in
+ * sentence case, with its chevron in `--role-glyph`. The Link owns every
+ * state, so hover follows the central link model.
+ */
+export function CardGridFooterLink(props) {
+    return React.createElement(Link, { ...props, kind: "standalone" });
+}
+//# sourceMappingURL=CardGrid.js.map

package/content/card-grid/CardGrid.js.map

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

package/content/card-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/content/card-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/content/card-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/content/card-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}