@fairgarden/design 0.1.0-0.canary.0

package/content/index-rows/IndexRows.d.ts

@@ -0,0 +1,134 @@
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { useRender } from '@base-ui/react/use-render';
+import { type VariantProps } from 'class-variance-authority';
+import { type CollapsiblePanelProps } from '../../disclosure/collapsible';
+import { type LinkProps } from '../../actions/link';
+export declare const indexRows: (props?: ({
+    kind?: "article" | "event" | "ranked" | "related" | 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 IndexRowsVariants = VariantProps<typeof indexRows>;
+/** The four listing builds (§12.11). */
+export type IndexRowsKind = 'ranked' | 'related' | 'event' | 'article';
+/** Props for IndexRows: `section` props, `render`, the kind and the color axes. */
+export type IndexRowsProps = useRender.ComponentProps<'section'> & {
+    /**
+     * Required. `ranked`: a muted rank numeral column, labels with counts,
+     * hairline rules. `related`: a thumbnail left of each title, hairline
+     * rules. `event`: a mono date key, `--role-rule` rules and a column rule;
+     * rows may expand. `article`: serif titles, a caps meta line, optional
+     * deks, hairline dividers.
+     */
+    kind: IndexRowsKind;
+    /**
+     * Primary Radix scale: titles, keys, rules, bars and glyphs. Never
+     * defaulted; omitted, it inherits the scope [D133].
+     */
+    primary?: IndexRowsVariants['primary'];
+    /**
+     * Secondary Radix scale: the title links' underline and the footer
+     * chevron (`--role-accent`, `--role-glyph`). Never defaulted.
+     */
+    secondary?: IndexRowsVariants['secondary'];
+};
+/**
+ * The index module: an optional `IndexRowsHeader` (the §11.8 eyebrow and
+ * hairline, plus any Tabs), the `IndexRowsList` of `IndexRow`s and an
+ * optional `IndexRowsFooter` ("See all ›"). Rows are separated by rules,
+ * never boxed; numbers and dates use tabular figures.
+ */
+export declare function IndexRows(props: IndexRowsProps): React.JSX.Element;
+/** Props for IndexRowsHeader: `header` props and `render`. */
+export type IndexRowsHeaderProps = useRender.ComponentProps<'header'>;
+/**
+ * The module header slot: the §11.8 section header (eyebrow + `--role-hairline`
+ * rule) and, where needed, "Upcoming / Past" Tabs (§9.5). Stays with the
+ * first row in print.
+ */
+export declare function IndexRowsHeader(props: IndexRowsHeaderProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowsList: list props and `render`. */
+export type IndexRowsListProps = useRender.ComponentProps<'ul'>;
+/** The rows: an `ol` for ranked lists, whose order means something; a `ul` otherwise. */
+export declare function IndexRowsList(props: IndexRowsListProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRow: list-item props, `render` and the key column content. */
+export type IndexRowProps = useRender.ComponentProps<'li'> & {
+    /** Ranked rows: the rank numeral, with no period ("1", "2" …); `--role-muted`, tabular. */
+    rank?: React.ReactNode;
+    /**
+     * Event rows: the date key, e.g. `<time dateTime="2026-07-01">01 / 07</time>`;
+     * `type-data`. Above the title below 768 px of container, a left column from 768.
+     */
+    date?: React.ReactNode;
+    /** Related rows: a thumbnail `img` (empty alt), `--fgd-size-thumb` square, dropped in print. */
+    thumb?: React.ReactNode;
+};
+/**
+ * One row: an optional key column (`rank`, `date` or `thumb`) and the text
+ * column, which holds `IndexRowTitle` (or an event's `IndexRowDisclosure`),
+ * `IndexRowMeta` and `IndexRowDek`. The row rule runs from the text column
+ * to the module edge, never under the key column.
+ */
+export declare function IndexRow(props: IndexRowProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowTitle: heading props and `render` (default `<h3>`). */
+export type IndexRowTitleProps = useRender.ComponentProps<'h3'>;
+/**
+ * The row's title: `type-itemhead` for article and event rows,
+ * `type-body-ui` at `--font-weight-6` for ranked and related rows. Wrap an
+ * `IndexRowTitleLink` inside, and follow it with an `IndexRowCount` in
+ * ranked lists.
+ */
+export declare function IndexRowTitle(props: IndexRowTitleProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowTitleLink: Link props except `kind`, which is always `title`. */
+export type IndexRowTitleLinkProps = Omit<LinkProps, 'kind'>;
+/**
+ * The row's one link, inside `IndexRowTitle`: a §9.3 title Link whose hit
+ * area stretches over the row. Pass `aria-current="page"` (or `"true"` for
+ * the active filter row) to mark the current row. `index` adds the visited ✓
+ * for long indexes.
+ */
+export declare function IndexRowTitleLink(props: IndexRowTitleLinkProps): React.JSX.Element;
+/** Props for IndexRowCount: `span` props and `render`. */
+export type IndexRowCountProps = useRender.ComponentProps<'span'>;
+/** The ranked label's count, "(29)": `type-body-ui` in `--role-muted`, after the title. */
+export declare function IndexRowCount(props: IndexRowCountProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowMeta: paragraph props and `render`. */
+export type IndexRowMetaProps = useRender.ComponentProps<'p'>;
+/**
+ * The meta line in `--role-muted`: `type-label` caps for article rows,
+ * `type-caption` otherwise. Past rows say "Past" here; never dim them. From
+ * 1024 px of container an article row's meta moves to a right-aligned column.
+ */
+export declare function IndexRowMeta(props: IndexRowMetaProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowDek: paragraph props and `render`. */
+export type IndexRowDekProps = useRender.ComponentProps<'p'>;
+/** An optional one- or two-line dek under an article title: `type-body-ui` in `--primary12`. */
+export declare function IndexRowDek(props: IndexRowDekProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/** Props for IndexRowDisclosure: Base UI Collapsible Root props plus the title, meta and panel props. */
+export type IndexRowDisclosureProps = Omit<BaseCollapsible.Root.Props, 'title' | 'render'> & {
+    /** The event title, the trigger's label: `--role-muted` collapsed, `--primary12` open. */
+    title: React.ReactNode;
+    /** An optional meta line under the title (format, place; "Past"), shown in both states. */
+    meta?: React.ReactNode;
+    /** Props for the details panel. */
+    panelProps?: Omit<CollapsiblePanelProps, 'children'>;
+};
+/**
+ * An expandable event row (§10.13): the title is the trigger, inside an
+ * `h3`, with the disclosure glyph; the details (body, "Host" /
+ * "Entrance" pairs, a sm Button) sit in the panel. Collapsed titles are
+ * `--role-muted` and grow to `type-h2` in `--primary12` when open. Rows
+ * print expanded, glyphs hidden.
+ */
+export declare function IndexRowDisclosure(props: IndexRowDisclosureProps): React.JSX.Element;
+/** Props for IndexRowsFooter: `div` props and `render`. */
+export type IndexRowsFooterProps = useRender.ComponentProps<'div'>;
+/**
+ * The module footer: a standalone `Link` ("See all ›", `type-label` caps
+ * with its `--role-glyph` chevron). Prints "Full list (short URL)" for lists
+ * of more than 10 rows (§7.6).
+ */
+export declare function IndexRowsFooter(props: IndexRowsFooterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export {};
+//# sourceMappingURL=IndexRows.d.ts.map

package/content/index-rows/IndexRows.d.ts.map

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

package/content/index-rows/IndexRows.js

@@ -0,0 +1,229 @@
+'use client';
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { useRender } from '@base-ui/react/use-render';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { cva } from 'class-variance-authority';
+import { CollapsiblePanel, DisclosureGlyph } from '../../disclosure/collapsible';
+import { Link } from '../../actions/link';
+import { cx, resolveClassName } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './index-rows.module.css';
+/*
+ * Ruled Index Rows (§12.11): many same-kind items, the default listing on
+ * reading pages. Composed from `section` + an `ol` (ranked) or `ul` of rows,
+ * each holding a heading link and meta; event rows expand with Collapsible
+ * (§10.13).
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: index-rows.module.css; CVA function `indexRows`.
+ * - Axes: `kind` → ranked | related | event | article; `primary`,
+ *   `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: none (`kind` is required); color axes: none.
+ * - Color fallback: inherits the scope.
+ * - States: the title Link (§9.3) owns hover and press;
+ *   `row:has(titleLink:focus-visible)` → the ring inside the rules;
+ *   `aria-current` on the row's link → `currentBar` (titles already sit at
+ *   --font-weight-6 or heavier, so the bar carries the change); on
+ *   event rows the Collapsible Trigger's `:hover` → the title in
+ *   --role-link-hover, color only [D181], and `data-panel-open` → glyph and
+ *   title color (and the type-h2 title), with the Panel's clip reveal from
+ *   §10.13.
+ * - Parts: base, header, list, row, key (with rank, date or thumb), rule
+ *   (the text column, which carries the row rule and the event column
+ *   rule), title, titleLink, count, meta, dek, currentBar (the rule's
+ *   ::before), trigger and glyph (event), details (the Collapsible Panel),
+ *   footer.
+ * - Scope: none.
+ * - Container: `base` (the listing wrapper) is the inline-size container,
+ *   unnamed (no inner part queries past it); the row layout queries it.
+ *   Baseline without support: date above title, horizontal rules only, with
+ *   viewport fallbacks of the date column from --md-n-above and the meta
+ *   column from --lg-n-above. Thresholds (§5.10.2): date key column 3/8
+ *   from 768; event key 3/12 and the article meta column from 1024 [D163].
+ */
+export const indexRows = cva(styles.base, {
+    variants: {
+        kind: {
+            ranked: styles.ranked,
+            related: styles.related,
+            event: styles.event,
+            article: styles.article,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+});
+const IndexRowsContext = React.createContext('article');
+IndexRowsContext.displayName = 'IndexRowsContext';
+/**
+ * The index module: an optional `IndexRowsHeader` (the §11.8 eyebrow and
+ * hairline, plus any Tabs), the `IndexRowsList` of `IndexRow`s and an
+ * optional `IndexRowsFooter` ("See all ›"). Rows are separated by rules,
+ * never boxed; numbers and dates use tabular figures.
+ */
+export function IndexRows(props) {
+    const { render, ref, className, kind, primary, secondary, ...rest } = props;
+    const scope = useScopeAttributes();
+    const element = useRender({
+        defaultTagName: 'section',
+        render,
+        ref,
+        props: mergeProps({
+            ...scope,
+            className: indexRows({ kind, primary, secondary, className }),
+        }, rest),
+    });
+    return React.createElement(IndexRowsContext.Provider, { value: kind }, element);
+}
+/**
+ * The module header slot: the §11.8 section header (eyebrow + `--role-hairline`
+ * rule) and, where needed, "Upcoming / Past" Tabs (§9.5). Stays with the
+ * first row in print.
+ */
+export function IndexRowsHeader(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'header',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.header, className) }, rest),
+    });
+}
+/** The rows: an `ol` for ranked lists, whose order means something; a `ul` otherwise. */
+export function IndexRowsList(props) {
+    const { render, ref, className, ...rest } = props;
+    const kind = React.useContext(IndexRowsContext);
+    return useRender({
+        defaultTagName: kind === 'ranked' ? 'ol' : 'ul',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.list, className) }, rest),
+    });
+}
+/**
+ * One row: an optional key column (`rank`, `date` or `thumb`) and the text
+ * column, which holds `IndexRowTitle` (or an event's `IndexRowDisclosure`),
+ * `IndexRowMeta` and `IndexRowDek`. The row rule runs from the text column
+ * to the module edge, never under the key column.
+ */
+export function IndexRow(props) {
+    const { render, ref, className, rank, date, thumb, children, ...rest } = props;
+    const key = rank != null ? (React.createElement("span", { className: `${styles.key} ${styles.rank}` }, rank)) : date != null ? (React.createElement("span", { className: `${styles.key} ${styles.date}` }, date)) : thumb != null ? (React.createElement("span", { className: `${styles.key} ${styles.thumb}` }, thumb)) : null;
+    return useRender({
+        defaultTagName: 'li',
+        render,
+        ref,
+        props: mergeProps({
+            className: cx(styles.row, className),
+            children: (React.createElement(React.Fragment, null,
+                key,
+                React.createElement("div", { className: styles.rule }, children))),
+        }, rest),
+    });
+}
+/**
+ * The row's title: `type-itemhead` for article and event rows,
+ * `type-body-ui` at `--font-weight-6` for ranked and related rows. Wrap an
+ * `IndexRowTitleLink` inside, and follow it with an `IndexRowCount` in
+ * ranked lists.
+ */
+export function IndexRowTitle(props) {
+    const { render, ref, className, ...rest } = props;
+    const kind = React.useContext(IndexRowsContext);
+    const own = kind === 'ranked' || kind === 'related' ? styles.titleUi : styles.title;
+    return useRender({
+        defaultTagName: 'h3',
+        render,
+        ref,
+        props: mergeProps({ className: cx(own, className) }, rest),
+    });
+}
+/**
+ * The row's one link, inside `IndexRowTitle`: a §9.3 title Link whose hit
+ * area stretches over the row. Pass `aria-current="page"` (or `"true"` for
+ * the active filter row) to mark the current row. `index` adds the visited ✓
+ * for long indexes.
+ */
+export function IndexRowTitleLink(props) {
+    const { className, ...rest } = props;
+    return React.createElement(Link, { ...rest, kind: "title", className: cx(styles.titleLink, className) });
+}
+/** The ranked label's count, "(29)": `type-body-ui` in `--role-muted`, after the title. */
+export function IndexRowCount(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'span',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.count, className) }, rest),
+    });
+}
+/**
+ * The meta line in `--role-muted`: `type-label` caps for article rows,
+ * `type-caption` otherwise. Past rows say "Past" here; never dim them. From
+ * 1024 px of container an article row's meta moves to a right-aligned column.
+ */
+export function IndexRowMeta(props) {
+    const { render, ref, className, ...rest } = props;
+    const kind = React.useContext(IndexRowsContext);
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(kind === 'article' ? styles.metaCaps : styles.meta, className) }, rest),
+    });
+}
+/** An optional one- or two-line dek under an article title: `type-body-ui` in `--primary12`. */
+export function IndexRowDek(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'p',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.dek, className) }, rest),
+    });
+}
+/**
+ * An expandable event row (§10.13): the title is the trigger, inside an
+ * `h3`, with the disclosure glyph; the details (body, "Host" /
+ * "Entrance" pairs, a sm Button) sit in the panel. Collapsed titles are
+ * `--role-muted` and grow to `type-h2` in `--primary12` when open. Rows
+ * print expanded, glyphs hidden.
+ */
+export function IndexRowDisclosure(props) {
+    const { title, meta, panelProps, className, children, ...rest } = props;
+    return (React.createElement(BaseCollapsible.Root, { ...rest, className: resolveClassName(className, (extra) => cx(styles.disclosure, extra)) },
+        React.createElement("h3", { className: styles.eventHeading },
+            React.createElement(BaseCollapsible.Trigger, { className: styles.trigger },
+                React.createElement("span", { className: styles.triggerLabel }, title),
+                React.createElement(DisclosureGlyph, { className: styles.glyph }))),
+        meta != null ? React.createElement("p", { className: styles.meta }, meta) : null,
+        React.createElement(CollapsiblePanel, { ...panelProps, className: withDetails(panelProps?.className) }, children)));
+}
+/**
+ * The module footer: a standalone `Link` ("See all ›", `type-label` caps
+ * with its `--role-glyph` chevron). Prints "Full list (short URL)" for lists
+ * of more than 10 rows (§7.6).
+ */
+export function IndexRowsFooter(props) {
+    const { render, ref, className, ...rest } = props;
+    return useRender({
+        defaultTagName: 'div',
+        render,
+        ref,
+        props: mergeProps({ className: cx(styles.footer, className) }, rest),
+    });
+}
+/** The details class first, then the consumer's (static or state-driven) class. */
+function withDetails(className) {
+    if (typeof className === 'function') {
+        const consumer = className;
+        return (state) => cx(styles.details, consumer(state));
+    }
+    return cx(styles.details, className);
+}
+//# sourceMappingURL=IndexRows.js.map

package/content/index-rows/IndexRows.js.map

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