@crewlethq/ui 0.41.1 → 0.42.0

package/README.md

@@ -204,6 +204,14 @@ 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.42.0
+
+**`IconButtonLink` is an icon-only link** drawn as an `IconButton`: a place reached by its glyph, such as Settings beside the reader's own row in a rail's foot. It is a real anchor (`href`), named and titled by its `label`, and `current` marks the page the reader is on with `aria-current="page"` and a nav row's selected treatment, the lifted ground inside the default hairline, drawn on the square's own transparent boundary so nothing moves; its ring then covers that edge.
+
+**The rail's search field is a row's width.** Its edges are a nav row's highlight edges (the gutter in from each side), and its glyph and shortcut stay on the rows' content columns through its pad (`--crewlet-rail-field-pad` is the row's pad less the field's edge). It keeps the compact step and the one-step gap to the nav.
+
+**The account row's words take the room in a rail's foot.** The avatar keeps the nav's glyph-to-word gap, so the name starts on the nav's word line, and every gap after the name is smaller: the menu's chevron stands one step off the words, the link ends half a step after it, and the controls beside the link are half a step apart and half a step off it. With two controls beside it (Settings and Preferences), the name and the detail keep 110px where the same row with the earlier gaps kept 98px.
+
 ## Changes in 0.41.1
 
 **The rail's search field is compact and stands on the nav's content columns** (`SearchTrigger variant="rail"` in the `AppShell.Rail` search slot). It is 26px tall (the small control step, never under the 24px target) where it was 34px, with 6px inside each end where it had 10px. Its glyph stays on the nav's glyph column, and its shortcut now ends where a row's words end, so the field is 210px wide in a 236px rail where it ran 219px from gutter to gutter. The slot names the pad (`--crewlet-rail-field-pad`), so its inset and the field's pad are one measure; outside the slot the field keeps the trigger's own pad. The slot no longer adds its own 12px under the field, so the nav's top inset (8px) is the one gap between the field and the first row, where it was 20px. The rail's rows start 20px higher. A label longer than the field still truncates before the shortcut does.

package/dist/AgentHandoffPanel/index.js

@@ -1,16 +1,16 @@
-export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-3TXY3PJZ.js';
+export { AGENT_HANDOFF_LABELS, AgentHandoffPanel } from '../chunk-BO7Q6JP6.js';
 import '../chunk-AUQPBL4O.js';
 import '../chunk-3TFDQLW3.js';
 import '../chunk-OGXHZHRX.js';
-import '../chunk-ISA2O2BK.js';
-import '../chunk-Y5BD4MTE.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-7CXGSS7D.js';
+import '../chunk-NBDN5JZV.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-FZVJDJFN.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AppShell/index.js

@@ -1,11 +1,11 @@
-export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-NURXCBCW.js';
+export { AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, useAppShell } from '../chunk-5AHDGYKN.js';
 import '../chunk-RTPQDNW3.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{AppShell-3R4ZU4ND.css → AppShell-TSACKAU7.css}

@@ -218,20 +218,20 @@
 }
 
 /*
- * THE RAIL'S FIELD ON THE NAV'S CONTENT COLUMNS, compact. Its glyph stands on
- * the nav's glyph column and its shortcut ends where a row's words can end:
- * a row's content is the gutter and the row's pad in from each edge, the
- * field's is the slot's inset, its own 1px edge and its pad
+ * THE RAIL'S FIELD IS A ROW'S WIDTH, compact: its edges are a nav row's
+ * highlight edges, the nav's gutter in from each side of the rail, and its
+ * content stands on a row's content columns through its pad
  * (`--crewlet-rail-field-pad`, which the rail variant of `SearchTrigger`
- * takes), so the inset at each end makes up the difference. Standing on the
- * rows' content rather than on their backgrounds' edges, the field is
- * narrower than a row, a field in the rail rather than a bar across it.
+ * takes): the glyph on the nav's glyph column and the shortcut ending where a
+ * row's words end. A row's content is the gutter and the row's pad in; the
+ * field's is the slot's inset, its own 1px edge and its pad, so the inset at
+ * each end makes up the difference, which is the gutter.
  *
  * And it is held off the nav by the nav's own top inset alone, one step, so
  * the field and the rows read as one group with the field first.
  */
 .crewlet-app-shell__rail-search {
-  --crewlet-rail-field-pad: calc(var(--spacing-1) + var(--spacing-1) / 2);
+  --crewlet-rail-field-pad: calc(var(--size-nav-row-pad) - 1px);
   padding: 0 calc(var(--size-nav-gutter) + var(--size-nav-row-pad) - var(--crewlet-rail-field-pad) - 1px);
 }
 
