@crewlethq/ui 0.34.1 → 0.35.0

package/dist/CanvasBoard/CanvasBoard.d.ts

@@ -15,10 +15,12 @@
  * click on a board or a note selects it, a click on the field clears it, and
  * the pointer is the arrow. Hand (`H`, or Space held) pans whatever is under
  * the pointer, boards included, with the open hand. An editable canvas that
- * can create notes adds Text (`T`) and Sticky (`S`): a click on the field
- * places one there, opens it for typing, and hands back the Move tool. The
- * pointer is always the tool's (the Canvas cursors), and a pan in progress is
- * always the closed hand.
+ * can create boards adds Frame (`F`): a click on the field places a board
+ * there, selected, and hands back the Move tool. One that can create notes
+ * adds Text (`T`) and Sticky (`S`): a click on the field places one there,
+ * opens it for typing, and hands back the Move tool. The pointer is always
+ * the tool's (the Canvas cursors), and a pan in progress is always the closed
+ * hand.
  *
  * A PAGE INSIDE A BOARD NEVER TAKES THE CANVAS'S POINTER BY SURPRISE. A live
  * board is covered by a shield that pans the canvas like the field around it;
@@ -32,7 +34,8 @@
  * own paper or its handle, retyped on a double-click, and deleted with Delete
  * while selected. Each finished gesture is reported once, with whole canvas
  * pixels, and the caller decides what a change is (for a design, a new
- * version of its canvas).
+ * version of its canvas). Delete removes a selected note, and a selected
+ * board where the caller removes boards (`onBoardRemove`).
  *
  * HOVER AND SELECTION ARE OUTLINES IN THE ACCENT, at one screen pixel and two,
  * over a board's own hairline edge; hovering a board's name outlines its board,
@@ -125,18 +128,21 @@ export interface CanvasBoardLabels {
     /** Each tool's name. */
     moveTool: string;
     handTool: string;
+    frameTool: string;
     textTool: string;
     stickyTool: string;
 }
 /**
- * The tools a board canvas offers. Move and Hand always; Text and Sticky only
- * where a person may edit and the caller places notes (`onNoteCreate`).
+ * The tools a board canvas offers. Move and Hand always; Frame only where a
+ * person may edit and the caller places boards (`onBoardCreate`), and Text and
+ * Sticky only where the caller places notes (`onNoteCreate`).
  *
- * NO FRAME TOOL. A board is a page an agent or an upload made, with a file
- * behind it, and an empty frame drawn here would be a board with nothing to
- * render. NO COMMENT TOOL until a canvas has comments to anchor.
+ * FRAME IS FOR SHAPING A CANVAS BEFORE IT IS DRAWN: a design's create page,
+ * where a person lays out the boards an agent then fills. A published design's
+ * board is a page with a file behind it, so its viewer offers no Frame. NO
+ * COMMENT TOOL until a canvas has comments to anchor.
  */
-export type CanvasBoardTool = 'move' | 'hand' | 'text' | 'sticky';
+export type CanvasBoardTool = 'move' | 'hand' | 'frame' | 'text' | 'sticky';
 /**
  * The smallest zoom a board canvas fits at. A design laid out across many
  * full-size pages is many screens wide, and every board has to be on screen
@@ -166,6 +172,18 @@ export interface CanvasBoardProps {
     onNoteChange?: ((note: CanvasBoardNote) => void) | undefined;
     /** A note was deleted. */
     onNoteRemove?: ((id: string) => void) | undefined;
+    /**
+     * The Frame tool placed a board at a canvas point (its top left, in canvas
+     * pixels). The caller adds the board, with whatever size and name it gives
+     * new boards, and returns its id, which the canvas then selects. Absent, or
+     * on a canvas that is not editable, the tool is not offered.
+     */
+    onBoardCreate?: ((at: CanvasPoint) => string | undefined) | undefined;
+    /**
+     * Delete pressed on a selected board. Absent, a board is not deleted from
+     * the canvas.
+     */
+    onBoardRemove?: ((id: string) => void) | undefined;
     /**
      * The Text or Sticky tool placed a note at a canvas point (its top left, in
      * canvas pixels). The caller adds the note, with whatever size and starting
@@ -212,4 +230,4 @@ export declare function boardRoom(width: number, height: number): {
 };
 /** The narrowest a board is drawn, in screen pixels, with its name above it. */
 export declare const BOARD_TITLE_MIN_WIDTH = 40;
