@crewlethq/ui 0.36.0 → 0.37.1

package/dist/Layer/index.js

@@ -1,3 +1,4 @@
 export { LAYER_GAP, LAYER_REPOSITION_EVENT, LayerHost, anchorGone, outsideBounds, placePopup, useLayerContainer, viewportBounds } from '../chunk-OMV5W53A.js';
-export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-R25RGPUB.js';
+export { focusables, isComposing, isModalLayerOpen, layerCount, useBodyScrollLock, useModalLayer, usePopupLayer } from '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LinkInterstitial/index.js

@@ -1,11 +1,12 @@
-export { LinkInterstitial, openExternal } from '../chunk-5WDXPHEW.js';
-import '../chunk-XEGZHHRH.js';
+export { LinkInterstitial, openExternal } from '../chunk-NRBAXRWE.js';
+import '../chunk-SVGARBDY.js';
 import '../chunk-5CLW2CXT.js';
 import '../chunk-SZZRIHGT.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ListInput/index.js

@@ -1,11 +1,11 @@
-export { ListInput } from '../chunk-IQH3DDZ2.js';
-import '../chunk-IUYUS2SO.js';
+export { ListInput } from '../chunk-DOLATMGF.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-YSGLEHND.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Listbox/index.js

@@ -1,2 +1,3 @@
-export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-F73MC7EZ.js';
-import '../chunk-R25RGPUB.js';
+export { HIGHLIGHT_REST_MS, TYPE_AHEAD_WINDOW, useHighlightRest, useListbox, useOptionKeys } from '../chunk-7KHM2FZH.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';

package/dist/{Listbox-6WJNJQVQ.css → Listbox-NQV6E3FS.css}

@@ -72,6 +72,9 @@
   cursor: pointer;
   /* A row is chosen by the arrows as often as by the pointer, so the highlight
      lands with no transition: a fade would lag a held arrow key. */
+  /* Where a list sets its rows apart, each row's target reaches half the gap
+     (HitArea.css), so the pointer never falls between two of them. */
+  --crewlet-hit-area-block: calc(var(--crewlet-listbox-gap, 0px) / 2);
 }
 
 /*

package/dist/LivePreview/LivePreview.d.ts

@@ -137,6 +137,15 @@ export interface LivePreviewProps {
  * and every scroller between the box and the root clips it at its own edge.
  */
 export declare function scrollRoot(el: Element): Element | null;
+/** How a layer laid out at a size of its own is fitted to its box (`PreviewScaleProps.fit`). */
+export type PreviewFit = 'width' | 'contain' | 'fill';
+/**
+ * The most of a filled layer's content that may fall outside its box, on
+ * either axis, before `fill` contains it instead: a fifth. A laptop's board
+ * (16:10) in a card's 16:9 loses a tenth of its foot; a phone's board would
+ * lose four fifths of itself, and is shown whole.
+ */
+export declare const PREVIEW_FILL_MAX_CUT = 0.2;
 /**
  * A preview whose `snapshot` key changes is another preview: what it holds
  * belongs to the content it drew, so it starts again under the new key.
@@ -150,10 +159,13 @@ export interface PreviewScaleProps {
     height?: number | undefined;
     /**
      * `width` scales the content to the box's width from its top (the top of a
-     * page); `contain` scales it to fit inside the box whole, centred (a board
-     * of its own size).
+     * page); `contain` scales it to fit inside the box whole, centred; `fill`
+     * covers the box edge to edge, centred across and held at the top, wherever
+     * that leaves at most [PREVIEW_FILL_MAX_CUT] of the content outside it, and
+     * contains it otherwise (a design's board, which may be a laptop's screen
+     * or a phone's). `contain` and `fill` need a `height`.
      */
