@crewlethq/ui 0.63.0 → 0.64.1

package/dist/DeepWorkCard/index.js

@@ -1,15 +1,15 @@
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-LA4PX7Z6.js';
-import '../chunk-Z4EKUMZW.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-RHL4OMQ3.js';
+import '../chunk-HJBHP66O.js';
 import '../chunk-RQFRRPV6.js';
-import '../chunk-NLI7OVO2.js';
-import '../chunk-WW4E5EUS.js';
-import '../chunk-KYIAFNU7.js';
+import '../chunk-M25IV5MH.js';
+import '../chunk-G4234OIG.js';
+import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-MKKX6N7C.js';
+import '../chunk-7XKDPTZ5.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-P4YORMRZ.js';
-import '../chunk-ZYO2QFU6.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-222VILSP.js';
+import '../chunk-IVTQWOXV.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-XSPCITPN.js';

package/dist/{DeepWorkCard-DGHRIQDM.css → DeepWorkCard-CMRRNISU.css}

@@ -78,3 +78,15 @@
 .crewlet-deep-work-card__steps {
   min-width: 0;
 }
+
+/*
+ * FOLDED STEPS HANG IN THE GUTTER, as a change list's disclosure does in a
+ * proposal: the trigger's padding and the panel's inset both stand in the
+ * card's own padding, so the chevron sits on the text edge under the goal's
+ * mark and the open steps' well spans the column the activity's well does.
+ * Both ends, because the well is a box: hung at the start only, it stood 8px
+ * short of the activity's well at the end, and unhung, 8px inside it at both.
+ */
+.crewlet-deep-work-card__steps.crewlet-disclosure {
+  margin-inline: calc(var(--spacing-2) * -1);
+}

package/dist/DiffList/index.js

@@ -1,3 +1,3 @@
-export { DIFF_LIST_LABELS, DiffList } from '../chunk-RO2MZZ66.js';
+export { DIFF_LIST_LABELS, DiffList } from '../chunk-LR4IWUWQ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{DiffList-GE6YBRLJ.css → DiffList-3JNPLQ2E.css}

@@ -49,9 +49,19 @@
   color: var(--color-feedback-warning-ink);
 }
 
+/*
+ * THE MARK STANDS ON THE PATH'S FIRST LINE, in a box that line's height with
+ * the glyph centred in it. Baseline-aligned with the words, a box holding
+ * only a glyph takes the glyph's foot as its baseline, so the glyph stood on
+ * the text's baseline: 3px over the middle of the line it marks, and 2px
+ * over the line box, which made every row 2px taller than the half step it
+ * is drawn on.
+ */
 .crewlet-diff-list__mark {
   display: inline-flex;
   align-items: center;
+  align-self: start;
+  height: 1lh;
   /* The glyph carries the row's own ink, so the mark and its words read as
      one thing rather than as a grey icon beside coloured text. */
   color: inherit;

package/dist/DirectoryList/index.js

@@ -1,3 +1,3 @@
-export { DirectoryList } from '../chunk-4AA6WPQU.js';
+export { DirectoryList } from '../chunk-SRDNGGZE.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{DirectoryList-7OXXN47X.css → DirectoryList-XZOWYOA3.css}

@@ -41,7 +41,7 @@
   padding: 0 var(--spacing-2);
   font-size: var(--font-size-xs);
   font-weight: var(--font-weight-semibold);
-  letter-spacing: 0.04em;
+  letter-spacing: var(--font-letter-spacing-wide);
   text-transform: uppercase;
   color: var(--color-text-tertiary);
 }
@@ -85,9 +85,14 @@
   background: var(--color-surface-selected);
 }
 
