@crewlethq/ui 0.23.0 → 0.25.0

package/dist/PresenterView/PresenterView.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+export interface PresenterViewLabels {
+    current: (position: number, total: number, title: string) => string;
+    next: (title: string) => string;
+    end: string;
+    notes: string;
+    noNotes: string;
+    timer: string;
+    pause: string;
+    resume: string;
+    reset: string;
+    previous: string;
+    forward: string;
+    position: (position: number, total: number) => string;
+}
+export interface PresenterViewProps {
+    /** The slide on the audience's screen, drawn at its own size. */
+    current: ReactNode;
+    currentTitle: string;
+    /** The slide after it; null at the end of the deck. */
+    next: ReactNode | null;
+    nextTitle?: string | undefined;
+    notes: string;
+    /** One-based. */
+    position: number;
+    total: number;
+    onNext: () => void;
+    onPrevious: () => void;
+    /** The clock the timer reads, for a test; the browser's otherwise. */
+    now?: (() => number) | undefined;
+    className?: string | undefined;
+    labels?: Partial<PresenterViewLabels> | undefined;
+}
+/**
+ * `ms` as a stopwatch reads, m:ss or h:mm:ss past an hour: glanceable at the
+ * lectern, where RelativeTime's "4m 20s" would change width every second.
+ */
+export declare function formatStopwatch(ms: number): string;
+/**
+ * The presenter's own screen: the slide the room sees, the one after it, the
+ * speaker notes large enough to read at a glance, how long the talk has run,
+ * and the controls that move the show.
+ *
+ * A SEPARATE SCREEN FROM THE AUDIENCE'S. The host draws this in its own
+ * window and the slide itself full screen elsewhere; both follow one position,
+ * so pressing next here moves the room.
+ *
+ * THE TIMER COUNTS FROM WHEN THE VIEW OPENED and can be paused and reset. It
+ * is the presenter's, kept by no one else, and it is not announced every
+ * second: it is marked as a timer, which screen readers leave quiet.
+ */
+export declare function PresenterView({ current, currentTitle, next, nextTitle, notes, position, total, onNext, onPrevious, now, className, labels, }: PresenterViewProps): import("react").JSX.Element;

package/dist/PresenterView/index.d.ts

@@ -0,0 +1,3 @@
+import './PresenterView.css';
+export { PresenterView, formatStopwatch } from './PresenterView.js';
+export type { PresenterViewLabels, PresenterViewProps } from './PresenterView.js';

package/dist/PresenterView/index.js

@@ -0,0 +1,8 @@
+export { PresenterView, formatStopwatch } from '../chunk-HONZQ4UR.js';
+import '../chunk-KNLJL3VP.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-4FQT6ZAY.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/PresenterView-T2C6ZZ3N.css

@@ -0,0 +1,103 @@
+/*
+ * PresenterView: the presenter's own screen beside the room's.
+ *
+ * The notes take the space a glance needs: a large, readable size and their
+ * own scroll, so a long note never pushes the next slide or the timer away.
+ */
+
+.crewlet-presenter {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(16rem, 1fr);
+  gap: var(--spacing-4);
+  height: 100%;
+  min-height: 0;
+  padding: var(--spacing-4);
+  background: var(--color-surface-background);
+  color: var(--color-text-primary);
+}
+
+.crewlet-presenter__main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  min-height: 0;
+}
+
+.crewlet-presenter__main .crewlet-slide-stage {
+  flex: 1;
+  min-height: 0;
+  border-radius: var(--radius-md);
+}
+
+.crewlet-presenter__controls {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-3);
+}
+
+.crewlet-presenter__position {
+  color: var(--color-text-secondary);
+  font-variant-numeric: tabular-nums;
+}
+
+.crewlet-presenter__side {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  min-height: 0;
+}
+
+.crewlet-presenter__next .crewlet-slide-stage {
+  border-radius: var(--radius-sm);
+  outline: 1px solid var(--color-border-default);
+}
+
+.crewlet-presenter__end {
+  margin: 0;
+  padding: var(--spacing-6) var(--spacing-3);
+  border: 1px dashed var(--color-border-default);
+  border-radius: var(--radius-sm);
+  color: var(--color-text-tertiary);
+  text-align: center;
+}
+
+.crewlet-presenter__timer {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+}
+
+.crewlet-presenter__elapsed {
+  margin-right: auto;
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-2xl);
+  font-variant-numeric: tabular-nums;
+}
+
+.crewlet-presenter__notes {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: var(--spacing-3);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  font-size: var(--font-size-lg);
+  line-height: 1.5;
+  white-space: pre-wrap;
+}
+
+.crewlet-presenter__notes p {
+  margin: 0;
+}
+
+.crewlet-presenter__empty {
+  color: var(--color-text-tertiary);
+}
+
+@media (max-width: 48rem) {
+  .crewlet-presenter {
+    grid-template-columns: minmax(0, 1fr);
+    height: auto;
+  }
+}