-    fit?: 'width' | 'contain' | undefined;
+    fit?: PreviewFit | undefined;
 }
 /**
  * Content laid out at a size of its own and scaled to the box it is drawn in,

package/dist/LivePreview/index.d.ts

@@ -1,6 +1,6 @@
 import './LivePreview.css';
-export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_RENDER_MS, LivePreview, LivePreviewBudgetProvider, PreviewScale, useLivePreview } from './LivePreview.js';
-export type { LivePreviewProps, LivePreviewSignals, LivePreviewState, PreviewScaleProps } from './LivePreview.js';
+export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_RENDER_MS, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, useLivePreview } from './LivePreview.js';
+export type { LivePreviewProps, LivePreviewSignals, LivePreviewState, PreviewFit, PreviewScaleProps } from './LivePreview.js';
 export { createLivePreviewBudget, immediately, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, perFrame } from './budget.js';
 export type { LivePreviewBudget, LivePreviewSchedule, LivePreviewSlot } from './budget.js';
 export { createLivePreviewStills, LIVE_PREVIEW_STILLS_KEPT } from './stills.js';

package/dist/LivePreview/index.js

@@ -1,2 +1,2 @@
-export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-XGBLRDSU.js';
+export { LIVE_PREVIEW_DWELL_MS, LIVE_PREVIEW_MARGIN, LIVE_PREVIEW_MAX, LIVE_PREVIEW_MAX_FRAMES, LIVE_PREVIEW_RENDER_MS, LIVE_PREVIEW_STILLS_KEPT, LivePreview, LivePreviewBudgetProvider, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-CQFQGAZI.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{LivePreview-BROGKR4N.css → LivePreview-KQEDMQCY.css}

@@ -52,6 +52,19 @@
   transition: none !important;
 }
 
+/* NOR DOES ANYTHING IN IT SCROLL: a copy of a box that scrolled (a sheet
+   wider than the card, a long list) is a picture of its first view, so it
+   draws no scrollbar. Shown, the bar sat across the card as a stray band.
+   The live layer it is copied from draws none either, so what is laid out
+   there (a sheet's room for a bar included) is what the copy shows. */
+:is(.crewlet-live-preview__live, .crewlet-live-preview__still) * {
+  scrollbar-width: none !important;
+}
+
+:is(.crewlet-live-preview__live, .crewlet-live-preview__still) *::-webkit-scrollbar {
+  display: none;
+}
+
 /* THE LIVE LAYER renders out of sight: content that is copied is never seen
    live, only its copy is. A frame's page is kept rather than copied, so a
    framed preview's live layer is what fades in once it has drawn. */

package/dist/MarkdownEditor/index.js

@@ -1,12 +1,14 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-OOWPSBIS.js';
-import '../chunk-PGRPNDWM.js';
-import '../chunk-WKEPORNM.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-GMW4ZHST.js';
+import '../chunk-NR4CPM4T.js';
+import '../chunk-4ISUIS6F.js';
+import '../chunk-2QZ2VPHR.js';
+import '../chunk-7SDUKCNW.js';
 import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Menu/index.js

@@ -1,7 +1,8 @@
-export { Menu } from '../chunk-BUVCV3WI.js';
+export { Menu } from '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/MergeConflicts/index.js

@@ -1,9 +1,10 @@
-export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-J6ON5SYE.js';
-import '../chunk-WKEPORNM.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.js';
+export { MERGE_CONFLICTS_LABELS, MergeConflicts } from '../chunk-B5J23C73.js';
+import '../chunk-4ISUIS6F.js';
+import '../chunk-2QZ2VPHR.js';
+import '../chunk-7SDUKCNW.js';
 import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Modal/index.js

@@ -1,8 +1,9 @@
-export { ConfirmModal, Modal } from '../chunk-XEGZHHRH.js';
+export { ConfirmModal, Modal } from '../chunk-SVGARBDY.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/OrgTable/index.js

@@ -1,5 +1,5 @@
-export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-JBUMD6DS.js';
-import '../chunk-QWNVSR6G.js';
+export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-CFGGE3HO.js';
+import '../chunk-3KYVFG47.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-ONQKKHON.js';
 import '../chunk-LM3ISVJA.js';
@@ -7,7 +7,8 @@ import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-TROLVEZY.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Popover/index.js

