@crewlethq/ui 0.62.0 → 0.64.0

package/dist/AgentHandoffPanel/index.js

@@ -14,9 +14,9 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/AppShell/index.js

@@ -3,9 +3,9 @@ import '../chunk-RTPQDNW3.js';
 import '../chunk-LODRX4FU.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from '../chunk-PIYJNCN7.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/ArtifactBar/index.js

@@ -1,19 +1,19 @@
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-5KW63GZ3.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-JAOJLEYB.js';
 import '../chunk-OOC7Q67K.js';
 import '../chunk-I33UIUZD.js';
-import '../chunk-3BQWARG2.js';
-import '../chunk-VN3DCUED.js';
-import '../chunk-WIATRXEJ.js';
+import '../chunk-F7VBYCW2.js';
+import '../chunk-27JCHL64.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-AVL52EME.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-RSKW25Y5.js';
 import '../chunk-ACRRRPWT.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-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/ArtifactCard/index.js

@@ -1,13 +1,13 @@
-export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-MHFTG2LO.js';
+export { ArtifactCard, ArtifactCardSkeleton, ArtifactPreviewGlyph } from '../chunk-EBCH3MRX.js';
 import '../chunk-QBI5ETKY.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
+import '../chunk-MKKX6N7C.js';
+import '../chunk-AV2DXAEL.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-QZLNKLYD.js';
-import '../chunk-MKKX6N7C.js';
-import '../chunk-AV2DXAEL.js';
 import '../chunk-KIPAFCVS.js';
 import '../chunk-BGLKLXL3.js';
 export { ARTIFACT_KINDS, ArtifactKindGlyph } from '../chunk-RSKW25Y5.js';

package/dist/AttachmentChip/AttachmentChip.d.ts

@@ -0,0 +1,37 @@
+import { type HTMLAttributes } from 'react';
+/** Where an attached file stands: on its way up, ready to send, or refused. */
+export type AttachmentChipState = 'uploading' | 'ready' | 'failed';
+/** The words a state is said with after the file's name, for a screen reader. */
+export interface AttachmentChipLabels {
+    uploading: string;
+    failed: string;
+    /** Names the remove control, by the file's name. */
+    remove: (name: string) => string;
+}
+export declare const ATTACHMENT_CHIP_LABELS: AttachmentChipLabels;
+export interface AttachmentChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** The file's name. */
+    name: string;
+    /**
+     * The address of an image to draw as the chip's thumbnail, or nothing for
+     * the image mark. DRAWN ONLY AS AN `<img>`, so a picture never runs what it
+     * carries; one that fails to load falls back to the mark.
+     */
+    preview?: string | undefined;
+    state?: AttachmentChipState | undefined;
+    /** Takes the file off what is being sent. Without it, the chip only shows what was sent. */
+    onRemove?: (() => void) | undefined;
+    labels?: Partial<AttachmentChipLabels> | undefined;
+}
+/**
+ * A file attached to a message, as the chip in a composer's attachments row
+ * and under the message it was sent with: a thumbnail, the file's name, and
+ * a remove control while it can still be taken off.
+ *
+ * A `Tag`, SO IT STANDS IN ONE ROW with the other things a message carries
+ * (the page a question is asked about) at the same height and in the same
+ * outline. Uploading, the thumbnail gives way to the spinner; refused, the
+ * chip takes the danger tone and the alert mark, and its state is said in
+ * words after the name, because the mark is a picture of it.
+ */
+export declare function AttachmentChip({ name, preview, state, onRemove, labels: overrides, className, ...rest }: AttachmentChipProps): import("react").JSX.Element;

package/dist/AttachmentChip/index.d.ts

@@ -0,0 +1,3 @@
+import './AttachmentChip.css';
+export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from './AttachmentChip.js';
+export type { AttachmentChipLabels, AttachmentChipProps, AttachmentChipState } from './AttachmentChip.js';

package/dist/AttachmentChip/index.js

@@ -0,0 +1,6 @@
+export { ATTACHMENT_CHIP_LABELS, AttachmentChip } from '../chunk-KYTOEWJD.js';
+import '../chunk-KYIAFNU7.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-XSPCITPN.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/AttachmentChip-XF4KPQ3G.css

