@crewlethq/ui 0.37.0 → 0.37.1

package/dist/ShareDialog/index.js

@@ -1,20 +1,21 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-EARDAJQY.js';
-import '../chunk-VKKUGZ3G.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-XEGZHHRH.js';
-import '../chunk-F73MC7EZ.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-YSGLEHND.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-SMBKXWML.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-BUVCV3WI.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-RSAQOKH3.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-BUVCV3WI.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-D6FEHY5G.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-RSAQOKH3.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';

package/dist/SourceEditor/index.js

@@ -1,4 +1,4 @@
-export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D7GNNID2.js';
-import '../chunk-YSGLEHND.js';
+export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{SourceEditor-QAYE2JS6.css → SourceEditor-OKPWPFXK.css}

@@ -37,7 +37,7 @@
   outline-offset: -1px;
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-source-editor:has(.crewlet-source-editor__field:focus-visible) {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-source-editor:has(.crewlet-source-editor__field:focus-visible) {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }

package/dist/Switcher/index.js

@@ -1,17 +1,17 @@
-export { Switcher } from '../chunk-66NGUD5S.js';
-import '../chunk-XEGZHHRH.js';
-import '../chunk-F73MC7EZ.js';
+export { Switcher } from '../chunk-6NNY5WBF.js';
+import '../chunk-SVGARBDY.js';
+import '../chunk-7KHM2FZH.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
-import '../chunk-K3IJQNB7.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-IUYUS2SO.js';
-import '../chunk-YSGLEHND.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
-import '../chunk-RSAQOKH3.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.d.ts

@@ -1,3 +1,4 @@
+import '../HitArea/HitArea.css';
 import './Tabs.css';
 export { TabPanel, Tabs, tabId } from './Tabs.js';
 export type { TabPanelProps, TabsItem, TabsMarker, TabsProps, TabsRenderItemProps, TabsSize, TabsVariant, } from './Tabs.js';

package/dist/Tabs/index.js

@@ -1,5 +1,6 @@
-export { TabPanel, Tabs, tabId } from '../chunk-VL6CUNSX.js';
+export { TabPanel, Tabs, tabId } from '../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/{Tabs-MMZXV5EF.css → Tabs-WIF7457H.css}

@@ -28,8 +28,9 @@
  * row is reachable by the arrow keys either way.
  */
 .crewlet-tabs--underline {
+  --crewlet-tabs-gap: var(--spacing-2);
   display: flex;
-  gap: var(--spacing-2);
+  gap: var(--crewlet-tabs-gap);
   border-bottom: 1px solid var(--color-border-default);
   position: relative;
   width: 100%;
@@ -103,8 +104,9 @@
  */
 .crewlet-tabs--pill {
   --crewlet-tabs-pill-inset: 1px;
+  --crewlet-tabs-gap: var(--crewlet-tabs-pill-inset);
 
-  gap: var(--crewlet-tabs-pill-inset);
+  gap: var(--crewlet-tabs-gap);
   padding: var(--crewlet-tabs-pill-inset);
   background: var(--color-surface-elevated);
   border: 1px solid var(--color-border-default);
@@ -165,6 +167,20 @@
     background-color var(--motion-duration-fast) var(--motion-easing-default),
     color var(--motion-duration-fast) var(--motion-easing-default),
     box-shadow var(--motion-duration-fast) var(--motion-easing-default);
+  /* Half the gap to each neighbour, so the targets meet (HitArea.css). A row
+     that wraps reaches across its rows' gap too. */
+  --crewlet-hit-area-inline: calc(var(--crewlet-tabs-gap, 0px) / 2);
+  --crewlet-hit-area-block: calc(var(--crewlet-tabs-row-gap, 0px) / 2);
+}
+
+/* The row's two ends reach nothing past it: the underline row is a scroller,
+   and a target past its last tab would be width it scrolls by. */
+.crewlet-tabs__tab:first-child {
+  --crewlet-hit-area-inline-start: 0px;
+}
+
+.crewlet-tabs__tab:last-child {
+  --crewlet-hit-area-inline-end: 0px;
 }
 
 /*
@@ -311,9 +327,10 @@
  * (FilterChip draws the same pair).
  */
 .crewlet-tabs--chip {
+  --crewlet-tabs-gap: calc(var(--spacing-1) / 2);
   display: inline-flex;
   align-items: center;
-  gap: calc(var(--spacing-1) / 2);
+  gap: var(--crewlet-tabs-gap);
 }
 
 .crewlet-tabs--chip .crewlet-tabs__tab {

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-AOLCZDZ6.js';
+export { TagsInput } from '../chunk-3SBM4DGI.js';
 import '../chunk-GFV4LJHH.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-F73MC7EZ.js';
-import '../chunk-YSGLEHND.js';
-import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-7KHM2FZH.js';
 import '../chunk-RSAQOKH3.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-4FQT6ZAY.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{TagsInput-7EGBBXHS.css → TagsInput-CLFHP6I2.css}

@@ -77,7 +77,7 @@
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-tags-input__box:focus-visible {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-tags-input__box:focus-visible {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }

package/dist/ThemeGallery/index.js

@@ -1,6 +1,7 @@
-export { ThemeGallery } from '../chunk-IPAU6FLH.js';
+export { ThemeGallery } from '../chunk-PPHTIKZO.js';
 import '../chunk-MNFU2RNT.js';
-import '../chunk-F73MC7EZ.js';
+import '../chunk-7KHM2FZH.js';
 import '../chunk-RKKO7QHH.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeSwitcher/index.js

@@ -1,10 +1,11 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-2QEDJSJC.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-ZMDYQ2HH.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
-import '../chunk-WKEPORNM.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.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-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

@@ -1,14 +1,15 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-TVRBQMIX.js';
-import '../chunk-VKKUGZ3G.js';
-import '../chunk-F73MC7EZ.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-YPMGP2X4.js';
+import '../chunk-XQZ6EWOE.js';
+import '../chunk-7KHM2FZH.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-K3IJQNB7.js';
-import '../chunk-IUYUS2SO.js';
-import '../chunk-YSGLEHND.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.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/{TimeWindowPicker-DEFDV77Z.css → TimeWindowPicker-I3HXC74I.css}

@@ -52,8 +52,8 @@
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-time-window:focus-visible,
-:root[data-crewlet-focus='pointer'] .crewlet-time-window.is-open {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-time-window:focus-visible,
+:where(:root[data-crewlet-focus='pointer']) .crewlet-time-window.is-open {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }
@@ -330,7 +330,7 @@ svg.crewlet-time-window__tick {
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-time-window__masked:has(.crewlet-time-window__masked-input:focus-visible) {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-time-window__masked:has(.crewlet-time-window__masked-input:focus-visible) {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }

package/dist/Toaster/index.js

@@ -1,5 +1,6 @@
 export { ToastProvider, Toaster, useToast } from '../chunk-AC22RZKC.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Toolbar/index.js

@@ -1,4 +1,5 @@
-export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
+export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tooltip/index.js

@@ -1,4 +1,5 @@
-export { Tooltip } from '../chunk-6ZJ3N7QI.js';
+export { Tooltip } from '../chunk-I33UIUZD.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.js';
+import '../chunk-H5XTJ7GJ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeCanvas/index.js

@@ -1,12 +1,13 @@
-export { TreeCanvas } from '../chunk-4ZJLOKSS.js';
+export { TreeCanvas } from '../chunk-5BUOMF6N.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-4BYHAOHH.js';
+import '../chunk-DAERKOOG.js';
 import '../chunk-LM3ISVJA.js';
-import '../chunk-6ZJ3N7QI.js';
+import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.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/TreeGrid/index.js

@@ -1,8 +1,9 @@
-export { TreeGrid } from '../chunk-QWNVSR6G.js';
+export { TreeGrid } from '../chunk-3KYVFG47.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-LM3ISVJA.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/VersionCompare/index.js

@@ -1,11 +1,12 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-PLTCDSTU.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-4LRAJXHL.js';
 import '../chunk-BVWSLXTY.js';
-import '../chunk-WKEPORNM.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.js';
+import '../chunk-4ISUIS6F.js';
+import '../chunk-2QZ2VPHR.js';
+import '../chunk-7SDUKCNW.js';
 import '../chunk-RKKO7QHH.js';
 import '../chunk-RA2ULG6H.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-CCAXYHQS.js → chunk-2QZ2VPHR.js}

@@ -1,6 +1,7 @@
-import { tabId } from './chunk-VL6CUNSX.js';
+import { tabId } from './chunk-7SDUKCNW.js';
 import { useRoving, tabStop } from './chunk-RKKO7QHH.js';
 import { Count } from './chunk-BHHIIK3M.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useState, useId } from 'react';
@@ -99,6 +100,7 @@ function SegmentedControl({
               className: cx(
                 "crewlet-tabs__tab",
                 "crewlet-segmented__option",
+                HIT_AREA_CLASS,
                 chosen && "is-active",
                 option.disabled && "is-disabled"
               ),

package/dist/chunk-2YTOOH3A.js

@@ -0,0 +1,4 @@
+// src/HitArea/hitArea.ts
+var HIT_AREA_CLASS = "crewlet-hit-area";
+
+export { HIT_AREA_CLASS };

package/dist/{chunk-QWNVSR6G.js → chunk-3KYVFG47.js}

@@ -1,7 +1,7 @@
 import { useTreeState, treeExpandable, treeLevel, treePosInSet, treeSetSize, treeItemAction, treePrevious, treeNext, treeStep } from './chunk-MY374UUD.js';
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { focusables } from './chunk-R25RGPUB.js';
+import { focusables } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-AOLCZDZ6.js → chunk-3SBM4DGI.js}

@@ -1,11 +1,11 @@
 import { Tag } from './chunk-GFV4LJHH.js';
-import { useListbox } from './chunk-F73MC7EZ.js';
-import { useFocusModality } from './chunk-YSGLEHND.js';
-import { isComposing } from './chunk-R25RGPUB.js';
+import { useListbox } from './chunk-7KHM2FZH.js';
 import { announce } from './chunk-RSAQOKH3.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
+import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TagsInput-7EGBBXHS.css';
+import './TagsInput-CLFHP6I2.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';
 import { CheckGlyph, ChevronLeftGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-H5NOLRGH.js → chunk-3V5T5K5H.js}

@@ -1,4 +1,4 @@
-import { SlideStage } from './chunk-NQGPD6NX.js';
+import { SlideStage } from './chunk-RMEBFYL7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideGrid-FJA33DV4.css';
 import { EyeOffGlyph } from '@crewlethq/icons/glyphs';

package/dist/chunk-4ISUIS6F.js

@@ -0,0 +1,3 @@
+import './HitArea-QUOS6ZDJ.css';
+import './Tabs-WIF7457H.css';
+import './SegmentedControl-B7XCUOML.css';

package/dist/{chunk-PLTCDSTU.js → chunk-4LRAJXHL.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-BVWSLXTY.js';
-import { SegmentedControl } from './chunk-CCAXYHQS.js';
+import { SegmentedControl } from './chunk-2QZ2VPHR.js';
 import { EmptyState } from './chunk-RA2ULG6H.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-4ZJLOKSS.js → chunk-5BUOMF6N.js}

@@ -1,6 +1,6 @@
 import { useTreeState, useMeasuredSizes, layoutForest, treeAncestors, useLayoutAnchor, treeExpandable, layoutConnectors, treeItemAction, treeStep, treePosInSet, treeSetSize, treeLevel, placeGroups } from './chunk-MY374UUD.js';
-import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-4BYHAOHH.js';
-import { focusables } from './chunk-R25RGPUB.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-DAERKOOG.js';
+import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-L2XYONWL.css';
 import { useState, useRef, useMemo, useLayoutEffect, useCallback, useImperativeHandle, useId, useSyncExternalStore } from 'react';