@fairgarden/design 0.1.0-alpha.0

package/components/Figure/Figure.js

@@ -0,0 +1,122 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Ground } from '../Ground';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants, } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './figure.module.css';
+/*
+ * Figure (§8.5): `figure` + `figcaption`. The media, then the label
+ * ("Fig. 3"), the caption that says what to notice, and the credit in the
+ * same run. Text never sits on the image [D22].
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: figure.module.css; CVA function `figure`.
+ * - Axes: `kind` → photo | technical | plate (photo: `--ds-radius-8`,
+ *   caption below right-flush; technical: square, caption below
+ *   left-aligned with the label on its own line; plate: a specimen plate,
+ *   a nested `white` face with a `--border-size-1` `--role-edge` frame over
+ *   pattern-dotgrid-fine); `framed` → `framed` (technical figures: the
+ *   `--border-size-1` frame); `sideCaption` → `sideCaption` (the caption
+ *   in the adjacent column from 768 px of the figure); `primary`,
+ *   `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: kind photo, framed false, sideCaption false; color axes none
+ *   [D133].
+ * - Color fallback: inherits the scope; figures have no secondary part.
+ * - States: static.
+ * - Parts: base (`figure`, the container), media (plateMedia on plates),
+ *   caption (`figcaption`), label, text, credit.
+ * - Scope: the plate's media is a nested `kind="face"` Ground, preset
+ *   `white` (§8.5, §8.7) [D178]: a face that follows the page mode on a page
+ *   ground, a light island inside a field or the night band, written by
+ *   Ground from context [D149, D179]. Its frame is the face's --role-edge
+ *   (--primary10 on a page ground, --primary12 as an island), and a chart
+ *   on it keeps two inks. Other kinds name no scope.
+ * - Container: `base` (the `figure`) is an inline-size container: the side
+ *   caption moves beside the media from 768 px of it. Baseline without
+ *   support: caption below.
+ */
+export const figure = cva(styles.base, {
+    variants: {
+        kind: {
+            photo: styles.photo,
+            technical: styles.technical,
+            plate: styles.plate,
+        },
+        framed: {
+            true: styles.framed,
+        },
+        sideCaption: {
+            true: styles.sideCaption,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'photo',
+        framed: false,
+        sideCaption: false,
+    },
+});
+const FigureContext = React.createContext({
+    kind: 'photo',
+    primary: undefined,
+    secondary: undefined,
+});
+FigureContext.displayName = 'FigureContext';
+/**
+ * The figure. Put a `FigureMedia` and a `FigureCaption` inside. Every
+ * figure gets a caption or a credit, for print; figure and caption never
+ * separate across printed pages.
+ */
+export function Figure(props) {
+    const { kind, framed, sideCaption, primary, secondary, className, ...rest } = props;
+    const scope = useScopeAttributes();
+    const context = React.useMemo(() => ({
+        kind: kind ?? 'photo',
+        primary: (primary ?? undefined),
+        secondary: (secondary ?? undefined),
+    }), [kind, primary, secondary]);
+    return (React.createElement(FigureContext.Provider, { value: context },
+        React.createElement("figure", { ...rest, ...scope, className: figure({ kind, framed, sideCaption, primary, secondary, className }) })));
+}
+/**
+ * The media box: an `img`, `svg` or chart. Photos fill the column;
+ * technical figures keep their native width and never scale up [D78]. A
+ * decorative photo (empty `alt`) is left out of print. On a plate it is the
+ * nested `white` face, which takes the figure's `primary` and `secondary`.
+ */
+export function FigureMedia(props) {
+    const { className, ref, ...rest } = props;
+    const { kind, primary, secondary } = React.useContext(FigureContext);
+    if (kind === 'plate') {
+        return (React.createElement(Ground, { ...rest, ref: ref, kind: "face", preset: "white", primary: primary, secondary: secondary, render: React.createElement("div", null), className: cx(`${styles.media} ${styles.plateMedia}`, className) }));
+    }
+    return React.createElement("div", { ...rest, ref: ref, className: cx(styles.media, className) });
+}
+/**
+ * The caption: the label in `type-data`, the caption text (the children)
+ * in `type-caption` and the credit in `type-small`, all `--role-muted`.
+ * Number figures only where the text refers to them.
+ */
+export function FigureCaption(props) {
+    const { number, numbering = 'short', label, detail, credit, className, children, ...rest } = props;
+    const generated = number == null
+        ? null
+        : numbering === 'catalog'
+            ? `Figure ${String(number).padStart(3, '0')}`
+            : `Fig. ${number}`;
+    const labelText = label ?? generated;
+    return (React.createElement("figcaption", { ...rest, className: cx(styles.caption, className) },
+        labelText == null ? null : (React.createElement("span", { className: styles.label },
+            labelText,
+            detail ? ' (DETAIL)' : null)),
+        labelText != null && children != null ? ' ' : null,
+        children == null ? null : React.createElement("span", { className: styles.text }, children),
+        credit != null && (labelText != null || children != null) ? ' ' : null,
+        credit == null ? null : React.createElement("span", { className: styles.credit }, credit)));
+}
+//# sourceMappingURL=Figure.js.map

package/components/Figure/Figure.js.map

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

package/components/Figure/figure.module.css

@@ -0,0 +1,162 @@
+/*
+ * Figure (§8.5). CVA function `figure`. Color roles: caption, label and
+ * credit --role-muted; technical frames --role-rule; the plate, a nested
+ * white face Ground: its ground, its --role-edge frame (--primary10 on a
+ * page ground, --primary12 as an island) [D179] and pattern-dotgrid-fine in
+ * its --role-hairline (the plate modifier). No secondary part. Colors are
+ * role variables only.
+ *
+ * Layout: the `figure` is an inline-size container on a 12-track grid;
+ * media and caption span it, and the side caption takes the last three
+ * tracks from 768 px of it, after the media in source and visual order.
+ */
+
+/* Composition sits in top-level rules, outside the layers: Lightning CSS
+ * (Next.js with Turbopack) rejects `composes` inside @layer or any nesting.
+ * The composed classes keep their own layers. */
+.label {
+  composes: typeData typeMuted from '../../utils/type.module.css';
+}
+
+.text {
+  composes: typeCaption typeMuted from '../../utils/type.module.css';
+}
+
+.credit {
+  composes: typeSmall typeMuted from '../../utils/type.module.css';
+}
+
+.plateMedia {
+  composes: patternDotgridFine patternPlate from '../../utils/pattern.module.css';
+}
+
+@layer base {
+  .base {
+    container-type: inline-size;
+    display: grid;
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+    column-gap: var(--ds-space-margin);
+    row-gap: var(--size-px-2);
+    margin: 0;
+    min-inline-size: 0;
+  }
+
+  .media,
+  .caption {
+    grid-column: 1 / -1;
+    min-inline-size: 0;
+  }
+
+  .media {
+    margin: 0;
+  }
+
+  .media > img,
+  .media > svg,
+  .media > picture,
+  .media > video,
+  .media > canvas {
+    display: block;
+    max-inline-size: 100%;
+    block-size: auto;
+  }
+
+  /* The caption says what to notice; one run of label, text and credit. */
+  .caption {
+    margin: 0;
+    color: var(--role-muted);
+  }
+}
+
+@layer variants {
+  /* Editorial photo: --ds-radius-8 (square when it runs full-bleed); caption right-flush below. */
+  .photo .media {
+    border-radius: var(--ds-radius-conditional-8);
+    overflow: hidden;
+    overflow: clip;
+  }
+
+  .photo .media > img,
+  .photo .media > picture,
+  .photo .media > video {
+    inline-size: 100%;
+    object-fit: cover;
+  }
+
+  .photo .caption {
+    text-align: end;
+  }
+
+  /* Technical figure and plate: square, never bleeding, native width; caption left, label on its own line. */
+  .technical .media,
+  .plate .media {
+    border-radius: var(--ds-radius-none);
+  }
+
+  .technical .caption,
+  .plate .caption {
+    text-align: start;
+  }
+
+  .technical .label,
+  .plate .label {
+    display: block;
+  }
+
+  .framed .media {
+    border: var(--border-size-1) solid var(--role-rule);
+  }
+
+  /*
+   * Specimen plate: the nested white face (its Ground paints the fill) with
+   * a --border-size-1 frame in the face's --role-edge over the fine dot grid
+   * in --role-hairline; the face is its frame's fill [D12, D179].
+   */
+  .plate .plateMedia {
+    padding: var(--size-px-3);
+    border: var(--border-size-1) solid var(--role-edge);
+  }
+
+  /* Side caption, from 768 px of the figure: the adjacent column, top-aligned, beside the media. */
+  @container (width >= 768px) {
+    .sideCaption .media {
+      grid-column: 1 / span 9;
+    }
+
+    .sideCaption .caption {
+      grid-column: 10 / -1;
+      align-self: start;
+      text-align: start;
+    }
+
+    .sideCaption .label {
+      display: block;
+    }
+  }
+}
+
+@layer print {
+  @media print {
+    /* Figure and caption stay together (§8.5). */
+    .base {
+      break-inside: avoid;
+    }
+
+    /* Content photos: grayscale in a 0.75 pt frame, no taller than --ds-print-figure-max [D81]. */
+    .photo .media {
+      border: var(--border-size-1) solid var(--role-rule);
+      border-radius: var(--ds-radius-none);
+    }
+
+    .photo .media > img {
+      inline-size: auto;
+      max-block-size: var(--ds-print-figure-max);
+      filter: grayscale(1);
+    }
+
+    /* Decorative photos (empty alt) are left out. */
+    .media:has(> img[alt='']) {
+      display: none;
+    }
+  }
+}

package/components/Figure/index.d.ts

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

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

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

package/components/Figure/index.js

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

package/components/Figure/index.js.map

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

package/components/Footer/Footer.d.ts

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type BandPreset } from '../Ground';
+import { type IconName } from '../Icon';
+import type { SitemapSection } from '../../utils/navigation';
+/** The shared navigation data (utils/navigation), re-exported where it first lived. */
+export type { SitemapLink, SitemapSection } from '../../utils/navigation';
+export declare const footer: (props?: ({
+    kind?: "ruled" | "guide" | "minimal" | null | undefined;
+    signoff?: boolean | null | undefined;
+    newsletterColumn?: boolean | null | undefined;
+    collapsed?: boolean | 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 FooterVariants = Omit<VariantProps<typeof footer>, 'collapsed'>;
+/** One contact item: middle-dot separated in the contact line. */
+export interface FooterContactItem {
+    /** The caps label on the ruled grid's contact rows ("Email"). */
+    label?: string;
+    /** The text: an address, a number, an email. */
+    value: string;
+    /** A `mailto:`, `tel:` or page link, underlined at rest. */
+    href?: string;
+}
+/** One social link: an outline icon (20 px, custom SVG in `currentColor`) or a text link. */
+export interface FooterSocialLink {
+    label: string;
+    href: string;
+    icon?: React.ReactNode;
+}
+/** One legal link. */
+export interface FooterLegalLink {
+    label: string;
+    href: string;
+    current?: boolean;
+}
+/** Links from the page to its in-flow "Back to top" target (the skip-link target). */
+export interface FooterBackToTop {
+    /** The target, e.g. "#main". Focus moves there. */
+    href: string;
+    /** Default "Back to top". */
+    label?: string;
+}
+type HeadingLevel = 2 | 3;
+interface FooterCommonProps extends Omit<React.ComponentPropsWithRef<'footer'>, 'children'> {
+    /**
+     * The footer's band: `night` (default for `guide`, slate × green, amber
+     * action), or a page ground (default `paper` for `ruled` and `minimal`).
+     * Never a field [D177].
+     */
+    preset?: BandPreset;
+    /** The logo link or wordmark, at the head of the brand column. */
+    brand?: React.ReactNode;
+    /** The action blocks: `FooterBlock`s (icon → heading → body → action). */
+    blocks?: React.ReactNode;
+    /**
+     * The sitemap: the shared navigation data (utils/navigation), one group
+     * per top-level section, headed by its label and linked to its `href`
+     * [D187]. Each group lists the section's `links`; the mega panels' third
+     * tier (a link's own `links`) stays in the panels.
+     */
+    sitemap?: readonly SitemapSection[];
+    /** The sitemap's accessible name. Default "Site". */
+    sitemapLabel?: string;
+    /** The postal address: mixed case, unlabeled lines (one per line). */
+    address?: React.ReactNode;
+    /** The contact line, middle-dot separated; links underlined at rest. */
+    contact?: readonly FooterContactItem[];
+    /** Social links, outline icons or text. */
+    social?: readonly FooterSocialLink[];
+    /** The legal links, beside the ©. */
+    legal?: readonly FooterLegalLink[];
+    /** The © line, e.g. "© 2026 FairGarden". */
+    copyright?: React.ReactNode;
+    /**
+     * The colophon, `type-small` (dates and versions in `<data>` or `<time>`):
+     * "Set in Fraunces, Source Serif 4, Figtree and IBM Plex Mono. Last
+     * updated 22 Sept 2026."
+     */
+    colophon?: React.ReactNode;
+    /** The organization's name, first in the printed imprint. */
+    organization?: React.ReactNode;
+    /** An in-flow "Back to top" link; never fixed. */
+    backToTop?: FooterBackToTop;
+    /** A straddle Newsletter (`kind="straddle"`) across the footer's top seam. */
+    straddle?: React.ReactNode;
+    /** Heading level of the block and group headings. Default `2`. */
+    headingLevel?: HeadingLevel;
+    /** The locale of the printed "Printed on" date. Default `en-GB`. */
+    locale?: string;
+    /** Primary Radix scale: text, rules, rings. Never defaulted; omitted, it inherits the Ground [D133]. */
+    primary?: FooterVariants['primary'];
+    /** Secondary Radix scale: icons, chevrons, contact underlines, link hover. Never defaulted. */
+    secondary?: FooterVariants['secondary'];
+}
+interface FooterGuideProps extends FooterCommonProps {
+    /**
+     * `guide` (default): the field-guide footer on the night band: action
+     * blocks → sitemap → contact → legal → colophon. `ruled`: a page ground
+     * opened by the chrome rule, a full-bleed cell grid of caps links and
+     * contact rows. `minimal`: a top rule, the logo, one link line, the legal
+     * row and the colophon.
+     */
+    kind?: 'guide';
+    /**
+     * The sitemap in columns 1–7 and the inline newsletter in 8–12 behind a
+     * vertical rule, from `--lg-n-above` [D187]. Default `false`.
+     */
+    newsletterColumn?: boolean;
+    /** The inline Newsletter for the newsletter column. */
+    newsletter?: React.ReactNode;
+    /** The newsletter's short URL, printed in the imprint: "Newsletter (example.org/newsletter)". */
+    newsletterUrl?: string;
+    /** A large wordmark in the tint, cropped by the band's bottom edge. Default `false`. */
+    signoff?: boolean;
+    /** The sign-off wordmark's text (decorative; the brand is named elsewhere). */
+    wordmark?: string;
+}
+interface FooterPageGroundProps extends FooterCommonProps {
+    kind: 'ruled' | 'minimal';
+    newsletterColumn?: never;
+    newsletter?: never;
+    newsletterUrl?: never;
+    signoff?: never;
+    wordmark?: never;
+}
+/** Props for Footer: `footer` props, the kind and its options, the parts' content and the color axes. */
+export type FooterProps = FooterGuideProps | FooterPageGroundProps;
+/**
+ * The footer. In print only the imprint prints (organization, address,
+ * contact written out, the print date, ©, colophon at 8–8.5 pt); the
+ * sitemap, social links, buttons, forms, sign-off and back-to-top drop.
+ */
+export declare function Footer(props: FooterProps): React.JSX.Element;
+/** Props for FooterBlock: `section` props, the icon, heading, body and action. */
+export type FooterBlockProps = Omit<React.ComponentPropsWithRef<'section'>, 'children'> & {
+    /**
+     * The block-tier icon (36 px, FILL 0): an inventory name, or a subject
+     * symbol's SVG element in `currentColor`. It takes `--role-accent`.
+     */
+    icon?: IconName | React.ReactElement;
+    /** The heading, `type-itemhead` (an item head, not a section head). */
+    heading: React.ReactNode;
+    /** The heading level. Default `2`. */
+    headingLevel?: HeadingLevel;
+    /** The body, `type-body-ui`. */
+    children?: React.ReactNode;
+    /** The action: a §9.2 Button, links or the §11.11 inline form. */
+    action?: React.ReactNode;
+};
+/** An action block: icon → heading (--size-px-3) → body (--size-px-7) → action (--size-px-7). */
+export declare function FooterBlock(props: FooterBlockProps): React.JSX.Element;
+//# sourceMappingURL=Footer.d.ts.map

package/components/Footer/Footer.d.ts.map

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