@@ -0,0 +1,16 @@
+/*
+ * A file attached to a message: a Tag whose leading mark is the file's
+ * thumbnail, at the glyph's own box so the pill keeps its height, with the
+ * name cut short rather than widening the composer's row.
+ */
+.crewlet-attachment-chip {
+  max-width: 14rem;
+}
+
+.crewlet-attachment-chip__thumb {
+  display: block;
+  width: var(--font-size-md);
+  height: var(--font-size-md);
+  border-radius: var(--radius-xs);
+  object-fit: cover;
+}

package/dist/AvatarPicker/index.js

@@ -1,19 +1,19 @@
-export { AvatarPicker } from '../chunk-5ZGJ22CO.js';
-import '../chunk-NRMXUNLR.js';
+export { AvatarPicker } from '../chunk-DHIO6Q75.js';
+import '../chunk-QCVAVAF6.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-SNQRGH4A.js';
-import '../chunk-3BQWARG2.js';
-import '../chunk-VN3DCUED.js';
-import '../chunk-WIATRXEJ.js';
+import '../chunk-F7VBYCW2.js';
+import '../chunk-27JCHL64.js';
 import '../chunk-EGMQURBR.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-PZKHBB7D.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-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/Canvas/index.js

@@ -3,8 +3,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ACRRRPWT.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/CanvasBoard/index.js

@@ -7,8 +7,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ACRRRPWT.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/CanvasToolbar/index.js

@@ -5,8 +5,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ACRRRPWT.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/ChangeList/ChangeList.d.ts

@@ -11,19 +11,28 @@ interface RowBase {
     /** A consequence under the value, in the smallest tertiary type: "No open task matches this title". Never the current value, which the pair shows. */
     note?: ReactNode;
 }
+/**
+ * A value that is more than a line: a list (`ChangeListItems`), a page of
+ * text, a preview. It takes the row's whole width under its label, and its
+ * tint is a block rather than a highlight, because a list or paragraphs drawn
+ * inside a highlighted run of words read as one run-on line.
+ */
+interface BlockValue {
+    block?: boolean | undefined;
+}
 /** A fact that does not change, such as the page being edited. */
