@fairgarden/design 0.1.0-alpha.0

package/components/SpecSheet/spec-sheet.module.css

@@ -0,0 +1,278 @@
+/*
+ * Spec Sheet (§12.7). CVA function `specSheet`. The densest module, with no
+ * ornament: only line semantics (§12.1 ornament budget). The grid and the
+ * leader list keep their own modules (spec-grid, spec-list), which own the
+ * cells, rules, labels, values and leaders (§1.11.1); this module lays out
+ * the sheet around them.
+ * Color roles (§12.7): identity names --primary12; heading --role-heading
+ * (a module head --primary12); lead and provenance --primary12 (a linked
+ * title is a Link, the body link's --role-accent underline); manual frame
+ * `line-double` in --primary12; form-box rules --role-rule. Colors are role
+ * variables only.
+ */
+
+/* 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. */
+.commonName {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.secondaryName {
+  composes: typeSecondaryName from '../../utils/type.module.css';
+}
+
+.heading {
+  composes: typeH2 from '../../utils/type.module.css';
+}
+
+.moduleHeading {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.lead {
+  composes: typeLead from '../../utils/type.module.css';
+}
+
+.provenance {
+  composes: typeSmall from '../../utils/type.module.css';
+}
+
+.frame {
+  composes: lineDouble from '../../utils/line.module.css';
+}
+
+@layer base {
+  /*
+   * The sheet: the inline-size container `spec-grid` (named: it may sit in
+   * a card or a split). Identity → heading → body, --size-px-5 apart.
+   */
+  .base {
+    container: spec-grid / inline-size;
+    display: grid;
+    gap: var(--size-px-5);
+    /* Size containment gives the sheet no intrinsic width, so it fills its box
+       rather than collapsing as a shrink-to-fit or flex item. */
+    inline-size: 100%;
+    min-inline-size: 0;
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  /* Identity block [D188]: the portrait beside the names (§12.15 author block); heads the reading column. */
+  .identity {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--size-px-3);
+  }
+
+  .portrait {
+    flex: none;
+  }
+
+  .names {
+    display: grid;
+    gap: var(--size-px-1);
+    min-inline-size: 0;
+  }
+
+  .commonName,
+  .secondaryName {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  /* Chapter-stack H2 in --role-heading; a module head in --primary12. */
+  .heading {
+    margin: 0;
+    color: var(--role-heading);
+  }
+
+  .moduleHeading {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  /*
+   * Body: a 12-track grid. Baseline: intro, sheet and figure stacked in
+   * source order (the split and the figure layout refine it).
+   */
+  .body {
+    display: grid;
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+    gap: var(--size-px-5) var(--ds-space-margin);
+    min-inline-size: 0;
+  }
+
+  .intro,
+  .sheet,
+  .figure {
+    grid-column: 1 / -1;
+    min-inline-size: 0;
+  }
+
+  /* Lead → provenance --ds-space-12 (§3.5 Recipe C). */
+  .intro {
+    display: grid;
+    align-content: start;
+    gap: var(--ds-space-12);
+  }
+
+  .lead,
+  .provenance {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .lead > :where(p) {
+    margin: 0;
+  }
+
+  .sheet {
+    display: grid;
+    align-content: start;
+    gap: var(--size-px-3);
+  }
+
+  .grid {
+    min-inline-size: 0;
+  }
+
+  .figure > :where(*) {
+    margin: 0;
+  }
+
+  /* "More Details": the Collapsible (§10.13) below the grid; its rows start --ds-space-12 under the trigger. */
+  .more {
+    min-inline-size: 0;
+  }
+
+  .moreTrigger {
+    justify-self: start;
+  }
+
+  .morePanel .grid {
+    margin-block-start: var(--ds-space-12);
+  }
+}
+
+@layer variants {
+  /* At a Glance: the lead is prose, held to the reading measure beside or above the grid. */
+  .glance .intro {
+    max-inline-size: var(--ds-measure-reading);
+  }
+
+  /* Leader list: one column, the value column aligned right, held to the reading measure. */
+  .kindLeader .sheet {
+    max-inline-size: var(--ds-measure-reading);
+  }
+
+  /* Manual page: the frame's parts stand --size-px-5 apart. */
+  .manual .sheet {
+    gap: var(--size-px-5);
+  }
+
+  /* Manual page: a `line-double` frame in --primary12, square, --size-px-5 padding. */
+  .frame {
+    padding: var(--size-px-5);
+    border-color: var(--primary12);
+    border-radius: var(--ds-radius-none);
+    outline-color: var(--primary12);
+  }
+
+  .frameContent {
+    display: grid;
+    gap: var(--size-px-5);
+    min-inline-size: 0;
+  }
+
+  /* Form box: a ruled box in --role-rule around the grid; the cells keep their small caps labels at the top left. */
+  .formBox .grid {
+    padding: var(--size-px-3);
+    border: var(--border-size-1) solid var(--role-rule);
+    border-radius: var(--ds-radius-none);
+  }
+
+  /*
+   * The sheet beside its figure (spec 5, figure 7): viewport fallback from
+   * --lg-n-above, then the sheet's own container from 1024 px [D163].
+   */
+  @media (min-width: 1024px) {
+    .figured .sheet {
+      grid-column: 1 / span 5;
+    }
+
+    .figured .figure {
+      grid-column: 6 / -1;
+    }
+  }
+
+  @container spec-grid (width < 1024px) {
+    .figured .sheet,
+    .figured .figure {
+      grid-column: 1 / -1;
+    }
+  }
+
+  @container spec-grid (width >= 1024px) {
+    .figured .sheet {
+      grid-column: 1 / span 5;
+    }
+
+    .figured .figure {
+      grid-column: 6 / -1;
+    }
+  }
+
+  /*
+   * At a Glance split [D188], a page-grid placement on the viewport: from
+   * --lg-n-above the lead and provenance take the first half of the reading
+   * span and the grid the second, a margin gutter between; the grid's own
+   * spec-grid container (≈ 350–450 px) keeps it 2-up. A figure then runs
+   * below, full width. Written after the figure layout, so it wins.
+   */
+  @media (min-width: 1024px) {
+    .split .intro {
+      grid-column: 1 / span 6;
+    }
+
+    .split .sheet {
+      grid-column: 7 / -1;
+    }
+
+    .split .figure {
+      grid-column: 1 / -1;
+    }
+  }
+}
+
+@layer print {
+  @media print {
+    /* Prints as on screen, stacked: the split and the figure layout drop (§7.12.4) [D188]. */
+    .intro,
+    .sheet,
+    .figure,
+    .figured .sheet,
+    .figured .figure,
+    .split .intro,
+    .split .sheet {
+      grid-column: 1 / -1;
+    }
+
+    .identity,
+    .intro {
+      break-inside: avoid;
+    }
+
+    /* The heading stays with the first rows. */
+    .heading,
+    .moduleHeading {
+      break-after: avoid;
+    }
+
+    .frame {
+      break-inside: auto;
+    }
+  }
+}

package/components/Stat/Stat.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const statBlock: (props?: ({
+    kind?: "inline" | "row" | "hero" | null | undefined;
+    compact?: 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 StatBlockVariants = VariantProps<typeof statBlock>;
+/** Props for StatBlock: the kind, compact and color axes, and the stats. */
+export type StatBlockProps = {
+    /**
+     * `row` (default): 1–4 rule-topped cells in a `dl`. `hero`: one numeral
+     * on the blob mount, centered, with a caption, once per page and only on
+     * light grounds and night (never forest or saturated grounds). `inline`:
+     * one numeral in running text with its qualifier.
+     */
+    kind?: StatBlockVariants['kind'];
+    /**
+     * Sets every figure in `type-stat-compact`. Default: on for four or more
+     * stats, at every width, so figures never change size as the row wraps.
+     */
+    compact?: boolean;
+    /**
+     * Primary Radix scale: every text and the cell rules. Never defaulted;
+     * omitted, it inherits the scope [D133].
+     */
+    primary?: StatBlockVariants['primary'];
+    /** Secondary Radix scale: only the hero's mount discs. Never defaulted. */
+    secondary?: StatBlockVariants['secondary'];
+    className?: string;
+    id?: string;
+    /** `Stat` elements: 1–4 in a row, exactly one in a hero or inline block. */
+    children?: React.ReactNode;
+};
+/**
+ * The stat block. Reflows on its own width (the `stat-row` container): 1-up
+ * below 360 px; four stats 2 × 2 until 4-up from 1024 px; three stats
+ * 3-up from 1024 (from 768 when every figure has ≤ 4 characters); two
+ * stats 2-up (1-up below 768 when a figure runs past 5 characters).
+ */
+export declare function StatBlock(props: StatBlockProps): React.JSX.Element;
+/** Props for Stat: the label, figure, unit, qualifier, delta and source of one stat. */
+export interface StatProps {
+    /** The caps label above the figure (`type-label`); author it in sentence case. */
+    label?: React.ReactNode;
+    /**
+     * The figure in lining tabular numerals, with locale separators and a
+     * stated rounding ("67,000,000", "15,000+", "≈ 2.4 M"). A currency symbol
+     * leads it at full size.
+     */
+    value: React.ReactNode;
+    /** The unit, set after a no-break space at roughly half the figure's size. */
+    unit?: React.ReactNode;
+    /** A qualifier ("per 1M docs") in `type-caption`; pass a `TooltipTrigger kind="term"` for a defined term. */
+    qualifier?: React.ReactNode;
+    /** The change as words: "12% since 2023". Drawn after a ▲ or ▼, never color alone. */
+    delta?: React.ReactNode;
+    /** The direction of `delta`: `up` ▲ or `down` ▼. */
+    deltaDirection?: 'up' | 'down';
+    /** The glyph's accessible name. Default "Up" or "Down". */
+    deltaLabel?: string;
+    /** The source: a note reference (§8.12), in `type-small`. */
+    source?: React.ReactNode;
+    className?: string;
+}
+/**
+ * One stat inside a `StatBlock`: label, figure with unit, qualifier, delta
+ * and source. Give every stat a label, a unit where one applies, and a
+ * source.
+ */
+export declare function Stat(props: StatProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Stat.d.ts.map

package/components/Stat/Stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.d.ts","sourceRoot":"","sources":["../../src/components/Stat/Stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAoCjE,eAAO,MAAM,SAAS;;;;;8EAkBpB,CAAA;AAEF,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAUvD,4EAA4E;AAC5E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACtC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAiD9C;AAED,wFAAwF;AACxF,MAAM,WAAW,SAAS;IACxB,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6GAA6G;IAC7G,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,sFAAsF;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2FpC"}

package/components/Stat/Stat.js

@@ -0,0 +1,159 @@
+'use client';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cx } from '../../utils/className';
+import { primaryScaleVariants, secondaryScaleVariants } from '../../utils/scales';
+import { useScopeAttributes } from '../../utils/scope';
+import styles from './stat.module.css';
+/*
+ * Stat block (§12.10; stat typography §8.8; column counts §5.10.2): one to
+ * four sourced headline numbers. The block is type and draws no chart; a
+ * series is a separate §8.7 figure.
+ *
+ * Implementation (CSS Modules + CVA)
+ * - Module: stat.module.css; CVA function `statBlock`.
+ * - Axes: `kind` → row | hero | inline; `compact` → `compact` (four or
+ *   more stats, §8.8; StatBlock sets it from the count); `primary`,
+ *   `secondary` → scales module classes.
+ * - Compound variants: none.
+ * - Defaults: kind row, compact false (set from the count); color axes
+ *   none [D133].
+ * - Color fallback: inherits the scope (the mount's discs take the
+ *   inherited secondary).
+ * - States: static. A defined term is a `TooltipTrigger kind="term"`
+ *   (§10.16) passed as the qualifier.
+ * - Parts: base, cell (its top border is the `rule`), label, numeral
+ *   (numeralCompact, numeralInline), unit (unitCompact), qualifier, delta,
+ *   deltaGlyph, source, mount, mountArt, mountFront, mountUnder, caption.
+ *   The derived layout classes countTwo, countThree, countFour, long (a
+ *   figure over 5 characters) and threeShort (three figures of ≤ 4
+ *   characters) come from the children.
+ * - Scope: none.
+ * - Container: `base` (the row) is the inline-size container `stat-row`.
+ *   Baseline without support: four stats 2 × 2 (1-up if a figure runs past
+ *   5 characters), never auto-fit; viewport fallbacks 1-up at
+ *   --xs-n-below, 4-up (three: 3-up) at --lg-n-above.
+ */
+export const statBlock = cva(styles.base, {
+    variants: {
+        kind: {
+            row: styles.row,
+            hero: styles.hero,
+            inline: styles.inline,
+        },
+        compact: {
+            true: styles.compact,
+        },
+        // Color axes: never defaulted, so an omitted prop inherits the scope [D133].
+        primary: primaryScaleVariants,
+        secondary: secondaryScaleVariants,
+    },
+    defaultVariants: {
+        kind: 'row',
+        compact: false,
+    },
+});
+const StatContext = React.createContext({ kind: 'row', compact: false });
+/**
+ * The stat block. Reflows on its own width (the `stat-row` container): 1-up
+ * below 360 px; four stats 2 × 2 until 4-up from 1024 px; three stats
+ * 3-up from 1024 (from 768 when every figure has ≤ 4 characters); two
+ * stats 2-up (1-up below 768 when a figure runs past 5 characters).
+ */
+export function StatBlock(props) {
+    const { kind, compact, primary, secondary, className, id, children } = props;
+    const scope = useScopeAttributes();
+    const resolvedKind = kind ?? 'row';
+    const stats = React.Children.toArray(children).filter((child) => React.isValidElement(child));
+    const count = stats.length;
+    const lengths = stats.map((stat) => figureLength(stat.props.value));
+    const resolvedCompact = compact ?? count >= 4;
+    const derived = resolvedKind === 'row'
+        ? [
+            count === 2 ? styles.countTwo : '',
+            count === 3 ? styles.countThree : '',
+            count >= 4 ? styles.countFour : '',
+            lengths.some((length) => length > 5) ? styles.long : '',
+            count === 3 && lengths.every((length) => length > 0 && length <= 4)
+                ? styles.threeShort
+                : '',
+        ]
+            .filter(Boolean)
+            .join(' ')
+        : '';
+    const context = React.useMemo(() => ({ kind: resolvedKind, compact: resolvedCompact }), [resolvedKind, resolvedCompact]);
+    const classes = statBlock({
+        kind,
+        compact: resolvedCompact,
+        primary,
+        secondary,
+        className: cx(derived, className),
+    });
+    const Element = resolvedKind === 'hero' ? 'figure' : resolvedKind === 'inline' ? 'span' : 'dl';
+    return (React.createElement(StatContext.Provider, { value: context },
+        React.createElement(Element, { ...scope, id: id, className: classes }, children)));
+}
+/**
+ * One stat inside a `StatBlock`: label, figure with unit, qualifier, delta
+ * and source. Give every stat a label, a unit where one applies, and a
+ * source.
+ */
+export function Stat(props) {
+    const { label, value, unit, qualifier, delta, deltaDirection = 'up', deltaLabel, source, className, } = props;
+    const { kind, compact } = React.useContext(StatContext);
+    const unitNode = unit == null ? null : (React.createElement("span", { className: compact ? styles.unitCompact : styles.unit },
+        ' ',
+        unit));
+    const deltaNode = delta == null ? null : (React.createElement(React.Fragment, null,
+        React.createElement("svg", { className: styles.deltaGlyph, viewBox: "0 0 16 16", role: "img", "aria-label": deltaLabel ?? (deltaDirection === 'down' ? 'Down' : 'Up'), focusable: "false" },
+            React.createElement("path", { d: deltaDirection === 'down' ? 'M8 13 2 3h12z' : 'M8 3l6 10H2z' })),
+        delta));
+    if (kind === 'inline') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: cx(styles.numeralInline, className) },
+                value,
+                unit == null ? null : ` `,
+                unit),
+            qualifier == null ? null : (React.createElement(React.Fragment, null,
+                ' ',
+                React.createElement("span", { className: styles.qualifier }, qualifier)))));
+    }
+    if (kind === 'hero') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: cx(styles.mount, className) },
+                React.createElement("svg", { className: styles.mountArt, viewBox: "0 0 142 140", "aria-hidden": "true", focusable: "false" },
+                    React.createElement("path", { className: styles.mountUnder, transform: "rotate(8 71 70)", d: UNDER_DISC }),
+                    React.createElement("path", { className: styles.mountFront, d: FRONT_DISC })),
+                React.createElement("p", { className: styles.numeral },
+                    value,
+                    unitNode)),
+            React.createElement("figcaption", { className: styles.caption },
+                label == null ? null : React.createElement("span", { className: styles.label }, label),
+                qualifier == null ? null : React.createElement("span", { className: styles.qualifier }, qualifier),
+                delta == null ? null : React.createElement("span", { className: styles.delta }, deltaNode),
+                source == null ? null : React.createElement("span", { className: styles.source }, source))));
+    }
+    return (React.createElement("div", { className: cx(styles.cell, className) },
+        label == null ? null : React.createElement("dt", { className: styles.label }, label),
+        React.createElement("dd", { className: compact ? styles.numeralCompact : styles.numeral },
+            value,
+            unitNode),
+        qualifier == null ? null : React.createElement("dd", { className: styles.qualifier }, qualifier),
+        delta == null ? null : React.createElement("dd", { className: styles.delta }, deltaNode),
+        source == null ? null : React.createElement("dd", { className: styles.source }, source)));
+}
+/*
+ * The blob mount (§6.6): an irregular hand-cut disc (asset geometry, about
+ * 136 × 130) and an under-disc about 4% larger, rotated 8°, that shows only
+ * thin crescents.
+ */
+const FRONT_DISC = 'M72 5C104 4 137 26 138 66C139 102 112 135 70 135C33 136 5 108 5 69C5 34 34 6 72 5Z';
+const UNDER_DISC = 'M72 2C106 1 140 24 141 66C142 104 114 139 70 139C31 140 2 111 2 69C2 32 32 3 72 2Z';
+/** Characters in a plain-text figure; 0 when the figure isn't plain text. */
+function figureLength(value) {
+    if (typeof value === 'string' || typeof value === 'number') {
+        return String(value).replace(/\s/g, '').length;
+    }
+    return 0;
+}
+//# sourceMappingURL=Stat.js.map

package/components/Stat/Stat.js.map

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

package/components/Stat/index.d.ts

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

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

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

package/components/Stat/index.js

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

package/components/Stat/index.js.map

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