-export declare function CanvasBoard({ label, boards, notes, renderBoard, maxLive, minLiveWidth, editable, minSide, maxSide, onBoardChange, onNoteChange, onNoteRemove, onNoteCreate, onOpen, onActivate, selected: heldSelection, onSelectedChange, controlsExtra, toolbar, labels, canvasLabels, canvasRef, className, }: CanvasBoardProps): import("react").JSX.Element;
+export declare function CanvasBoard({ label, boards, notes, renderBoard, maxLive, minLiveWidth, editable, minSide, maxSide, onBoardChange, onNoteChange, onNoteRemove, onNoteCreate, onBoardCreate, onBoardRemove, onOpen, onActivate, selected: heldSelection, onSelectedChange, controlsExtra, toolbar, labels, canvasLabels, canvasRef, className, }: CanvasBoardProps): import("react").JSX.Element;

package/dist/CanvasBoard/index.js

@@ -1,4 +1,4 @@
-export { BOARD_TITLE_MIN_WIDTH, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardRoom, liveBoards, titleSize } from '../chunk-WPX6A5BV.js';
+export { BOARD_TITLE_MIN_WIDTH, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardRoom, liveBoards, titleSize } from '../chunk-E35CMI5D.js';
 import '../chunk-5SZGKSGL.js';
 import '../chunk-3Y56GQPM.js';
 import '../chunk-PGRPNDWM.js';

package/dist/ChangeMark/index.js

@@ -1,5 +1,5 @@
-export { ChangeMark } from '../chunk-SGHIAGPR.js';
-import '../chunk-VI5FWDZW.js';
+export { ChangeMark } from '../chunk-HAKTRTRP.js';
+import '../chunk-OOMXLJ3S.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-6ZJ3N7QI.js';

package/dist/ChoiceList/ChoiceList.d.ts

@@ -5,6 +5,11 @@ export interface ChoiceListOption {
     value: string;
     /** What the choice is, in a few words. */
     label: ReactNode;
+    /**
+     * A picture of the choice, drawn between the radio and the words: an
+     * agent's character, a kind's glyph. Decorative; the label names it.
+     */
+    media?: ReactNode;
     /** One line under the label saying what choosing it means. */
     detail?: ReactNode;
     /** A short word at the row's end, such as "Recommended". */
@@ -34,7 +39,8 @@ export interface ChoiceListProps {
 }
 /**
  * One answer from a short list, each choice a row with its label, a line of
- * detail and an optional tag, in one bordered box.
+ * detail, an optional picture (`media`) and an optional tag, in one bordered
+ * box.
  *
  * NATIVE RADIOS, so the arrow keys move the choice and Tab leaves the group as
  * the platform does, and every row is its radio's label, so the whole row

package/dist/ChoiceList/index.js

@@ -1,2 +1,2 @@
-export { ChoiceList } from '../chunk-QBXZLGK2.js';
+export { ChoiceList } from '../chunk-ZU3DUXD2.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ChoiceList-2PQJS4DX.css → ChoiceList-RBL7FNQL.css}

@@ -4,6 +4,8 @@
  * accent's soft fill, so the answer reads at a glance without the radio.
  */
 .crewlet-choice-list {
+  /* The platform's radio, sized here so a panel can line up with the text beside it. */
+  --crewlet-choice-list-radio-size: 13px;
   display: grid;
   gap: var(--spacing-1);
   padding: var(--spacing-1);
@@ -43,6 +45,22 @@
   transition: background-color var(--motion-duration-fast) var(--motion-easing-default);
 }
 
+/* A choice with a picture: the radio, the picture, the words, the tag. The
+   picture centres on the label and its detail together. */
+.crewlet-choice-list__row.has-media {
+  grid-template-columns: auto auto minmax(0, 1fr) auto;
+  align-items: center;
+}
+
+.crewlet-choice-list__row.has-media .crewlet-choice-list__radio {
+  margin-top: 0;
+}
+
+.crewlet-choice-list__media {
+  display: inline-flex;
+  flex: none;
+}
+
 .crewlet-choice-list__row:hover {
   background: var(--color-surface-hover);
 }
@@ -56,6 +74,8 @@
 }
 
 .crewlet-choice-list__radio {
+  width: var(--crewlet-choice-list-radio-size);
+  height: var(--crewlet-choice-list-radio-size);
   margin: 3px 0 0;
   accent-color: var(--color-brand-accent);
   cursor: inherit;
@@ -95,6 +115,25 @@
   white-space: nowrap;
 }
 