@@ -813,22 +813,40 @@
  * 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.
  */
+/*
+ * AND THE WORDS TAKE THE ROOM: the name and the detail are what the row is
+ * for, so every gap after the name is the half step and the menu's chevron
+ * stands one step off the words at least, at the link's end. The controls
+ * beside the link (Settings, Preferences) are half a step apart and half a
+ * step off the link, so a reader's name keeps the width two controls leave.
+ */
 .crewlet-app-shell__rail-foot .crewlet-account-row {
   --crewlet-account-row-pad: var(--spacing-0);
+  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: calc(var(--spacing-2) + var(--spacing-1) / 2);
+  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-start: var(--size-nav-row-pad);
+  padding-inline: var(--size-nav-row-pad) 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);
+}
+
+.crewlet-app-shell__rail-foot .crewlet-account-row__text {
+  margin-inline-end: var(--spacing-1);
+}
+
+.crewlet-app-shell__rail-foot .crewlet-account-row__actions {
+  gap: calc(var(--spacing-1) / 2);
 }
 
 /* The row as the reader's menu button: a button drawn as the link is. */

package/dist/ArrangeFrame/index.js

@@ -1,5 +1,5 @@
-export { ArrangeFrame, useGridResize } from '../chunk-WMXAX6VA.js';
+export { ArrangeFrame, useGridResize } from '../chunk-VWYT3GVV.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArrangeList/index.js

@@ -1,11 +1,11 @@
-export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-ZMWXE4GT.js';
+export { ArrangeList, DEFAULT_ARRANGE_LABELS } from '../chunk-GPIRKHGS.js';
 import '../chunk-A722MUNR.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-AXS6MBNH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-EY7LACIR.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactBar/index.js

@@ -1,7 +1,7 @@
-export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-2VOHUGUA.js';
+export { ARTIFACT_BAR_LABELS, ArtifactBar, ArtifactVersionChip } from '../chunk-UO5VJHWP.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-4OK4DX3V.js';
-import '../chunk-X4IXXLWM.js';
+import '../chunk-BF5WV7NM.js';
+import '../chunk-KA75QPFM.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-I33UIUZD.js';
@@ -9,12 +9,12 @@ import '../chunk-ILDNJHRU.js';
 import '../chunk-CE2THTQR.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ArtifactPanel/index.js

@@ -1,5 +1,5 @@
-export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-Y5BD4MTE.js';
+export { ARTIFACT_PANEL_LABELS, ArtifactPanel, ArtifactWorkspace } from '../chunk-NBDN5JZV.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/AvatarPicker/index.js

@@ -1,20 +1,20 @@
-export { AvatarPicker } from '../chunk-A44YHLCQ.js';
-import '../chunk-BA32AVKS.js';
+export { AvatarPicker } from '../chunk-Q7HLZH32.js';
+import '../chunk-QOP7QYUW.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-SNQRGH4A.js';
-import '../chunk-4OK4DX3V.js';
-import '../chunk-X4IXXLWM.js';
+import '../chunk-BF5WV7NM.js';
+import '../chunk-KA75QPFM.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Canvas/index.js

@@ -1,11 +1,11 @@
-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-DAERKOOG.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-TVV7XSO5.js';
 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-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasBoard/index.js

@@ -1,15 +1,15 @@
-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-C7OKDYBH.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-626CB5X6.js';
 import '../chunk-5SZGKSGL.js';