-export interface ChangeListFactRow extends RowBase {
+export interface ChangeListFactRow extends RowBase, BlockValue {
     kind: 'fact';
     value: ReactNode;
 }
 /** A value that changes from one thing to another. */
-export interface ChangeListChangedRow extends RowBase {
+export interface ChangeListChangedRow extends RowBase, BlockValue {
     kind: 'changed';
     from: ReactNode;
     to: ReactNode;
 }
 /** A value set where there was none. */
-export interface ChangeListAddedRow extends RowBase {
+export interface ChangeListAddedRow extends RowBase, BlockValue {
     kind: 'added';
     to: ReactNode;
     /**
@@ -34,7 +43,7 @@ export interface ChangeListAddedRow extends RowBase {
     isNew?: boolean | undefined;
 }
 /** A value taken away. */
-export interface ChangeListRemovedRow extends RowBase {
+export interface ChangeListRemovedRow extends RowBase, BlockValue {
     kind: 'removed';
     from: ReactNode;
 }
@@ -93,6 +102,19 @@ export declare const CHANGE_LIST_COLLAPSE_OVER = 80;
  * reader needs from unchanged text is the words that touch the change.
  */
 export declare function shortenUnchanged(text: string, place: 'first' | 'middle' | 'last', max?: number): string;
+/**
+ * A list value, one item a line: what a block row holds for a field that is a
+ * list (a seat's responsibilities, a voice's rules), rather than its items
+ * joined into one line.
+ */
+export declare function ChangeListItems({ items }: {
+    items: readonly ReactNode[];
+}): import("react").JSX.Element;
+/** A block value: the same words and tints as a line's, stacked across the row. */
+declare function BlockValue({ row, labels }: {
+    row: Exclude<ChangeListRow, ChangeListTextRow>;
+    labels: ChangeListLabels;
+}): import("react").JSX.Element;
 /**
  * What a change will do, field by field, as a before and after.
  *

package/dist/ChangeList/index.d.ts

@@ -1,3 +1,3 @@
 import './ChangeList.css';
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from './ChangeList.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from './ChangeList.js';
 export type { ChangeListAddedRow, ChangeListChangedRow, ChangeListFactRow, ChangeListLabels, ChangeListProps, ChangeListRemovedRow, ChangeListRow, ChangeListTextRow, WordDiffPart, } from './ChangeList.js';

package/dist/ChangeList/index.js

@@ -1,4 +1,4 @@
-export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, shortenUnchanged } from '../chunk-ZH5F2PXC.js';
+export { CHANGE_LIST_COLLAPSE_OVER, CHANGE_LIST_LABELS, ChangeList, ChangeListItems, shortenUnchanged } from '../chunk-NOSHT6FL.js';
 import '../chunk-RO2MZZ66.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';

package/dist/{ChangeList-CB2DLR5S.css → ChangeList-KQVD46IC.css}

@@ -57,6 +57,47 @@
   gap: var(--spacing-1);
 }
 
+/* A block value takes the row's whole width under its label, as long text does. */
+.crewlet-change-list__row--block > .crewlet-change-list__value {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-1);
+}
+
+/*
+ * The tint of a block value is the block itself: a list or paragraphs keep
+ * their own layout inside it, and line breaks in plain text are kept.
+ */
+.crewlet-change-list__block {
+  display: block;
+  align-self: stretch;
+  min-width: 0;
+  padding: var(--spacing-1) var(--spacing-2);
+  border-radius: var(--radius-sm);
+  white-space: pre-line;
+}
+
+/* A fact needs no tint, only the block's layout. */
+.crewlet-change-list__block--plain {
+  padding: 0;
+}
+
+/* Elements inside a block value lay out as themselves, not as kept line breaks. */
+.crewlet-change-list__block > * {
+  white-space: normal;
+}
+
+.crewlet-change-list__items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  margin: 0;
+  padding-inline-start: var(--spacing-4);
+  list-style: disc;
+}
+
 .crewlet-change-list__fact {
   font-weight: var(--font-weight-medium);
 }

package/dist/CommandPalette/index.js

@@ -8,9 +8,9 @@ import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/CommentThread/index.js

@@ -13,8 +13,8 @@ import '../chunk-5KRRJNQO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/ContrastBadge/index.js

@@ -1,6 +1,6 @@
-export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-WDRYUMN6.js';
-import '../chunk-KYIAFNU7.js';
+export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-BSAQE7PO.js';
 import '../chunk-7W3LYIOC.js';
+import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ContrastHelp/index.js

@@ -1,8 +1,8 @@
-export { ContrastHelp } from '../chunk-3633T7EJ.js';
-import '../chunk-WDRYUMN6.js';
-import '../chunk-KYIAFNU7.js';
+export { ContrastHelp } from '../chunk-WSV3MBOE.js';
+import '../chunk-BSAQE7PO.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-7W3LYIOC.js';
+import '../chunk-KYIAFNU7.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/DataTable/index.js

@@ -11,8 +11,8 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-LODRX4FU.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/DataView/index.js

@@ -21,8 +21,8 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-LODRX4FU.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/DateTimePicker/index.js

@@ -2,8 +2,8 @@ export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-2BDPR4
 import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/DeepWorkCard/DeepWorkCard.d.ts

@@ -0,0 +1,85 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type StepListStep } from '../Stepper/index.js';
+/**
+ * Where a long, bounded run stands: `starting` before its first step,
+ * `running` while it works, `waiting` on the person's approval of a change it
+ * prepared, `finished`, `stopped` (by the person, or at one of its limits)
+ * and `failed` (the system could not finish it).
+ */
+export type DeepWorkState = 'starting' | 'running' | 'waiting' | 'finished' | 'stopped' | 'failed';
+export declare const DEEP_WORK_STATES: readonly ["starting", "running", "waiting", "finished", "stopped", "failed"];
+/** The words each state is said with, on the card's state tag. */
+export type DeepWorkStateLabels = Record<DeepWorkState, string>;
+export declare const DEEP_WORK_STATE_LABELS: DeepWorkStateLabels;
+/** One of the run's limits, as a meter: time against its deadline, calls against their cap, budget used. */
+export interface DeepWorkMeasure {
+    /** What tells two measures apart, unique within the card. */
+    key: string;
+    /** What is measured, in a word or two: "Time", "Crewlet calls", "Budget used". */
+    label: string;
+    value: number;
+    /** The limit. A run's measure always has one. */
+    max: number;
+    /** The reading in words, at the legend's end: "4m of 20m", "12 of 60", "34%". */
+    hint: string;
+    /** The reading for a screen reader, where the hint abbreviates: "4 minutes of 20". Defaults to `hint`. */
+    valueText?: string | undefined;
+}
+export interface DeepWorkCardLabels {
+    /** The card's title. */
+    title: string;
+    /** Names the activity lines for a screen reader. */
+    activity: string;
+    /** Names the nested steps for a screen reader. */
+    steps: string;
+    /** The folded steps' title, by their count. */
+    stepCount: (count: number) => string;
+}
+export declare const DEEP_WORK_CARD_LABELS: DeepWorkCardLabels;
+export interface DeepWorkCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'children'> {
+    state: DeepWorkState;
+    /** What the run was asked to do, in the person's or the assistant's words. */
+    goal: ReactNode;
+    /** The run's limits, each drawn as a compact meter in the order given. */
+    measures?: readonly DeepWorkMeasure[] | undefined;
+    /**
+     * The run's own latest account of itself, oldest first: a command it ran,
+     * a file it wrote. Drawn in the mono face, one line each, never wrapped
+     * into a paragraph. The consumer bounds how many it keeps.
+     */
+    activity?: readonly string[] | undefined;
+    /** The steps the run took, nested under it. */
+    steps?: readonly StepListStep[] | undefined;
+    /**
+     * Up to this many steps are drawn open; more fold behind one disclosure
+     * named by their count, so a long run stays one card. 3 by default.
+     */
+    stepsOpenAt?: number | undefined;
+    /**
+     * One sentence at the card's foot, in the state's tone: why a run stopped
+     * or failed, or what a waiting run waits on.
+     */
+    note?: ReactNode;
+    /** The state words on the card's tag. */
+    stateLabels?: Partial<DeepWorkStateLabels> | undefined;
+    labels?: Partial<DeepWorkCardLabels> | undefined;
+}
+/**
+ * A long, bounded run an assistant switched to: its goal, where it stands,
+ * how much of each limit it has used, what it is doing now and the steps it
+ * took, on the product's `StatusCard`.
+ *
+ * UPDATED IN PLACE. The run is re-sent as it moves, so every part is drawn
+ * from props and nothing animates on arrival: a meter's fill moves, a line of
+ * activity is added at the end, and the reader's open or closed steps stay as
+ * they left them.
+ *
+ * NOT A LIVE REGION. The card changes every second while the run works, so
+ * it announces nothing itself; the note at its foot is the strip's own status
+ * (an alert for a failure), which changes only when the run's state does.
+ *
+ * THE LIMITS ARE METERS ON THE SPENT RAMP: time, calls and budget are all
+ * spent towards a ceiling, so a run near one reads as near it without the
+ * consumer judging the number.
+ */
+export declare function DeepWorkCard({ state, goal, measures, activity, steps, stepsOpenAt, note, stateLabels, labels: labelOverrides, className, ...rest }: DeepWorkCardProps): import("react").JSX.Element;

package/dist/DeepWorkCard/index.d.ts

@@ -0,0 +1,3 @@
+import './DeepWorkCard.css';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATE_LABELS, DEEP_WORK_STATES, DeepWorkCard } from './DeepWorkCard.js';
+export type { DeepWorkCardLabels, DeepWorkCardProps, DeepWorkMeasure, DeepWorkState, DeepWorkStateLabels, } from './DeepWorkCard.js';

package/dist/DeepWorkCard/index.js

@@ -0,0 +1,17 @@
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-LA4PX7Z6.js';
+import '../chunk-Z4EKUMZW.js';
+import '../chunk-RQFRRPV6.js';
+import '../chunk-NLI7OVO2.js';
+import '../chunk-WW4E5EUS.js';
+import '../chunk-KYIAFNU7.js';
+import '../chunk-WIATRXEJ.js';
+import '../chunk-MKKX6N7C.js';
+import '../chunk-AV2DXAEL.js';
+import '../chunk-P4YORMRZ.js';
+import '../chunk-ZYO2QFU6.js';
+import '../chunk-5KRRJNQO.js';
+import '../chunk-PQADV6P6.js';
+import '../chunk-7QTPJDRF.js';
+import '../chunk-XSPCITPN.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/DeepWorkCard-DGHRIQDM.css

@@ -0,0 +1,80 @@
+/*
+ * A deep run on the product's StatusCard: the goal with its mark, the limits
+ * as compact meters on a two-column grid that folds to one, the latest
+ * activity as mono lines in an inset well, then the steps. Only the body's
+ * own parts are said here; the card, its head, its tag and its strip are
+ * StatusCard's.
+ */
+.crewlet-deep-work-card .crewlet-status-card__body {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+}
+
+/* The goal: the mark on the first line, the words wrapping beside it. */
+.crewlet-deep-work-card__goal {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: start;
+  gap: var(--spacing-2);
+}
+
+.crewlet-deep-work-card__goal-mark {
+  height: calc(var(--font-size-compact) * var(--font-line-height-normal));
+  color: var(--color-text-tertiary);
+}
+
+.crewlet-deep-work-card__goal-text {
+  margin: 0;
+  font-size: var(--font-size-compact);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-primary);
+  overflow-wrap: anywhere;
+}
+
+/* THE LIMITS SIDE BY SIDE where the card has room, one under another in a
+   narrow drawer, so no legend is cut to fit. */
+.crewlet-deep-work-card__measures {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
+  gap: var(--spacing-2) var(--spacing-4);
+}
+
+/* THE LATEST ACTIVITY: one line each, never wrapped into a paragraph, cut
+   with an ellipsis rather than widening the card; the whole line is its
+   title for a pointer and its text for a screen reader. */
+.crewlet-deep-work-card__activity {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+  min-width: 0;
+  margin: 0;
+  padding: var(--spacing-2) var(--spacing-3);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-inset);
+  list-style: none;
+}
+
+.crewlet-deep-work-card__line {
+  min-width: 0;
+  overflow: hidden;
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-secondary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* The newest line is what the run is doing now, in the primary ink. */
+.crewlet-deep-work-card__line:last-child {
+  color: var(--color-text-primary);
+}
+
+.crewlet-deep-work-card__line code {
+  font: inherit;
+}
+
+.crewlet-deep-work-card__steps {
+  min-width: 0;
+}

package/dist/DocTabsEditor/index.js

@@ -6,8 +6,8 @@ import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-LODRX4FU.js';
 import '../chunk-7QTPJDRF.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2XWFWNDT.js';
 import '../chunk-NUZHC6MM.js';

package/dist/DownloadButton/DownloadButton.d.ts

@@ -39,6 +39,12 @@ export interface DownloadButtonBaseProps {
     size?: ButtonSize | undefined;
     variant?: ButtonVariant | undefined;
     title?: string | undefined;
+    /**
+     * The control's name where several stand side by side, such as one per
+     * file in a list: "Download report.csv". It must contain the visible label,
+     * so a reader who says the label to a voice control still finds it.
+     */
+    'aria-label'?: string | undefined;
     /**
      * Nothing to offer yet, such as an export of an empty table. Give a `title`
      * that says why, so the control is never a dead button with no reason.
@@ -66,4 +72,4 @@ export type DownloadButtonProps = DownloadButtonBaseProps & DownloadButtonSource
  * refusal holds until the next press, and every attempt replaces the status
  * message, so a second identical refusal is still announced.
  */
-export declare function DownloadButton({ text, file, filename, mime, label, startedLabel, failedLabel, startedMessage, failedMessage, size, variant, title, disabled, resetMs, failedResetMs, className, }: DownloadButtonProps): import("react").JSX.Element;
+export declare function DownloadButton({ text, file, filename, mime, label, startedLabel, failedLabel, startedMessage, failedMessage, size, variant, title, 'aria-label': ariaLabel, disabled, resetMs, failedResetMs, className, }: DownloadButtonProps): import("react").JSX.Element;

package/dist/DownloadButton/index.js

@@ -1,4 +1,4 @@
-export { DownloadButton } from '../chunk-LG6TUGET.js';
+export { DownloadButton } from '../chunk-NSCYGUDG.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-7QTPJDRF.js';