@crewlethq/ui 0.24.0 → 0.26.0

package/dist/DatasetSource-47LBDMPR.css

@@ -0,0 +1,129 @@
+/*
+ * DatasetSource: one entry of a dashboard's Sources rail. The title and its
+ * source kind, the definition, then where the rows stand, how many there are
+ * and how they are kept current, with the host's rows preview under it when
+ * selected.
+ */
+
+.crewlet-dataset-source {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  border-radius: var(--radius-md);
+}
+
+.crewlet-dataset-source__summary {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  width: 100%;
+  min-width: 0;
+  margin: 0;
+  padding: var(--spacing-2) var(--spacing-3);
+  border: 1px solid transparent;
+  border-radius: var(--radius-md);
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+}
+
+button.crewlet-dataset-source__summary {
+  cursor: pointer;
+}
+
+button.crewlet-dataset-source__summary:hover {
+  background: var(--color-surface-hover);
+}
+
+button.crewlet-dataset-source__summary:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+/* The accent boundary, as a selected card takes it, and the soft accent fill. */
+.crewlet-dataset-source--selected .crewlet-dataset-source__summary {
+  border-color: var(--color-brand-accent);
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-dataset-source__head {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+.crewlet-dataset-source__title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--color-text-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+  line-height: var(--font-line-height-snug);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-dataset-source__kind {
+  flex: none;
+}
+
+.crewlet-dataset-source__definition {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+}
+
+.crewlet-dataset-source__meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0 var(--spacing-2);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-snug);
+}
+
+.crewlet-dataset-source__state--blocked {
+  color: var(--color-text-secondary);
+}
+
+/* The separators are drawn, not typed, so a screen reader hears the facts alone. */
+.crewlet-dataset-source__rows::before,
+.crewlet-dataset-source__refresh::before {
+  content: '\00b7' / '';
+  margin-inline-end: var(--spacing-2);
+}
+
+.crewlet-dataset-source__meta > :first-child::before {
+  content: none;
+}
+
+.crewlet-dataset-source__stale {
+  display: inline-flex;
+  vertical-align: middle;
+  color: var(--color-feedback-warning-ink);
+}
+
+.crewlet-dataset-source__preview {
+  min-width: 0;
+  padding: var(--spacing-2) var(--spacing-3) var(--spacing-3);
+}
+
+.crewlet-dataset-source-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-dataset-source-list__item {
+  min-width: 0;
+}

package/dist/DocTabsEditor/DocTabsEditor.d.ts

@@ -0,0 +1,60 @@
+import { type ReorderLabels } from '../Reorder/index.js';
+/** One tab as the editor lists it. */
+export interface DocTabsEditorItem {
+    /** Stable identity: the tab's file. */
+    key: string;
+    title: string;
+}
+export interface DocTabsEditorLabels extends ReorderLabels {
+    /** The name of a tab's title field, by its position (from 1). */
+    titleField: (position: number) => string;
+    /** The name of the control that opens a tab's text; it is pressed while that text is open. */
+    editText: (title: string) => string;
+    remove: (title: string) => string;
+    /** Why the last tab cannot be removed. */
+    lastTab: string;
+    moveUp: (title: string) => string;
+    moveDown: (title: string) => string;
+    atTop: (title: string) => string;
+    atBottom: (title: string) => string;
+    newTitle: string;
+    add: string;
+    /** Why Add waits for a title. */
+    addNeedsTitle: string;
+    untitled: string;
+}
+export declare const DOC_TABS_EDITOR_LABELS: DocTabsEditorLabels;
+export interface DocTabsEditorProps {
+    /** What the list is, for its accessible name: "Tabs of On-call handbook". */
+    label: string;
+    items: readonly DocTabsEditorItem[];
+    /** The tab whose text is open. */
+    selected: string;
+    onSelect: (key: string) => void;
+    onRename: (key: string, title: string) => void;
+    onReorder: (keys: string[]) => void;
+    onRemove: (key: string) => void;
+    /** Adds a tab after the selected one. */
+    onAdd: (title: string) => void;
+    /** Why a title cannot be saved, said at its field; null for a title that can. */
+    titleProblem?: ((title: string) => string | null) | undefined;
+    /** Why no tab can be added now (a doc at its most tabs), shown on Add. */
+    addBlocked?: string | undefined;
+    disabled?: boolean | undefined;
+    labels?: Partial<DocTabsEditorLabels> | undefined;
+    className?: string | undefined;
+}
+/**
+ * The tabs of a document an editor arranges: each tab's title edited in place,
+ * its text opened beside the list, moved by its handle, the arrow keys or the
+ * move buttons, and removed; and a tab added after the one open.
+ *
+ * THE HOST OWNS THE TABS. Every change is reported and nothing is kept here
+ * but the new tab's title as it is typed, so a draft the host merges or
+ * resets is what the list shows. A title is held to the host's rules at its
+ * field (`titleProblem`), said beside it rather than after a save.
+ *
+ * THE LAST TAB IS NOT REMOVED: a document keeps one, so its Remove says why
+ * rather than disappearing.
+ */
+export declare function DocTabsEditor({ label, items, selected, onSelect, onRename, onReorder, onRemove, onAdd, titleProblem, addBlocked, disabled, labels: overrides, className, }: DocTabsEditorProps): import("react").JSX.Element;

