@crewlethq/ui 0.36.0 → 0.37.1

package/dist/utils/focusModality.d.ts

@@ -22,7 +22,10 @@
  * focus is NOT in a text-entry control (Enter on a link, the arrows in a
  * radio group, Escape out of a menu), because those keys move focus. Typing
  * inside a field does not, or the ring would widen under every character a
- * reader typed into a field they clicked. A modifier on its own is neither.
+ * reader typed into a field they clicked. A modifier on its own is neither. A
+ * shortcut (Cmd or Ctrl with a key) is the keyboard outside a field, since it
+ * opens a palette or a dialog whose focus goes back on Escape, and neither
+ * inside one, where it is copy, paste or undo.
  *
  * One listener set per document however many fields mount, counted, and taken
  * down when the last one unmounts.
@@ -39,3 +42,16 @@ export declare const FOCUS_MODALITY_ATTRIBUTE = "data-crewlet-focus";
 export declare function trackFocusModality(doc?: Document): () => void;
 /** Track the modality for as long as the calling component is mounted. */
 export declare function useFocusModality(): void;
+export declare const FOCUS_RETURNED_ATTRIBUTE = "data-crewlet-focus-returned";
+/**
+ * Hand focus back to `el` (the trigger a surface opened from, the button an
+ * inline editor replaced) and report whether it took it.
+ *
+ * A focus moved by script after a text field matches `:focus-visible`, since
+ * the field always did. So a palette opened with a click and closed with
+ * Escape left its trigger ringed as if it had been tabbed to. The element is
+ * marked until it blurs, and the base stylesheet draws no ring on a marked
+ * element while the modality is the pointer's. A key pressed afterwards makes
+ * it the keyboard's, and the ring shows.
+ */
+export declare function returnFocus(el: HTMLElement | null | undefined, options?: FocusOptions): boolean;

package/dist/utils/index.d.ts

@@ -14,5 +14,5 @@ export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './nodeHue.js';
 export type { NodeHue } from './nodeHue.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './headingLevel.js';
 export type { HeadingLevel, HeadingLevelProviderProps } from './headingLevel.js';
-export { FOCUS_MODALITY_ATTRIBUTE, trackFocusModality, useFocusModality } from './focusModality.js';
+export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality, } from './focusModality.js';
 export type { FocusModality } from './focusModality.js';

package/dist/utils/index.js

@@ -3,6 +3,6 @@ export { downloadBlob, downloadText, safeFilename, useDownload } from '../chunk-
 export { useClipboard, writeClipboard } from '../chunk-STJ7QBC3.js';
 export { useOutcome } from '../chunk-DTIW4CHZ.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
-export { FOCUS_MODALITY_ATTRIBUTE, trackFocusModality, useFocusModality } from '../chunk-YSGLEHND.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
+export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality } from '../chunk-NUZHC6MM.js';
 export { cx } from '../chunk-ODEQTPFM.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.36.0",
+  "version": "0.37.1",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.36.0",
-    "@crewlethq/tokens": "0.36.0",
+    "@crewlethq/icons": "0.37.1",
+    "@crewlethq/tokens": "0.37.1",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/chunk-WKEPORNM.js

@@ -1,2 +0,0 @@
-import './Tabs-MMZXV5EF.css';
-import './SegmentedControl-FLI45IOW.css';