-import '../chunk-B5UHX5UC.js';
+import '../chunk-7WNJLNFD.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-DAERKOOG.js';
+import '../chunk-TVV7XSO5.js';
 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-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CanvasToolbar/index.js

@@ -1,13 +1,13 @@
-export { CanvasToolbar, toolForKey } from '../chunk-B5UHX5UC.js';
+export { CanvasToolbar, toolForKey } from '../chunk-7WNJLNFD.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-DAERKOOG.js';
+import '../chunk-TVV7XSO5.js';
 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-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Checkbox/index.js

@@ -1,7 +1,7 @@
-export { Checkbox, CheckboxGroup } from '../chunk-AXS6MBNH.js';
-import '../chunk-TYONQSOK.js';
+export { Checkbox, CheckboxGroup } from '../chunk-EY7LACIR.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CodeBlock/index.js

@@ -1,8 +1,8 @@
-export { CodeBlock } from '../chunk-SEC2GR2V.js';
-import '../chunk-W46LPU4R.js';
+export { CodeBlock } from '../chunk-A4GFEMVI.js';
+import '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Combobox/index.js

@@ -1,10 +1,10 @@
-export { Combobox } from '../chunk-EAEJ7CDM.js';
+export { Combobox } from '../chunk-MVGCZ655.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommandPalette/index.js

@@ -1,7 +1,7 @@
-export { CommandPalette } from '../chunk-XGBUUQDU.js';
-import '../chunk-IAGYPTEJ.js';
+export { CommandPalette } from '../chunk-6MAQ2SVP.js';
+import '../chunk-FYINAYAJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
@@ -9,7 +9,7 @@ import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/CommentThread/index.js

@@ -1,17 +1,17 @@
-export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-MMPKN7WV.js';
+export { COMMENT_THREAD_LABELS, CommentThread } from '../chunk-AGNZIT3Z.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-ISA2O2BK.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-7CXGSS7D.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Composer/index.js

@@ -1,8 +1,8 @@
-export { COMPOSER_COUNTER_AT, Composer } from '../chunk-ISA2O2BK.js';
-import '../chunk-TYONQSOK.js';
+export { COMPOSER_COUNTER_AT, Composer } from '../chunk-7CXGSS7D.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ConfirmField/index.js

@@ -1,8 +1,8 @@
-export { ConfirmField, confirmMatches } from '../chunk-PEUGPAKH.js';
+export { ConfirmField, confirmMatches } from '../chunk-FG243QHY.js';
 import '../chunk-5CLW2CXT.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Copyable/index.js

@@ -1,7 +1,7 @@
-export { CopyButton, Copyable } from '../chunk-W46LPU4R.js';
+export { CopyButton, Copyable } from '../chunk-7SHAFLEX.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataTable/index.js

@@ -1,17 +1,17 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-FXBGEANQ.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-GI3S6RMM.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-IAGYPTEJ.js';
-import '../chunk-AXS6MBNH.js';
+import '../chunk-FYINAYAJ.js';
+import '../chunk-EY7LACIR.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DataView/index.js

@@ -1,27 +1,27 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-H6CEFQTR.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-AACPFUZW.js';
 import '../chunk-HOXGBLEY.js';
-import '../chunk-RFFXB3PR.js';
-import '../chunk-FXBGEANQ.js';
+import '../chunk-UFXLNC2N.js';
+import '../chunk-GI3S6RMM.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-IAGYPTEJ.js';
+import '../chunk-FYINAYAJ.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-NR4CPM4T.js';
-import '../chunk-AXS6MBNH.js';
+import '../chunk-EY7LACIR.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DateTimePicker/index.js

@@ -1,10 +1,10 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-RFFXB3PR.js';
-import '../chunk-GXQ3B46I.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UFXLNC2N.js';
 import '../chunk-KHJIEPZV.js';
+import '../chunk-GXQ3B46I.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DocTabsEditor/index.js

@@ -1,13 +1,13 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-SYBYFQTY.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-W53CWWX3.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-TYONQSOK.js';
+import '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Editor-IRDQ3JDZ.js → Editor-FXO2JVWK.js}