package/dist/DocTabsEditor/index.d.ts

@@ -0,0 +1,3 @@
+import './DocTabsEditor.css';
+export { DocTabsEditor, DOC_TABS_EDITOR_LABELS } from './DocTabsEditor.js';
+export type { DocTabsEditorItem, DocTabsEditorLabels, DocTabsEditorProps } from './DocTabsEditor.js';

package/dist/DocTabsEditor/index.js

@@ -0,0 +1,9 @@
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-UZ7ZUSLH.js';
+import '../chunk-XJ2QEBMM.js';
+import '../chunk-6QFAK2WV.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-4FQT6ZAY.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/DocTabsEditor-RCOWHX5J.css

@@ -0,0 +1,78 @@
+/*
+ * DocTabsEditor: a document's tabs as rows an editor titles, opens, moves and
+ * removes, with the row whose text is open marked, and a field to add one.
+ * The rows are quiet inset bands, as ArrangeList's are.
+ */
+
+.crewlet-doc-tabs-editor {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+  min-width: 0;
+}
+
+.crewlet-doc-tabs-editor__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-doc-tabs-editor__item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+  padding: var(--spacing-1);
+  border: 1px solid transparent;
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+}
+
+.crewlet-doc-tabs-editor__item.is-open {
+  border-color: var(--color-border-strong);
+}
+
+.crewlet-doc-tabs-editor__item[data-reorder='dragging'] {
+  border-style: dashed;
+  border-color: var(--color-border-strong);
+  background: transparent;
+}
+.crewlet-doc-tabs-editor__item[data-reorder='dragging'] > * {
+  opacity: 0.4;
+}
+
+.crewlet-doc-tabs-editor__handle {
+  flex-shrink: 0;
+  cursor: grab;
+  color: var(--color-text-tertiary);
+}
+.crewlet-doc-tabs-editor__handle:active {
+  cursor: grabbing;
+}
+
+.crewlet-doc-tabs-editor__field {
+  display: flex;
+  flex: 1 1 12rem;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  min-width: 0;
+}
+
+.crewlet-doc-tabs-editor__problem {
+  color: var(--color-feedback-danger-ink);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-doc-tabs-editor__moves {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+
+.crewlet-doc-tabs-editor__add {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+}

package/dist/DownloadButton/index.js

@@ -1,5 +1,5 @@
-export { DownloadButton } from '../chunk-BJCFNRGH.js';
-import '../chunk-F6NZOVWL.js';
+export { DownloadButton } from '../chunk-BEHFTRMZ.js';
+import '../chunk-IW55G7XG.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';

package/dist/HuePicker/index.js

@@ -1,9 +1,9 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker } from '../chunk-OQT7GSKJ.js';
-import '../chunk-7QL2OFP6.js';
-import '../chunk-XJFOOXCF.js';
+export { HuePicker } from '../chunk-SGIQCI6Y.js';
+import '../chunk-RCQXUT5K.js';
+import '../chunk-HJEVSQN6.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-CBOICT64.js';
+import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LinkInterstitial/index.js

@@ -1,6 +1,6 @@
-export { LinkInterstitial, openExternal } from '../chunk-ZM7HLFOA.js';
-import '../chunk-5CLW2CXT.js';
+export { LinkInterstitial, openExternal } from '../chunk-L2OQRPXJ.js';
 import '../chunk-F4DPAJCN.js';
+import '../chunk-5CLW2CXT.js';
 import '../chunk-SVSCLHHI.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';

package/dist/MarkdownEditor/index.js

@@ -1,9 +1,9 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-CS65QSIJ.js';
-import '../chunk-M54K52ZU.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-LZHLSQYK.js';
+import '../chunk-FQCLKD7U.js';
 import '../chunk-PGRPNDWM.js';
-import '../chunk-7QL2OFP6.js';
-import '../chunk-XJFOOXCF.js';
-import '../chunk-CBOICT64.js';
+import '../chunk-RCQXUT5K.js';
+import '../chunk-HJEVSQN6.js';
+import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-HMPFGIWM.js';
 import '../chunk-R25RGPUB.js';

package/dist/MergeConflicts/MergeConflicts.d.ts

@@ -0,0 +1,51 @@
+/** Which side of one clash a person keeps. */
+export type MergeChoice = 'theirs' | 'mine' | 'both';
+/** One passage both edits changed: their lines and the draft's. */
+export interface MergeClash {
+    theirs: readonly string[];
+    mine: readonly string[];
+}
+export interface MergeConflictsLabels {
+    /** The heading, by how many places clash, naming the other side ("revision 4"). */
+    heading: (count: number, theirs: string) => string;
+    intro: string;
+    /** A side's caption over its lines. */
+    theirsCaption: (theirs: string) => string;
+    mineCaption: string;
+    /** What a side shows when it removed the passage. */
+    removed: string;
+    /** The choice control's name, for place n (from 1). */
+    choiceLabel: (place: number) => string;
+    choices: Record<MergeChoice, string>;
+    apply: string;
+    applyBlocked: string;
+    cancel: string;
+    /** How many places still have no answer. */
+    remaining: (count: number) => string;
+}
+export declare const MERGE_CONFLICTS_LABELS: MergeConflictsLabels;
+export interface MergeConflictsProps {
+    /** Every passage both edits changed, in document order. */
+    clashes: readonly MergeClash[];
+    /** What the other side is called: "revision 4", "version 7". */
+    theirs: string;
+    /** Called with one choice per clash, in order, once every clash has one. */
+    onApply: (choices: MergeChoice[]) => void;
+    onCancel: () => void;
+    className?: string | undefined;
+    labels?: Partial<MergeConflictsLabels> | undefined;
+}
+/**
+ * Settling the passages two edits of one text both changed: each clash shows
+ * the other side's lines beside the draft's, and the person keeps theirs,
+ * their own or both.
+ *
+ * NOTHING IS PRE-CHOSEN. A default would be the interface deciding whose
+ * sentence survives, so Apply waits for every clash to have an answer. The
+ * merge itself (which passages clash, and the text a set of choices makes) is
+ * the host's: this draws the decision and reports it.
+ *
+ * FOCUS MOVES TO THE HEADING when it opens, since it replaces the editor the
+ * person was typing in and they need to hear why.
+ */
+export declare function MergeConflicts({ clashes, theirs, onApply, onCancel, className, labels: overrides }: MergeConflictsProps): import("react").JSX.Element;

package/dist/MergeConflicts/index.d.ts

@@ -0,0 +1,3 @@
+import './MergeConflicts.css';
+export { MergeConflicts, MERGE_CONFLICTS_LABELS } from './MergeConflicts.js';
+export type { MergeChoice, MergeClash, MergeConflictsLabels, MergeConflictsProps } from './MergeConflicts.js';

package/dist/MergeConflicts/index.js

@@ -0,0 +1,9 @@
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-RWA4H2TV.js';
+import '../chunk-FQCLKD7U.js';
+import '../chunk-RCQXUT5K.js';
+import '../chunk-HJEVSQN6.js';
+import '../chunk-RKKO7QHH.js';
+import '../chunk-BHHIIK3M.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/MergeConflicts-O44ESH4T.css

@@ -0,0 +1,77 @@
+/* MergeConflicts: each clash as the other side's lines beside the draft's,
+   with the choice under them, in one framed block that replaces the editor
+   until it is settled. */
+.crewlet-merge-conflicts {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  padding: var(--spacing-4);
+  border: 1px solid var(--color-border-strong);
+  border-radius: var(--radius-lg);
+}
+
+.crewlet-merge-conflicts__title {
+  margin: 0;
+  font-size: var(--font-size-md);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+}
+
+.crewlet-merge-conflicts__note {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-merge-conflicts__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-merge-conflicts__item {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-2);
+}
+
+.crewlet-merge-conflicts__sides {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
+  gap: var(--spacing-3);
+}
+
+.crewlet-merge-conflicts__side {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  min-width: 0;
+  margin: 0;
+}
+
+.crewlet-merge-conflicts__side figcaption {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-merge-conflicts__side pre {
+  margin: 0;
+  padding: var(--spacing-2);
+  overflow-x: auto;
+  border: 1px solid var(--color-border-default);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-inset);
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  white-space: pre-wrap;
+}
+
+.crewlet-merge-conflicts__foot {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+}

package/dist/Meter/index.js

@@ -1,3 +1,3 @@
-export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
+export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-UGNUUVRI.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Meter-5VCSFMZW.css → Meter-ZZRFUEOH.css}

