@crewlethq/ui 0.37.0 → 0.38.0

package/dist/{chunk-FG4O64DV.js → chunk-4L2BWSHR.js}

@@ -1,11 +1,11 @@
-import { Select } from './chunk-VKKUGZ3G.js';
+import { Select } from './chunk-XQZ6EWOE.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-SUXP4OBT.js';
+import { HueSwatch } from './chunk-F4LPQA4E.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-PJIPUEJ3.js';
-import { FormField, Input } from './chunk-IUYUS2SO.js';
+import { Checkbox } from './chunk-AXS6MBNH.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Menu } from './chunk-BUVCV3WI.js';
+import { FormField, Input } from './chunk-TYONQSOK.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-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-66NGUD5S.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 { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { focusables, isComposing } from './chunk-R25RGPUB.js';
+import { Input } from './chunk-TYONQSOK.js';
 import { announce } from './chunk-RSAQOKH3.js';
+import { useMediaMatch } from './chunk-RTPQDNW3.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-JML75PGJ.js → chunk-A23KDROH.js}

@@ -1,9 +1,9 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-XEGZHHRH.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-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-AOLCZDZ6.js → chunk-BH52LIY6.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 { Tag } from './chunk-KYIAFNU7.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-WX2NIG4G.js → chunk-BJI3RFXG.js}

@@ -1,5 +1,5 @@
 import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-5QXRI35B.js';
+import { Card } from './chunk-ZK3VYY7L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';

