@crewlethq/ui 0.36.0 → 0.37.1

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-MRMHZ437.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-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-3PTUDKSR.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-7KHM2FZH.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/{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-3PTUDKSR.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 { useListbox } from './chunk-7KHM2FZH.js';
 import { announce } from './chunk-RSAQOKH3.js';
-import { isComposing } from './chunk-R25RGPUB.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';

package/dist/{chunk-47JQAGRV.js → chunk-66X5WDKE.js}

@@ -1,5 +1,5 @@
 import { changeText, sheetLabels } from './chunk-LFSIKGRQ.js';
-import { Tooltip } from './chunk-6ZJ3N7QI.js';
+import { Tooltip } from './chunk-I33UIUZD.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeMark-3VMTW7MT.css';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-MRMHZ437.js → chunk-6NNY5WBF.js}

@@ -1,12 +1,13 @@
-import { Modal } from './chunk-XEGZHHRH.js';
-import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
+import { Modal } from './chunk-SVGARBDY.js';
+import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
-import { Popover } from './chunk-K3IJQNB7.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
-import { Input } from './chunk-IUYUS2SO.js';
+import { Input } from './chunk-TYONQSOK.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { focusables, isComposing } from './chunk-R25RGPUB.js';
+import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Switcher-K3EPA2RB.css';
@@ -40,7 +41,7 @@ function Switcher({ label, open, onOpenChange, trigger, className, ...panel }) {
   }, []);
   function done() {
     close();
-    if (place === "anchored") document.getElementById(triggerId)?.focus();
+    if (place === "anchored") returnFocus(document.getElementById(triggerId));
   }
   function leave(back) {
     const button = document.getElementById(triggerId);

package/dist/{chunk-5RT5O4JR.js → chunk-7CGPPAYR.js}

@@ -1,4 +1,4 @@
-import { SlideStage } from './chunk-NQGPD6NX.js';
+import { SlideStage } from './chunk-RMEBFYL7.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-F73MC7EZ.js → chunk-7KHM2FZH.js}

@@ -1,5 +1,5 @@
-import { usePopupLayer, isComposing } from './chunk-R25RGPUB.js';
-import './Listbox-6WJNJQVQ.css';
+import { usePopupLayer, isComposing } from './chunk-H5XTJ7GJ.js';
+import './Listbox-NQV6E3FS.css';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
 
 function useListbox({

package/dist/{chunk-VL6CUNSX.js → chunk-7SDUKCNW.js}

@@ -1,8 +1,10 @@
 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 './Tabs-MMZXV5EF.css';
+import './HitArea-QUOS6ZDJ.css';
+import './Tabs-WIF7457H.css';
 import React, { useRef, useImperativeHandle, useLayoutEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -75,6 +77,7 @@ function Tabs({
     const isActive = value !== void 0 && value === item.value;
     const tabClassName = cx(
       "crewlet-tabs__tab",
+      HIT_AREA_CLASS,
       isActive && "is-active",
       item.disabled && "is-disabled"
     );

package/dist/{chunk-XMRTFPWX.js → chunk-A23KDROH.js}

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-XEGZHHRH.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Checkbox } from './chunk-PJIPUEJ3.js';
+import { Modal } from './chunk-SVGARBDY.js';
+import { Checkbox } from './chunk-AXS6MBNH.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Menu } from './chunk-BUVCV3WI.js';
+import { Menu } from './chunk-D6FEHY5G.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-N5SKHIAP.js → chunk-A72JPXIV.js}

@@ -1,12 +1,14 @@
-import { Modal } from './chunk-XEGZHHRH.js';
-import { useListbox, useHighlightRest } from './chunk-F73MC7EZ.js';
-import { Input } from './chunk-IUYUS2SO.js';
+import { Modal } from './chunk-SVGARBDY.js';
+import { useListbox, useHighlightRest } from './chunk-7KHM2FZH.js';
+import { Input } from './chunk-TYONQSOK.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { isComposing } from './chunk-R25RGPUB.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './CommandPalette-7CFGVBND.css';
+import './HitArea-QUOS6ZDJ.css';
+import './CommandPalette-TOZYLWLE.css';
 import { useId, useMemo, useRef, useEffect, useState } from 'react';
 import { ChevronLeftGlyph, SearchGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -173,7 +175,7 @@ function Palette({
               type: "button",
               role: "tab",
               id: tabId(candidate.id),
-              className: cx("crewlet-palette__scope", selected && "is-active"),
+              className: cx("crewlet-palette__scope", HIT_AREA_CLASS, selected && "is-active"),
               "aria-selected": selected,
               "aria-controls": panelId,
               tabIndex: -1,

package/dist/{chunk-PJIPUEJ3.js → chunk-AXS6MBNH.js}

@@ -1,4 +1,4 @@
-import { FormField } from './chunk-IUYUS2SO.js';
+import { FormField } from './chunk-TYONQSOK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Checkbox-ALWG3WV2.css';
 import { forwardRef, useId, useRef, useCallback, useEffect } from 'react';

package/dist/{chunk-2FPENTCF.js → chunk-AYHIF6DH.js}

@@ -1,4 +1,4 @@
-import { isComposing, isModalLayerOpen } from './chunk-R25RGPUB.js';
+import { isComposing, isModalLayerOpen } from './chunk-H5XTJ7GJ.js';
 import { useRef, useEffect } from 'react';
 
 var TYPING_ROLES = /* @__PURE__ */ new Set(["combobox", "listbox", "textbox", "searchbox", "spinbutton"]);

package/dist/{chunk-J6ON5SYE.js → chunk-B5J23C73.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-CCAXYHQS.js';
+import { SegmentedControl } from './chunk-2QZ2VPHR.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-O44ESH4T.css';

package/dist/{chunk-7VAUGG6B.js → chunk-B5UHX5UC.js}

@@ -1,5 +1,5 @@
-import { Toolbar } from './chunk-PGRPNDWM.js';
-import { ShortcutTip } from './chunk-4BYHAOHH.js';
+import { Toolbar } from './chunk-NR4CPM4T.js';
+import { ShortcutTip } from './chunk-DAERKOOG.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasToolbar-EM5EVZED.css';

package/dist/chunk-BGLKLXL3.js

@@ -0,0 +1,29 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './ArtifactAccess-Y53ZTRFS.css';
+import { BuildingComplexGlyph, UsersGlyph, LockGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ARTIFACT_ACCESSES = ["private", "shared", "company"];
+var ACCESS_GLYPHS = {
+  private: LockGlyph,
+  shared: UsersGlyph,
+  company: BuildingComplexGlyph
+};
+var ARTIFACT_ACCESS_LABELS = {
+  private: "Private",
+  shared: "Shared",
+  company: "Company"
+};
+function ArtifactAccessGlyph({ access, size = "sm" }) {
+  const Drawn = ACCESS_GLYPHS[access];
+  return /* @__PURE__ */ jsx(Drawn, { size });
+}
+function ArtifactAccessLabel({ access, label, title, className }) {
+  const word = label ?? ARTIFACT_ACCESS_LABELS[access];
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-artifact-access", `crewlet-artifact-access--${access}`, className), title: title ?? word, children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-access__glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ArtifactAccessGlyph, { access }) }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-access__word", children: word })
+  ] });
+}
+
+export { ARTIFACT_ACCESSES, ARTIFACT_ACCESS_LABELS, ArtifactAccessGlyph, ArtifactAccessLabel };

package/dist/{chunk-FHHYXZSP.js → chunk-C7OKDYBH.js}

@@ -1,6 +1,6 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-7VAUGG6B.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-4BYHAOHH.js';
+import { CanvasToolbar, toolForKey } from './chunk-B5UHX5UC.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-DAERKOOG.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasBoard-TS4P356F.css';

package/dist/{chunk-JBUMD6DS.js → chunk-CFGGE3HO.js}

@@ -1,4 +1,4 @@
-import { TreeGrid } from './chunk-QWNVSR6G.js';
+import { TreeGrid } from './chunk-3KYVFG47.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
 import { OrgLabel } from './chunk-ONQKKHON.js';
 import { AddPill } from './chunk-TROLVEZY.js';

package/dist/{chunk-XGBLRDSU.js → chunk-CQFQGAZI.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './LivePreview-BROGKR4N.css';
+import './LivePreview-KQEDMQCY.css';
 import { createContext, useMemo, useContext, useRef, useState, useCallback, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -241,12 +241,22 @@ function afterDrawn(then) {
     if (frame && typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(frame);
   };
 }
+var PREVIEW_FILL_MAX_CUT = 0.2;
 function fitTo(size, width, height, fit) {
-  const k = fit === "contain" && height ? Math.min(size.w / width, size.h / height) : size.w / width;
-  const h = height ?? size.h / k;
-  const left = fit === "contain" ? (size.w - width * k) / 2 : 0;
-  const top = fit === "contain" ? (size.h - h * k) / 2 : 0;
-  return { width, height: h, transform: `translate(${left}px, ${top}px) scale(${k})` };
+  if (!height || fit === "width") {
+    const k = size.w / width;
+    return { width, height: height ?? size.h / k, transform: `translate(0px, 0px) scale(${k})` };
+  }
+  const contain = Math.min(size.w / width, size.h / height);
+  const cover = Math.max(size.w / width, size.h / height);
+  const cut = 1 - contain / cover;
+  if (fit === "fill" && cut <= PREVIEW_FILL_MAX_CUT) {
+    const left2 = (size.w - width * cover) / 2;
+    return { width, height, transform: `translate(${left2}px, 0px) scale(${cover})` };
+  }
+  const left = (size.w - width * contain) / 2;
+  const top = (size.h - height * contain) / 2;
+  return { width, height, transform: `translate(${left}px, ${top}px) scale(${contain})` };
 }
 function stillOf(live, width, box) {
   const rect = box.getBoundingClientRect();
@@ -443,4 +453,4 @@ function PreviewScale({ children, width, height, fit = "width" }) {
   return /* @__PURE__ */ jsx("span", { ref: box, className: "crewlet-preview-scale", children: /* @__PURE__ */ jsx("span", { className: "crewlet-preview-scale__layer", style: layer, children }) });
 }
 
-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 };
+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 };

package/dist/{chunk-GMLAKNFY.js → chunk-D2OL3ZSS.js}

@@ -1,4 +1,4 @@
-import { Combobox } from './chunk-PPFX6GRK.js';
+import { Combobox } from './chunk-EAEJ7CDM.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-7NNZTGUP.css';