@@ -22,6 +22,7 @@
  */
 .crewlet-meter__legend {
   display: flex;
+  flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
   gap: var(--spacing-2);
@@ -30,7 +31,11 @@
   min-width: 0;
 }
 
+/* THE LABEL KEEPS ITS WORDS: where the row is too narrow for both, the figure
+   moves to its own line rather than cutting the name to one letter. */
 .crewlet-meter__label {
+  flex: 1 0 auto;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -63,6 +68,10 @@
   height: 6px;
   border-radius: var(--radius-pill);
   background: var(--color-surface-elevated);
+  /* An inset hairline gives the track an edge on ANY ground, so on the page
+     sheet in the light theme, where the raised rung is nearly the ground's
+     own tone, the extent of the bar is still there. */
+  box-shadow: inset 0 0 0 1px var(--color-border-default);
   overflow: hidden;
 }
 
@@ -80,6 +89,12 @@
   transition: width var(--motion-duration-slow) var(--motion-easing-emphasized);
 }
 
+/* A READING ABOVE ZERO IS NEVER AN EMPTY TRACK: a few bytes of a gigabyte
+   rounds to no width at all, which reads as nothing used. */
+.crewlet-meter__fill--some {
+  min-width: var(--spacing-1);
+}
+
 .crewlet-meter__fill[data-tone='success'] { background: var(--color-feedback-success); }
 .crewlet-meter__fill[data-tone='warning'] { background: var(--color-feedback-warning); }
 .crewlet-meter__fill[data-tone='danger'] { background: var(--color-feedback-danger); }