+/* A SELECTED CHOICE'S PANEL is part of the choice: it continues the row's
+   fill under it, and its content starts where the label does, not under the
+   radio. */
+.crewlet-choice-list__item:has(> .crewlet-choice-list__panel) {
+  gap: 0;
+}
+
+.crewlet-choice-list__item:has(> .crewlet-choice-list__panel) > .crewlet-choice-list__row {
+  border-end-start-radius: 0;
+  border-end-end-radius: 0;
+}
+
+.crewlet-choice-list__panel {
+  padding: var(--spacing-1) var(--spacing-2) var(--spacing-3) calc(var(--spacing-2) + var(--crewlet-choice-list-radio-size) + var(--spacing-3));
+  border-end-start-radius: var(--radius-sm);
+  border-end-end-radius: var(--radius-sm);
+  background: var(--color-brand-accent-soft);
+}
+
 .crewlet-choice-list__footer {
   display: flex;
   justify-content: flex-end;

package/dist/CommentThread/index.js

@@ -1,13 +1,13 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-IYO2N5ZH.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-6JVRY5DQ.js';
 import '../chunk-7DZDSSJS.js';
 import '../chunk-6QFAK2WV.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-TYKQ33CL.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-TYKQ33CL.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-UXXJDIYE.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-22CQQDFW.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-XEGZHHRH.js';
@@ -7,7 +7,7 @@ import '../chunk-6QFAK2WV.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-3EB2AV3H.js';
+import '../chunk-BUVCV3WI.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-OG6CL3EB.js';

package/dist/DataView/index.js

@@ -1,14 +1,14 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-7Q7WDXHG.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-QFNWMWWY.js';
 import '../chunk-HOXGBLEY.js';
-import '../chunk-BY4N65PM.js';
-import '../chunk-UXXJDIYE.js';
+import '../chunk-22CQQDFW.js';
+import '../chunk-73A7D5CE.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-XEGZHHRH.js';
 import '../chunk-F73MC7EZ.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-PGRPNDWM.js';
 import '../chunk-K3IJQNB7.js';
-import '../chunk-GXQ3B46I.js';
 import '../chunk-CPEPST4S.js';
 import '../chunk-6QFAK2WV.js';
 import '../chunk-SMBKXWML.js';
@@ -17,7 +17,7 @@ import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-3EB2AV3H.js';
+import '../chunk-BUVCV3WI.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-OG6CL3EB.js';

package/dist/DateTimePicker/index.js

@@ -1,6 +1,6 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-BY4N65PM.js';
-import '../chunk-K3IJQNB7.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-73A7D5CE.js';
 import '../chunk-GXQ3B46I.js';
+import '../chunk-K3IJQNB7.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-OG6CL3EB.js';

package/dist/DocTabsEditor/index.js

@@ -1,8 +1,8 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-YZFLH463.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-QEFHYUCY.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-6QFAK2WV.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-3EB2AV3H.js';
+import '../chunk-BUVCV3WI.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-OG6CL3EB.js';

package/dist/{Editor-UUZ7XKCU.js → Editor-BVQHBF7L.js}

@@ -1,10 +1,10 @@
-import { richEditorLabels } from './chunk-4B6LSFDS.js';
-import { schema, readMarkdown, writeMarkdown } from './chunk-C7DKX453.js';
-import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-KK5OYNAF.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
+import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-PGRPNDWM.js';
 import { FormField, Input } from './chunk-6QFAK2WV.js';
 import './chunk-PQADV6P6.js';
-import { Menu } from './chunk-3EB2AV3H.js';
+import { Menu } from './chunk-BUVCV3WI.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import { usePopupLayer } from './chunk-R25RGPUB.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/FileDrop/FileDrop.d.ts

@@ -0,0 +1,64 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ButtonProps } from "../Button/index.js";
+/** A file the person brought, and where it sits in what they brought. */
+export interface PickedFile {
+    /**
+     * Its path inside what was brought, with forward slashes: the file's name
+     * alone for loose files, `site/css/main.css` for a file inside a folder.
+     */
+    path: string;
+    file: File;
+}
+/**
+ * The files a drop carries, folders walked. Read from the entries API where the
+ * browser offers it (the only way a dropped folder's contents are reachable),
+ * else from the drop's flat file list.
+ */
+export declare function droppedFiles(data: DataTransfer): Promise<PickedFile[]>;
+/** The files an input picked, under their folder path when a folder was picked. */
+export declare function pickedFiles(list: FileList | null): PickedFile[];
+export interface FilePickButtonProps extends Omit<ButtonProps, "onClick" | "children"> {
+    onFiles: (files: PickedFile[]) => void;
+    /** File types the picker offers, as the input's `accept` takes them. */
+    accept?: string | undefined;
+    /** Pick a whole folder rather than files. */
+    directory?: boolean;
+    /** Allow more than one file. Ignored for a folder, which is always many. */
+    multiple?: boolean;
+    children: ReactNode;
+}
+/**
+ * A button that opens the system's file picker: the keyboard's and the
+ * screen reader's way to bring files, always offered beside a drop target.
+ */
+export declare const FilePickButton: import("react").ForwardRefExoticComponent<FilePickButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface FileDropProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDrop" | "title"> {
+    onFiles: (files: PickedFile[]) => void;
+    /**
+     * The region the files may be dropped on. Without it, the primitive draws
+     * its own target: a framed area holding `title`, `hint` and `actions`.
+     */
+    children?: ReactNode;
+    /** The target's heading, and what the overlay says while files are over it. */
+    title: ReactNode;
+    /** One line under the title: what may be brought. */
+    hint?: ReactNode;
+    /** The pickers, usually one or two `FilePickButton`s. Drawn in the target. */
+    actions?: ReactNode;
+    disabled?: boolean;
+}
+/**
+ * Where files are dropped: a target of its own, or any region (an editor, a
+ * pane) that takes files dropped on it, with an overlay saying so while files
+ * are held over it. Folders are walked.
+ *
+ * DROPPING IS NEVER THE ONLY WAY. A drop is a pointer gesture, so the target
+ * always carries a picker (`actions`, with `FilePickButton`), and a region
+ * that wraps content is expected to offer one nearby. The overlay is hidden
+ * from assistive technology; the consumer announces what arrived.
+ *
+ * A DRAG THAT IS NOT FILES (text being moved inside an editor) passes through
+ * untouched, and the overlay is counted in and out per element so a drag
+ * crossing children does not flicker it.
+ */
+export declare const FileDrop: import("react").ForwardRefExoticComponent<FileDropProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/FileDrop/index.d.ts