+/*
+ * The ring is drawn INSIDE the line, as every list row's is: the groups
+ * scroll on their own, and a ring standing a pixel off the line was cut at
+ * both of its sides by that scroller, leaving two arcs over and under it.
+ */
 .crewlet-directory__item:focus-visible {
   outline: 2px solid var(--color-focus);
-  outline-offset: 1px;
+  outline-offset: var(--size-focus-ring-inset-offset);
 }
 
 /* The box takes its mark, as the rail's glyph box does: a mark at the glyph's

package/dist/Disclosure/index.js

@@ -1,6 +1,6 @@
-export { Disclosure } from '../chunk-P4YORMRZ.js';
-export { DisclosureAnatomy } from '../chunk-ZYO2QFU6.js';
-import '../chunk-5KRRJNQO.js';
+export { Disclosure } from '../chunk-222VILSP.js';
+export { DisclosureAnatomy } from '../chunk-IVTQWOXV.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Disclosure-FVMA4RW2.css → Disclosure-D727FN5X.css}

@@ -152,11 +152,16 @@
  * longer said which log it was, and the fact ran out of the button and under
  * the badge beside it.
  *
- * A HUNDRED TO THE TITLE'S ONE, as a card's subtitle gives way to its title:
- * two items that may shrink give up space in proportion to their widths, so
- * at that ratio the fact absorbs effectively all of it, and ends in an
- * ellipsis, before the title gives up a pixel. The fact is still the button's
- * name in full; only its drawing is cut.
+ * THE FACT TAKES ONLY THE ROOM THE TITLE LEAVES. It grows from nothing into
+ * whatever the title and the marks leave on the row, up to its own width, and
+ * ends in an ellipsis when that is less. The fact is still the button's name
+ * in full; only its drawing is cut.
+ *
+ * NOT A SHRINK RATIO. A hundred to the title's one left the title a share in
+ * proportion to its width, a fraction of a pixel, and an ellipsis does not
+ * round: "tracker" became "track…" and "iam" became "i…" in a 340px row.
+ * Growing from a zero basis gives the title no share at all until the fact
+ * stands at its floor.
  *
  * NEVER TO NOTHING. The floor is one glyph wide, because a fact is often a
  * mark (a failed call's glyph beside a tool's name), and a mark that shrank
@@ -165,7 +170,8 @@
  * and ends in its own ellipsis.
  */
 .crewlet-disclosure__meta {
-  flex: 0 100 auto;
+  flex: 1 1 0%;
+  max-width: max-content;
   min-width: 1.5em;
   overflow: hidden;
   text-overflow: ellipsis;

package/dist/DocTabsEditor/index.js

@@ -1,15 +1,15 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-O7VXE4TO.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-CX6QT4CH.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-TLIJG4TP.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-LODRX4FU.js';
+import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{DocTabsEditor-4M452LNS.css → DocTabsEditor-25J6MYZF.css}

@@ -13,13 +13,19 @@
   min-width: 0;
 }
 
-/* The list's name in the outline's register, with Add at its end. */
+/*
+ * The list's name in the outline's register, with Add at its end. Add stands
+ * in the rows' menu track, inset by the half step a row insets its controls
+ * by, so the plus and every row's menu are one column; at the head's edge it
+ * stood 2px outside them.
+ */
 .crewlet-doc-tabs-editor__head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: var(--spacing-2);
   min-height: var(--size-control-sm);
+  padding-inline-end: calc(var(--spacing-1) / 2);
 }
 
 .crewlet-doc-tabs-editor__heading {
@@ -86,6 +92,16 @@
   opacity: 0.4;
 }
 
+/*
+ * THE ROW'S CONTROLS TAKE THE TITLE'S CORNER, the row's own less the half
+ * step it insets them by, so the handle's and the menu's fills nest in the
+ * row's as the title's does. At the button's own corner they were eight
+ * pixels inside an eight-pixel row two pixels in.
+ */
+.crewlet-doc-tabs-editor__item .crewlet-icon-btn {
+  border-radius: var(--radius-sm);
+}
+
 .crewlet-doc-tabs-editor__handle {
   cursor: grab;
   color: var(--color-text-tertiary);

package/dist/Document/index.js

@@ -1,3 +1,3 @@
-export { Document, DocumentTitle, DocumentTitleField } from '../chunk-PWG3VHRQ.js';
+export { Document, DocumentTitle, DocumentTitleField } from '../chunk-BXCL6P5Z.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Document-TZ2NBLOR.css → Document-M6JYGLWV.css}

@@ -182,8 +182,13 @@
 .crewlet-document li > input[type='checkbox'] {
   flex: none;
   margin: 0;
-  /* On the first line's centre rather than on the top of its box. */
-  margin-block-start: 0.35em;
+  /* On the first line's centre rather than on the top of its box: half of
+     what the line is taller than the text, read off the line itself, so the
+     box takes the item's type rather than a control's own. Written as 0.35em,
+     it was that sum for the relaxed leading alone, and the small size's
+     tighter line left the box 1.3px under its middle. */
+  font: inherit;
+  margin-block-start: calc((1lh - 1em) / 2);
   accent-color: var(--color-brand-accent);
 }
 

package/dist/EditingStatus/index.js

@@ -1,4 +1,5 @@
-export { EditingStatus } from '../chunk-5IPPLWVA.js';
+export { EditingStatus } from '../chunk-B76OKJMX.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-UT6CW3C7.js';

package/dist/{EditingStatus-YU7EGM6Y.css → EditingStatus-TMGT265J.css}

@@ -14,16 +14,14 @@
   white-space: nowrap;
 }
 
