@crewlethq/ui 0.45.0 → 0.47.0

package/dist/{ListInput-O7LJKOIG.css → ListInput-WUP2YITQ.css}

@@ -13,6 +13,7 @@
 .crewlet-list-input__add {
   display: flex;
   align-items: flex-start;
+  gap: var(--spacing-2);
 }
 
 .crewlet-list-input__add > * {
@@ -21,6 +22,8 @@
 }
 
 .crewlet-list-input__items {
+  /* The rows lay themselves out by the list's own width (see NARROW below). */
+  container: crewlet-list-input / inline-size;
   list-style: none;
   margin: 0;
   padding: 0;
@@ -69,12 +72,77 @@
   border-block-end-style: none;
 }
 
-.crewlet-list-input__item > .crewlet-input,
-.crewlet-list-input__item > .crewlet-textarea {
+/*
+ * THE FIELD TAKES THE ROW'S WIDTH, and holds the control with whatever is
+ * said under it (its count, its refusal) as one column, so a note under an
+ * item sits under the item's words and not under its number or its buttons.
+ */
+.crewlet-list-input__field {
+  display: flex;
   flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.crewlet-list-input__field > .crewlet-input,
+.crewlet-list-input__field > .crewlet-textarea,
+.crewlet-list-input__field > .crewlet-textarea-shell {
+  width: 100%;
   min-width: 0;
 }
 
+/* What is said under one item: its refusal at the start, its count at the end. */
+.crewlet-list-input__note {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--spacing-3);
+  padding-bottom: var(--spacing-1);
+}
+
+.crewlet-list-input__error {
+  min-width: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-feedback-danger-ink);
+}
+
+/*
+ * THE ROW A REMOVED ITEM LEAVES (`undoRemove`): the item's own place in the
+ * order, at a row's height and on the row's rule, saying what happened in the
+ * quiet ink with Undo beside it, so the list does not close up over the place
+ * an Undo would put it back.
+ */
+.crewlet-list-input__removed {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  padding: var(--spacing-1) var(--spacing-3);
+  border-block-end-width: 1px;
+  border-block-end-style: solid;
+  border-block-end-color: var(--color-border-default);
+  background: var(--color-surface-subtle);
+}
+
+.crewlet-list-input__removed:last-child {
+  border-block-end-style: none;
+}
+
+.crewlet-list-input__removed-text {
+  flex: 1;
+  min-width: 0;
+  font-size: var(--font-size-compact);
+  color: var(--color-text-secondary);
+}
+
+/* Where the new-item box was, once the list holds all it may. */
+.crewlet-list-input__full {
+  margin: 0;
+  font-size: var(--font-size-xs);
+  line-height: var(--font-line-height-normal);
+  color: var(--color-text-tertiary);
+}
+
 /*
  * THE ITEM'S CONTROL READS AS THE TEXT IT HOLDS, until it is reached. A
  * bordered box per row would draw the card's rule twice and turn the list
@@ -140,8 +208,85 @@
   opacity: 1;
 }
 
+/*
+ * THE GRIP (`reorderByDrag`) waits with the move pair: the pointer's way to
+ * take hold of a row, shown under the pointer and while the row holds the
+ * focus, in the quiet ink so the row's number stays the first mark on it.
+ */
+.crewlet-list-input__handle {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  margin-inline-start: calc(var(--spacing-1) * -1);
+  color: var(--color-text-tertiary);
+  cursor: grab;
+  opacity: 0;
+  transition: opacity var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+.crewlet-list-input__handle:active {
+  cursor: grabbing;
+}
+
+.crewlet-list-input__item:hover .crewlet-list-input__handle,
+.crewlet-list-input__item:focus-within .crewlet-list-input__handle {
+  opacity: 1;
+}
+
+/* The row being dragged keeps its place as an outline, so the list does not
+   close up under the pointer and the reader can see where it came from. */
+.crewlet-list-input__item[data-reorder='dragging'] {
+  outline-width: 1px;
+  outline-style: dashed;
+  outline-color: var(--color-border-strong);
+  outline-offset: -1px;
+}
+
+.crewlet-list-input__item[data-reorder='dragging'] > * {
+  opacity: 0.4;
+}
+
 @media (prefers-reduced-motion: reduce) {
   .crewlet-list-input__move {
     transition: none;
   }
+
+  .crewlet-list-input__handle {
+    transition: none;
+  }
+}
+
+/* With a hidden legend the add control stands at the end of the box's row. */
+.crewlet-list-input__add-control {
+  display: inline-flex;
+  flex: none;
+  align-self: center;
+}
+
+/*
+ * NARROW: THE WORDS GET THE ROW. Under 28rem a row's grip, number and three
+ * buttons took half of it, so at a 390px phone each policy wrapped at some
+ * twenty characters a line and eight of them stood 1500px tall. There the
+ * row wraps: the number and the field share the first line, and the buttons
+ * stand at the end of a second, under the words. By the list's own width,
+ * not the window's, so a narrow column on a wide screen is narrow too.
+ */
+@container crewlet-list-input (width < 28rem) {
+  .crewlet-list-input__item {
+    flex-wrap: wrap;
+    row-gap: 0;
+  }
+
+  .crewlet-list-input__item > .crewlet-list-input__field {
+    flex-basis: calc(100% - var(--spacing-4) - var(--spacing-2));
+  }
+
+  .crewlet-list-input__item--draggable > .crewlet-list-input__field {
+    flex-basis: calc(100% - var(--spacing-4) * 2 - var(--spacing-2) * 2);
+  }
+
+  .crewlet-list-input__item > .crewlet-list-input__actions {
+    margin-inline-start: auto;
+  }
 }

package/dist/MarkdownEditor/index.js

@@ -1,16 +1,16 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-DL5ERIFF.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-SS4XCUUJ.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Menu/index.js

@@ -1,7 +1,7 @@
-export { Menu } from '../chunk-PCI7ZJ6Z.js';
+export { Menu } from '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/MergeConflicts/index.js

@@ -1,15 +1,15 @@
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-ENHLVF6Q.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-XS2FJVMT.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Modal/index.js

@@ -1,8 +1,8 @@
-export { ConfirmModal, Modal } from '../chunk-FYINAYAJ.js';
+export { ConfirmModal, Modal } from '../chunk-6AKG2VLR.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/PresenterView/index.js

@@ -1,10 +1,10 @@
-export { PresenterView, formatStopwatch } from '../chunk-E6HXFFWO.js';
-import '../chunk-RRO7UEYU.js';
+export { PresenterView, formatStopwatch } from '../chunk-ISDEXIXH.js';
 import '../chunk-RMEBFYL7.js';
+import '../chunk-RRO7UEYU.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/PrincipalPicker/index.js

@@ -1,13 +1,15 @@
-export { PrincipalPicker } from '../chunk-4DIKLY53.js';
-import '../chunk-MVGCZ655.js';
+export { PrincipalPicker } from '../chunk-32TGEMQQ.js';
+import '../chunk-OOJTPR7N.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-EXRRTKWT.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-H5XTJ7GJ.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/RelatedRow/index.js

@@ -1,5 +1,5 @@
-export { RelatedRow } from '../chunk-ZUTUI27P.js';
-import '../chunk-IKBK4A5O.js';
+export { RelatedRow } from '../chunk-N4GBDK4L.js';
+import '../chunk-QP2P6GDQ.js';
 import '../chunk-ZAC7SKUN.js';
 import '../chunk-INHXF2CL.js';
 import '../chunk-AV2DXAEL.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-JF3TJUBU.js';
+export { RichEditor, preloadRichEditor } from '../chunk-JWNYI7UD.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-SZZRIHGT.js';

package/dist/SegmentedControl/index.js

@@ -1,14 +1,14 @@
 import '../chunk-OOC7Q67K.js';
-export { SegmentedControl } from '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+export { SegmentedControl } from '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Select/index.js

@@ -1,7 +1,7 @@
 export { Select } from '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ShareDialog/index.js

@@ -1,9 +1,9 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-BVFMLSE3.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-5EBDOE3C.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-FYINAYAJ.js';
+import '../chunk-6AKG2VLR.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-SZZRIHGT.js';
 import '../chunk-CI3VPIJN.js';
@@ -12,9 +12,9 @@ import '../chunk-PZKHBB7D.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/SheetColumnEditor/index.js

@@ -1,25 +1,27 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-FV6H7H5I.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-MUQJCH2Y.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-QOP7QYUW.js';
+import '../chunk-34RMTXDZ.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-EY7LACIR.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-F57N6ZJG.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-EXRRTKWT.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.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-OWIGEE2Y.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-OO7QJCJQ.js';
 import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-KYIAFNU7.js';
@@ -14,10 +14,10 @@ import '../chunk-I33UIUZD.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/SlideCompare/index.js

@@ -1,8 +1,8 @@
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-7CGPPAYR.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideFilmstrip/index.js

@@ -1,12 +1,12 @@
-export { SlideFilmstrip } from '../chunk-MCOC3KQA.js';
+export { SlideFilmstrip } from '../chunk-SQ4JFHO7.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Switcher/index.js

@@ -1,16 +1,17 @@
-export { Switcher } from '../chunk-NF6SWHQI.js';
-import '../chunk-FYINAYAJ.js';
+export { Switcher } from '../chunk-7JED2NYP.js';
+import '../chunk-6AKG2VLR.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-EXRRTKWT.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Tabs/index.js

@@ -1,12 +1,12 @@
-export { TabPanel, Tabs, tabId } from '../chunk-KA75QPFM.js';
+export { TabPanel, Tabs, tabId } from '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Text/Text.d.ts

@@ -7,6 +7,14 @@ import type { ElementType, HTMLAttributes } from 'react';
 export type TextVariant = 
 /** Body copy, 14px. The default, and the only one that needs no thought. */
 'body'
+/**
+ * Words somebody wrote to be read whole, at the body's size: a mission on
+ * its card, a policy, a comment. The relaxed leading, the author's own line
+ * breaks kept, balanced last lines, and a long word or address broken
+ * rather than pushed past the column. Body copy reflows what it is given;
+ * a passage keeps it as it was written.
+ */
+ | 'passage'
 /** A value inside a dense row or table cell, 13px. */
  | 'cell'
 /** Metadata under or beside a value, 12px, on the tertiary step. */

package/dist/Text/index.js

@@ -1,2 +1,2 @@
-export { Text } from '../chunk-IKBK4A5O.js';
+export { Text } from '../chunk-QP2P6GDQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Text-S3Q4O3IG.css → Text-XOCOU34C.css}

@@ -66,6 +66,15 @@
   color: var(--color-text-primary);
 }
 