package/dist/ObjectHeader/ObjectHeader.d.ts

@@ -114,6 +114,12 @@ export interface ObjectHeaderProps {
      * a second reading. The header draws exactly what it is handed.
      */
     facts?: readonly ObjectFact[] | undefined;
+    /**
+     * What the object says about itself, in a sentence its author wrote: drawn
+     * under the title at the compact step in the secondary ink, at most two
+     * lines.
+     */
+    description?: ReactNode;
     /** What the reader can do with the object. */
     actions?: ReactNode;
     /** A page's header, or the tighter one a peek or a hover card draws. */
@@ -135,4 +141,4 @@ export interface ObjectHeaderProps {
  * the actions wrap onto a line of their own instead of each giving up a few
  * characters.
  */
-export declare function ObjectHeader({ kind, icon, identifier, within, title, status, facts, actions, size, className, }: ObjectHeaderProps): import("react").JSX.Element;
+export declare function ObjectHeader({ kind, icon, identifier, within, title, status, facts, description, actions, size, className, }: ObjectHeaderProps): import("react").JSX.Element;

package/dist/ObjectHeader/index.js

@@ -1,4 +1,4 @@
-export { FactLine, ObjectHeader, SetByLine } from '../chunk-I7WXZOWA.js';
+export { FactLine, ObjectHeader, SetByLine } from '../chunk-VGE3G3T4.js';
 import '../chunk-FBSEJO2C.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ObjectHeader-UNVYM2KD.css → ObjectHeader-D7GU7QNI.css}

@@ -70,6 +70,21 @@
   color: var(--color-text-primary);
 }
 
+/* The author's own sentence about the object: under the title, quieter than
+   it, and never more than two lines however long the sentence is. */
+.crewlet-object-header__description {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  overflow: hidden;
+  max-width: var(--size-measure);
+  margin: 0;
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-secondary);
+}
+
 .crewlet-object-header--peek .crewlet-object-header__title {
   font-size: var(--font-size-lg);
 }

