@crewlethq/ui 0.37.0 → 0.37.1

package/dist/DatasetSource/index.js

@@ -1,7 +1,8 @@
-export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-GRYZ5EP3.js';
+export { DATASET_SOURCE_KINDS, DatasetSource, DatasetSourceList } from '../chunk-HMLAWVG6.js';
 import '../chunk-GFV4LJHH.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-3CZ7XAVY.js';
 import '../chunk-EUCC37WY.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{DatasetSource-SMGX4PS5.css → DatasetSource-FFKTD3ZU.css}

@@ -33,6 +33,20 @@
 
 button.crewlet-dataset-source__summary {
   cursor: pointer;
+  /* Half the list's gap to each neighbour, so the entries' targets meet
+     (HitArea.css), across the entry's 1px boundary and the summary's own. */
+  --crewlet-hit-area-block: calc(var(--crewlet-dataset-source-list-gap, 0px) / 2 + 2px);
+}
+
+/* The list has no padding, so its first and last entries reach nothing past
+   it; and an open entry's preview holds controls the summary must not cover. */
+.crewlet-dataset-source-list__item:first-child button.crewlet-dataset-source__summary {
+  --crewlet-hit-area-block-start: 0px;
+}
+
+.crewlet-dataset-source-list__item:last-child button.crewlet-dataset-source__summary,
+.crewlet-dataset-source--open > button.crewlet-dataset-source__summary {
+  --crewlet-hit-area-block-end: 0px;
 }
 
 button.crewlet-dataset-source__summary:hover {
@@ -158,9 +172,10 @@ button.crewlet-dataset-source__summary:focus-visible {
 }
 
 .crewlet-dataset-source-list {
+  --crewlet-dataset-source-list-gap: var(--spacing-1);
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-1);
+  gap: var(--crewlet-dataset-source-list-gap);
   margin: 0;
   padding: 0;
   list-style: none;

package/dist/DateTimePicker/index.js

@@ -1,10 +1,10 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-L4WZSVMT.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-UB6MLXUL.js';
+import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-K3IJQNB7.js';
-import '../chunk-YSGLEHND.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/{DateTimePicker-2IVTKFV2.css → DateTimePicker-3A7JIIVL.css}

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

package/dist/DocTabsEditor/index.js

@@ -1,13 +1,13 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-UWGUKMBK.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-SYBYFQTY.js';
 import '../chunk-XJ2QEBMM.js';
-import '../chunk-IUYUS2SO.js';
-import '../chunk-YSGLEHND.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-PQADV6P6.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/Document/index.js

@@ -1,3 +1,3 @@
-export { Document, DocumentTitle, DocumentTitleField } from '../chunk-P6WFZDKS.js';
-import '../chunk-YSGLEHND.js';
+export { Document, DocumentTitle, DocumentTitleField } from '../chunk-PWG3VHRQ.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Document-YFWTWXJP.css → Document-TZ2NBLOR.css}

@@ -373,7 +373,7 @@
   outline: 2px solid transparent;
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-document-title-field:focus-visible {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-document-title-field:focus-visible {
   border-block-end-color: var(--color-border-selected);
   box-shadow: none;
 }
@@ -386,7 +386,7 @@
   box-shadow: 0 1px 0 var(--color-feedback-danger);
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-document-title-field[aria-invalid='true']:focus-visible {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-document-title-field[aria-invalid='true']:focus-visible {
   border-block-end-color: var(--color-feedback-danger);
 }
 

package/dist/{Editor-HORWMUM3.js → Editor-QV4JP242.js}

@@ -1,15 +1,15 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
-import { Toolbar } from './chunk-PGRPNDWM.js';
-import { FormField, Input } from './chunk-IUYUS2SO.js';
-import './chunk-YSGLEHND.js';
+import { Toolbar } from './chunk-NR4CPM4T.js';
+import { FormField, Input } from './chunk-TYONQSOK.js';
 import './chunk-PQADV6P6.js';
-import { Menu } from './chunk-BUVCV3WI.js';
+import { Menu } from './chunk-D6FEHY5G.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
-import { usePopupLayer } from './chunk-R25RGPUB.js';
+import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
+import './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';

package/dist/FactList/index.js

@@ -1,6 +1,7 @@
-export { FactList } from '../chunk-HOIZ6MIS.js';
-import '../chunk-6ZJ3N7QI.js';
+export { FactList } from '../chunk-RLJXVFEH.js';
+import '../chunk-I33UIUZD.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/FollowBanner/index.js

@@ -1,7 +1,8 @@
-export { FollowBanner } from '../chunk-WGD2HX2A.js';
+export { FollowBanner } from '../chunk-OED6LUWE.js';
 import '../chunk-SZZRIHGT.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/HitArea/hitArea.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The class a row of a list takes so its pointer target runs to its
+ * neighbour's across the gap between them (see HitArea.css). A row that takes
+ * it sets `--crewlet-hit-area-block` or `--crewlet-hit-area-inline` to half the
+ * gap its list is laid out with.
+ */
+export declare const HIT_AREA_CLASS = "crewlet-hit-area";

package/dist/HitArea/index.d.ts

@@ -0,0 +1,2 @@
+import './HitArea.css';
+export { HIT_AREA_CLASS } from './hitArea.js';

package/dist/HitArea/index.js

@@ -0,0 +1,2 @@
+import '../chunk-MICRGE3J.js';
+export { HIT_AREA_CLASS } from '../chunk-2YTOOH3A.js';

package/dist/HitArea-QUOS6ZDJ.css

@@ -0,0 +1,35 @@
+/*
+ * A ROW'S TARGET RUNS TO ITS NEIGHBOUR'S. The rows of one list are drawn a
+ * step apart, and the gap between them belonged to no row: a pointer crossing
+ * the list slowly met the list itself there, so the hand turned into the arrow
+ * and the hover fill went out between every two rows and came back on the
+ * next, which a reader sees as the cursor flickering. Each row that carries
+ * this class reaches half the gap on each side with an empty `::after`, so the
+ * targets meet in the middle of every gap and the drawn rows keep their
+ * spacing. The pseudo-element is part of its row: it takes the row's cursor,
+ * makes the row `:hover`, and a press on it is a press on the row.
+ *
+ * The reach is set on the ROW, from the gap its list is laid out with, as
+ * `--crewlet-hit-area-block` and `--crewlet-hit-area-inline` (each side may be
+ * set alone with the `-start` and `-end` forms). A row that sets none reaches
+ * nowhere. It stays inside the list's own padding, so no scroller grows.
+ *
+ * IT IS MEASURED FROM THE ROW'S PADDING EDGE, which is where an absolutely
+ * placed box starts, so a row drawn with a border (a transparent one
+ * included) adds the border's width to its reach.
+ *
+ * `position: relative` is at zero specificity, so a row positioned on purpose
+ * keeps its own position and is still the pseudo-element's containing block.
+ */
+:where(.crewlet-hit-area) {
+  position: relative;
+}
+
+.crewlet-hit-area::after {
+  content: '';
+  position: absolute;
+  top: calc(var(--crewlet-hit-area-block-start, var(--crewlet-hit-area-block, 0px)) * -1);
+  bottom: calc(var(--crewlet-hit-area-block-end, var(--crewlet-hit-area-block, 0px)) * -1);
+  inset-inline-start: calc(var(--crewlet-hit-area-inline-start, var(--crewlet-hit-area-inline, 0px)) * -1);
+  inset-inline-end: calc(var(--crewlet-hit-area-inline-end, var(--crewlet-hit-area-inline, 0px)) * -1);
+}

package/dist/HuePicker/index.js

@@ -1,9 +1,10 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-SUXP4OBT.js';
+export { HuePicker, HueSwatch } from '../chunk-F4LPQA4E.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-CCAXYHQS.js';
-import '../chunk-VL6CUNSX.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/Input/index.js

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

package/dist/{Input-ABGOFENS.css → Input-OQZBCRX5.css}

@@ -124,8 +124,13 @@
  * round it before anybody had touched a key. A refused field keeps its own
  * colour under a pointer too (below). A document that tracks nothing keeps
  * the keyboard's ring.
+ *
+ * The modality is matched inside :where(), here and in every field's narrowing
+ * rule, so it narrows a ring and never outranks a variant's own: at the
+ * attribute's specificity it beat `.crewlet-input--command`, and the palette's
+ * borderless search field drew a square accent hairline round its text.
  */
-:root[data-crewlet-focus='pointer'] .crewlet-input:has(.crewlet-input__control:focus-visible) {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-input:has(.crewlet-input__control:focus-visible) {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }
@@ -150,7 +155,7 @@
   outline-color: var(--color-feedback-danger);
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-input.is-error:has(.crewlet-input__control:focus-visible) {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-input.is-error:has(.crewlet-input__control:focus-visible) {
   outline-color: var(--color-feedback-danger);
 }
 
@@ -395,7 +400,7 @@
 }
 
 /* Narrowed and tinted for a pointer, as the text box's ring is. See Input.css. */
-:root[data-crewlet-focus='pointer'] .crewlet-textarea:focus-visible {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-textarea:focus-visible {
   outline-width: 1px;
   outline-color: var(--color-border-selected);
 }
@@ -408,7 +413,7 @@
   outline-color: var(--color-feedback-danger);
 }
 
-:root[data-crewlet-focus='pointer'] .crewlet-textarea.is-error:focus-visible {
+:where(:root[data-crewlet-focus='pointer']) .crewlet-textarea.is-error:focus-visible {
   outline-color: var(--color-feedback-danger);
 }
 

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-BIQDJOJZ.js';
-import '../chunk-IUYUS2SO.js';
-import '../chunk-YSGLEHND.js';
+export { ListInput } from '../chunk-DOLATMGF.js';
+import '../chunk-TYONQSOK.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OMV5W53A.js';
-import '../chunk-R25RGPUB.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/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/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, PREVIEW_FILL_MAX_CUT, PreviewScale, createLivePreviewBudget, createLivePreviewStills, immediately, perFrame, useLivePreview } from '../chunk-WYKWXRJ4.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-F23N4MVU.js';
+export { PresenterView, formatStopwatch } from '../chunk-UXYEOWG5.js';
 import '../chunk-6VOS2GMB.js';
-import '../chunk-NQGPD6NX.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);
 }