@fairgarden/design 0.1.0-alpha.0

package/components/Hero/index.d.ts

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

package/components/Hero/index.d.ts.map

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

package/components/Hero/index.js

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

package/components/Hero/index.js.map

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

package/components/Icon/Icon.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type IconName, type IconTier } from '../../icons/paths';
+export type { IconName, IconTier };
+/**
+ * Icon classes (§6.10) [D166]. `size` is the Material Symbols tier:
+ * `inline` 16 px (`--size-px-3`), `tag` 20 px (`--size-px-4`), `block` 36 px
+ * (`--ds-size-icon-block`). The icon has no color axes: it is filled in
+ * `currentColor` and takes its part's ink role.
+ */
+export declare const icon: (props?: ({
+    size?: "inline" | "block" | "tag" | null | undefined;
+    directional?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Which weight instance an icon draws (§10.1 icon states) [D166]:
+ * - `rest`: the tier's calibrated weight;
+ * - `emphasis`: the next stroke tier's weight at the same size, pinned;
+ * - `interactive`: rest, swapping to emphasis while an `iconHost` ancestor
+ *   is hovered or pressed.
+ */
+export type IconWeightState = 'rest' | 'emphasis' | 'interactive';
+/** Props for Icon: SVG props (without `children`, `color`, `fill` and `size`), the size tier, the name and the weight state. */
+export type IconProps = Omit<React.ComponentPropsWithRef<'svg'>, 'children' | 'color' | 'fill' | 'size'> & VariantProps<typeof icon> & {
+    /** The §6.10 inventory name (Material Symbols Rounded). */
+    name: IconName;
+    /**
+     * Accessible name. Omit it for an icon beside a visible label or inside
+     * a named control: the icon is then hidden from assistive technology.
+     */
+    label?: string;
+    /**
+     * `rest` (default) draws the tier's calibrated weight. `emphasis` pins
+     * the next stroke tier's weight at the same size, as the weight-change
+     * cue of a pressed or selected state. `interactive` draws rest and swaps
+     * to emphasis while an ancestor carrying `iconHost` is hovered or
+     * pressed; it ships both paths, so use it only inside such a host.
+     */
+    weight?: IconWeightState;
+};
+/**
+ * A Material Symbols Rounded UI icon, drawn as inline SVG in `currentColor`
+ * (FILL 0) at its tier's calibrated weight. The one FILL 1 instance,
+ * `circle`, is a selection mark only and must always travel with a second
+ * cue (a bar, a weight change, an edge change or a word): state is never
+ * shown by fill alone [D166].
+ */
+export declare function Icon({ name, label, size, directional, weight, className, ...rest }: IconProps): React.JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAIL,KAAK,QAAQ,EACb,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAA;AAI1B,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;AAElC;;;;;GAKG;AACH,eAAO,MAAM,IAAI;;;8EAef,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAA;AASjE,gIAAgI;AAChI,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAClC,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CACvC,GACC,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC1B,2DAA2D;IAC3D,IAAI,EAAE,QAAQ,CAAA;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB,CAAA;AAEH;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAe,EACf,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,qBA6BX"}

package/components/Icon/Icon.js

@@ -0,0 +1,54 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { iconPathsByWeight, iconTierWeights, iconViewBox, } from '../../icons/paths';
+import styles from './icon.module.css';
+/**
+ * Icon classes (§6.10) [D166]. `size` is the Material Symbols tier:
+ * `inline` 16 px (`--size-px-3`), `tag` 20 px (`--size-px-4`), `block` 36 px
+ * (`--ds-size-icon-block`). The icon has no color axes: it is filled in
+ * `currentColor` and takes its part's ink role.
+ */
+export const icon = cva(styles.base, {
+    variants: {
+        size: {
+            inline: styles.inline,
+            tag: styles.tag,
+            block: styles.block,
+        },
+        directional: {
+            true: styles.directional,
+        },
+    },
+    defaultVariants: {
+        size: 'inline',
+        directional: false,
+    },
+});
+/** Glyphs that point along the inline axis, mirrored in right-to-left layouts (§6.10). */
+const directionalIcons = new Set([
+    'arrow_forward',
+    'chevron_left',
+    'chevron_right',
+]);
+/**
+ * A Material Symbols Rounded UI icon, drawn as inline SVG in `currentColor`
+ * (FILL 0) at its tier's calibrated weight. The one FILL 1 instance,
+ * `circle`, is a selection mark only and must always travel with a second
+ * cue (a bar, a weight change, an edge change or a word): state is never
+ * shown by fill alone [D166].
+ */
+export function Icon({ name, label, size, directional, weight = 'rest', className, ...rest }) {
+    const a11y = label
+        ? { role: 'img', 'aria-label': label }
+        : { 'aria-hidden': true };
+    const weights = iconTierWeights[size ?? 'inline'];
+    return (React.createElement("svg", { viewBox: iconViewBox, fill: "currentColor", focusable: "false", ...a11y, ...rest, className: icon({
+            size,
+            directional: directional ?? directionalIcons.has(name),
+            className,
+        }) }, weight === 'interactive' ? (React.createElement(React.Fragment, null,
+        React.createElement("path", { className: styles.rest, d: iconPathsByWeight[weights.rest][name] }),
+        React.createElement("path", { className: styles.emphasis, d: iconPathsByWeight[weights.emphasis][name] }))) : (React.createElement("path", { d: iconPathsByWeight[weights[weight]][name] }))));
+}
+//# sourceMappingURL=Icon.js.map

package/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,WAAW,GAGZ,MAAM,mBAAmB,CAAA;AAE1B,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;IACnC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB;QACD,WAAW,EAAE;YACX,IAAI,EAAE,MAAM,CAAC,WAAW;SACzB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACnB;CACF,CAAC,CAAA;AAWF,0FAA0F;AAC1F,MAAM,gBAAgB,GAA0B,IAAI,GAAG,CAAW;IAChE,eAAe;IACf,cAAc;IACd,eAAe;CAChB,CAAC,CAAA;AAyBF;;;;;;GAMG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,GAAG,MAAM,EACf,SAAS,EACT,GAAG,IAAI,EACG;IACV,MAAM,IAAI,GAAG,KAAK;QAChB,CAAC,CAAE,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAY;QACjD,CAAC,CAAE,EAAE,aAAa,EAAE,IAAI,EAAY,CAAA;IACtC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAA;IAEjD,OAAO,CACL,6BACE,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,OAAO,KACb,IAAI,KACJ,IAAI,EACR,SAAS,EAAE,IAAI,CAAC;YACd,IAAI;YACJ,WAAW,EAAE,WAAW,IAAI,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;YACtD,SAAS;SACV,CAAC,IAED,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,CAC1B;QACE,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAI,CACjF,CACJ,CAAC,CAAC,CAAC,CACF,8BAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAI,CACtD,CACG,CACP,CAAA;AACH,CAAC"}

package/components/Icon/icon.module.css

@@ -0,0 +1,69 @@
+/*
+ * Icon (§6.10, §1.5.12) [D166]. One Material Symbols Rounded instance per
+ * icon and weight, filled in currentColor, so it takes its part's ink role,
+ * follows the mode with no selector and prints black (12 / 15 / 27 pt = the
+ * px sizes at 0.75 pt per px, so no print rule is needed). The icon carries
+ * no color, mode or grade of its own, and never scales between tiers.
+ *
+ * Weight (§10.1 icon states). Each tier draws its calibrated rest weight;
+ * the emphasis instance is the next stroke tier's weight at the same size
+ * and optical size, never a larger glyph. An icon with
+ * weight="interactive" carries both paths and swaps to emphasis while its
+ * host is hovered or pressed. The host opts in by composing `iconHost` in a
+ * top-level rule (Lightning CSS rejects nested composes):
+ *   .base { composes: iconHost from '../Icon/icon.module.css'; }
+ * or, from JS, by adding the exported `iconHost` class. Disabled and busy
+ * hosts keep the rest weight; focus rings the host, never the glyph.
+ */
+@layer base {
+  .base {
+    display: inline-block;
+    flex: none;
+    inline-size: var(--icon-size);
+    block-size: var(--icon-size);
+    fill: currentColor;
+    vertical-align: middle;
+  }
+
+  /* An interactive icon's emphasis path waits for its host. */
+  .emphasis {
+    display: none;
+  }
+}
+
+@layer variants {
+  /* Tiers (§6.10): inline 16, tag 20, block 36. */
+  .inline {
+    --icon-size: var(--size-px-3);
+  }
+
+  .tag {
+    --icon-size: var(--size-px-4);
+  }
+
+  .block {
+    --icon-size: var(--ds-size-icon-block);
+  }
+
+  /* Directional glyphs mirror in right-to-left layouts (§6.10, §1.3.6). */
+  .directional:dir(rtl) {
+    scale: -1 1;
+  }
+}
+
+@layer states {
+  /*
+   * Hover (not disabled, not busy) and press (:active, or data-pressed where
+   * Base UI sets it): the emphasis instance replaces the rest one. The press
+   * colors (the inverse pair) belong to the host [D84].
+   */
+  .iconHost:not([data-disabled], :disabled, [aria-busy='true']):is(:hover, :active, [data-pressed])
+    .rest {
+    display: none;
+  }
+
+  .iconHost:not([data-disabled], :disabled, [aria-busy='true']):is(:hover, :active, [data-pressed])
+    .emphasis {
+    display: inline;
+  }
+}

package/components/Icon/iconHost.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The host class for `weight="interactive"` icons (§10.1 icon states). Add it
+ * to the element whose hover or press swaps the icon to its emphasis weight
+ * (a button, a cell, a link), or compose it in the host's module:
+ * `composes: iconHost from '../Icon/icon.module.css'`. Kept out of the
+ * client module, so a server component reads the class name itself.
+ */
+export declare const iconHost: string;
+//# sourceMappingURL=iconHost.d.ts.map

package/components/Icon/iconHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconHost.d.ts","sourceRoot":"","sources":["../../src/components/Icon/iconHost.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,MAAwB,CAAA"}

package/components/Icon/iconHost.js

@@ -0,0 +1,10 @@
+import styles from './icon.module.css';
+/**
+ * The host class for `weight="interactive"` icons (§10.1 icon states). Add it
+ * to the element whose hover or press swaps the icon to its emphasis weight
+ * (a button, a cell, a link), or compose it in the host's module:
+ * `composes: iconHost from '../Icon/icon.module.css'`. Kept out of the
+ * client module, so a server component reads the class name itself.
+ */
+export const iconHost = styles.iconHost;
+//# sourceMappingURL=iconHost.js.map

package/components/Icon/iconHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconHost.js","sourceRoot":"","sources":["../../src/components/Icon/iconHost.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAW,MAAM,CAAC,QAAQ,CAAA"}

package/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Icon';
+export * from './iconHost';
+//# sourceMappingURL=index.d.ts.map

package/components/Icon/index.d.ts.map

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

package/components/Icon/index.js

@@ -0,0 +1,3 @@
+export * from './Icon';
+export * from './iconHost';
+//# sourceMappingURL=index.js.map

package/components/Icon/index.js.map

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

package/components/IndexRows/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 '../Collapsible';
+import { type LinkProps } from '../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), `--ds-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 LTA 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/components/IndexRows/IndexRows.d.ts.map

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

package/components/IndexRows/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 '../Collapsible';
+import { Link } from '../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 LTA 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/components/IndexRows/IndexRows.js.map

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