package/dist/PeopleRail/index.js

@@ -1,6 +1,6 @@
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-J4OKGJQ6.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-FVLCTCMV.js';
 import '../chunk-CENOOTAV.js';
-import '../chunk-S35G6PNC.js';
+import '../chunk-Z7JYG5TF.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5OM447RW.js';

package/dist/PresenceModel/index.d.ts

@@ -1,2 +1,2 @@
-export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder, } from './presence.js';
+export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder, } from './presence.js';
 export type { PresenceActivity, PresenceKind, PresenceLabels, PresenceMember } from './presence.js';

package/dist/PresenceModel/index.js

@@ -1,3 +1,3 @@
 import '../chunk-CENOOTAV.js';
-export { PRESENCE_ACTIVITIES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-S35G6PNC.js';
+export { PRESENCE_ACTIVITIES, PRESENCE_HUES, PRESENCE_LABELS, assignPresenceHues, collapseSessions, joinNames, presenceLabels, presenceOrder } from '../chunk-Z7JYG5TF.js';
 import '../chunk-AYKXMIOR.js';

package/dist/PresenceModel/presence.d.ts

@@ -48,13 +48,21 @@ export declare function presenceOrder<M extends Pick<PresenceMember, 'kind' | 'a
  * The first tab's position in the list is kept, so collapsing never reorders.
  */
 export declare function collapseSessions<M extends Pick<PresenceMember, 'id' | 'seat' | 'activity'>>(members: readonly M[]): M[];
+/**
+ * The hues presence ASSIGNS, in rotation: the six node hues without purple,
+ * the one nearest the accent. The accent is the reader's own active cell and
+ * the focus ring, so a collaborator ringed in violet read as the reader's own
+ * selection. An agent whose chosen hue is purple keeps it: that hue is its
+ * identity, picked by a person, not handed out here.
+ */
+export declare const PRESENCE_HUES: readonly NodeHue[];
 /**
  * The hue each member's marks are drawn in.
  *
  * An agent with a chosen hue keeps it. Every other member keeps the hue it was
  * given before (`held`, the previous answer) while it stays present, and a
- * newcomer, in the order given, takes the first of the six hues nobody present
- * wears; past six, the hue the fewest members wear, so hues repeat as evenly
+ * newcomer, in the order given, takes the first of the PRESENCE_HUES nobody
+ * present wears; past five, the hue the fewest members wear, so hues repeat as evenly
  * as they can and the name on the flag tells the two apart.
  */
 export declare function assignPresenceHues(members: readonly Pick<PresenceMember, 'id' | 'kind' | 'hue'>[], held?: ReadonlyMap<string, NodeHue>): Map<string, NodeHue>;

package/dist/PresenceStack/index.js

@@ -1,7 +1,7 @@
-export { PresenceStack } from '../chunk-YM3GJHGW.js';
+export { PresenceStack } from '../chunk-ODT5H4MN.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-I6POAB4V.js';
-import '../chunk-S35G6PNC.js';
+import '../chunk-Z7JYG5TF.js';
 import '../chunk-UAN5NE7M.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5OM447RW.js';