package/dist/Section/index.js

@@ -1,3 +1,3 @@
-export { Section } from '../chunk-A2UXBCLO.js';
+export { Section } from '../chunk-FAQGGX2Z.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Section-QRUPRIQ2.css → Section-QR3ILQVK.css}

@@ -61,7 +61,10 @@
   line-height: var(--font-line-height-normal);
   letter-spacing: var(--font-letter-spacing-tight);
   color: var(--color-text-primary);
-  min-width: 0;
+  /* THE TITLE NEVER WRAPS to make room for its hint: the hint is the one that
+     gives way (truncated beside it, or under it on a narrow screen). */
+  flex: none;
+  white-space: nowrap;
 }
 
 /*

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -15,7 +15,24 @@ export interface SegmentedOption<T extends string = string> {
     icon?: ReactNode;
     title?: string;
     count?: number | null;
+    /**
+     * The count is a FLOOR: the page it was counted on stopped with more behind
+     * it, so it is drawn "50+" and never as an exact figure.
+     */
+    capped?: boolean | undefined;
+    /**
+     * The option cannot be chosen. A press, and an arrow under automatic
+     * activation, never choose it.
+     */
     disabled?: boolean;
+    /**
+     * The id of the element that says WHY a disabled option cannot be chosen.
+     * With one, the option stays FOCUSABLE and in the arrows' path
+     * (`aria-disabled` rather than `disabled`), so a reader can land on it and
+     * hear the reason; a natively disabled button is skipped silently. Without
+     * one, a disabled option is stepped over as before.
+     */
+    describedBy?: string | undefined;
     /**
      * A second line under the label. With one, the options are drawn as card
      * rows rather than chips, for a choice a reader has to read before making.

package/dist/SegmentedControl/index.js

@@ -1,7 +1,7 @@
-import '../chunk-M54K52ZU.js';
-export { SegmentedControl } from '../chunk-7QL2OFP6.js';
-import '../chunk-XJFOOXCF.js';
-import '../chunk-CBOICT64.js';
+import '../chunk-FQCLKD7U.js';
+export { SegmentedControl } from '../chunk-RCQXUT5K.js';
+import '../chunk-HJEVSQN6.js';
+import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SegmentedControl-PKBLJVSA.css → SegmentedControl-FLI45IOW.css}

@@ -176,3 +176,16 @@
   justify-content: center;
   min-width: 0;
 }
+
+/*
+ * A PILL ROW WRAPS RATHER THAN OVERFLOWING ITS CONTAINER. Its options never
+ * shrink (a label cut mid-word is not a choice anybody can read), so on one
+ * unbroken row a group wider than its container ran past its edge: on a phone
+ * a chart's "Split by" row ended at "Worke", clipped by its card. Wrapped,
+ * every option stays visible and inside the focus ring's room.
+ */
+.crewlet-tabs--pill.crewlet-segmented {
+  flex-wrap: wrap;
+  min-width: 0;
+  max-width: 100%;
+}

package/dist/ShareDialog/index.js

@@ -1,10 +1,10 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-XMGB3ZAT.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-URUGEAFB.js';
 import '../chunk-FC4YTTFJ.js';
