@crewlethq/ui 0.57.1 → 0.58.0

package/dist/MarkdownEditor/index.js

@@ -1,14 +1,14 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-272Y3YMV.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-DHS335W4.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-AWSFK2IK.js';
-import '../chunk-I7VG6RQE.js';
+import '../chunk-3JYCCTGK.js';
+import '../chunk-HYRKTVKL.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/Menu/index.js

@@ -1,6 +1,6 @@
-export { Menu } from '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+export { Menu } from '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2BQYODY3.js';

package/dist/MergeConflicts/index.js

@@ -1,13 +1,13 @@
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-2TTFDRR3.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-IFWJNKVT.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-AWSFK2IK.js';
-import '../chunk-I7VG6RQE.js';
+import '../chunk-3JYCCTGK.js';
+import '../chunk-HYRKTVKL.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/Modal/index.js

@@ -1,7 +1,7 @@
-export { ConfirmModal, Modal } from '../chunk-QZ4B72FP.js';
+export { ConfirmModal, Modal } from '../chunk-SEMZEENR.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2BQYODY3.js';

package/dist/OpenInAppCard/index.js

@@ -1,5 +1,5 @@
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CZNG3V6L.js';
-import '../chunk-LZXY6IMO.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CSBS66PG.js';
+import '../chunk-2K6FUMIK.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-3LI4TRUR.js';
 import '../chunk-WDIVALLP.js';
@@ -9,7 +9,7 @@ import '../chunk-INHXF2CL.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PeekRail/index.js

@@ -1,7 +1,7 @@
-export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-LXYSWQNE.js';
+export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-QTB5S6JZ.js';
 import '../chunk-PIYJNCN7.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-2BQYODY3.js';
 import '../chunk-BZFWDIV6.js';

package/dist/PeopleRail/index.js

@@ -1,12 +1,12 @@
-export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-ICJRP6QW.js';
+export { PEOPLE_RAIL_LABELS, PeopleRail, peopleRailKey } from '../chunk-CBR52S2C.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-2BQYODY3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PresenterView/index.js

@@ -1,9 +1,9 @@
-export { PresenterView, formatStopwatch } from '../chunk-EGL24VY5.js';
+export { PresenterView, formatStopwatch } from '../chunk-RXAODDFD.js';
 import '../chunk-OHBXOEP3.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-RK4XPHVG.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2BQYODY3.js';

package/dist/ProposalCard/index.js

@@ -1,5 +1,5 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-SW4XVX7K.js';
-import '../chunk-LZXY6IMO.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-52IHWD3V.js';
+import '../chunk-2K6FUMIK.js';
 import '../chunk-WDIVALLP.js';
 import '../chunk-NEHSV55H.js';
 import '../chunk-Z3GDMNMU.js';
@@ -11,7 +11,7 @@ import '../chunk-GG4QZWMQ.js';
 import '../chunk-TFGCNBWP.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ReceiptStrip/index.js

@@ -1,5 +1,5 @@
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-LZXY6IMO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-2K6FUMIK.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ResultTableCard/ResultTableCard.d.ts

@@ -50,9 +50,10 @@ export interface ResultTableCardProps extends Omit<HTMLAttributes<HTMLElement>,
  * the page the rows come from.
  *
  * THE CARD IS THE FRAME. The table draws no edge of its own and its outer
- * cells take the card's inset, so every row lines up with the title. The
- * first column takes the room the figures leave and ends a long name in an
- * ellipsis; a host that cuts names gives the cell its own tooltip.
+ * cells take the card's inset, so every row lines up with the title. A text
+ * cell, the first column's name included, wraps between words, so the whole
+ * of it is read at any width; figures and dates (`end` columns) stay on one
+ * line.
  *
  * A FOOT OF UTILITIES, so it starts on the card's text edge: the downloads
  * first (their ghost padding pulled out so the first glyph sits on that edge)

package/dist/ResultTableCard/index.js

@@ -1,7 +1,7 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-ZCMAU4YD.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-QZXSEPLJ.js';
 import '../chunk-45KMH3E3.js';
 import '../chunk-WDIVALLP.js';
-import '../chunk-HNK43Z3P.js';
+import '../chunk-CFHGVO5L.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-KYIAFNU7.js';
@@ -10,7 +10,7 @@ import '../chunk-INHXF2CL.js';
 import '../chunk-AV2DXAEL.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ResultTableCard-ICUFRZUO.css → ResultTableCard-AP355LQM.css}