@@ -1,4 +1,5 @@
-export { Popover } from '../chunk-K3IJQNB7.js';
+export { Popover } from '../chunk-KHJIEPZV.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PresenterView/index.js

@@ -1,10 +1,11 @@
-export { PresenterView, formatStopwatch } from '../chunk-DEMALFHY.js';
-import '../chunk-NQGPD6NX.js';
+export { PresenterView, formatStopwatch } from '../chunk-UXYEOWG5.js';
 import '../chunk-6VOS2GMB.js';
+import '../chunk-RMEBFYL7.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PrincipalPicker/index.js

@@ -1,13 +1,14 @@
-export { PrincipalPicker } from '../chunk-GMLAKNFY.js';
-import '../chunk-PPFX6GRK.js';
-import '../chunk-F73MC7EZ.js';
+export { PrincipalPicker } from '../chunk-D2OL3ZSS.js';
+import '../chunk-EAEJ7CDM.js';
+import '../chunk-7KHM2FZH.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-IUYUS2SO.js';
-import '../chunk-YSGLEHND.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RichEditor/index.js

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

package/dist/SegmentedControl/index.d.ts

@@ -1,3 +1,4 @@
+import '../HitArea/HitArea.css';
 import '../Tabs/Tabs.css';
 import './SegmentedControl.css';
 export { SegmentedControl } from './SegmentedControl.js';

package/dist/SegmentedControl/index.js

@@ -1,7 +1,8 @@
-import '../chunk-WKEPORNM.js';
-export { SegmentedControl } from '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.js';
+import '../chunk-4ISUIS6F.js';
+export { SegmentedControl } from '../chunk-2QZ2VPHR.js';
+import '../chunk-7SDUKCNW.js';
 import '../chunk-RKKO7QHH.js';
 import '../chunk-BHHIIK3M.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SegmentedControl-FLI45IOW.css → SegmentedControl-B7XCUOML.css}

@@ -25,8 +25,10 @@
  * equal weight in a file that happens to come later takes them back.
  */
 .crewlet-tabs.crewlet-segmented--cards {
+  --crewlet-tabs-gap: var(--spacing-2);
+  --crewlet-tabs-row-gap: var(--spacing-2);
   display: grid;
-  gap: var(--spacing-2);
+  gap: var(--crewlet-tabs-gap);
   width: 100%;
   align-items: stretch;
 }