+import '../chunk-F4DPAJCN.js';
+import '../chunk-F73MC7EZ.js';
 import '../chunk-W46LPU4R.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-F4DPAJCN.js';
-import '../chunk-F73MC7EZ.js';
 import '../chunk-SVSCLHHI.js';
 import '../chunk-4KP4RC3O.js';
 import '../chunk-UAN5NE7M.js';

package/dist/SheetGrid/SheetGrid.d.ts

@@ -67,12 +67,34 @@ export interface SheetGridProps {
     /** Where the host's writes stand, for the sync strip. No strip without it. */
     sync?: SheetSyncState | undefined;
     onRetry?: (() => void) | undefined;
-    /** The scroller's height in px. Without it the grid takes the height its container gives it. */
+    /**
+     * The scroller's height in px. Without it the grid takes the height its
+     * container gives it. With `fit="content"` it is the MOST the grid takes.
+     */
     height?: number | undefined;
+    /**
+     * `container` (the default) fills the height its container gives it.
+     * `content` is as tall as its rows, up to `height` (or the
+     * `--crewlet-sheet-max-height` the page sets, 70% of the viewport by
+     * default), so twelve rows draw no empty bordered slab under the last one
+     * and Add row sits right under them.
+     */
+    fit?: 'container' | 'content' | undefined;
+    /**
+     * Shows the row actions menu on a row's number (the active row, a hovered
+     * one, and Shift+F10 from any of its cells) with Delete row. The grid only
+     * asks: the host confirms with its own dialog before it deletes anything.
+     */
+    onDeleteRow?: ((rowId: string) => void) | undefined;
+    /**
+     * Shows Dismiss in the sync strip while refused changes are held there
+     * (`sync.refused`), so the reader clears them once they have read why.
+     */
+    onDismissRefused?: (() => void) | undefined;
     /** A BCP 47 tag for numbers and dates; the reader's own locale when absent. */
     locale?: string | undefined;
     className?: string | undefined;
     labels?: Partial<SheetLabels> | undefined;
     presenceLabels?: Partial<PresenceLabels> | undefined;
 }
-export declare function SheetGrid({ label, columns: declared, rows: given, people, mode, onEdit, onAddRow, onShowHistory, onActiveCellChange, onEditingChange, onUndo, onRedo, onOpenLink, presence, sort, onSortChange, sync, onRetry, height, locale, className, labels: labelOverrides, presenceLabels: presenceOverrides, }: SheetGridProps): import("react").JSX.Element;
+export declare function SheetGrid({ label, columns: declared, rows: given, people, mode, onEdit, onAddRow, onShowHistory, onActiveCellChange, onEditingChange, onUndo, onRedo, onOpenLink, presence, sort, onSortChange, sync, onRetry, height, fit, onDeleteRow, onDismissRefused, locale, className, labels: labelOverrides, presenceLabels: presenceOverrides, }: SheetGridProps): import("react").JSX.Element;

package/dist/SheetGrid/index.js

@@ -1,18 +1,22 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-36CWC2NH.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-INTEH4F3.js';
+import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
-import '../chunk-GFV4LJHH.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-3BYIWOTV.js';
 import '../chunk-I6POAB4V.js';
-import '../chunk-PPAQFGS2.js';
-import '../chunk-YYZRLLLY.js';
-import '../chunk-S35G6PNC.js';
+import '../chunk-GFV4LJHH.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-YEKYVJQR.js';
+import '../chunk-NHBP2XS5.js';
+import '../chunk-Z7JYG5TF.js';
 import '../chunk-QWOPX2MN.js';
-import '../chunk-AYKXMIOR.js';
 import '../chunk-UAN5NE7M.js';
+import '../chunk-AYKXMIOR.js';
 import '../chunk-5OM447RW.js';
+import '../chunk-UFKUWVMV.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SheetGrid-4HOXDVIB.css → SheetGrid-J3TKKXZL.css}

@@ -48,6 +48,13 @@
   min-width: 100%;
 }
 