+.crewlet-text--passage {
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-relaxed);
+  color: var(--color-text-primary);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  text-wrap: pretty;
+}
+
 .crewlet-text--cell {
   font-size: var(--font-size-compact);
   line-height: var(--font-line-height-snug);

package/dist/ThemeSwitcher/index.js

@@ -1,17 +1,17 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-LSRQJDGR.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-SEPSXOGJ.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/TileGrid/index.js

@@ -1,2 +1,2 @@
-export { TileGrid } from '../chunk-NNTO3TNC.js';
+export { TileGrid } from '../chunk-Q6CQMS6R.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{TileGrid-I6LNYD2H.css → TileGrid-UYMVVVJK.css}

@@ -50,3 +50,33 @@
     --crewlet-tile-grid-tracks: 1;
   }
 }
+
+/*
+ * COMPACT TILES FOLD WIDER. A compact `CatalogTile` puts its mark, name,
+ * state, fact and action on ONE line, which needs about 30rem; the folds above
+ * are sized for a comfortable tile, whose parts stack. Measured at a 1024px
+ * window, two compact tiles on 415px tracks cut the name to its first letter.
+ * So a grid holding a compact tile folds where a track would be narrower than
+ * 30rem, counting the gaps: two tracks need 61rem, three 92rem (folding
+ * straight to one, as three always do), and four 123rem before they go to
+ * two. Declared here, on the grid, because the grid chooses the track count
+ * and the tile cannot.
+ */
+@container crewlet-tile-grid (width < 123rem) {
+  .crewlet-tile-grid[data-columns='4']:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 2;
+  }
+}
+
+@container crewlet-tile-grid (width < 92rem) {
+  .crewlet-tile-grid[data-columns='3']:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 1;
+  }
+}
+
+@container crewlet-tile-grid (width < 61rem) {
+  /* As specific as the two rules above and after them, so it wins at every count. */
+  .crewlet-tile-grid[data-columns]:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 1;
+  }
+}

package/dist/TimeWindowPicker/index.js

@@ -1,14 +1,16 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-X6IJ7DAX.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-VKFG4FLE.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-EXRRTKWT.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/TreeCanvas/index.js

@@ -5,8 +5,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/VersionCompare/index.js

@@ -1,18 +1,18 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-U44WGRFW.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-RFPCHMSX.js';
 import '../chunk-BVWSLXTY.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/{chunk-5AHDGYKN.js → chunk-2KQR6JKE.js}

@@ -1,7 +1,7 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
-import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-4DIKLY53.js → chunk-32TGEMQQ.js}

@@ -1,4 +1,4 @@
-import { Combobox } from './chunk-MVGCZ655.js';
+import { Combobox } from './chunk-OOJTPR7N.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-7NNZTGUP.css';