@@ -37,6 +39,9 @@
  * surface inside a panel of the same surface reads as a second panel.
  */
 .crewlet-segmented--cards .crewlet-segmented__option {
+  /* A card's 1px border is inside the reach (HitArea.css). */
+  --crewlet-hit-area-inline: calc(var(--crewlet-tabs-gap) / 2 + 1px);
+  --crewlet-hit-area-block: calc(var(--crewlet-tabs-row-gap) / 2 + 1px);
   justify-content: flex-start;
   text-align: left;
   /* A sentence under a name is a sentence: it wraps rather than being cut. */
@@ -81,7 +86,8 @@
   /* No gap between ROWS: each chip's target already overhangs its drawing by
      half a step above and below, so two rows' drawings stand a whole step
      apart while their targets meet. */
-  gap: 0 var(--spacing-1);
+  --crewlet-tabs-gap: var(--spacing-1);
+  gap: 0 var(--crewlet-tabs-gap);
 }
 
 /*
@@ -185,6 +191,7 @@
  * every option stays visible and inside the focus ring's room.
  */
 .crewlet-tabs--pill.crewlet-segmented {
+  --crewlet-tabs-row-gap: var(--crewlet-tabs-gap);
   flex-wrap: wrap;
   min-width: 0;
   max-width: 100%;

package/dist/Select/index.d.ts

@@ -1,3 +1,4 @@
+import '../HitArea/HitArea.css';
 import './Select.css';
 export { Select } from './Select.js';
 export type { SelectAlign, SelectAppearance, SelectMode, SelectOption, SelectProps, SelectSize, SelectValue, } from './Select.js';

package/dist/Select/index.js

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

package/dist/{Select-W3CHTZXP.css → Select-F526HLNR.css}

@@ -76,7 +76,7 @@
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-select:focus-within {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-select:focus-within {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }
@@ -139,7 +139,7 @@
   outline-color: var(--color-feedback-danger);
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-select.is-error:focus-within {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-select.is-error:focus-within {
   outline-color: var(--color-feedback-danger);
 }
 
@@ -286,9 +286,10 @@ svg.crewlet-select__chevron {
 }
 
 .crewlet-select__group {
+  --crewlet-listbox-gap: 1px;
   display: flex;
   flex-direction: column;
-  gap: 1px;
+  gap: var(--crewlet-listbox-gap);
 }
 
 .crewlet-select__option {
@@ -441,7 +442,7 @@ svg.crewlet-select__chevron {
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-select__search:focus-within {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-select__search:focus-within {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }

package/dist/ShareDialog/index.js

@@ -1,20 +1,21 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-2DV4THNQ.js';
-import '../chunk-VKKUGZ3G.js';
-import '../chunk-XEGZHHRH.js';
-import '../chunk-F73MC7EZ.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-UWRBD2YO.js';
+import '../chunk-XQZ6EWOE.js';
 import '../chunk-W46LPU4R.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
+import '../chunk-SVGARBDY.js';
+import '../chunk-7KHM2FZH.js';
 import '../chunk-SZZRIHGT.js';
 import '../chunk-CI3VPIJN.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
-import '../chunk-YSGLEHND.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetColumnEditor/index.js

@@ -1,24 +1,25 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-FG4O64DV.js';
-import '../chunk-VKKUGZ3G.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-F3WZ5AKM.js';
+import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
-import '../chunk-F73MC7EZ.js';
+import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-SUXP4OBT.js';
+import '../chunk-F4LPQA4E.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-PJIPUEJ3.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.js';
+import '../chunk-AXS6MBNH.js';
+import '../chunk-2QZ2VPHR.js';
+import '../chunk-7SDUKCNW.js';
 import '../chunk-RKKO7QHH.js';
-import '../chunk-IUYUS2SO.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-YSGLEHND.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-BUVCV3WI.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetGrid/index.js

@@ -1,23 +1,24 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-W3HYWD63.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-DZSBFITC.js';
 import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-3BYIWOTV.js';
 import '../chunk-I6POAB4V.js';
 import '../chunk-GFV4LJHH.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-47JQAGRV.js';
+import '../chunk-66X5WDKE.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-K3IJQNB7.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-6ZJ3N7QI.js';
+import '../chunk-I33UIUZD.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-BUVCV3WI.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SheetGrid-YRDXTIIZ.css → SheetGrid-XK7T7M34.css}

@@ -449,16 +449,21 @@
 /* ADD COLUMN stands beside the header row, outside the grid's roles: the
    scroller lays the grid and the control side by side, the grid's last track
    still takes the slack up to the control, and the control sticks to the top
-   with the header while the rows scroll under it. */
+   with the header while the rows scroll under it. Its track is the control's
+   own square plus an inset on each side, so the square never fills the track
+   edge to edge. THE GRID GROWS INTO WHATEVER THE CONTROL LEAVES rather than
+   into a width assumed for it: held to 100% less an assumed width, it
+   overflowed by the difference whenever the control drew wider, and the
+   sheet scrolled sideways by a few pixels. */
 .crewlet-sheet-grid__scroller--add-column {
-  --crewlet-sheet-add-column-width: var(--size-target-min);
+  --crewlet-sheet-add-column-width: calc(var(--size-control-sm) + 2 * var(--spacing-1));
   display: flex;
   align-items: flex-start;
 }
 
 .crewlet-sheet-grid__scroller--add-column > .crewlet-sheet-grid__grid {
-  flex: 0 0 auto;
-  min-width: calc(100% - var(--crewlet-sheet-add-column-width));
+  flex: 1 0 auto;
+  min-width: 0;
 }
 
 .crewlet-sheet-grid__add-column {

package/dist/Shortcut/index.js

@@ -1,4 +1,5 @@
-export { matchesShortcut, useShortcut } from '../chunk-2FPENTCF.js';
+export { matchesShortcut, useShortcut } from '../chunk-AYHIF6DH.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SidebarNav/index.d.ts

@@ -1,3 +1,4 @@
+import '../HitArea/HitArea.css';
 import './SidebarNav.css';
 export { NavGroup, NavItem, SidebarNav } from './SidebarNav.js';
 export type { NavCount, NavFigure, NavGroupAction, NavGroupProps, NavItemProps, NavLinkProps, SidebarNavProps, } from './SidebarNav.js';

package/dist/SidebarNav/index.js

@@ -1,4 +1,5 @@
-export { NavGroup, NavItem, SidebarNav } from '../chunk-UCCC7YVZ.js';
+export { NavGroup, NavItem, SidebarNav } from '../chunk-W7PAIVAP.js';
 import '../chunk-FYTIJM2T.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SidebarNav-KF66MLOM.css → SidebarNav-7SGUZYKK.css}

@@ -28,9 +28,12 @@
  * old step, so the gap is paid for many times over by the row it sits beside.
  */
 .crewlet-nav-group {
+  --crewlet-nav-group-gap: calc(var(--spacing-1) / 2);
+  /* What a row reaches across (HitArea.css): its own list's gap. */
+  --crewlet-nav-row-gap: var(--crewlet-nav-group-gap);
   display: flex;
   flex-direction: column;
-  gap: calc(var(--spacing-1) / 2);
+  gap: var(--crewlet-nav-group-gap);
   min-width: 0;
 }
 
@@ -175,6 +178,20 @@
   transition:
     background var(--motion-duration-fast) var(--motion-easing-default),
     color var(--motion-duration-fast) var(--motion-easing-default);
+  /* Half the gap to each neighbour, so the targets meet (HitArea.css). */
+  --crewlet-hit-area-block: calc(var(--crewlet-nav-row-gap, 0px) / 2);
+}
+
+/*
+ * AN OPEN ROW AND ITS FIRST NESTED ROW ABUT, with no gap between them to
+ * cross, so neither reaches into the other.
+ */
+.crewlet-nav-item:has(> .crewlet-nav-item__children:not([hidden])) > .crewlet-nav-item__head > .crewlet-nav-item__row {
+  --crewlet-hit-area-block-end: 0px;
+}
+
+.crewlet-nav-item__children > .crewlet-nav-item:first-child > .crewlet-nav-item__head > .crewlet-nav-item__row {
+  --crewlet-hit-area-block-start: 0px;
 }
 
 .crewlet-nav-item__row:hover {
@@ -386,9 +403,11 @@
  * rail keeps for the one count that asks the reader to act.
  */
 .crewlet-nav-item__children {
+  --crewlet-nav-children-gap: var(--spacing-1);
+  --crewlet-nav-row-gap: var(--crewlet-nav-children-gap);
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-1);
+  gap: var(--crewlet-nav-children-gap);
   margin-left: var(--size-nav-row-pad);
   padding-left: var(--spacing-2);
   border-left: 1px solid var(--color-border-default);

package/dist/SlideCompare/index.js

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

package/dist/SlideFilmstrip/index.js

@@ -1,12 +1,13 @@
-export { SlideFilmstrip } from '../chunk-KYZMN6I6.js';
-import '../chunk-NQGPD6NX.js';
+export { SlideFilmstrip } from '../chunk-FBW3Q2OY.js';
+import '../chunk-RMEBFYL7.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-BUVCV3WI.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideGrid/index.js

@@ -1,5 +1,6 @@
-export { SlideGrid } from '../chunk-H5NOLRGH.js';
-import '../chunk-NQGPD6NX.js';
+export { SlideGrid } from '../chunk-3V5T5K5H.js';
+import '../chunk-RMEBFYL7.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideStage/index.js

@@ -1,4 +1,5 @@
-export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-NQGPD6NX.js';
+export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';