+/* AS TALL AS ITS ROWS (fit="content"): the component writes the height, the
+   page may cap it, and the grid never grows past the height it was given. */
+.crewlet-sheet-grid--fit-content > .crewlet-sheet-grid__scroller {
+  flex: none;
+  max-height: var(--crewlet-sheet-max-height, 70vh);
+}
+
 .crewlet-sheet-grid__row {
   display: grid;
   grid-template-columns: var(--crewlet-sheet-columns);
@@ -140,6 +147,16 @@
   font-variant-numeric: tabular-nums;
 }
 
+/* The row actions sit at the number's trailing edge, over the cell's own
+   background, so the number stays readable beside them. */
+.crewlet-sheet-grid__row-actions {
+  position: absolute;
+  top: 50%;
+  inset-inline-end: 0;
+  display: inline-flex;
+  transform: translateY(-50%);
+}
+
 /* The bar at a row's leading edge while somebody has it selected. */
 .crewlet-sheet-grid__rownum--present::before {
   position: absolute;
@@ -305,10 +322,9 @@
 }
 
 .crewlet-sheet-cell__chips {
-  display: inline-flex;
-  gap: var(--spacing-1);
+  flex: 1 1 auto;
+  flex-wrap: wrap;
   min-width: 0;
-  overflow: hidden;
 }
 
 .crewlet-sheet-cell__person {
@@ -358,12 +374,14 @@
   align-items: center;
 }
 
+/* A RATING IS A QUANTITY, not a state, so its marks take the ink and the
+   control edge rather than the warning hue: amber here read as an alert. */
 .crewlet-sheet-cell__star {
-  color: var(--color-text-tertiary);
+  color: var(--color-border-strong);
 }
 
 .crewlet-sheet-cell__star--on {
-  color: var(--color-feedback-warning);
+  color: var(--color-text-primary);
 }
 
 .crewlet-sheet-cell {
@@ -468,18 +486,53 @@
   bottom: 100%;
 }
 