@@ -0,0 +1,3 @@
+import "./FileDrop.css";
+export { FileDrop, FilePickButton, droppedFiles, pickedFiles, } from "./FileDrop.js";
+export type { FileDropProps, FilePickButtonProps, PickedFile, } from "./FileDrop.js";

package/dist/FileDrop/index.js

@@ -0,0 +1,4 @@
+export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-THDGBD6Y.js';
+import '../chunk-OG6CL3EB.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/FileDrop-WE7BNZGV.css

@@ -0,0 +1,80 @@
+/*
+ * Where files are dropped. A target of its own is a dashed, quiet area with a
+ * heading, a hint and the pickers; a region wrapping content draws nothing
+ * until files are held over it, then an accent overlay saying what dropping
+ * does. The overlay takes no pointer, so the drop lands on the region.
+ */
+.crewlet-file-drop {
+  position: relative;
+  min-width: 0;
+}
+
+.crewlet-file-drop.is-target {
+  display: grid;
+  justify-items: center;
+  gap: var(--spacing-1);
+  padding: var(--spacing-6) var(--spacing-4);
+  border: 1px dashed var(--color-border-strong);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+  text-align: center;
+  transition:
+    border-color var(--motion-duration-fast) var(--motion-easing-default),
+    background-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-file-drop.is-target.is-over {
+  border-color: var(--color-brand-accent);
+  background: var(--color-brand-accent-soft);
+}
+
+.crewlet-file-drop.is-disabled {
+  opacity: 0.6;
+}
+
+.crewlet-file-drop__title {
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+}
+
+.crewlet-file-drop__hint {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-file-drop__actions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: var(--spacing-2);
+  margin-top: var(--spacing-2);
+}
+
+.crewlet-file-drop__overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: grid;
+  place-content: center;
+  justify-items: center;
+  gap: var(--spacing-1);
+  border: 1px dashed var(--color-brand-accent);
+  border-radius: var(--radius-md);
+  /* Floats over the region's content, so it takes the frosted ground. */
+  background: var(--color-surface-glass);
+  backdrop-filter: blur(var(--blur-sm));
+  pointer-events: none;
+  text-align: center;
+}
+
+/* The input the picker opens is never drawn or reached: the button is. */
+.crewlet-file-drop__input {
+  display: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-file-drop.is-target {
+    transition: none;
+  }
+}

