@crewlethq/ui 0.46.0 → 0.48.0

package/README.md

@@ -204,6 +204,23 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.48.0
+
+**A canvas shows the operating system's own pointers.** `Canvas` paints the native `grab` hand on its field (and `grabbing` while a pan is in progress), and `default`, `crosshair` and `text` for the other values of `cursor`, so a chart pans under the hand a reader knows from every map and design tool, and no drawn pointer stands beside native ones. `cursor` and its four values are unchanged, and so is `CanvasBoard`'s pointer per tool.
+
+| What changed | What a consumer does |
+| --- | --- |
+| `CURSORS` and `CursorName` are gone from `@crewlethq/icons/glyphs`. | Use the CSS keywords (`grab`, `grabbing`, `default`, `crosshair`, `text`). Every glyph stays, `HandGlyph` and `HandGrabGlyph` included. |
+| `Canvas` no longer writes `--crewlet-canvas-cursor-pointer`, `-hand`, `-grabbing`, `-crosshair` or `-text` on its root, and nothing reads them. | A rule that read one inside a canvas names the keyword instead. |
+
+**The account row is the one tall row in a rail's foot.** In `AppShell.Rail`'s foot, `AccountRow` stands on the large control step (`--size-control-lg`, 44px) where it stood 36px, around a column a medium badge wide (32px), and its name takes the nav's word size (13px, from 12px) with both lines on the body's leading. Pass the badge `size="md"` there (a smaller badge is centred in the same column). The badge is inset by the 6px it has above and below it rather than centred on the nav's 14px glyph column, where its ring would cross the row's edge, so the name now starts a step after the badge rather than on the nav's word line. Measured in a 236px rail with Settings and Preferences beside the link: the row is 44px (from 36.2px), the foot of an engine row and the account row 81px (from 73.2px), and the name and the detail keep 99px (from 109px). The rows above it keep the compact 26px step, and the Settings and Preferences controls, the truncation and the targets meeting across the gap are unchanged.
+
+## Changes in 0.47.0
+
+**A hidden label takes no room.** `FormField` takes `hideLabel`, which hides the label or the legend as a whole element for everything but assistive technology, and `ListInput`'s `hideLabel` uses it: the legend had held hidden text and still stood a line tall, so a list under a card's title stood 21px lower than the fields beside it.
+
+**A narrow `ListInput` gives its words the row.** Under 28rem of the list's own width a row wraps: its number and its field share the first line and its buttons stand at the end of a second, under the words. At a 390px phone the grip, the number and the three buttons had taken half of each row, so a policy wrapped at about twenty characters a line.
+
 ## Changes in 0.46.0
 
 The pieces for editing a company's principles where they are read: a statement or a list of policies changed in place on its own card, with nothing to go and find in another screen.

package/dist/AgentHandoffPanel/index.js

@@ -1,10 +1,10 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-RRPQMMCZ.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-CWKWMIIJ.js';
 import '../chunk-AUQPBL4O.js';
 import '../chunk-JQ7IFSF6.js';
 import '../chunk-OGXHZHRX.js';
-import '../chunk-O6H5XXVK.js';
+import '../chunk-6R5BSA36.js';
 import '../chunk-NBDN5JZV.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-FZVJDJFN.js';

package/dist/AppShell/AccountRow.d.ts

