@crewlethq/ui 0.58.0 → 0.60.0

package/dist/{RunChip-I2S4VZ3R.css → RunChip-D3JYPTTO.css}

@@ -21,7 +21,14 @@
   font-variant-numeric: tabular-nums;
 }
 
-.crewlet-run-chip__separator {
+/*
+ * The separator is drawn, not typed: generated content with no alternative
+ * text, so neither a screen reader nor a copy picks it up beside the comma
+ * the title already says.
+ */
+.crewlet-run-chip__meta::before {
+  content: '\00b7' / '';
+  margin-inline-end: var(--spacing-1);
   color: var(--color-text-tertiary);
 }
 

package/dist/SandboxedFrame/index.js

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

package/dist/SectionFrame/index.js

@@ -1,7 +1,7 @@
-export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-INVSUFJK.js';
-import '../chunk-E7QLG3PG.js';
-import '../chunk-OHGH7O6T.js';
+export { SectionFrame, SectionFrameBody, SectionFrameNav } from '../chunk-SHLP2BNA.js';
+import '../chunk-B53FUJ53.js';
+import '../chunk-TEV5REGB.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SegmentedControl/index.js

@@ -1,16 +1,16 @@
 import '../chunk-OOC7Q67K.js';
-export { SegmentedControl } from '../chunk-3JYCCTGK.js';
-import '../chunk-HYRKTVKL.js';
+export { SegmentedControl } from '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-BHHIIK3M.js';
-import '../chunk-7QE27DWU.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-5KRRJNQO.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SelectionBar/index.js

@@ -1,10 +1,10 @@
-export { SelectionBar } from '../chunk-3FGBMI36.js';
+export { SelectionBar } from '../chunk-6Z4JZHRB.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-RSAQOKH3.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-2G355KDJ.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SendButton/index.js

@@ -1,4 +1,4 @@
-export { SEND_BUTTON_LABELS, SendButton } from '../chunk-JILNCBBS.js';
-import '../chunk-2BQYODY3.js';
-import '../chunk-BZFWDIV6.js';
+export { SEND_BUTTON_LABELS, SendButton } from '../chunk-XN5L5E5D.js';
+import '../chunk-2XWFWNDT.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SetupWizard/index.js

@@ -1,12 +1,12 @@
-export { SetupWizard } from '../chunk-QFGKFCL2.js';
-import '../chunk-AP7GA5AA.js';
+export { SetupWizard } from '../chunk-T4THNJ6E.js';
+import '../chunk-Z4EKUMZW.js';
 import '../chunk-DKB73KZI.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-GG4QZWMQ.js';
-import '../chunk-TFGCNBWP.js';
-import '../chunk-BHHIIK3M.js';
+import '../chunk-P4YORMRZ.js';
+import '../chunk-ZYO2QFU6.js';
+import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-XSPCITPN.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ShareDialog/index.js

@@ -1,9 +1,9 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-EXP5RD3R.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-B5ZHJWAZ.js';
 import '../chunk-XQZ6EWOE.js';
-import '../chunk-UM3EKJXF.js';
+import '../chunk-IOTN23FZ.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-SEMZEENR.js';
+import '../chunk-KVWZDCTQ.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-CI3VPIJN.js';
@@ -11,12 +11,12 @@ import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetColumnEditor/index.js

@@ -1,29 +1,29 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-ARZF7KEO.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-5PMFRAGL.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-YPGD2YWN.js';
+import '../chunk-NRMXUNLR.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-3JYCCTGK.js';
-import '../chunk-HYRKTVKL.js';
+import '../chunk-3BQWARG2.js';
+import '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-NHJQXDHA.js';
-import '../chunk-SMBKXWML.js';
-import '../chunk-FXQLNETQ.js';
-import '../chunk-XCUUI7E7.js';
-import '../chunk-BHHIIK3M.js';
+import '../chunk-KIPAFCVS.js';
+import '../chunk-ACRRRPWT.js';
+import '../chunk-TLIJG4TP.js';
+import '../chunk-PGCLHYVP.js';
+import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-RSAQOKH3.js';
-import '../chunk-7QE27DWU.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-2G355KDJ.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetGrid/index.js

@@ -1,5 +1,5 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-DJ46CKSP.js';
-import '../chunk-O2EGEONV.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-WXSGCYZO.js';
+import '../chunk-4U2D6BPR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-3BYIWOTV.js';
 import '../chunk-I6POAB4V.js';
@@ -13,13 +13,13 @@ import '../chunk-I33UIUZD.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-RSAQOKH3.js';
-import '../chunk-7QE27DWU.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-2G355KDJ.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SidePanel/index.js

@@ -1,11 +1,11 @@
 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';
+export { SIDE_PANEL_LABELS, SIDE_PANEL_MAX_WIDTH, SIDE_PANEL_MIN_WIDTH, SIDE_PANEL_WIDTH, SidePanel, SidePanelFrame } from '../chunk-PUJUWLCX.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SidebarNav/index.js

@@ -1,6 +1,6 @@
-export { NavGroup, NavItem, SidebarNav } from '../chunk-E7QLG3PG.js';
-import '../chunk-OHGH7O6T.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-B53FUJ53.js';
+import '../chunk-TEV5REGB.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Skeleton/index.js

@@ -1,3 +1,3 @@
-export { Skeleton } from '../chunk-TEUQWOWZ.js';
-import '../chunk-BZFWDIV6.js';
+export { Skeleton } from '../chunk-QBI5ETKY.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideCompare/index.js

@@ -1,9 +1,9 @@
-export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-JIG4D2IQ.js';
+export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-W2Q5DZJB.js';
 import '../chunk-RMEBFYL7.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideFilmstrip/index.js

@@ -1,14 +1,14 @@
-export { SlideFilmstrip } from '../chunk-BA2KFNUD.js';
+export { SlideFilmstrip } from '../chunk-XLJPLCK6.js';
 import '../chunk-RMEBFYL7.js';
-import '../chunk-XJ2QEBMM.js';
-import '../chunk-SMBKXWML.js';
-import '../chunk-RSAQOKH3.js';
-import '../chunk-7QE27DWU.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-MPVMB2DV.js';
+import '../chunk-ACRRRPWT.js';
+import '../chunk-2G355KDJ.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideNav/index.js

@@ -1,4 +1,4 @@
-export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-OHBXOEP3.js';
-import '../chunk-2BQYODY3.js';
-import '../chunk-BZFWDIV6.js';
+export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-DEAFAK3U.js';
+import '../chunk-2XWFWNDT.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SourceEditor/index.js

@@ -1,4 +1,4 @@
-export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.js';
+export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-CVDK3LDB.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/StatCard/index.js

@@ -1,3 +1,3 @@
-export { StatCard } from '../chunk-YPTTSJPM.js';
-import '../chunk-BZFWDIV6.js';
+export { StatCard } from '../chunk-VO2PDDRE.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/StatusCard/StatusCard.d.ts

@@ -17,7 +17,33 @@ export interface StatusCardStatus {
  * that edge.
  */
 export type StatusCardActionsAlign = 'end' | 'start';
-export interface StatusCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+/**
+ * A card that folds to its head: what a result card (a table, a record a
+ * read answered) offers so that it can stand in a conversation as one line
+ * the reader opens. Never for a decision, which has to be read to be made.
+ */
+export interface StatusCardFoldProps {
+    /**
+     * The card folds to its head. The title becomes the button that opens and
+     * closes it, with the chevron every disclosure in the package draws; folded,
+     * the body, the strip and the foot are put away, and the foot's controls
+     * (the downloads, the link elsewhere) stand at the end of the head, so a
+     * folded card still offers them.
+     */
+    collapsible?: boolean | undefined;
+    /**
+     * What a folded card says after its title, in place of the subtitle: how
+     * much it holds, "7 rows", "Mission, vision, 6 policies". Part of the
+     * title's name while the card is folded.
+     */
+    summary?: ReactNode;
+    /** Controlled open state of a collapsible card. */
+    open?: boolean | undefined;
+    /** The uncontrolled starting state of a collapsible card. Folded (`false`) by default. */
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+}
+export interface StatusCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, StatusCardFoldProps {
     /** What the card is, in sentence case: the action proposed, the result shown. */
     title: string;
     /** A second line beside the title, under it on a card narrower than 480px. */
@@ -55,5 +81,9 @@ export interface StatusCardProps extends Omit<HTMLAttributes<HTMLElement>, 'titl
  *
  * THE FOOT FOLLOWS ONE RULE: a decision ends the row, utilities start it. On
  * a card narrower than 360px a decision's buttons share the row as blocks.
+ *
+ * A RESULT CAN FOLD TO ITS HEAD (`collapsible`): one line with the title, a
+ * summary of what it holds and its utilities, opened by its title. A card
+ * that asks for a decision never folds.
  */
-export declare function StatusCard({ title, subtitle, subtitlePlacement, status, settled, bodyPadding, strip, actions, actionsAlign, className, children, ...rest }: StatusCardProps): import("react").JSX.Element;
+export declare function StatusCard({ title, subtitle, subtitlePlacement, status, settled, bodyPadding, strip, actions, actionsAlign, collapsible, summary, open: controlledOpen, defaultOpen, onOpenChange, className, children, ...rest }: StatusCardProps): import("react").JSX.Element;

package/dist/StatusCard/index.d.ts

@@ -1,3 +1,3 @@
 import './StatusCard.css';
 export { StatusCard } from './StatusCard.js';
-export type { StatusCardActionsAlign, StatusCardProps, StatusCardStatus } from './StatusCard.js';
+export type { StatusCardActionsAlign, StatusCardFoldProps, StatusCardProps, StatusCardStatus } from './StatusCard.js';

package/dist/StatusCard/index.js

@@ -1,9 +1,9 @@
-export { StatusCard } from '../chunk-WDIVALLP.js';
+export { StatusCard } from '../chunk-WW4E5EUS.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-INHXF2CL.js';
+import '../chunk-MKKX6N7C.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-BHHIIK3M.js';
+import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/StatusCard-AMOI6GBK.css

@@ -0,0 +1,171 @@
+/*
+ * A record with a state. The card, its head, its body and its foot are
+ * Card's; only what a status card adds is said here.
+ */
+
+/* The body holds a sentence, a list and a note, one gap apart. */
+.crewlet-status-card__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  min-width: 0;
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-primary);
+}
+
+.crewlet-status-card__body > p {
+  margin: 0;
+}
+
+/* Settled: the body steps back so the strip at the foot reads first. */
+.crewlet-status-card--settled .crewlet-status-card__body {
+  color: var(--color-text-secondary);
+}
+
+/* The strip fills its flush footer edge to edge. */
+.crewlet-status-card__strip {
+  display: block;
+}
+
+/*
+ * THE FOOT'S ONE RULE. A decision ends the row; utilities start it, with a
+ * ghost button at either end pulled out by its padding and edge so its glyph
+ * sits on the card's text edge.
+ */
+.crewlet-status-card__actions {
+  flex-wrap: wrap;
+  container: crewlet-status-card-actions / inline-size;
+}
+
+.crewlet-status-card__actions--end {
+  justify-content: flex-end;
+}
+
+.crewlet-status-card__actions--start {
+  justify-content: flex-start;
+}
+
+.crewlet-status-card__actions--start > .crewlet-btn--ghost.crewlet-btn--small:first-child {
+  margin-inline-start: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+.crewlet-status-card__actions--start > .crewlet-btn--ghost.crewlet-btn--small:last-child {
+  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
+}
+
+/* A decision on a narrow card (a phone sheet): its buttons share the row as blocks. */
+@container crewlet-status-card-actions (width < 328px) {
+  .crewlet-status-card__actions--end > .crewlet-btn {
+    flex: 1 1 0;
+  }
+}
+
+/*
+ * A RESULT FOLDED TO ITS HEAD. The title is the button that opens it, with
+ * the one chevron every disclosure here draws, turned the same way. The head
+ * may wrap: on a narrow card the utilities a folded card keeps go under the
+ * title rather than cutting it to nothing.
+ */
+.crewlet-status-card--folded > .crewlet-card__header {
+  flex-wrap: wrap;
+  row-gap: var(--spacing-1);
+}
+
+/* `hidden` has to win over the body's own `display: flex`. */
+.crewlet-status-card__body[hidden] {
+  display: none;
+}
+
+.crewlet-status-card__fold-title {
+  min-width: 0;
+}
+
+/*
+ * The button keeps the title's type and pulls its padding into the gutter, so
+ * the chevron sits on the card's text edge. NEUTRAL on hover, as every
+ * disclosure trigger is.
+ */
+.crewlet-status-card__toggle {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  min-width: 0;
+  max-width: calc(100% + var(--spacing-2));
+  min-height: var(--size-row-sm);
+  margin-inline-start: calc(var(--spacing-2) * -1);
+  padding: var(--spacing-1) var(--spacing-2);
+  border: none;
+  border-radius: var(--radius-xs);
+  background: none;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+  transition: background var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-status-card__toggle:hover {
+  background: var(--color-surface-hover);
+}
+
+.crewlet-status-card__toggle:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+.crewlet-status-card__chevron {
+  flex: none;
+  color: var(--color-text-tertiary);
+  transform: rotate(-90deg);
+  transition: transform var(--motion-duration-base) var(--motion-easing-out);
+}
+
+.crewlet-status-card__toggle[aria-expanded='true'] .crewlet-status-card__chevron {
+  transform: rotate(0deg);
+}
+
+/* The title keeps its words and the summary gives up its tail first. */
+.crewlet-status-card__toggle-title {
+  flex: 0 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/*
+ * The dot is drawn, not written: generated content with no alternative text,
+ * so it is neither read nor copied, and the hidden comma before the summary
+ * is what both say instead.
+ */
+.crewlet-status-card__summary {
+  flex: 0 100 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-status-card__summary::before {
+  content: '\00b7' / '';
+  margin-inline-end: var(--spacing-1);
+}
+
+/* A folded card's utilities, at the end of its head, one small gap apart. */
+.crewlet-status-card__head-actions {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-status-card__toggle,
+  .crewlet-status-card__chevron {
+    transition: none;
+  }
+}

package/dist/Stepper/index.js

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

package/dist/SuggestionRow/index.js

@@ -1,3 +1,3 @@
-export { SuggestionList, SuggestionRow } from '../chunk-SDSBVVLL.js';
-import '../chunk-BZFWDIV6.js';
+export { SuggestionList, SuggestionRow } from '../chunk-YBI7M2JH.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,19 +1,19 @@
-export { Switcher } from '../chunk-2XBIN5C2.js';
-import '../chunk-SEMZEENR.js';
+export { Switcher } from '../chunk-ZRKUTFYE.js';
+import '../chunk-KVWZDCTQ.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
-import '../chunk-TEUQWOWZ.js';
-import '../chunk-FXQLNETQ.js';
-import '../chunk-XCUUI7E7.js';
+import '../chunk-QBI5ETKY.js';
+import '../chunk-TLIJG4TP.js';
+import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-RSAQOKH3.js';
+import '../chunk-2G355KDJ.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Table/index.js

@@ -1,3 +1,3 @@
-export { Table } from '../chunk-45KMH3E3.js';
-import '../chunk-BZFWDIV6.js';
+export { Table } from '../chunk-5DJMFRSZ.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TableCells/index.js

@@ -1,10 +1,10 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-3EYSYEXP.js';
-import '../chunk-FBSEJO2C.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-U4AXQI6U.js';
+import '../chunk-HOP3J622.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-KS7YIJ4S.js';
-import '../chunk-EUCC37WY.js';
+import '../chunk-L6NG7CUA.js';
+import '../chunk-RE3FBGQQ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -1,14 +1,14 @@
-export { TabPanel, Tabs, tabId } from '../chunk-HYRKTVKL.js';
+export { TabPanel, Tabs, tabId } from '../chunk-VN3DCUED.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-BHHIIK3M.js';
-import '../chunk-7QE27DWU.js';
-import '../chunk-QKXQC5D6.js';
+import '../chunk-5KRRJNQO.js';
+import '../chunk-LODRX4FU.js';
+import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2BQYODY3.js';
+import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-BZFWDIV6.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';