@crewlethq/ui 0.41.0 → 0.42.0

package/README.md

@@ -204,6 +204,18 @@ 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.
+
 ## Changes in 0.41.0
 
 **The rail's head carries a status** (`AppShell.Rail` `status`, drawn with `AppShell.RailStatus`). An application's own state, such as its engine's, stands compact at the end of the head's line, beside the name: a status dot and, when something stands against it, a count in the foot row's inks (the warning ink with its mark for alarms). The state's words are the status's name and title rather than a line of the rail ("Engine serving, 1 alarm"), so the count is read once, in words. A status that opens a panel is the panel's trigger, as a foot row is (`aria-haspopup`, `aria-expanded` and `aria-controls` reach its button, and a `Popover` anchors to it), and `label` names it where a press does something the state does not say ("Engine signed out. Sign in"). A status nothing presses is a statement with no place in the tab order. It reserves the width of a dot and a two-figure count, and a `BrandLockup` beside it gives up its end inset to the head's gap, so the name truncates at one place whatever the count says, it is a 24px target each way with its focus ring inside its box, and it ends on the nav's gutter, where every row's background ends. It stands in the drawer's head the same way. The foot's doc now names it the place for what a reader reaches for rarely.

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-SCPEMLLY.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-V3TAAYL3.css → AppShell-TSACKAU7.css}

@@ -218,18 +218,21 @@
 }
 
 /*
- * THE RAIL'S FIELD ON THE NAV'S COLUMNS. It stands on the nav's gutter, so
- * its right edge is where every row's background ends; and its glyph stands
- * on the nav's glyph column: a row's glyph is the gutter and the row's pad
- * in, the field's is the gutter, its own 1px edge and its pad
- * (`SearchTrigger`'s two steps and a half), so the inset at its start makes
- * up the difference from those measures.
+ * 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): 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 {
-  padding: 0 var(--size-nav-gutter) var(--spacing-3);
-  padding-inline-start: calc(
-    var(--size-nav-gutter) + var(--size-nav-row-pad) - (var(--spacing-2) + var(--spacing-1) / 2) - 1px
-  );
+  --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);
 }
 
 /* The same gutter the nav takes, so what the foot says lines up with the rows
@@ -810,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-6QNN3WIT.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-UB6MLXUL.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-NR4CPM4T.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-AXS6MBNH.js';
+import '../chunk-NR4CPM4T.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-UB6MLXUL.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);