+/*
+ * THE DOT IS A StatusDot, in the two fills this rule used to paint: neutral at
+ * rest, brand once anything is unsaved. Drawn here at the 8px spacing step it
+ * was a pixel over the kit's 7px mark and moved with the density, to 6.55px at
+ * the compact step, where every other status dot holds 7px.
+ */
 .crewlet-editing-status__dot {
   flex: none;
-  width: var(--spacing-2);
-  height: var(--spacing-2);
-  border-radius: var(--radius-circle);
-  background: var(--color-text-tertiary);
-}
-
-.crewlet-editing-status--dirty .crewlet-editing-status__dot {
-  background: var(--color-brand-accent);
 }
 
 /*

package/dist/{Editor-GHHWWXXL.js → Editor-URGZOK2S.js}

@@ -2,16 +2,16 @@ 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-NR4CPM4T.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import './chunk-PGCLHYVP.js';
 import './chunk-PQADV6P6.js';
 import './chunk-2G355KDJ.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import './chunk-XSPCITPN.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/EntityChip/index.js

@@ -1,4 +1,4 @@
 export { EntityChip } from '../chunk-OSKJZNBT.js';
-import '../chunk-5AQBPHZD.js';
+import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-ODEQTPFM.js';

package/dist/EntityList/index.js

@@ -1,10 +1,10 @@
-export { EntityList } from '../chunk-OB5N3FV2.js';
-import '../chunk-WW4E5EUS.js';
-import '../chunk-KYIAFNU7.js';
+export { EntityList } from '../chunk-ISBKJOLI.js';
+import '../chunk-G4234OIG.js';
+import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-MKKX6N7C.js';
+import '../chunk-7XKDPTZ5.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{EntityList-XIICECVC.css → EntityList-DT3BQLUW.css}

@@ -26,6 +26,20 @@
   color: var(--color-text-tertiary);
 }
 
+/*
+ * A GLYPH STANDS ON THE NAME'S LINE when a fact runs under the name: centred
+ * on the row it sat between the two, 7px under the name it marks. Its box is
+ * one line of the name (the name's step, at the leading both inherit), with
+ * the glyph centred in it. An avatar, about the two lines' height, stays
+ * centred on them, and a row of one line centres everything as before.
+ */
+.crewlet-entity-list__row:has(.crewlet-entity-list__fact) > .crewlet-entity-list__avatar:has(> svg) {
+  align-self: flex-start;
+  align-items: center;
+  height: 1lh;
+  font-size: var(--font-size-compact);
+}
+
 .crewlet-entity-list__words {
   display: flex;
   flex: 1;

package/dist/FactList/index.js

@@ -1,4 +1,4 @@
-export { FactList } from '../chunk-HACEB6L4.js';
+export { FactList } from '../chunk-CSXJIIO4.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/{FactList-G2H73NFR.css → FactList-QEOHLHX3.css}

@@ -43,6 +43,17 @@
   color: var(--color-text-tertiary);
 }
 
+/*
+ * THE LOCK'S PLACE IS HELD ON EVERY ROW of a list that draws one, so the
+ * labels start on one line: a row without a lock began its label 16px left of
+ * the locked rows around it, and the column of names read ragged. The place is
+ * the xs glyph (the type scale's 12px step) and the gap after it; a list with
+ * no lock in it holds nothing.
+ */
+.crewlet-fact-list:has(.crewlet-fact-list__lock) .crewlet-fact-list__row:not(.is-locked) .crewlet-fact-list__label {
+  padding-inline-start: calc(var(--font-size-xs) + var(--spacing-1));
+}
+
 .crewlet-fact-list__value {
   display: flex;
   flex: 0 1 auto;

package/dist/FileList/index.js

@@ -1,3 +1,3 @@
-export { FileList } from '../chunk-CZXF6EFK.js';
+export { FileList } from '../chunk-5WRWBDML.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{FileList-TGDNV2QS.css → FileList-665NXS7T.css}

@@ -71,6 +71,16 @@
   align-items: center;
 }
 