package/dist/{chunk-JXRI5YD2.js → chunk-BT5H2THK.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './StatGroup-PADTJCUQ.css';
+import './StatGroup-DOFHX5QJ.css';
 import { jsx } from 'react/jsx-runtime';
 
 function StatGroup({ columns = 4, flush = false, className, children, ...rest }) {
@@ -8,6 +8,7 @@ function StatGroup({ columns = 4, flush = false, className, children, ...rest })
     {
       ...rest,
       className: cx("crewlet-stat-group", flush && "crewlet-stat-group--flush", className),
+      "data-columns": columns,
       style: { "--crewlet-stat-group-cols": columns, ...rest.style },
       children
     }

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-WYKWXRJ4.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';
 

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';

package/dist/{chunk-D7GNNID2.js → chunk-D3EJSLCL.js}

@@ -1,7 +1,7 @@
-import { useFocusModality } from './chunk-YSGLEHND.js';
+import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SourceEditor-QAYE2JS6.css';
+import './SourceEditor-OKPWPFXK.css';
 import { forwardRef, useRef, useId, useState, useImperativeHandle, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-BUVCV3WI.js → chunk-D6FEHY5G.js}

@@ -1,7 +1,8 @@
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } 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 { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Menu-KEKAD3BZ.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
@@ -62,7 +63,7 @@ function Menu({
   const giveFocusBack = useCallback(() => {
     const back = opener.current;
     const target = back && back.isConnected && back !== document.body ? back : triggerRef.current;
-    target?.focus();
+    returnFocus(target);
   }, []);
   const close = useCallback(
     (restore) => {

package/dist/{chunk-4BYHAOHH.js → chunk-DAERKOOG.js}

@@ -1,9 +1,10 @@
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
-import { Tooltip } from './chunk-6ZJ3N7QI.js';
+import { Tooltip } from './chunk-I33UIUZD.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Canvas-VUG2HLZK.css';
@@ -668,7 +669,7 @@ function ZoomReadout({
     }
     if (!returning.current) return;
     returning.current = false;
-    button.current?.focus();
+    returnFocus(button.current);
   }, [typing]);
   const close = (apply) => {
     returning.current = true;

package/dist/{chunk-PGZ2R3ON.js → chunk-DYB66CNM.js}

@@ -1,10 +1,12 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-BUVCV3WI.js';
-import { useModalLayer, focusables } from './chunk-R25RGPUB.js';
+import { Menu } from './chunk-D6FEHY5G.js';
+import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './AppShell-JTSEOA57.css';
+import './HitArea-QUOS6ZDJ.css';
+import './AppShell-NDU4XMGF.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
@@ -45,7 +47,7 @@ function AccountRow({
           "button",
           {
             type: "button",
-            className: "crewlet-account-row__who",
+            className: cx("crewlet-account-row__who", HIT_AREA_CLASS),
             title,
             "data-current": current ? "" : void 0,
             ...trigger,
@@ -60,7 +62,7 @@ function AccountRow({
     ) : href === void 0 ? /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__who", children: who }) : /* @__PURE__ */ jsxs(
       "a",
       {
-        className: "crewlet-account-row__who",
+        className: cx("crewlet-account-row__who", HIT_AREA_CLASS),
         href,
         title,
         "aria-current": current ? "page" : void 0,
@@ -120,6 +122,16 @@ function AppShell({
     },
     [mainRef]
   );
+  const [gutter, setGutter] = useState(0);
+  useLayoutEffect(() => {
+    if (!scroller) return void 0;
+    const measure = () => setGutter(Math.max(0, scroller.offsetWidth - scroller.clientWidth));
+    measure();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(measure);
+    observer.observe(scroller);
+    return () => observer.disconnect();
+  }, [scroller]);
   const shell = {
     narrow,
     drawerOpen,
@@ -143,7 +155,11 @@ function AppShell({
         !shell.hasRail && "crewlet-app-shell--no-rail",
         className
       ),
-      style: drawerZ === null ? style : { ...style, ["--crewlet-app-shell-drawer-z"]: String(drawerZ) },
+      style: {
+        ...style,
+        ["--crewlet-app-shell-gutter"]: `${gutter}px`,
+        ...drawerZ === null ? null : { ["--crewlet-app-shell-drawer-z"]: String(drawerZ) }
+      },
       children: [
         /* @__PURE__ */ jsx(
           "a",
@@ -286,7 +302,7 @@ var AppShellRailRow = forwardRef(function AppShellRailRow2({
     {
       ref,
       type: "button",
-      className: cx(shape, "crewlet-app-shell__rail-row--action"),
+      className: cx(shape, "crewlet-app-shell__rail-row--action", HIT_AREA_CLASS),
       "aria-label": label,
       "aria-expanded": expanded,
       "aria-haspopup": haspopup,

package/dist/{chunk-PPFX6GRK.js → chunk-EAEJ7CDM.js}

@@ -1,7 +1,9 @@
-import { useListbox } from './chunk-F73MC7EZ.js';
-import { Input } from './chunk-IUYUS2SO.js';
+import { useListbox } from './chunk-7KHM2FZH.js';
+import { Input } from './chunk-TYONQSOK.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Combobox-4FUVYIE7.css';
+import './HitArea-QUOS6ZDJ.css';
+import './Combobox-YDONYDTM.css';
 import { forwardRef, useId, useMemo, useRef, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -115,6 +117,7 @@ var Combobox = forwardRef(function Combobox2({
             "aria-disabled": option.disabled || void 0,
             className: cx(
               "crewlet-listbox__option",
+              HIT_AREA_CLASS,
               index === listbox.active && "is-highlight",
               option.disabled && "is-disabled"
             ),

package/dist/{chunk-WZGYIVYH.js → chunk-EAQLI2SO.js}

@@ -1,5 +1,7 @@
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceList-EA2W6MOS.css';
+import './HitArea-QUOS6ZDJ.css';
+import './ChoiceList-KFYFAECP.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -10,7 +12,7 @@ function ChoiceList({ options, value, onChange, label, footer, disabled, classNa
       const id = `${name}-${option.value}`;
       const checked = option.value === value;
       return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-choice-list__item", option.separated && "is-separated"), children: [
-        /* @__PURE__ */ jsxs("label", { className: cx("crewlet-choice-list__row", option.media != null && "has-media", checked && "is-checked"), htmlFor: id, children: [
+        /* @__PURE__ */ jsxs("label", { className: cx("crewlet-choice-list__row", HIT_AREA_CLASS, option.media != null && "has-media", checked && "is-checked"), htmlFor: id, children: [
           /* @__PURE__ */ jsx(
             "input",
             {

package/dist/{chunk-GYBDPCRC.js → chunk-ECGGQX2H.js}

@@ -1,5 +1,5 @@
-import { HuePicker } from './chunk-SUXP4OBT.js';
-import { Popover } from './chunk-K3IJQNB7.js';
+import { HuePicker } from './chunk-F4LPQA4E.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-YEVG2X5R.js';
 import { Avatar } from './chunk-PZKHBB7D.js';

package/dist/{chunk-RH2NCQBZ.js → chunk-ETVEGR2Y.js}

@@ -1,7 +1,7 @@
-import { Textarea } from './chunk-IUYUS2SO.js';
 import { Kbd } from './chunk-SMBKXWML.js';
+import { Textarea } from './chunk-TYONQSOK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Composer-PXITWNEK.css';
+import './Composer-TXULCPPV.css';
 import { forwardRef } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-SUXP4OBT.js → chunk-F4LPQA4E.js}

@@ -1,5 +1,5 @@
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { SegmentedControl } from './chunk-CCAXYHQS.js';
+import { SegmentedControl } from './chunk-2QZ2VPHR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-KYZMN6I6.js → chunk-FBW3Q2OY.js}

@@ -1,7 +1,7 @@
-import { SlideStage } from './chunk-NQGPD6NX.js';
+import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
 import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
-import { Menu } from './chunk-BUVCV3WI.js';
+import { Menu } from './chunk-D6FEHY5G.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-PAT7P4OG.css';

package/dist/{chunk-JQLS3MZB.js → chunk-FWBKMPNR.js}

@@ -1,4 +1,4 @@
-import { Document } from './chunk-P6WFZDKS.js';
+import { Document } from './chunk-PWG3VHRQ.js';
 import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';

package/dist/{chunk-OOWPSBIS.js → chunk-GMW4ZHST.js}

@@ -1,6 +1,6 @@
-import { Toolbar } from './chunk-PGRPNDWM.js';
-import { SegmentedControl } from './chunk-CCAXYHQS.js';
-import { tabId } from './chunk-VL6CUNSX.js';
+import { Toolbar } from './chunk-NR4CPM4T.js';
+import { SegmentedControl } from './chunk-2QZ2VPHR.js';
+import { tabId } from './chunk-7SDUKCNW.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';

package/dist/{chunk-R25RGPUB.js → chunk-H5XTJ7GJ.js}

@@ -1,7 +1,7 @@
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { useRef, useState, useLayoutEffect, useEffect, useCallback, useSyncExternalStore } from 'react';
 import { zIndex } from '@crewlethq/tokens';
 
-// src/Layer/stack.ts
 var KEY = /* @__PURE__ */ Symbol.for("crewlet.layer-stack");
 function sharedStack() {
   const host = globalThis;
@@ -214,8 +214,7 @@ function useModalLayer({ onClose, dismissable = true, initialFocus }) {
       if (holder && shared.entries.some((entry) => entry.panel()?.contains(holder))) return;
       for (const el of back) {
         if (!(el instanceof HTMLElement) || !el.isConnected || el === document.body) continue;
-        el.focus();
-        if (document.activeElement === el) return;
+        if (returnFocus(el)) return;
       }
     };
   }, [back]);

package/dist/{chunk-6ZJ3N7QI.js → chunk-I33UIUZD.js}

@@ -1,5 +1,5 @@
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { usePopupLayer } from './chunk-R25RGPUB.js';
+import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Tooltip-LKQF7CE4.css';
 import { useId, useState, useRef, useCallback, useEffect, useLayoutEffect, cloneElement } from 'react';

package/dist/{chunk-GRYZ5EP3.js → chunk-IPWU6ERC.js}

@@ -1,8 +1,10 @@
-import { Tag } from './chunk-GFV4LJHH.js';
+import { Tag } from './chunk-KYIAFNU7.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DatasetSource-SMGX4PS5.css';
+import './HitArea-QUOS6ZDJ.css';
+import './DatasetSource-FFKTD3ZU.css';
 import { useId, Children, isValidElement } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -93,7 +95,16 @@ function DatasetSource({
       ),
       "aria-busy": status === "loading" || void 0,
       children: [
-        onSelect ? /* @__PURE__ */ jsx("button", { type: "button", className: "crewlet-dataset-source__summary", "aria-pressed": selected, onClick: onSelect, children: summary }) : /* @__PURE__ */ jsx("div", { className: "crewlet-dataset-source__summary", children: summary }),
+        onSelect ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cx("crewlet-dataset-source__summary", HIT_AREA_CLASS),
+            "aria-pressed": selected,
+            onClick: onSelect,
+            children: summary
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "crewlet-dataset-source__summary", children: summary }),
         open ? /* @__PURE__ */ jsx("div", { className: "crewlet-dataset-source__preview", role: "group", "aria-labelledby": titleId, children }) : null
       ]
     }

package/dist/{chunk-W3HYWD63.js → chunk-JZPK4IXR.js}

@@ -1,21 +1,21 @@
 import { TagGroup } from './chunk-O2EGEONV.js';
 import { CursorFlag } from './chunk-3BYIWOTV.js';
 import { presenceHueClass } from './chunk-I6POAB4V.js';
-import { Tag } from './chunk-GFV4LJHH.js';
+import { Tag } from './chunk-KYIAFNU7.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
-import { ChangeMark } from './chunk-47JQAGRV.js';
+import { ChangeMark } from './chunk-66X5WDKE.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
-import { Popover } from './chunk-K3IJQNB7.js';
-import { Tooltip } from './chunk-6ZJ3N7QI.js';
+import { Popover } from './chunk-KHJIEPZV.js';
+import { Tooltip } from './chunk-I33UIUZD.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-BUVCV3WI.js';
-import { isComposing } from './chunk-R25RGPUB.js';
+import { Menu } from './chunk-D6FEHY5G.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SheetGrid-YRDXTIIZ.css';
+import './SheetGrid-XK7T7M34.css';
 import { useId, useRef, useMemo, useState, useLayoutEffect, useEffect, useCallback } from 'react';
 import { CheckGlyph, StarGlyph, CircleAlertGlyph, ArrowUpGlyph, ArrowDownGlyph, TrashGlyph, EllipsisGlyph, RotateCcwClockGlyph, PlusGlyph } from '@crewlethq/icons/glyphs';
 import { isCrewletCharacter } from '@crewlethq/icons/characters';
@@ -727,6 +727,7 @@ function SheetGrid({
   const [rowHeight, setRowHeight] = useState(SHEET_ROW_HEIGHT);
   const [headerHeight, setHeaderHeight] = useState(SHEET_ROW_HEIGHT);
   const [viewport, setViewport] = useState(0);
+  const [crossbar, setCrossbar] = useState(0);
   const [scrollTop, setScrollTop] = useState(0);
   const [scrolledAcross, setScrolledAcross] = useState(false);
   const [active, setActive] = useState(null);
@@ -759,6 +760,12 @@ function SheetGrid({
       if (head > 0) setHeaderHeight(head);
       setViewport(scroller.current?.clientHeight ?? 0);
       setViewportWidth(scroller.current?.clientWidth ?? 0);
+      const box = scroller.current;
+      if (box) {
+        const edges = getComputedStyle(box);
+        const bar = box.offsetHeight - box.clientHeight - (parseFloat(edges.borderTopWidth) || 0) - (parseFloat(edges.borderBottomWidth) || 0);
+        setCrossbar(Math.max(0, Math.round(bar)));
+      }
     };
     measure();
     if (typeof ResizeObserver !== "function") return void 0;
@@ -1172,7 +1179,7 @@ function SheetGrid({
     "--crewlet-sheet-row-height": `${rowHeight}px`,
     width: `${totalWidth}px`
   };
-  const contentHeight = headerHeight + rows.length * rowHeight + 2;
+  const contentHeight = headerHeight + rows.length * rowHeight + 2 + crossbar;
   const scrollerStyle = fit === "content" ? {
     height: `${height !== void 0 ? Math.min(contentHeight, height) : contentHeight}px`,
     "--crewlet-sheet-content-height": `${contentHeight}px`
@@ -1452,7 +1459,7 @@ function SheetGrid({
             // OUTSIDE THE GRID'S ROLES: a grid's rows hold cells only, so the
             // control stands beside the header row, sticks with it, and is its
             // own tab stop after the grid's.
-            /* @__PURE__ */ jsx("div", { className: "crewlet-sheet-grid__add-column", style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, {}), size: "sm", title: "", onClick: onAddColumn }) }) })
+            /* @__PURE__ */ jsx("div", { className: "crewlet-sheet-grid__add-column", style: { height: `${headerHeight}px` }, children: /* @__PURE__ */ jsx(Tooltip, { content: labels.addColumn, children: /* @__PURE__ */ jsx(IconButton, { label: labels.addColumn, icon: /* @__PURE__ */ jsx(PlusGlyph, { size: "xs" }), size: "sm", title: "", onClick: onAddColumn }) }) })
           ) : null
         ]
       }

package/dist/{chunk-K3IJQNB7.js → chunk-KHJIEPZV.js}

@@ -1,5 +1,6 @@
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { usePopupLayer, focusables } from './chunk-R25RGPUB.js';
+import { usePopupLayer, focusables } from './chunk-H5XTJ7GJ.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Popover-QCINR7WG.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect, cloneElement } from 'react';
@@ -45,7 +46,7 @@ function Popover({
   const close = useCallback(
     (reason) => {
       const held = panel.current?.contains(document.activeElement) ?? false;
-      if (reason === "escape" || reason === "tab" || reason === "content" && held) anchor.current?.focus();
+      if (reason === "escape" || reason === "tab" || reason === "content" && held) returnFocus(anchor.current);
       setOpen(false, reason);
     },
     [setOpen]

package/dist/{chunk-GFV4LJHH.js → chunk-KYIAFNU7.js}

@@ -1,6 +1,6 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Tag-SRGTK5KI.css';
+import './Tag-2DQOVE6W.css';
 import { XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';