@crewlethq/ui 0.36.0 → 0.37.1

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-IQH3DDZ2.js → chunk-DOLATMGF.js}

@@ -1,7 +1,7 @@
-import { FormField, Textarea, Input } from './chunk-IUYUS2SO.js';
+import { FormField, Textarea, Input } from './chunk-TYONQSOK.js';
 import { Kbd } from './chunk-SMBKXWML.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 './ListInput-O7LJKOIG.css';
 import { useState, useRef, useLayoutEffect } from 'react';

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

@@ -3,19 +3,19 @@ import { CursorFlag } from './chunk-3BYIWOTV.js';
 import { presenceHueClass } from './chunk-I6POAB4V.js';
 import { Tag } from './chunk-GFV4LJHH.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-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-FG4O64DV.js → chunk-F3WZ5AKM.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 { FormField, Input } from './chunk-TYONQSOK.js';
 import { Kbd } from './chunk-SMBKXWML.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-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-PGZ2R3ON.js → chunk-HDHZWIFL.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-JBCZSSX3.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,
@@ -286,7 +288,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-GRYZ5EP3.js → chunk-HMLAWVG6.js}

@@ -1,8 +1,10 @@
 import { Tag } from './chunk-GFV4LJHH.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-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-RH2NCQBZ.js → chunk-ISA2O2BK.js}

@@ -1,7 +1,7 @@
-import { Textarea } from './chunk-IUYUS2SO.js';
+import { Textarea } from './chunk-TYONQSOK.js';
 import { Kbd } from './chunk-SMBKXWML.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-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-ES4RKQ7B.js → chunk-MG3HTY6F.js}

@@ -1,14 +1,14 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
-import { DataTable } from './chunk-XMRTFPWX.js';
-import { DateTimePicker } from './chunk-L4WZSVMT.js';
-import { useListbox, useOptionKeys } from './chunk-F73MC7EZ.js';
-import { Toolbar } from './chunk-PGRPNDWM.js';
-import { Popover } from './chunk-K3IJQNB7.js';
+import { DataTable } from './chunk-A23KDROH.js';
+import { DateTimePicker } from './chunk-UB6MLXUL.js';
+import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
+import { Popover } from './chunk-KHJIEPZV.js';
+import { Toolbar } from './chunk-NR4CPM4T.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { Input } from './chunk-IUYUS2SO.js';
+import { Input } from './chunk-TYONQSOK.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Count } from './chunk-BHHIIK3M.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-MICRGE3J.js

@@ -0,0 +1 @@
+import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-WNAYQQ6Y.js → chunk-MMPKN7WV.js}

@@ -1,7 +1,7 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
-import { Document } from './chunk-P6WFZDKS.js';
-import { Composer } from './chunk-RH2NCQBZ.js';
+import { Document } from './chunk-PWG3VHRQ.js';
+import { Composer } from './chunk-ISA2O2BK.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-PGRPNDWM.js → chunk-NR4CPM4T.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-R25RGPUB.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Toolbar-HUOSMNTH.css';
 import { useRef, useState, useEffect, useCallback } from 'react';

package/dist/{chunk-5WDXPHEW.js → chunk-NRBAXRWE.js}

@@ -1,4 +1,4 @@
-import { ConfirmModal } from './chunk-XEGZHHRH.js';
+import { ConfirmModal } from './chunk-SVGARBDY.js';
 import { InlineCode } from './chunk-5CLW2CXT.js';
 import { Callout } from './chunk-SZZRIHGT.js';
 import './LinkInterstitial-ET4MSVSV.css';

package/dist/{chunk-66ADEPFB.js → chunk-NS4NSHVX.js}

@@ -1,8 +1,10 @@
 import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
+import './HitArea-QUOS6ZDJ.css';
 import './ArtifactKinds-CVD3FCYO.css';
