@fairgarden/design 0.1.0-alpha.0

package/components/Timeline/Timeline.js.map

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

package/components/Timeline/index.d.ts

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

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

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

package/components/Timeline/index.js

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

package/components/Timeline/index.js.map

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

package/components/Timeline/timeline.module.css

@@ -0,0 +1,428 @@
+/*
+ * Timeline & Agenda (§12.14). The root `base` is the inline-size container
+ * `timeline`; the entry layout queries it. Parts: base, list, entry, end
+ * (the ongoing terminal row), dateKey, rail, marker (the box holding the
+ * shared utils/Ornament markers, each tagged markerOrigin, markerWaypoint,
+ * markerTerminal or markerCurrent; markerFixed when set by a prop), spineBox
+ * and spine (the dashed SVG line), body, title, titleLink
+ * (a title Link), text, caption, dateStack (dateMonth, dateDay,
+ * dateWeekday); agenda: day, dateHead, scope, session, sessionMarker,
+ * sessionBody, sessionTitle, meta, description. Colors are role variables
+ * only; local custom properties carry dimensions only:
+ *   --timeline-rail   the spine column's width (the marker box)
+ *   --timeline-gap    the gap either side of the spine column
+ */
+
+/* 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. */
+.dateKey {
+  composes: typeData from '../../utils/type.module.css';
+}
+
+.title {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.text {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+.caption {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.dateMonth {
+  composes: typeLabel from '../../utils/type.module.css';
+}
+
+.dateDay {
+  composes: typeStatCompact from '../../utils/type.module.css';
+}
+
+.dateWeekday {
+  composes: typeLabel from '../../utils/type.module.css';
+}
+
+.dateHead {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.scope {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.sessionTitle {
+  composes: typeItemhead from '../../utils/type.module.css';
+}
+
+.meta {
+  composes: typeCaption from '../../utils/type.module.css';
+}
+
+.description {
+  composes: typeBodyUi from '../../utils/type.module.css';
+}
+
+/* Path: --border-size-2, 5 on / 4 off, round caps [D66]; set on the SVG line. */
+.spine {
+  composes: lineDashed from '../../utils/line.module.css';
+}
+
+@layer base {
+  .base {
+    --timeline-rail: var(--size-px-3);
+    --timeline-gap: var(--size-px-3);
+
+    container: timeline / inline-size;
+    /* Size containment leaves no intrinsic width: fill the box, never collapse as a flex or shrink-to-fit item. */
+    inline-size: 100%;
+    min-inline-size: 0;
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  /* Baseline (§1.11.11): spine at the start margin, the date above the title. */
+  .entry,
+  .end {
+    position: relative; /* a stretched title link covers the entry */
+    display: grid;
+    grid-template-columns: var(--timeline-rail) minmax(0, 1fr);
+    grid-template-areas:
+      'rail key'
+      'rail body';
+    column-gap: var(--timeline-gap);
+  }
+
+  .dateKey {
+    grid-area: key;
+    min-inline-size: 0;
+    padding-block-end: var(--size-px-1);
+    color: var(--primary12);
+  }
+
+  .rail {
+    grid-area: rail;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-block-start: var(--size-px-1);
+  }
+
+  /* Markers (§4.7) in --primary12, centered in the rail's box; the shape is picked below.
+     Geometry, stroke and size come from the shared ornament utilities. */
+  .marker {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    inline-size: var(--timeline-rail);
+    block-size: var(--timeline-rail);
+    color: var(--primary12);
+  }
+
+  .marker .markerOrigin,
+  .marker .markerTerminal,
+  .marker .markerCurrent {
+    display: none;
+  }
+
+  /* The spine segment: it stops --size-px-1 before and after each marker, and its
+     dash phase restarts past it (§4.7.2). Straight; never scaled. */
+  .spineBox {
+    display: block;
+    flex: 1 1 auto;
+    inline-size: var(--border-size-2);
+    min-block-size: var(--size-px-3);
+    margin-block: var(--size-px-1);
+    overflow: visible;
+  }
+
+  .spine {
+    fill: none;
+    stroke: var(--role-accent);
+  }
+
+  .body {
+    grid-area: body;
+    min-inline-size: 0;
+    max-inline-size: var(--ds-measure-reading);
+    padding-block-end: var(--size-px-7);
+  }
+
+  .title {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .text {
+    margin: var(--size-px-2) 0 0;
+    color: var(--primary12);
+  }
+
+  .caption {
+    margin: var(--size-px-3) 0 0;
+    color: var(--primary12);
+  }
+
+  /* Viewport fallback: the key column from --md-n-above; 3 / gutter / 7 from --lg-n-above. */
+  @media (min-width: 768px) {
+    .entry,
+    .end {
+      grid-template-columns: minmax(0, 2fr) var(--timeline-rail) minmax(0, 6fr);
+      grid-template-areas: 'key rail body';
+    }
+
+    .dateKey {
+      padding-block-end: 0;
+      text-align: end;
+    }
+  }
+
+  @media (min-width: 1024px) {
+    .entry,
+    .end {
+      grid-template-columns: minmax(0, 3fr) var(--timeline-rail) minmax(0, 7fr) minmax(0, 2fr);
+      grid-template-areas: 'key rail body .';
+    }
+  }
+
+  /* Container (§5.10.2): dates above titles below 768 px; key 2/8 from 768; key 3, spine
+     in the gutter, entries 7 from 1024. */
+  @container timeline (width < 768px) {
+    .entry,
+    .end {
+      grid-template-columns: var(--timeline-rail) minmax(0, 1fr);
+      grid-template-areas:
+        'rail key'
+        'rail body';
+    }
+
+    .dateKey {
+      padding-block-end: var(--size-px-1);
+      text-align: start;
+    }
+  }
+
+  @container timeline (768px <= width < 1024px) {
+    .entry,
+    .end {
+      grid-template-columns: minmax(0, 2fr) var(--timeline-rail) minmax(0, 6fr);
+      grid-template-areas: 'key rail body';
+    }
+
+    .dateKey {
+      padding-block-end: 0;
+      text-align: end;
+    }
+  }
+
+  @container timeline (width >= 1024px) {
+    .entry,
+    .end {
+      grid-template-columns: minmax(0, 3fr) var(--timeline-rail) minmax(0, 7fr) minmax(0, 2fr);
+      grid-template-areas: 'key rail body .';
+    }
+
+    .dateKey {
+      padding-block-end: 0;
+      text-align: end;
+    }
+  }
+}
+
+@layer variants {
+  /* Trail: origin at the first entry, terminal at the last (past it when ongoing). */
+  .trail .entry:first-child .markerOrigin {
+    display: block;
+  }
+
+  .trail .entry:first-child .markerWaypoint {
+    display: none;
+  }
+
+  .trail .entry:last-child .markerTerminal {
+    display: block;
+  }
+
+  .trail .entry:last-child .markerWaypoint,
+  .trail .entry:last-child .markerOrigin {
+    display: none;
+  }
+
+  .trail .entry:last-child .spineBox {
+    display: none;
+  }
+
+  .ongoing .end .rail {
+    padding-block-start: 0;
+  }
+
+  /* Date block (Sofar Sounds): a fixed key column at every width, no spine. */
+  .dateBlock .rail {
+    display: none;
+  }
+
+  .dateBlock .entry {
+    grid-template-columns: var(--size-px-9) minmax(0, 1fr);
+    grid-template-areas: 'key body';
+  }
+
+  .dateBlock .dateKey {
+    padding-block-end: 0;
+    text-align: start;
+  }
+
+  .dateStack {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    color: var(--primary12);
+  }
+
+  .dateMonth,
+  .dateDay,
+  .dateWeekday {
+    color: var(--primary12);
+  }
+
+  /*
+   * Agenda (LTA): date head → scope caption → sessions, each led by the »
+   * marker. Rhythm: marker → 24 → title → 40 → description → 56 → next.
+   */
+  .day + .day {
+    margin-block-start: var(--ds-space-56);
+  }
+
+  .dateHead {
+    margin: 0;
+    color: var(--role-heading);
+  }
+
+  .scope {
+    margin: var(--size-px-2) 0 var(--size-px-5);
+    color: var(--primary12);
+  }
+
+  .agenda .list {
+    display: grid;
+    gap: var(--ds-space-56);
+  }
+
+  .session {
+    position: relative;
+    display: grid;
+    grid-template-columns: var(--ds-size-icon-block) minmax(0, 1fr);
+    column-gap: var(--size-px-5);
+    align-items: start;
+  }
+
+  .sessionMarker {
+    display: block;
+    inline-size: var(--ds-size-icon-block);
+    block-size: var(--ds-size-icon-block);
+    overflow: visible;
+    fill: none;
+    stroke: var(--role-accent);
+    stroke-width: var(--border-size-2);
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  .sessionBody {
+    min-inline-size: 0;
+    max-inline-size: var(--ds-measure-reading);
+  }
+
+  .sessionTitle {
+    margin: 0;
+    color: var(--primary12);
+  }
+
+  .meta {
+    margin: var(--size-px-1) 0 0;
+    color: var(--primary12);
+  }
+
+  .description {
+    margin: var(--ds-space-40) 0 0;
+    color: var(--primary12);
+  }
+}
+
+@layer states {
+  /* Current: the solid "now" dot alone; its dated label says the same in words [D58]. */
+  .current .markerCurrent {
+    display: block;
+  }
+
+  .current .markerOrigin,
+  .current .markerWaypoint,
+  .current .markerTerminal {
+    display: none;
+  }
+
+  /* Past and planned keep their waypoint X (or origin / terminal); words tell them apart. */
+  .past .markerCurrent,
+  .planned .markerCurrent {
+    display: none;
+  }
+
+  /* A marker set by the `marker` prop is the only shape rendered. */
+  .marker .markerFixed {
+    display: block;
+  }
+
+  /* A linked entry's ring sits around the entry, keyboard only [D45]. */
+  .entry .titleLink:focus-visible {
+    outline: none;
+  }
+
+  .entry:has(.titleLink:focus-visible) {
+    outline: var(--border-size-2) solid var(--primary12);
+    outline-offset: var(--border-size-2);
+  }
+}
+
+@layer print {
+  @media print {
+    /* Entries never split; the date column prints left; every marker prints black. */
+    .entry,
+    .end {
+      grid-template-columns: minmax(0, 2fr) var(--timeline-rail) minmax(0, 6fr);
+      grid-template-areas: 'key rail body';
+      break-inside: avoid;
+    }
+
+    .dateKey {
+      padding-block-end: 0;
+      text-align: end;
+    }
+
+    .dateBlock .entry {
+      grid-template-columns: var(--size-px-9) minmax(0, 1fr);
+      grid-template-areas: 'key body';
+    }
+
+    /* The spine prints like the trail: 0.75 pt with 3 / 2.5 pt dashes [D142]. */
+    .spine {
+      stroke-width: var(--ds-print-trail-stroke);
+      stroke-dasharray: var(--ds-print-trail-dash) var(--ds-print-trail-gap);
+      stroke-linecap: butt;
+    }
+
+    .dateHead {
+      break-after: avoid;
+    }
+
+    .session {
+      break-inside: avoid;
+    }
+  }
+}

package/components/Toast/Toast.d.ts

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { Toast as BaseToast } from '@base-ui/react/toast';
+import { type Status } from '../../utils/StatusGlyph';
+import { type PrimaryScale, type RadixScale } from '../../utils/scales';
+export declare const toast: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type ToastStatus = Status;
+/** An action cell's button props: its label (`children`, title case), `onClick`, `aria-busy` … */
+export type ToastAction = Omit<React.ComponentPropsWithoutRef<'button'>, 'className' | 'style'>;
+/** What the system keeps on each toast's `data`. */
+export interface ToastData {
+    actions?: ToastAction[];
+}
+/** Options for a toast. */
+export interface ToastOptions {
+    /** Reuse an id to replace a showing toast. */
+    id?: string;
+    /** The message's lead, in `type-body-ui` at --font-weight-6 ("3 items removed"). */
+    title?: React.ReactNode;
+    /** The rest of the message, in `type-body-ui`; up to 3 lines at base. */
+    description?: React.ReactNode;
+    /**
+     * `info` ○, `success` ●, `warning` ▲ or `danger` ◆, each with its inner
+     * mark in the status scale. Omitted: the neutral toast, no glyph.
+     * Warning and danger persist; danger is announced assertively.
+     */
+    status?: ToastStatus;
+    /**
+     * Action cells: full-height `type-button` text cells with title-case
+     * labels ("Undo", "View Order"). A toast with actions persists. While an
+     * action runs, update it with `aria-busy` and an "-ing…" label ("Undoing…").
+     */
+    actions?: ToastAction[];
+    /**
+     * Auto-dismiss time in ms for a neutral, info or success toast without
+     * actions: at least 6000 (--ds-duration-toast); `0` persists.
+     */
+    timeout?: number;
+    /** Called when the toast starts closing. */
+    onClose?: () => void;
+    /** Called when the toast has left the DOM. */
+    onRemove?: () => void;
+}
+type BaseToastObject = BaseToast.Root.ToastObject<ToastData>;
+/** The toast manager with the §10.17 rules applied. */
+export interface ToastManager {
+    /** The toasts, newest first. */
+    toasts: BaseToastObject[];
+    /** Shows a toast and returns its id. Only one shows at a time; the rest queue. */
+    add: (options: ToastOptions) => string;
+    /** Changes a toast, such as an action's busy label; persistence is recomputed. */
+    update: (id: string, options: Omit<Partial<ToastOptions>, 'id'>) => void;
+    /** Closes one toast, or all of them without an id. */
+    close: (id?: string) => void;
+}
+/**
+ * Adds, updates and closes toasts from inside a ToastProvider, with the
+ * §10.17 rules applied: warning, danger and action toasts persist, the
+ * rest stay at least 6 s, and danger is announced assertively.
+ */
+export declare function useToastManager(): ToastManager;
+/** Props for ToastProvider. */
+export interface ToastProviderProps {
+    children?: React.ReactNode;
+    /**
+     * Default auto-dismiss time in ms, at least 6000 (--ds-duration-toast).
+     * Timers pause on hover, on focus and while the tab is hidden.
+     */
+    timeout?: number;
+    /** A manager from `Toast.createToastManager()` in @base-ui/react, to add toasts from outside React. */
+    toastManager?: BaseToast.Provider.Props['toastManager'];
+    /** Primary Radix scale inside the bar's `white` scope. Omitted, the white preset's default [D133]. */
+    primary?: PrimaryScale;
+    /** Secondary Radix scale inside the bar. Omitted, the white preset's default. */
+    secondary?: RadixScale;
+    /** The bar region's accessible name. Default "Notifications". */
+    label?: string;
+    /** The element the bar's portal renders into. Default: `document.body`. */
+    container?: BaseToast.Portal.Props['container'];
+}
+/**
+ * Provides toasts to its children and renders the docked bar: full width
+ * at the bottom viewport edge on --layer-5, a `white` scope with a
+ * --border-size-2 --primary12 top rule, content aligned to
+ * --ds-container-content. One toast shows at a time; a queue count
+ * ("1 of 3") shows while more wait. The page reserves no space for it.
+ */
+export declare function ToastProvider(props: ToastProviderProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Toast.d.ts.map

package/components/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAKzD,OAAO,EAA2C,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAQ9F,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAmC3B,eAAO,MAAM,KAAK,oFAAmB,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG,MAAM,CAAA;AAKhC,kGAAkG;AAClG,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAA;AAE/F,oDAAoD;AACpD,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;CACxB;AAED,2BAA2B;AAC3B,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,oFAAoF;IACpF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,KAAK,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AAqC5D,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,kFAAkF;IAClF,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAA;IACtC,kFAAkF;IAClF,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;IACxE,sDAAsD;IACtD,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAa9C;AAED,+BAA+B;AAC/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uGAAuG;IACvG,YAAY,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IACvD,sGAAsG;IACtG,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,iFAAiF;IACjF,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,SAAS,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;CAChD;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAYtD"}