+/*
+ * A small ghost (a DownloadButton, by default) is pulled out by its padding
+ * and edge, as a card foot's is (StatusCard.css), so its label ends on the
+ * card's text edge, the inset the file's mark starts on, rather than 9px
+ * inside it.
+ */
+.crewlet-file-list__action:has(.crewlet-btn--ghost.crewlet-btn--small) {
+  margin-inline-end: calc(-1 * (var(--spacing-2) + 1px));
+}
+
 /* THE PREVIEW IS CONTAINED, never cropped: a chart or a screenshot is read
    whole, on the inset ground, no taller than a dozen lines. */
 .crewlet-file-list__preview {

package/dist/FindingList/index.js

@@ -1,3 +1,3 @@
-export { FindingList } from '../chunk-DG6KSGNQ.js';
+export { FindingList } from '../chunk-LSRQ2A6B.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{FindingList-PMYA2R6Q.css → FindingList-MPLA2ZTO.css}

@@ -38,9 +38,21 @@ button.crewlet-finding-list__row:focus-visible {
   outline-offset: -2px;
 }
 
+/*
+ * The glyph is centred on the row's first line, in a box that line's height:
+ * the message's line, or the location's when one stands over the message. A
+ * fixed 2px nudge put it 1px under the location's line and 1.5px over the
+ * message's.
+ */
 .crewlet-finding-list__glyph {
   display: inline-flex;
-  padding-top: 2px;
+  align-items: center;
+  height: calc(var(--font-size-sm) * var(--font-line-height-normal));
+}
+
+.crewlet-finding-list__row:has(.crewlet-finding-list__location) > .crewlet-finding-list__glyph {
+  font-size: var(--font-size-2xs);
+  height: 1lh;
 }
 
 .crewlet-finding-list__glyph.is-danger {

package/dist/FolderTile/index.js

@@ -1,7 +1,7 @@
-export { FolderTile, describeFolderContents, folderContentsParts } from '../chunk-GK3PXGLS.js';
-import '../chunk-MKKX6N7C.js';
+export { FolderTile, describeFolderContents, folderContentsParts } from '../chunk-6MTJWQ3V.js';
+import '../chunk-7XKDPTZ5.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-5KRRJNQO.js';
+import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/HuePicker/index.js

@@ -1,18 +1,18 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-QCVAVAF6.js';
+export { HuePicker, HueSwatch } from '../chunk-2EA2GSA2.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-F7VBYCW2.js';
-import '../chunk-27JCHL64.js';
+import '../chunk-W6UVBBNH.js';
+import '../chunk-PVZOP3QK.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-5KRRJNQO.js';
-import '../chunk-LODRX4FU.js';
+import '../chunk-MLDTLZAO.js';
+import '../chunk-T73DMDU4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/IconButton/index.js

@@ -1,3 +1,3 @@
-export { IconButton, IconButtonLink } from '../chunk-2XWFWNDT.js';
+export { IconButton, IconButtonLink } from '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{IconButton-2D2PZ6GU.css → IconButton-LNNHLBAS.css}

@@ -60,16 +60,19 @@
 }
 
 .crewlet-icon-btn--sm {
+  --crewlet-icon-btn-glyph-inset: calc((var(--size-control-sm) - var(--font-size-xs)) / 2);
   width: var(--size-control-sm);
   height: var(--size-control-sm);
 }
 
 .crewlet-icon-btn--md {
+  --crewlet-icon-btn-glyph-inset: calc((var(--size-control-md) - var(--font-size-sm)) / 2);
   width: var(--size-control-md);
   height: var(--size-control-md);
 }
 
 .crewlet-icon-btn--lg {
+  --crewlet-icon-btn-glyph-inset: calc((var(--size-control-lg) - var(--font-size-xl)) / 2);
   width: var(--size-control-lg);
   height: var(--size-control-lg);
 }
@@ -78,6 +81,11 @@
  * The glyph inside follows the button's step, at the ratio a label sets: a
  * medium button draws its leading glyph at its own 13px text, so a square one
  * drawing a 16px glyph put a heavier mark in the same toolbar row.
+ *
+ * How far that glyph stands in from the square's edge is published on each
+ * step (--crewlet-icon-btn-glyph-inset, beside the size it is taken from), so
+ * a head that ends on a ghost square can pull it out by exactly that much and
+ * stand its glyph on the text edge (Card.css, WidgetFrame.css).
  */
 .crewlet-icon-btn--sm .crewlet-glyph {
   width: var(--font-size-xs);

package/dist/ImageUpload/index.js

@@ -1,5 +1,5 @@
-export { ImageUpload } from '../chunk-PPVWWJIB.js';
-import '../chunk-5AQBPHZD.js';
+export { ImageUpload } from '../chunk-56IFLQGF.js';
+import '../chunk-BKP6XCAJ.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{ImageUpload-CYC3Y7M2.css → ImageUpload-OWI7CCG7.css}

@@ -170,6 +170,19 @@
   transition: opacity var(--motion-duration-fast) var(--motion-easing-default);
 }
 
+/*
+ * ON A PERSON'S CIRCLE THE BADGE SITS ON THE EDGE, where the circle crosses
+ * its own diagonal: (1 - 1/sqrt(2)) / 2 of the size, 0.1464, in from each
+ * side, less half the 24px badge. The six pixels out above are the agent
+ * tile's, whose squircle corner reaches that far; a circle turns away sooner,
+ * and at the default 80px the badge's middle stood 8px off the picture, so
+ * the badge floated beside it rather than being pinned to it.
+ */
+.crewlet-image-upload--human .crewlet-image-upload__remove {
+  top: calc(var(--crewlet-image-upload-size) * 0.1464 - 12px);
+  right: calc(var(--crewlet-image-upload-size) * 0.1464 - 12px);
+}
+
 .crewlet-image-upload:hover .crewlet-image-upload__remove,
 .crewlet-image-upload__remove:focus-visible {
   opacity: 1;

package/dist/InboxList/index.js

@@ -1,4 +1,4 @@
-export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-5KEVSZ4K.js';
+export { InboxGroup, InboxList, InboxMore, InboxRow, InboxToggle } from '../chunk-62DBFNOK.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-UT6CW3C7.js';

package/dist/{InboxList-YMFWKGGS.css → InboxList-OCL2M3ZF.css}

@@ -110,12 +110,20 @@
   outline-offset: var(--size-focus-ring-inset-offset);
 }
 
+/*
+ * The avatar is centred on the head's line, the name it belongs to: its box
+ * is one line tall and the avatar, a target taller than the line, overflows
+ * it evenly into the control's top pad. Hung from the line's top by a pixel
+ * it stood 3.6px under the name's middle, its top a step further from the
+ * row's edge than its side.
+ */
 .crewlet-inbox-row__leading {
   display: inline-flex;
   flex: none;
+  align-items: center;
   justify-content: center;
   width: var(--size-target-min);
-  margin-top: 1px;
+  height: 1lh;
 }
 
 .crewlet-inbox-row__main {
@@ -210,6 +218,11 @@
   line-height: var(--font-line-height-snug);
 }
 
+/* A row with no leading slot: the words start at the control's own pad, and so does the task. */
+.crewlet-inbox-row:not(:has(.crewlet-inbox-row__leading)) > .crewlet-inbox-row__aside {
+  padding-inline-start: var(--spacing-2);
+}
+
 /* ---- The end of the list ---------------------------------------------- */
 
 .crewlet-inbox-list__more {

package/dist/InlineCode/index.js

@@ -1,2 +1,2 @@
-export { InlineCode } from '../chunk-5CLW2CXT.js';
+export { InlineCode } from '../chunk-PLL7ZJHY.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{InlineCode-ASYHLN3E.css → InlineCode-2ZXFKTKA.css}

@@ -27,6 +27,11 @@
   /* A URL IS ONE UNBREAKABLE WORD to a line breaker. Without this the chip is
      pushed whole onto its own line and the sentence around it is torn up. */
   overflow-wrap: anywhere;
+  /* AND EACH LINE OF IT IS A WHOLE CHIP: its own inset and its own rounded
+     ends. Sliced, the line a URL broke onto began flush on a square edge, 4px
+     left of the line above it, and the line it broke from ended on one. */
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
 }
 
 /*

package/dist/InlineEditor/index.js

@@ -1,8 +1,9 @@
-export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-46VE5TVS.js';
-import '../chunk-5IPPLWVA.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-VVOFJFRT.js';
+import '../chunk-B76OKJMX.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-L6NG7CUA.js';
 import '../chunk-RE3FBGQQ.js';
-import '../chunk-ACRRRPWT.js';
+import '../chunk-ANTAQAR4.js';
 import '../chunk-7QTPJDRF.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';

package/dist/Input/Input.d.ts

@@ -30,7 +30,10 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     containerClassName?: string | undefined;
     /**
      * Content drawn inside the field at its leading edge: a search glyph, or an
-     * [InputAffix] standing in for a scheme the value is refused without.
+     * [InputAffix] standing in for a scheme the value is refused without. Size a
+     * glyph as an IconButton of the field's step draws it: `sm` (14px) in a
+     * medium field, the step a Select and a SearchTrigger use too, and `xs`
+     * (12px) in a small one. An unsized glyph takes the surrounding text's size.
      *
      * It does not take the pointer, so a press on it still lands in the field.
      * A control belongs beside the field rather than inside it: a target inside

package/dist/Input/index.js

@@ -1,9 +1,9 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-TLIJG4TP.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-2XWFWNDT.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';