-import './ArtifactMakeRow-RWUTS5MC.css';
+import './ArtifactMakeRow-W3RD5YWZ.css';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -38,14 +40,14 @@ function MakeItem({ item }) {
           "aria-disabled": "true",
           "aria-describedby": disabledReason ? reasonId : describedBy,
           title: disabledReason,
-          className: "crewlet-make-row__item crewlet-make-row__item--disabled",
+          className: cx("crewlet-make-row__item", "crewlet-make-row__item--disabled", HIT_AREA_CLASS),
           children: body
         }
       ),
       disabledReason ? /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason }) : null
     ] });
   }
-  return /* @__PURE__ */ jsx("a", { href, "aria-label": label, "aria-describedby": describedBy, className: "crewlet-make-row__item", children: body });
+  return /* @__PURE__ */ jsx("a", { href, "aria-label": label, "aria-describedby": describedBy, className: cx("crewlet-make-row__item", HIT_AREA_CLASS), children: body });
 }
 
 export { ArtifactMakeRow };

package/dist/{chunk-YSGLEHND.js → chunk-NUZHC6MM.js}

@@ -20,7 +20,7 @@ function trackFocusModality(doc = document) {
       if (root.getAttribute(FOCUS_MODALITY_ATTRIBUTE) !== modality) root.setAttribute(FOCUS_MODALITY_ATTRIBUTE, modality);
     };
     const onKey = (event) => {
-      if (MODIFIERS.has(event.key) || event.metaKey || event.ctrlKey) return;
+      if (MODIFIERS.has(event.key)) return;
       if (event.key === "Tab" || !isTextEntry(event.target)) set("keyboard");
     };
     const onPointer = () => set("pointer");
@@ -52,5 +52,17 @@ function trackFocusModality(doc = document) {
 function useFocusModality() {
   useLayoutEffect(() => trackFocusModality(), []);
 }
+var FOCUS_RETURNED_ATTRIBUTE = "data-crewlet-focus-returned";
+function returnFocus(el, options) {
+  if (!el) return false;
+  const clear = () => el.removeAttribute(FOCUS_RETURNED_ATTRIBUTE);
+  el.setAttribute(FOCUS_RETURNED_ATTRIBUTE, "");
+  el.addEventListener("blur", clear, { once: true });
+  el.focus(options);
+  if (el.ownerDocument.activeElement === el) return true;
+  el.removeEventListener("blur", clear);
+  clear();
+  return false;
+}
 
-export { FOCUS_MODALITY_ATTRIBUTE, trackFocusModality, useFocusModality };
+export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality };

package/dist/{chunk-WGD2HX2A.js → chunk-OED6LUWE.js}

@@ -1,5 +1,5 @@
 import { Callout } from './chunk-SZZRIHGT.js';
-import { isComposing } from './chunk-R25RGPUB.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useEffect } from 'react';

package/dist/{chunk-OSZDHN5Z.js → chunk-OHA6WSAG.js}

@@ -1,26 +1,22 @@
 import { Skeleton } from './chunk-TEUQWOWZ.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { ArtifactKindGround } from './chunk-MJW6SQYB.js';
+import { ArtifactKindGround } from './chunk-UBZDYOCA.js';
 import { Card } from './chunk-5QXRI35B.js';
 import { AvatarStack } from './chunk-5AQBPHZD.js';
+import { ArtifactAccessGlyph } from './chunk-BGLKLXL3.js';
 import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-CVD3FCYO.css';
 import './ArtifactCard-OGTMO2KI.css';
 import { useId } from 'react';