@@ -1,8 +1,7 @@
 /*
  * A result in a card. The card, its head and its foot are StatusCard's and
  * the table is Table's, drawn flush; what a result adds is the column model:
- * the first column takes the room the figures leave and ends a long name in
- * an ellipsis, and the figures never wrap.
+ * a text column wraps between words, and the figures never wrap.
  */
 .crewlet-result-table-card__table .crewlet-table__table {
   table-layout: auto;
@@ -15,20 +14,20 @@
  * letter, so "Product Manager" stacked letter by letter beside columns with
  * room to spare. Breaking at words keeps a column as wide as its longest
  * word, and a word wider than the card still breaks rather than overflow.
+ *
+ * THE NAME WRAPS TOO. The first column used to end a long name in an
+ * ellipsis on one line, and a result's row is not a link and its cell has no
+ * title, so in a 358px panel "Write the MVP plan" read "Write the MVP ..."
+ * with no way to reach the rest. It takes no width of its own: the auto
+ * layout gives each column the room its words ask for, so the name, the
+ * longest text, takes the most and wraps between words, and a short column
+ * beside it keeps its line where there is room. A `width: 100%` on it would
+ * squeeze every other text column to its longest word.
  */
 .crewlet-result-table-card__table td {
   overflow-wrap: break-word;
 }
 
-.crewlet-result-table-card__table td:first-child {
-  width: 100%;
-  max-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow-wrap: normal;
-}
-
 .crewlet-result-table-card__table .crewlet-table__cell--end {
   white-space: nowrap;
 }

package/dist/RichEditor/index.js

@@ -1,9 +1,9 @@
-export { RichEditor, preloadRichEditor } from '../chunk-NI7WUPH3.js';
+export { RichEditor, preloadRichEditor } from '../chunk-CVH7KBAJ.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RunChip/index.js

@@ -1,10 +1,10 @@
-export { RUN_STATES, RunChip } from '../chunk-EVWTLFKI.js';
-import '../chunk-CGT4R7LW.js';
+export { RUN_STATES, RunChip } from '../chunk-DIR6CSJP.js';
+import '../chunk-AP7GA5AA.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-GG4QZWMQ.js';
 import '../chunk-TFGCNBWP.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SandboxedFrame/index.js

@@ -1,9 +1,9 @@
-export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-OZIBNFLO.js';
+export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-32SOAYCF.js';
 import '../chunk-F6V2PTN6.js';
 import '../chunk-ZXXDZJQN.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SegmentedControl/index.js

@@ -1,12 +1,12 @@
 import '../chunk-OOC7Q67K.js';
-export { SegmentedControl } from '../chunk-AWSFK2IK.js';
-import '../chunk-I7VG6RQE.js';
+export { SegmentedControl } from '../chunk-3JYCCTGK.js';
+import '../chunk-HYRKTVKL.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/SelectionBar/index.js

@@ -1,8 +1,8 @@
-export { SelectionBar } from '../chunk-NK3D66PB.js';
+export { SelectionBar } from '../chunk-3FGBMI36.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';

package/dist/SetupWizard/index.js

@@ -1,5 +1,5 @@
-export { SetupWizard } from '../chunk-D5OSP3KI.js';
-import '../chunk-CGT4R7LW.js';
+export { SetupWizard } from '../chunk-QFGKFCL2.js';
+import '../chunk-AP7GA5AA.js';
 import '../chunk-DKB73KZI.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-GG4QZWMQ.js';
@@ -7,6 +7,6 @@ import '../chunk-TFGCNBWP.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ShareDialog/index.js

@@ -1,9 +1,9 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-OOZ5AGPS.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-EXP5RD3R.js';
 import '../chunk-XQZ6EWOE.js';
-import '../chunk-ES4HR34Y.js';
+import '../chunk-UM3EKJXF.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-QZ4B72FP.js';
+import '../chunk-SEMZEENR.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-CI3VPIJN.js';
@@ -11,8 +11,8 @@ import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/SheetColumnEditor/index.js

@@ -1,13 +1,13 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-EBG3V4MK.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-ARZF7KEO.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-OYAXKHVW.js';
+import '../chunk-YPGD2YWN.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-AWSFK2IK.js';
-import '../chunk-I7VG6RQE.js';
+import '../chunk-3JYCCTGK.js';
+import '../chunk-HYRKTVKL.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-NHJQXDHA.js';
@@ -17,9 +17,9 @@ import '../chunk-XCUUI7E7.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/SheetGrid/index.js

@@ -1,4 +1,4 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-TD3UHDFY.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-DJ46CKSP.js';
 import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-3BYIWOTV.js';
@@ -14,9 +14,9 @@ import '../chunk-WIATRXEJ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2BQYODY3.js';

package/dist/SidePanel/SidePanel.d.ts

@@ -31,12 +31,13 @@ export interface SidePanelProps {
      */
     footer?: ReactNode;
     /**
-     * Drops the body's inset, for content that owns its own edges: a
+     * Drops the body's inset and its scrolling, for content that owns both: a
      * `ChatThread`, which scrolls itself and insets its own items, so its
-     * scrollbar stands on the panel's edge and the inset is not drawn twice; or
-     * a table whose rules meet the panel's sides. `--crewlet-side-panel-inset`
-     * reads 0 inside the body, so a sticky foot that offsets itself by the
-     * inset still sits on the edge.
+     * scrollbar stands on the panel's edge and the inset is not drawn twice.
+     * The body clips (`overflow: clip`) rather than scrolls, so a focus or a
+     * script inside cannot move it; content that may be taller than the panel
+     * scrolls itself (`min-height: 0` in the body's column, as `ChatThread`
+     * does). `--crewlet-side-panel-inset` reads 0 inside the body.
      */
     flush?: boolean | undefined;
     /**

package/dist/SidePanel/SidePanelBase.d.ts

@@ -34,7 +34,7 @@ export interface SidePanelBaseProps {
     closeLabel: string;
     actions?: ReactNode;
     footer?: ReactNode;
-    /** Whether the body drops its inset, for content that draws its own. */
+    /** Whether the body drops its inset and its scrolling, for content that owns both. */
     flush?: boolean | undefined;
     initialFocus?: SidePanelInitialFocus | undefined;
     /** Whether the heading draws the focus ring when it holds focus. */

package/dist/SidePanel/index.js

@@ -1,4 +1,4 @@
-import '../chunk-NVZCANJ5.js';
+import '../chunk-73GUXYYE.js';
 export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-XODESBSR.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-PIYJNCN7.js';

package/dist/{SidePanel-ERBUIELD.css → SidePanel-VXKUKLOJ.css}

@@ -157,11 +157,19 @@
   overscroll-behavior: contain;
 }
 
-/* FLUSH, the body draws no inset of its own: what it holds owns its edges
-   (a chat thread that scrolls and insets itself). The published inset reads 0
-   inside it, so anything that offsets itself by the inset follows. */
+/* FLUSH, the body draws no inset of its own and does not scroll: what it
+   holds owns its edges and its scrolling (a chat thread that scrolls and
+   insets itself, shrunk to the body by `min-height: 0`). The published inset
+   reads 0 inside it, so anything that offsets itself by the inset follows.
+
+   CLIPPED, NOT SCROLLABLE. `overflow: hidden` would still be a scroll
+   container, which a focus, `scrollIntoView` or a script can scroll; a flush
+   body that was scrolled 238px lifted its thread off the panel's foot and
+   left a blank band no wheel could reach. `clip` is not a scroll container,
+   so nothing moves it. */
 .crewlet-side-panel__body--flush {
   --crewlet-side-panel-inset: 0px;
+  overflow: clip;
 }
 
 /* THE FOOT holds the panel's own commit, outside the scrolling body, so it

package/dist/SlideCompare/index.js

@@ -1,7 +1,7 @@
-export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-UV4LOQ3E.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-JIG4D2IQ.js';
 import '../chunk-RMEBFYL7.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';

package/dist/SlideFilmstrip/index.js

@@ -1,11 +1,11 @@
-export { SlideFilmstrip } from '../chunk-WOW5SCEK.js';
+export { SlideFilmstrip } from '../chunk-BA2KFNUD.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-TKS7FTTO.js';
-import '../chunk-HD4QJ2SI.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-7QE27DWU.js';
+import '../chunk-QKXQC5D6.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2BQYODY3.js';

package/dist/Spinner/Spinner.d.ts

@@ -11,8 +11,12 @@ export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'chi
     size?: SpinnerSize | undefined;
 }
 /**
- * Work under way, drawn as the package's one ring: a 2px ring in the current
- * ink with its right quarter open, turning once per slow motion step.
+ * Work under way, drawn as the package's one ring: a 2px arc in the current
+ * ink that turns once a second (`--motion-duration-turn`) while its length
+ * breathes between a quarter and three quarters of the ring on a slower cycle
+ * (`--motion-duration-sweep`). It used to turn once per slow transition step
+ * (300ms), more than three turns a second, which read as alarm rather than as
+ * steady work.
  *
  * ONE RING FOR THE WHOLE PACKAGE. A button's pending state, a request's state
  * column and a status tag all draw this element, so a screen that shows three

package/dist/Spinner/index.js

@@ -1,2 +1,2 @@
-export { Spinner } from '../chunk-EA23JG6R.js';
+export { Spinner } from '../chunk-XSPCITPN.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Spinner-PM37OCHI.css

@@ -0,0 +1,100 @@
+/*
+ * The package's one ring. See Spinner.tsx for why it is inline-block, why it
+ * stays open when it stops, and why its ink is the current colour.
+ */
+
+/*
+ * THE ARC'S LENGTH, registered so it can be animated. An unregistered custom
+ * property animates in a single step at the halfway point, which would make
+ * the arc jump rather than breathe. Its initial value is the arc at rest: three
+ * quarters of the ring, the right quarter open.
+ */
+@property --crewlet-spinner-arc {
+  syntax: '<angle>';
+  inherits: false;
+  initial-value: 270deg;
+}
+
+/*
+ * The ring is a full 2px border cut to an arc by a mask, so the stroke is the
+ * same 2px at every size and the arc's length can move while the ring turns.
+ * The arc is centred on the left (270deg), so it grows and shrinks at both ends
+ * at once and the open quarter at rest sits on the right. Each end is feathered
+ * over a few degrees, so it reads as a soft cap rather than a hard cut. A mask
+ * reads only alpha, so its black is opacity rather than a colour.
+ */
+.crewlet-spinner {
+  --crewlet-spinner-from: calc(270deg - var(--crewlet-spinner-arc) / 2);
+  display: inline-block;
+  box-sizing: border-box;
+  flex: none;
+  width: 1em;
+  height: 1em;
+  border: 2px solid currentColor;
+  border-radius: var(--radius-circle);
+  opacity: 0.7;
+  -webkit-mask-image: conic-gradient(
+    from var(--crewlet-spinner-from),
+    transparent 0deg,
+    #000 6deg,
+    #000 calc(var(--crewlet-spinner-arc) - 6deg),
+    transparent var(--crewlet-spinner-arc)
+  );
+  mask-image: conic-gradient(
+    from var(--crewlet-spinner-from),
+    transparent 0deg,
+    #000 6deg,
+    #000 calc(var(--crewlet-spinner-arc) - 6deg),
+    transparent var(--crewlet-spinner-arc)
+  );
+  /*
+   * Two motions, one definition for every ring in the package: one steady turn
+   * a second, and the arc breathing between a quarter and three quarters of the
+   * ring on a slower cycle, so the ends ease apart and together while it turns.
+   */
+  animation:
+    crewlet-spinner-turn var(--motion-duration-turn) linear infinite,
+    crewlet-spinner-sweep var(--motion-duration-sweep) var(--motion-easing-in-out) infinite;
+}
+
+/* The glyph scale of @crewlethq/icons: xs 12px, sm 14px, md 16px. */
+.crewlet-spinner--xs {
+  width: var(--font-size-xs);
+  height: var(--font-size-xs);
+}
+
+.crewlet-spinner--sm {
+  width: var(--font-size-sm);
+  height: var(--font-size-sm);
+}
+
+.crewlet-spinner--md {
+  width: var(--font-size-md);
+  height: var(--font-size-md);
+}
+
+@keyframes crewlet-spinner-turn {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes crewlet-spinner-sweep {
+  0%,
+  100% {
+    --crewlet-spinner-arc: 90deg;
+  }
+
+  50% {
+    --crewlet-spinner-arc: 270deg;
+  }
+}
+
+/* It stops, and keeps its open quarter: a closed ring reads as an empty status
+   circle, the open one still reads as pending. With both motions off, the arc
+   takes its registered initial value, three quarters of the ring. */
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-spinner {
+    animation: none;
+  }
+}

package/dist/Stepper/index.js

@@ -1,5 +1,5 @@
-export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-CGT4R7LW.js';
+export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-AP7GA5AA.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-EA23JG6R.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';