@@ -2,13 +2,13 @@ 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-TYONQSOK.js';
+import { FormField, Input } from './chunk-ZI5G5RS7.js';
 import './chunk-PQADV6P6.js';
-import { Menu } from './chunk-D6FEHY5G.js';
+import { Menu } from './chunk-PCI7ZJ6Z.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
 import { Button } from './chunk-OG6CL3EB.js';
-import { IconButton } from './chunk-4FQT6ZAY.js';
+import { IconButton } from './chunk-LACA4JGC.js';
 import './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/HuePicker/index.js

@@ -1,17 +1,17 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-BA32AVKS.js';
+export { HuePicker, HueSwatch } from '../chunk-QOP7QYUW.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-4OK4DX3V.js';
-import '../chunk-X4IXXLWM.js';
+import '../chunk-BF5WV7NM.js';
+import '../chunk-KA75QPFM.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-D6FEHY5G.js';
+import '../chunk-PCI7ZJ6Z.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/IconButton/IconButton.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ReactNode } from 'react';
 export type IconButtonSize = 'sm' | 'md' | 'lg';
 export type IconButtonVariant = 
 /** The bordered square: a secondary Button with no room for a label. */
@@ -43,3 +43,27 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
  * a word beside the glyph is a Button.
  */
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface IconButtonLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'aria-label' | 'aria-current'> {
+    /** Where it goes, in words: the link's name and its title. REQUIRED, for IconButton's reason. */
+    label: string;
+    href: string;
+    /** The glyph. A component from @crewlethq/icons/glyphs, not a name. */
+    icon: ReactNode;
+    size?: IconButtonSize | undefined;
+    variant?: IconButtonVariant | undefined;
+    /**
+     * The reader is on the page it leads to: `aria-current="page"` and the
+     * selected treatment a nav row draws, the lifted ground inside a hairline.
+     */
+    current?: boolean | undefined;
+}
+/**
+ * An icon-only LINK, drawn as an IconButton: a place reached by its glyph, such
+ * as Settings beside the reader's own row in a rail's foot.
+ *
+ * A REAL LINK rather than a button that navigates, so a modified press opens a
+ * tab and the address can be copied, and it says when the reader is already
+ * there, as a nav row does. A router's link is the `asChild` form of
+ * IconButton; this is the plain anchor.
+ */
+export declare const IconButtonLink: import("react").ForwardRefExoticComponent<IconButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/IconButton/index.d.ts

@@ -1,3 +1,3 @@
 import './IconButton.css';
-export { IconButton } from './IconButton.js';
-export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.js';
+export { IconButton, IconButtonLink } from './IconButton.js';
+export type { IconButtonLinkProps, IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton.js';

package/dist/IconButton/index.js

@@ -1,3 +1,3 @@
-export { IconButton } from '../chunk-4FQT6ZAY.js';
+export { IconButton, IconButtonLink } from '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{IconButton-VYWP6SGW.css → IconButton-K24JQHLF.css}

@@ -116,6 +116,27 @@
   background: var(--color-surface-pressed);
 }
 
+/*
+ * THE PLACE THE READER IS ON (`IconButtonLink current`): the selected
+ * treatment a nav row draws, the lifted ground inside the default hairline,
+ * drawn on the square's own transparent boundary so nothing moves. With an
+ * edge to draw, its ring covers the edge, as the bordered squares' does.
+ */
+a.crewlet-icon-btn {
+  text-decoration: none;
+}
+
+.crewlet-icon-btn--current,
+.crewlet-icon-btn--current:hover {
+  background: var(--color-surface-elevated);
+  border-color: var(--color-border-default);
+  color: var(--color-text-primary);
+}
+
+.crewlet-icon-btn--current:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
 /* ghost: transparent, neutral ink, a mild tint on hover. */
 .crewlet-icon-btn--ghost {
   color: var(--color-text-secondary);

package/dist/Input/index.js

@@ -1,6 +1,6 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-TYONQSOK.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-ZI5G5RS7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-4FQT6ZAY.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';