-import { PinGlyph, BuildingComplexGlyph, UsersGlyph, LockGlyph } from '@crewlethq/icons/glyphs';
+import { PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function ArtifactPreviewGlyph({ kind }) {
   return /* @__PURE__ */ jsx(ArtifactKindGround, { kind });
 }
-var ACCESS_GLYPHS = {
-  private: LockGlyph,
-  shared: UsersGlyph,
-  company: BuildingComplexGlyph
-};
 var LABELS = {
   kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet" },
   pinned: "Pinned",
@@ -112,7 +108,6 @@ function ArtifactCard({
       }
     );
   }
-  const Access = access ? ACCESS_GLYPHS[access] : null;
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-artifact-card", "crewlet-artifact-card--card", trashed && "crewlet-artifact-card--trashed", className), children: [
     /* @__PURE__ */ jsxs("a", { href, className: "crewlet-artifact-card__link", "aria-labelledby": titleId, "aria-describedby": factsId, children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-card__preview", "aria-hidden": true, children: preview ?? /* @__PURE__ */ jsx(ArtifactPreviewGlyph, { kind }) }),
@@ -128,8 +123,8 @@ function ArtifactCard({
             pinned ? `, ${text.pinned}` : ""
           ] }),
           /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__line crewlet-artifact-card__meta", children: [
-            Access && access ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__access", title: text.access[access], children: [
-              /* @__PURE__ */ jsx(Access, { size: "sm" }),
+            access ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__access", title: text.access[access], children: [
+              /* @__PURE__ */ jsx(ArtifactAccessGlyph, { access }),
               /* @__PURE__ */ jsx(VisuallyHidden, { children: text.access[access] })
             ] }) : null,
             owner ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-card__owner", children: [

package/dist/chunk-P5VGSVWG.js

@@ -0,0 +1,39 @@
+import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ArtifactKinds-CVD3FCYO.css';
+import './ArtifactNameCell-RTVP4LO4.css';
+import { PinGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var LABELS = {
+  kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet" },
+  pinned: "Pinned"
+};
+function ArtifactNameCell({ kind, title, detail, pinned = false, trashed = false, className, labels }) {
+  const text = { ...LABELS, ...labels, kinds: { ...LABELS.kinds, ...labels?.kinds } };
+  const kindWord = text.kinds[kind];
+  const about = detail?.trim();
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-artifact-name", trashed && "crewlet-artifact-name--trashed", className), children: [
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-artifact-name__mark", `crewlet-kind--${kind}`), "aria-hidden": "true", children: /* @__PURE__ */ jsx(ArtifactKindGlyph, { kind, size: "sm" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__words", children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__title-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__title", title, children: title }),
+        pinned ? /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__pin", title: text.pinned, children: [
+          /* @__PURE__ */ jsx(PinGlyph, { size: "xs", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: text.pinned })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-artifact-name__detail", title: about ? `${kindWord}, ${about}` : kindWord, children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__kind", children: kindWord }),
+        about ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__dot", "aria-hidden": "true", children: "\xB7" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: ", " }),
+          /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-name__about", children: about })
+        ] }) : null
+      ] })
+    ] })
+  ] });
+}
+
+export { ArtifactNameCell };

package/dist/{chunk-KJW2AS57.js → chunk-PEUGPAKH.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { FormField, Input } from './chunk-IUYUS2SO.js';
+import { FormField, Input } from './chunk-TYONQSOK.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-IPAU6FLH.js → chunk-PPHTIKZO.js}

@@ -1,5 +1,5 @@
 import { ThemeSwatch } from './chunk-MNFU2RNT.js';
-import { useHighlightRest } from './chunk-F73MC7EZ.js';
+import { useHighlightRest } from './chunk-7KHM2FZH.js';
 import { useRoving, tabStop } from './chunk-RKKO7QHH.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ThemeGallery-X35Y25EX.css';

package/dist/{chunk-P6WFZDKS.js → chunk-PWG3VHRQ.js}

@@ -1,6 +1,6 @@
-import { useFocusModality } from './chunk-YSGLEHND.js';
+import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Document-YFWTWXJP.css';
+import './Document-TZ2NBLOR.css';
 import { forwardRef, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-HOIZ6MIS.js → chunk-RLJXVFEH.js}

@@ -1,4 +1,4 @@
-import { Tooltip } from './chunk-6ZJ3N7QI.js';
+import { Tooltip } from './chunk-I33UIUZD.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './FactList-G2H73NFR.css';

package/dist/{chunk-NQGPD6NX.js → chunk-RMEBFYL7.js}

@@ -1,4 +1,4 @@
-import { isComposing } from './chunk-R25RGPUB.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideStage-ZTTEQSS2.css';
 import { useRef, useState, useLayoutEffect, useEffect } from 'react';