package/dist/FindingList/FindingList.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+/** How a finding reads: something that refuses, or advice. */
+export type FindingTone = "danger" | "warning";
+/** One thing a checker found. */
+export interface Finding {
+    /** Stable identity within the list. */
+    key: string;
+    tone: FindingTone;
+    /** Where it is, as a reader names it: `index.html, line 6`. */
+    location?: ReactNode;
+    /** What is wrong, as a sentence. */
+    message: ReactNode;
+    /**
+     * Take the reader to it (an editor's line). With it the row is a button;
+     * without it, text.
+     */
+    onSelect?: (() => void) | undefined;
+}
+export interface FindingListProps {
+    findings: readonly Finding[];
+    /** Names the list for a screen reader: "Problems in the page". */
+    label: string;
+    /** What each tone is called to a screen reader, before the message. */
+    toneLabels?: Partial<Record<FindingTone, string>> | undefined;
+    className?: string | undefined;
+}
+/**
+ * What a checker found, one row each: its tone's glyph in its ink, where it is
+ * and what is wrong. Refusals first, then advice, each in the order given.
+ *
+ * A ROW THAT GOES SOMEWHERE IS A BUTTON, so a keyboard walks the findings with
+ * Tab and Enter takes it to the line, as a pointer does. The tone is said in
+ * words before the message, since a glyph's colour is not a word.
+ */
+export declare function FindingList({ findings, label, toneLabels, className, }: FindingListProps): import("react").JSX.Element;

package/dist/FindingList/index.d.ts

@@ -0,0 +1,3 @@
+import "./FindingList.css";
+export { FindingList } from "./FindingList.js";
+export type { Finding, FindingListProps, FindingTone } from "./FindingList.js";

package/dist/FindingList/index.js

@@ -0,0 +1,3 @@
+export { FindingList } from '../chunk-NTB5LRRD.js';
+import '../chunk-BZFWDIV6.js';
+import '../chunk-ODEQTPFM.js';

package/dist/FindingList-PMYA2R6Q.css

@@ -0,0 +1,71 @@
+/*
+ * What a checker found: a quiet list, one row each, the tone's glyph in its
+ * ink, the location in mono over the sentence. A row that goes somewhere takes
+ * the hover ground and the focus ring as a whole.
+ */
+.crewlet-finding-list {
+  display: grid;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crewlet-finding-list__row {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: var(--spacing-2);
+  align-items: start;
+  width: 100%;
+  padding: var(--spacing-2);
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--color-text-primary);
+  font: inherit;
+  text-align: start;
+}
+
+button.crewlet-finding-list__row {
+  cursor: pointer;
+}
+
+button.crewlet-finding-list__row:hover {
+  background: var(--color-surface-hover);
+}
+
+button.crewlet-finding-list__row:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: -2px;
+}
+
+.crewlet-finding-list__glyph {
+  display: inline-flex;
+  padding-top: 2px;
+}
+
+.crewlet-finding-list__glyph.is-danger {
+  color: var(--color-feedback-danger-ink);
+}
+
+.crewlet-finding-list__glyph.is-warning {
+  color: var(--color-feedback-warning-ink);
+}
+
+.crewlet-finding-list__text {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
+.crewlet-finding-list__location {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-2xs);
+  color: var(--color-text-tertiary);
+  overflow-wrap: anywhere;
+}
+
+.crewlet-finding-list__message {
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-normal);
+  overflow-wrap: anywhere;
+}