-.crewlet-sheet-editor--list .crewlet-sheet-editor__panel,
-.crewlet-sheet-editor--long .crewlet-sheet-editor__panel {
+.crewlet-sheet-editor--list .crewlet-sheet-editor__panel {
   top: 0;
   min-width: max(100%, 14rem);
 }
 
-.crewlet-sheet-editor--list.crewlet-sheet-editor--above .crewlet-sheet-editor__panel,
-.crewlet-sheet-editor--long.crewlet-sheet-editor--above .crewlet-sheet-editor__panel {
+.crewlet-sheet-editor--list.crewlet-sheet-editor--above .crewlet-sheet-editor__panel {
+  top: auto;
+  bottom: 0;
+}
+
+/* THE TEXT EDITOR LIES OVER THE CELL: at least the column's width, the
+   popover's ground and shadow, and a field that wraps and grows to six lines,
+   so the start of a value is never scrolled out of view while it is edited. */
+.crewlet-sheet-editor__overlay {
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  z-index: var(--z-index-presence);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  box-sizing: border-box;
+  min-width: 100%;
+  width: max(100%, 20rem);
+  max-width: min(32rem, 90vw);
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-elevated);
+  box-shadow: var(--shadow-xl);
+}
+
+.crewlet-sheet-editor--above .crewlet-sheet-editor__overlay {
   top: auto;
   bottom: 0;
 }
 
+.crewlet-sheet-editor__overlay > .crewlet-sheet-editor__error,
+.crewlet-sheet-editor__overlay > .crewlet-sheet-editor__conflict {
+  margin: 0 var(--spacing-2) var(--spacing-2);
+}
+
+.crewlet-sheet-cell .crewlet-sheet-editor__overlay {
+  position: relative;
+  width: 100%;
+  max-width: none;
+}
+
 .crewlet-sheet-editor__filter,
 .crewlet-sheet-editor__textarea {
   box-sizing: border-box;
@@ -492,10 +545,19 @@
   font: inherit;
 }
 
-.crewlet-sheet-editor__textarea {
-  min-width: 20rem;
-  max-width: 100%;
-  resize: vertical;
+.crewlet-sheet-editor__overlay .crewlet-sheet-editor__textarea {
+  display: block;
+  min-height: var(--crewlet-sheet-row-height, var(--size-sheet-row));
+  max-height: calc(var(--crewlet-sheet-editor-lines, 6) * var(--font-line-height-normal) * 1em + 2 * var(--spacing-2));
+  padding: var(--spacing-2);
+  overflow-y: auto;
+  border: 0;
+  border-radius: var(--radius-md);
+  background: transparent;
+  line-height: var(--font-line-height-normal);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  resize: none;
 }
 
 .crewlet-sheet-editor__list {
@@ -518,6 +580,17 @@
   cursor: pointer;
 }
 
+.crewlet-sheet-editor__option--clear {
+  margin-top: var(--spacing-1);
+  border-top: 1px solid var(--color-border-default);
+  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
+}
+
+.crewlet-sheet-editor__list:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
 .crewlet-sheet-editor__option--highlight {
   background: var(--color-surface-hover);
 }
@@ -567,7 +640,7 @@
    the screen rather than from a cell a thumb has to keep in view. */
 @media (width < 640px) {
   .crewlet-sheet-grid .crewlet-sheet-editor--list .crewlet-sheet-editor__panel,
-  .crewlet-sheet-grid .crewlet-sheet-editor--long .crewlet-sheet-editor__panel {
+  .crewlet-sheet-grid .crewlet-sheet-editor--long .crewlet-sheet-editor__overlay {
     position: fixed;
     top: auto;
     right: 0;
@@ -578,9 +651,6 @@
     border-radius: var(--radius-lg) var(--radius-lg) 0 0;
   }
 
-  .crewlet-sheet-editor__textarea {
-    min-width: 0;
-  }
 }
 
 @media (forced-colors: active) {

package/dist/SheetModel/edits.d.ts

@@ -48,7 +48,13 @@ export declare class SheetPendingEdits {
     dismiss(rowId: string, field: string): void;
     /** Edits sent and not yet settled, for the sync strip. */
     get saving(): number;
-    /** The sync strip's state. Refusals are said on their cells, so they do not count as failures to retry. */
+    /** Clears every refusal at once: the strip's Dismiss. */
+    dismissAll(): void;
+    /**
+     * The sync strip's state. A refusal is not a failure to retry (the engine
+     * decided it), but it is counted, so the strip holds "not saved" until the
+     * reader dismisses it rather than going back to "Saved".
+     */
     sync(offline?: boolean): SheetSyncState;
     /** Every refusal since the last `resetFailures`, for a host that reports them. */
     get failures(): number;

package/dist/SheetModel/index.js

@@ -1,3 +1,3 @@
-export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-YYZRLLLY.js';
-import '../chunk-S35G6PNC.js';
+export { LONGTEXT_MAX_DEFAULT, RATING_MAX_CEILING, RATING_MAX_DEFAULT, SHEET_COLUMN_TYPES, SHEET_COLUMN_WIDTHS, SHEET_LABELS, SHEET_ROW_HEIGHT, SHEET_ROW_NUMBER_WIDTH, SheetPendingEdits, TEXT_MAX_DEFAULT, URL_MAX, cellDescription, cellKey, cellSpeech, changeText, changeTime, checkValue, columnOffsets, columnWidth, compareValues, displayText, drawnColumns, editText, editorSide, findOption, findPerson, flagText, hasPrevious, inRange, isEmptyValue, isMod, isMultiCell, isSheetColumnType, isTypingKey, liveOptions, moveFrom, nextSort, normalizeValue, optionHue, parseOptionList, parseTSV, parseText, planClear, planPaste, presenceByCell, presenceByColumn, presenceByRow, rangeOf, ratingMax, refusalText, rowName, sameValue, scrollToRow, sheetLabels, sortRows, spokenText, statusTone, textMax, toTSV, visibleRows } from '../chunk-NHBP2XS5.js';
+import '../chunk-Z7JYG5TF.js';
 import '../chunk-AYKXMIOR.js';

package/dist/SheetModel/labels.d.ts

@@ -55,6 +55,15 @@ export interface SheetLabels {
     /** The sync strip. */
     sync: (state: SheetSyncState) => string;
     retry: string;
+    /** Clears the strip's refused changes once the reader has read them. */
+    dismiss: string;
+    /** A refusal, as the grid announces it: "Not saved: <reason>". */
+    notSaved: (reason: string) => string;
+    /** The row actions control on a row's number, and its delete item. */
+    rowActions: (row: number) => string;
+    deleteRow: string;
+    /** Appended to the keyboard help when a row has actions. */
+    rowActionsHelp: string;
     /** The editor's filter box in an option list. */
     filter: string;
     /** An option list with nothing left to show. */

package/dist/SheetModel/types.d.ts

@@ -123,4 +123,10 @@ export interface SheetSyncState {
     offline?: boolean | undefined;
     /** Edits that could not be saved and can be retried. */
     failed?: number | undefined;
+    /**
+     * Edits the engine refused, each reverted and said on its cell. The strip
+     * holds them until the reader dismisses them, so a refusal is never
+     * followed by "Saved".
+     */
+    refused?: number | undefined;
 }

package/dist/SlideCompare/SlideCompare.d.ts

@@ -0,0 +1,52 @@
+import { type ReactNode } from 'react';
+/** What happened to one slide between two versions. */
+export type SlideChange = 'unchanged' | 'changed' | 'added' | 'removed';
+/** One slide of two versions, paired by its id. */
+export interface SlideCompareRow {
+    key: string;
+    /** What a reader calls it: its heading in the newer version, else the older. */
+    title: string;
+    change: SlideChange;
+    /** Its one-based place in the older version; absent for a slide it lacks. */
+    fromPosition?: number | undefined;
+    /** Its one-based place in the newer version; absent for a slide it lacks. */
+    toPosition?: number | undefined;
+    /** Whether it moved among the slides both versions hold. */
+    moved?: boolean | undefined;
+    /** The slide as the older version draws it, at its own size. */
+    from?: ReactNode;
+    /** The slide as the newer version draws it, at its own size. */
+    to?: ReactNode;
+}
+export interface SlideCompareLabels {
+    changed: string;
+    added: string;
+    removed: string;
+    unchanged: string;
+    moved: (from: number, to: number) => string;
+    missing: (version: string) => string;
+    summary: (counts: Record<Exclude<SlideChange, 'unchanged'> | 'moved', number>) => string;
+    showUnchanged: (count: number) => string;
+    hideUnchanged: string;
+    identical: string;
+}
+export declare const SLIDE_COMPARE_LABELS: SlideCompareLabels;
+export interface SlideCompareProps {
+    rows: readonly SlideCompareRow[];
+    fromLabel: string;
+    toLabel: string;
+    className?: string | undefined;
+    labels?: Partial<SlideCompareLabels> | undefined;
+}
+/**
+ * Two versions of a deck compared slide by slide: each slide's older and newer
+ * drawings side by side, paired by its id, with a slide one version lacks in
+ * its place and an empty side saying so.
+ *
+ * SAID IN WORDS, NEVER COLOUR ALONE. Every row names what happened to it
+ * (Changed, Added, Removed, Moved from 6 to 7) beside a glyph, and the list
+ * opens with the count of each, so a reader hears the comparison before they
+ * look at it. Unchanged slides are folded away behind one control, since the
+ * question was what changed.
+ */
+export declare function SlideCompare({ rows, fromLabel, toLabel, className, labels }: SlideCompareProps): import("react").JSX.Element;

package/dist/SlideCompare/index.d.ts

@@ -0,0 +1,3 @@
+import './SlideCompare.css';
+export { SlideCompare, SLIDE_COMPARE_LABELS } from './SlideCompare.js';
+export type { SlideChange, SlideCompareLabels, SlideCompareProps, SlideCompareRow } from './SlideCompare.js';

package/dist/SlideCompare/index.js

@@ -0,0 +1,7 @@
+export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-Z54BPRL6.js';
+import '../chunk-KNLJL3VP.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-HMPFGIWM.js';
+import '../chunk-R25RGPUB.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';