@@ -10,7 +10,10 @@ export interface AccountRowMenu {
     items: readonly MenuEntry[];
 }
 export interface AccountRowProps {
-    /** The reader's badge, drawn decorative: the name beside it says who it is. */
+    /**
+     * The reader's badge, drawn decorative: the name beside it says who it is.
+     * In a rail's foot the row is sized for a medium one (`size="md"`, 32px).
+     */
     avatar: ReactNode;
     /** Who the reader is. */
     name: ReactNode;

package/dist/AppShell/index.js

@@ -1,4 +1,4 @@
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-2KQR6JKE.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-3Q7LWLHY.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';

package/dist/{AppShell-TSACKAU7.css → AppShell-ZRTGPLAF.css}

@@ -239,11 +239,11 @@
    above it rather than sitting further out.
 
    THE FOOT IS THE COMPACT STEP. It holds what a reader reaches for rarely (a
-   settings link, the engine's state, who they are), so its rows stand on the
-   small control step (`--crewlet-rail-foot-row`, 26px, never under the 24px
-   target) on a half-step gap and a one-step inset, where the nav above keeps
-   its 30px rows. Only heights change: every row keeps its order, columns,
-   glyphs and words. */
+   settings link, the engine's state), so its rows stand on the small control
+   step (`--crewlet-rail-foot-row`, 26px, never under the 24px target) on a
+   half-step gap and a one-step inset, where the nav above keeps its 30px
+   rows. The account row is the one exception (see below). Only heights
+   change: every row keeps its order, columns, glyphs and words. */
 .crewlet-app-shell__rail-foot {
   --crewlet-rail-foot-gap: calc(var(--spacing-1) / 2);
   --crewlet-rail-foot-row: var(--size-control-sm);
@@ -805,13 +805,18 @@
  * In the rail's foot, the account row reaches up across its own padding to
  * half the foot's gap, to meet the row above (HitArea.css).
  *
- * AND IT STANDS ON THE NAV'S COLUMNS: the avatar centred on the column every
- * nav glyph is centred on, and the name starting on the line every nav word
- * starts on. On a 4px inset with an 8px gap a 26px avatar stood 2px left of
- * the glyphs above it and the name 2px right of their words. The avatar's box
- * takes a nav glyph's width (`sm`, 14px) and the badge is centred over it, so
- * whatever size of badge a caller hands the row, it is centred where a glyph
- * is, and the row takes the nav row's pad and its glyph-to-word gap.
+ * IT IS THE ONE TALL ROW IN THE FOOT. Who is signed in is the row a reader
+ * looks for, so it stands on the large control step (`--size-control-lg`,
+ * 44px) around a medium badge (`size="md"`, 32px), where the rows above it
+ * keep the compact step. The badge stands in a column of its own width
+ * (`--crewlet-account-row-badge`), centred in it, so a smaller badge a caller
+ * hands the row lands where a medium one would, and the column is inset from
+ * the row's edge by the 6px the badge has above and below it in the 44px row.
+ * A 32px badge cannot stand on the nav's 14px glyph column: centred there, its
+ * ring (1.5px, 2px out) would cross the row's own edge.
+ *
+ * The name takes the body's size (`--font-size-compact`, the nav's words) and
+ * both lines take the body's leading, a step a 36px row had no room for.
  */
 /*
  * AND THE WORDS TAKE THE ROOM: the name and the detail are what the row is
@@ -822,27 +827,31 @@
  */
 .crewlet-app-shell__rail-foot .crewlet-account-row {
   --crewlet-account-row-pad: var(--spacing-0);
+  --crewlet-account-row-badge: 32px;
   gap: calc(var(--spacing-1) / 2);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__who {
   --crewlet-hit-area-block-start: calc(var(--crewlet-rail-foot-gap) / 2 + var(--crewlet-account-row-pad));
   gap: 0;
-  /* On the foot's compact step: the two lines of name and detail with half a
-     step above and below them, which still clears the avatar. */
-  padding-block: calc(var(--spacing-1) / 2);
-  padding-inline: var(--size-nav-row-pad) calc(var(--spacing-1) / 2);
+  min-height: var(--size-control-lg);
+  padding-block: var(--spacing-1);
+  padding-inline: calc(var(--spacing-1) + var(--spacing-1) / 2) calc(var(--spacing-1) / 2);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__avatar {
   justify-content: center;
-  width: 14px;
-  /* The nav's glyph-to-word gap, so the name starts on the nav's word line. */
-  margin-inline-end: calc(var(--spacing-2) + var(--spacing-1) / 2);
+  width: var(--crewlet-account-row-badge);
+  margin-inline-end: var(--spacing-2);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__text {
   margin-inline-end: var(--spacing-1);
+  line-height: var(--font-line-height-body);
+}
+
+.crewlet-app-shell__rail-foot .crewlet-account-row__name {
+  font-size: var(--font-size-compact);
 }
 
 .crewlet-app-shell__rail-foot .crewlet-account-row__actions {

package/dist/ArrangeList/index.js

@@ -1,8 +1,8 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-T7DXSFUX.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-LIJQT74Y.js';
 import '../chunk-A722MUNR.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-RWET7W22.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-F57N6ZJG.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/AvatarPicker/index.js

@@ -1,8 +1,8 @@
-export { AvatarPicker } from '../chunk-3QSKDZR5.js';
+export { AvatarPicker } from '../chunk-EW2N4FOD.js';
 import '../chunk-34RMTXDZ.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-AYKXMIOR.js';
 import '../chunk-SNQRGH4A.js';
+import '../chunk-AYKXMIOR.js';
 import '../chunk-6FVGSWLS.js';
 import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';

package/dist/Canvas/Canvas.d.ts

@@ -146,6 +146,10 @@ export interface CanvasHandle {
  * wants. A surface with tools names the one its tool means: `pointer` for
  * selecting, `crosshair` for placing a thing, `text` for placing text. A pan
  * in progress always shows the closed hand, whatever the tool.
+ *
+ * Each is the operating system's own pointer (`grab`, `default`, `crosshair`,
+ * `text`, and `grabbing` for a pan), the hand a reader already knows from
+ * every map and design tool, rather than a drawing of the kit's own.
  */
 export type CanvasCursor = 'hand' | 'pointer' | 'crosshair' | 'text';
 /** Every string the canvas renders on its own. */
@@ -312,13 +316,6 @@ export interface CanvasProps {
     className?: string | undefined;
 }
 export declare function Canvas({ label, content, children, overlay, controls, controlsPlacement, controlsExtra, controlsActualSize, controlsBelow, hint, largestItemWidth, dimmed, ground, minZoom, cursor, refitOnResize, touch, labels, onReady, onViewChange, ref, className, }: CanvasProps): import("react").JSX.Element;
-/**
- * Every pointer cursor, as custom properties on the canvas's root: the field
- * reads the one its [CanvasCursor] names, and content inside the canvas (a
- * board's shield, a resize handle's neighbours) reads the same drawings
- * rather than the browser's own, so one pointer family runs across the whole
- * surface. Each falls back to its keyword where it is read.
- */
 /**
  * WHERE A `grid` GROUND'S DOTS FALL for a view: their pitch on screen as a
  * multiple of the dotted step, and the screen point one of them sits on.

package/dist/Canvas/index.js

@@ -1,4 +1,4 @@
-export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-TVV7XSO5.js';
+export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-D7Q5MQRF.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';

package/dist/{Canvas-VUG2HLZK.css → Canvas-4QJHVLJ4.css}

@@ -50,7 +50,7 @@
   position: absolute;
   inset: 0;
   overflow: hidden;
-  cursor: var(--crewlet-canvas-cursor-hand, grab);
+  cursor: grab;
   /* Until it is tapped, one finger belongs to the page's vertical scroll. */
   touch-action: pan-y;
 }
@@ -69,27 +69,29 @@
 }
 
 /*
- * THE POINTER SAYS WHAT A PRESS WILL DO. The drawings are the component's
- * (`CURSORS`, written on the root), each falling back to its keyword. A pan in
- * progress shows the closed hand whatever the tool, and it is set on the whole
- * canvas rather than the field, so a drag that crosses a board or a note keeps
- * the hand it started with.
+ * THE POINTER SAYS WHAT A PRESS WILL DO, in the operating system's own
+ * pointers: the open hand a reader knows from every map and design tool, the
+ * arrow, the crosshair and the text beam. A drawing of the kit's own beside
+ * them would be the one pointer on the screen that looks unlike the rest. A
+ * pan in progress shows the closed hand whatever the tool, and it is set on
+ * the whole canvas rather than the field, so a drag that crosses a board or a
+ * note keeps the hand it started with.
  */
 .crewlet-canvas[data-cursor='pointer'] .crewlet-canvas__viewport {
-  cursor: var(--crewlet-canvas-cursor-pointer, default);
+  cursor: default;
 }
 
 .crewlet-canvas[data-cursor='crosshair'] .crewlet-canvas__viewport {
-  cursor: var(--crewlet-canvas-cursor-crosshair, crosshair);
+  cursor: crosshair;
 }
 
 .crewlet-canvas[data-cursor='text'] .crewlet-canvas__viewport {
-  cursor: var(--crewlet-canvas-cursor-text, text);
+  cursor: text;
 }
 
 .crewlet-canvas[data-panning='true'] .crewlet-canvas__viewport,
 .crewlet-canvas[data-panning='true'] .crewlet-canvas__viewport * {
-  cursor: var(--crewlet-canvas-cursor-grabbing, grabbing);
+  cursor: grabbing;
   user-select: none;
 }
 

package/dist/CanvasBoard/CanvasBoard.d.ts

@@ -19,8 +19,8 @@
  * there, selected, and hands back the Move tool. One that can create notes
  * adds Text (`T`) and Sticky (`S`): a click on the field places one there,
  * opens it for typing, and hands back the Move tool. The pointer is always
- * the tool's (the Canvas cursors), and a pan in progress is always the closed
- * hand.
+ * the tool's (the operating system's own, through the Canvas), and a pan in
+ * progress is always the closed hand.
  *
  * A PAGE INSIDE A BOARD NEVER TAKES THE CANVAS'S POINTER BY SURPRISE. A live
  * board is covered by a shield that pans the canvas like the field around it;

package/dist/CanvasBoard/index.js

@@ -1,8 +1,8 @@
-export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-626CB5X6.js';
+export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-VP2ODUCC.js';
 import '../chunk-5SZGKSGL.js';
-import '../chunk-7WNJLNFD.js';
+import '../chunk-X4NIE7CI.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-TVV7XSO5.js';
+import '../chunk-D7Q5MQRF.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';

package/dist/{CanvasBoard-TS4P356F.css → CanvasBoard-JMYNIAHK.css}

@@ -124,7 +124,7 @@
 .crewlet-canvas-board__shield {
   position: absolute;
   inset: 0;
-  cursor: var(--crewlet-canvas-cursor-pointer, default);
+  cursor: default;
 }
 
 /* A board that is not running draws its size, and why, at screen size. */
@@ -249,7 +249,7 @@
   line-height: var(--font-line-height-normal);
   text-overflow: ellipsis;
   white-space: nowrap;
-  cursor: var(--crewlet-canvas-cursor-pointer, default);
+  cursor: default;
 }
 
 .crewlet-canvas-board__board:hover .crewlet-canvas-board__title,
@@ -265,7 +265,7 @@
   border-radius: var(--radius-md);
   background: transparent;
   font: inherit;
-  cursor: var(--crewlet-canvas-cursor-pointer, default);
+  cursor: default;
   touch-action: none;
 }
 
@@ -368,7 +368,7 @@
 .crewlet-canvas-board__note {
   position: absolute;
   box-sizing: border-box;
-  cursor: var(--crewlet-canvas-cursor-pointer, default);
+  cursor: default;
 }
 
 /*

package/dist/CanvasToolbar/index.js

@@ -1,6 +1,6 @@
-export { CanvasToolbar, toolForKey } from '../chunk-7WNJLNFD.js';
+export { CanvasToolbar, toolForKey } from '../chunk-X4NIE7CI.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-TVV7XSO5.js';
+import '../chunk-D7Q5MQRF.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';

package/dist/Checkbox/index.js

@@ -1,5 +1,5 @@
-export { Checkbox, CheckboxGroup } from '../chunk-RWET7W22.js';
-import '../chunk-Z734SV4E.js';
+export { Checkbox, CheckboxGroup } from '../chunk-F57N6ZJG.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/Combobox/index.js

@@ -1,6 +1,6 @@
-export { Combobox } from '../chunk-2UVMIM2J.js';
+export { Combobox } from '../chunk-OOJTPR7N.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/CommandPalette/index.js

@@ -1,7 +1,7 @@
-export { CommandPalette } from '../chunk-YR3ZURBM.js';
+export { CommandPalette } from '../chunk-TWZEWXNW.js';
 import '../chunk-6AKG2VLR.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';

package/dist/CommentThread/index.js

@@ -1,12 +1,12 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-2LPNWAN6.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-6EBGPCAW.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-PWG3VHRQ.js';
-import '../chunk-O6H5XXVK.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-6R5BSA36.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';

package/dist/Composer/index.js

@@ -1,5 +1,5 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-O6H5XXVK.js';
-import '../chunk-Z734SV4E.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-6R5BSA36.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-PQADV6P6.js';

package/dist/ConfirmField/index.js

@@ -1,6 +1,6 @@
-export { ConfirmField, confirmMatches } from '../chunk-KZDMAQNJ.js';
+export { ConfirmField, confirmMatches } from '../chunk-ZCIL5IHU.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/DataTable/index.js

@@ -1,11 +1,11 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-PWZT6CZY.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-AS2BMY3E.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-6AKG2VLR.js';
-import '../chunk-RWET7W22.js';
+import '../chunk-F57N6ZJG.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/DataView/index.js

@@ -1,7 +1,7 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-KOJKX3U6.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-OHJ2R2X4.js';
 import '../chunk-HOXGBLEY.js';
+import '../chunk-AS2BMY3E.js';
 import '../chunk-UFXLNC2N.js';
-import '../chunk-PWZT6CZY.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-6AKG2VLR.js';
@@ -9,11 +9,11 @@ import '../chunk-7KHM2FZH.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-RWET7W22.js';
+import '../chunk-F57N6ZJG.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';

package/dist/DocTabsEditor/index.js

@@ -1,6 +1,6 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-RCKRJXFV.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-627KFRON.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/{Editor-6FXHMW64.js → Editor-MLGK3KOG.js}

@@ -2,7 +2,7 @@ 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-Z734SV4E.js';
+import { FormField, Input } from './chunk-EXRRTKWT.js';
 import './chunk-XCUUI7E7.js';
 import './chunk-PQADV6P6.js';
 import './chunk-RSAQOKH3.js';

package/dist/Input/FormField.d.ts

@@ -47,6 +47,15 @@ export interface FormFieldProps extends Omit<HTMLAttributes<HTMLElement>, 'child
     limit?: FormFieldLimit | undefined;
     /** A control rendered beside the label, such as an Add button. */
     labelAction?: ReactNode;
+    /**
+     * The label (or the legend) is kept for assistive technology and takes no
+     * room on the page, for a field whose name is already the heading right
+     * above it. Hidden as the WHOLE element, not as the text inside it: a
+     * label holding hidden text still stands a line tall, which is the gap a
+     * reader sees between a card's title and its field. A `labelAction` goes
+     * with it, so a field with a hidden label puts its control elsewhere.
+     */
+    hideLabel?: boolean | undefined;
     /**
      * A fieldset with a legend rather than a div with a label, for a field
      * whose control is SEVERAL controls: a list of items, a row of radios. A
@@ -82,4 +91,4 @@ export interface FormFieldProps extends Omit<HTMLAttributes<HTMLElement>, 'child
  * instant, the only line that said what right looks like disappeared. Both
  * lines are joined into `aria-describedby` in reading order, help first.
  */
-export declare const FormField: ({ label, required, optional, requiredNews, helper, helperOnFocus, error, limit, labelAction, as, describedBy, htmlFor, className, children, ...rest }: FormFieldProps) => import("react").JSX.Element;
+export declare const FormField: ({ label, required, optional, requiredNews, helper, helperOnFocus, error, limit, labelAction, hideLabel, as, describedBy, htmlFor, className, children, ...rest }: FormFieldProps) => import("react").JSX.Element;

package/dist/Input/index.d.ts

@@ -1,4 +1,5 @@
 import './Input.css';
+import '../VisuallyHidden/VisuallyHidden.css';
 export { Input, InputAffix } from './Input.js';
 export type { InputAffixProps, InputAppearance, InputProps, InputSize, InputWidth } from './Input.js';
 export { Textarea, foldLineBreaks } from './Textarea.js';

package/dist/Input/index.js

@@ -1,4 +1,4 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-Z734SV4E.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/ListInput/index.js

@@ -1,6 +1,6 @@
-export { ListInput, withDraft } from '../chunk-SQZEVWVC.js';
+export { ListInput, withDraft } from '../chunk-ICVS3U4S.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-PQADV6P6.js';

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

@@ -22,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;
@@ -261,3 +263,30 @@
   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/PresenterView/index.js

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

package/dist/PrincipalPicker/index.js

@@ -1,10 +1,10 @@
-export { PrincipalPicker } from '../chunk-HBSR5DL6.js';
-import '../chunk-2UVMIM2J.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-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-RWWLVDRE.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/SheetColumnEditor/index.js

@@ -1,4 +1,4 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-YBJVIY5E.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-MUQJCH2Y.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
@@ -6,12 +6,12 @@ import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-34RMTXDZ.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-RWET7W22.js';
+import '../chunk-F57N6ZJG.js';
 import '../chunk-6FVGSWLS.js';
 import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';

package/dist/SheetGrid/index.js

@@ -1,9 +1,9 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-ZZCCNVF3.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';
 import '../chunk-3BYIWOTV.js';
 import '../chunk-I6POAB4V.js';
-import '../chunk-KYIAFNU7.js';
 import '../chunk-66X5WDKE.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';

package/dist/Switcher/index.js

@@ -1,10 +1,10 @@
-export { Switcher } from '../chunk-32MTQ6DN.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-Z734SV4E.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';