package/dist/HuePicker/HuePicker.d.ts

@@ -21,6 +21,15 @@ export type HuePickerProps = HuePickerBase & ({
     value: NodeHue | 'none';
     onValueChange: (hue: NodeHue | 'none') => void;
 });
+/**
+ * A hue's swatch, a dot in the hue, or the hairline ring of no hue: what a
+ * hue picker, a hue menu or a list of coloured choices draws beside a name.
+ * Decorative: the name beside it carries the hue.
+ */
+export declare function HueSwatch({ hue, className }: {
+    hue: NodeHue | 'none';
+    className?: string | undefined;
+}): import("react").JSX.Element;
 /**
  * The choice of an entity's hue: the six node hues as a row of chips, each a
  * swatch and the hue's name.

package/dist/HuePicker/index.d.ts

@@ -1,3 +1,3 @@
 import './HuePicker.css';
-export { HuePicker } from './HuePicker.js';
+export { HuePicker, HueSwatch } from './HuePicker.js';
 export type { HuePickerProps } from './HuePicker.js';

package/dist/HuePicker/index.js

@@ -1,5 +1,5 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker } from '../chunk-GPHWCK7M.js';
+export { HuePicker, HueSwatch } from '../chunk-SUXP4OBT.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-CCAXYHQS.js';
 import '../chunk-VL6CUNSX.js';

package/dist/Markdown/index.js

@@ -1 +1 @@
-export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-KK5OYNAF.js';
+export { MARKDOWN_CALLOUT_NAMES, MARKDOWN_CALLOUT_TONES, markdownBreaks, markdownClosesFence, markdownCodeText, markdownFenceOf, markdownHeadingOf, markdownInline, markdownLines, parseMarkdown, parseMarkdownSpans, safeHref } from '../chunk-BAKPMH3S.js';

package/dist/Menu/Menu.d.ts

@@ -122,7 +122,12 @@ export interface MenuTriggerProps {
     onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
 }
 export interface MenuProps {
-    /** The trigger's accessible name, such as "Actions for Software Engineer". */
+    /**
+     * The trigger's accessible name, such as "Actions for Software Engineer".
+     * It names a text trigger too, so "New" can be announced as "New artifact":
+     * keep the trigger's visible words in it, so a person who speaks what they
+     * see still reaches the button.
+     */
     label: string;
     items: readonly MenuEntry[];
     /** The trigger's glyph, when it has no visible text. */

package/dist/Menu/index.js

@@ -1,4 +1,4 @@
-export { Menu } from '../chunk-3EB2AV3H.js';
+export { Menu } from '../chunk-BUVCV3WI.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
 import '../chunk-OG6CL3EB.js';

package/dist/OrgTable/index.js

@@ -5,9 +5,9 @@ import '../chunk-ONQKKHON.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
+import '../chunk-TROLVEZY.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-R25RGPUB.js';
-import '../chunk-TROLVEZY.js';
 import '../chunk-4FQT6ZAY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RichEditor/index.js

@@ -1,6 +1,6 @@
-export { RichEditor, preloadRichEditor } from '../chunk-E4NNGC6X.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-4B6LSFDS.js';
-import '../chunk-KK5OYNAF.js';
+export { RichEditor, preloadRichEditor } from '../chunk-3VD3G3IL.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
+import '../chunk-BAKPMH3S.js';
 import '../chunk-SZZRIHGT.js';
 import '../chunk-TEUQWOWZ.js';
 import '../chunk-OG6CL3EB.js';

package/dist/RichEditorMarkdown/index.js

@@ -1,3 +1,3 @@
-export { canonicalMarkdown, roundTripMarkdown } from '../chunk-TRQCHF2F.js';
-import '../chunk-C7DKX453.js';
-import '../chunk-KK5OYNAF.js';
+export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
+import '../chunk-QH6VYJ3X.js';
+import '../chunk-BAKPMH3S.js';