@cube-dev/ui-kit 0.0.0-canary-7bfcbc3 → 0.0.0-canary-bfa4c6d

package/dist/utils/react/overlayKeyPropagation.js

@@ -0,0 +1,46 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
+//#region src/utils/react/overlayKeyPropagation.ts
+/**
+* Keys whose final handling belongs to the overlay around a control, not to
+* the control. `Escape` dismisses it (CUB-4839). `Tab` is how its `FocusScope`
+* keeps focus inside: React Aria contains focus from a `keydown` listener on
+* the document, so a `Tab` held here left a Dialog's first or last control
+* unable to wrap (CUB-5603).
+*/
+const OVERLAY_KEYS = new Set(["Escape", "Tab"]);
+/**
+* Let `Escape` and `Tab` keep travelling out of a trigger or list, and hold
+* every other key exactly as before.
+*
+* Every other key stays contained: releasing them too would let `Enter` and
+* typeahead reach ancestor shortcuts and form submits, which callers have
+* always had held here.
+*
+* Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT
+* is opposite between them:
+*
+* - Wrapped by `useKeyboard`, the event is augmented and propagation is
+*   stopped unless the handler opts out. `createEventHandler` also keeps that
+*   decision for the LIFE of the handler rather than per event — nothing
+*   resets it when the next key arrives — so an earlier opt-out would keep
+*   releasing later keys until a render replaced the handler. Re-asserting the
+*   default here is what keeps the opt-out from outliving its own event.
+* - Spread straight onto an element, the event is an ordinary React one and
+*   propagation is the default, so containment is what has to be asked for.
+*
+* Getting this backwards is silent in one direction and loud in the other:
+* calling `stopPropagation()` on a plain event really does stop it.
+*/
+function allowOverlayKeysToPropagate(event) {
+	const isOverlayKey = OVERLAY_KEYS.has(event.key);
+	if (typeof event.continuePropagation === "function") {
+		if (isOverlayKey) event.continuePropagation();
+		else if (event.isPropagationStopped?.() === false) event.stopPropagation();
+		return;
+	}
+	if (!isOverlayKey) event.stopPropagation();
+}
+
+//#endregion
+export { allowOverlayKeysToPropagate };
+//# sourceMappingURL=overlayKeyPropagation.js.map

package/dist/utils/react/overlayKeyPropagation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayKeyPropagation.js","names":["KeyboardEvent","MaybeAugmentedKeyboardEvent","continuePropagation","isPropagationStopped","OVERLAY_KEYS","Set","allowOverlayKeysToPropagate","event","isOverlayKey","has","key","stopPropagation"],"sources":["../../../src/utils/react/overlayKeyPropagation.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\n/**\n * A key event as it reaches a handler that may or may not have been wrapped by\n * React Aria's `useKeyboard`.\n */\ntype MaybeAugmentedKeyboardEvent = KeyboardEvent<any> & {\n  continuePropagation?: () => void;\n  isPropagationStopped?: () => boolean;\n};\n\n/**\n * Keys whose final handling belongs to the overlay around a control, not to\n * the control. `Escape` dismisses it (CUB-4839). `Tab` is how its `FocusScope`\n * keeps focus inside: React Aria contains focus from a `keydown` listener on\n * the document, so a `Tab` held here left a Dialog's first or last control\n * unable to wrap (CUB-5603).\n */\nconst OVERLAY_KEYS = new Set(['Escape', 'Tab']);\n\n/**\n * Let `Escape` and `Tab` keep travelling out of a trigger or list, and hold\n * every other key exactly as before.\n *\n * Every other key stays contained: releasing them too would let `Enter` and\n * typeahead reach ancestor shortcuts and form submits, which callers have\n * always had held here.\n *\n * Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT\n * is opposite between them:\n *\n * - Wrapped by `useKeyboard`, the event is augmented and propagation is\n *   stopped unless the handler opts out. `createEventHandler` also keeps that\n *   decision for the LIFE of the handler rather than per event — nothing\n *   resets it when the next key arrives — so an earlier opt-out would keep\n *   releasing later keys until a render replaced the handler. Re-asserting the\n *   default here is what keeps the opt-out from outliving its own event.\n * - Spread straight onto an element, the event is an ordinary React one and\n *   propagation is the default, so containment is what has to be asked for.\n *\n * Getting this backwards is silent in one direction and loud in the other:\n * calling `stopPropagation()` on a plain event really does stop it.\n */\nexport function allowOverlayKeysToPropagate(\n  event: MaybeAugmentedKeyboardEvent,\n) {\n  const isOverlayKey = OVERLAY_KEYS.has(event.key);\n\n  if (typeof event.continuePropagation === 'function') {\n    if (isOverlayKey) {\n      event.continuePropagation();\n    } else if (event.isPropagationStopped?.() === false) {\n      // Only ever called when the flag is already clear, which is the one case\n      // `stopPropagation` does not warn about.\n      event.stopPropagation();\n    }\n\n    return;\n  }\n\n  if (!isOverlayKey) event.stopPropagation();\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAMI,eAAe,IAAIC,IAAI,CAAC,UAAU,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;AAyB/C,SAAgBC,4BACdC,OACA;CACA,MAAMC,eAAeJ,aAAaK,IAAIF,MAAMG,IAAI;AAEhD,KAAI,OAAOH,MAAML,wBAAwB,YAAY;AACnD,MAAIM,aACFD,OAAML,qBAAqB;WAClBK,MAAMJ,wBAAwB,KAAK,MAG5CI,OAAMI,iBAAiB;AAGzB;;AAGF,KAAI,CAACH,aAAcD,OAAMI,iBAAiB"}

package/dist/utils/react/programmaticFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/utils/react/programmaticFocus.ts
 /**
 * Telling focus the user moved from focus a component moved for them.

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { isDevEnv } from "../is-dev-env.js";
 import { c } from "react/compiler-runtime";

package/dist/utils/react/useBufferedValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { c } from "react/compiler-runtime";
 import { useEffect } from "react";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { c } from "react/compiler-runtime";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore } from "react";

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/useOverlayEscapeGuard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { getEventTarget, nodeContains } from "@react-aria/utils";

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { c } from "react/compiler-runtime";
 import { useContext, useEffect, useEffectEvent, useRef } from "react";

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useScheme.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { useSyncExternalStore } from "react";
 
 //#region src/utils/react/useScheme.ts

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 
 //#region src/utils/react/wrapNodeIfPlain.ts

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { isSelector, mergeStyles } from "@tenphi/tasty";
 
 //#region src/utils/styles.ts

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 
 //#region src/utils/warnings.ts

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bfa4c6d | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-7bfcbc3";
+const VERSION = "0.0.0-canary-bfa4c6d";
 const TASTY_VERSION = "3.9.9";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/fields/RadioGroup.md

@@ -54,7 +54,7 @@ A `button`- or `tabs`-type radio renders an [Item](../content/Item.md), so it ta
 - **`icon`**, **`rightIcon`** — Icons before / after the label
 - **`prefix`**, **`suffix`** — Content before / after the label
 - **`description`**, **`descriptionPlacement`**, **`descriptionProps`** — Secondary line, placed `inline` (default) or `block`
-- **`tooltip`** — Tooltip content, or `true` to show one only when the label is truncated. A button radio defaults to `true`; its label truncates only when the radio gets less room than it (an explicit `width`, say), and never with a `block` description, which keeps the label at full width. A classic radio's label wraps instead of truncating, so it shows a tooltip only when given content. Either way a disabled option still shows its tooltip — a good place to say why it is unavailable. Tooltips open on hover and when the option takes keyboard focus, and describe its input to screen readers. The info badge next to the group's label is the group's `labelTooltip`
+- **`tooltip`** — Tooltip content, or `true` to show one only when the label is truncated. A button radio defaults to `true`; its label truncates only when the radio gets less room than it (an explicit `width`, say), and never with a `block` description, which keeps the label at full width. A classic radio's label wraps instead of truncating, so it shows a tooltip only when given content. Either way a disabled option still shows its tooltip — a good place to say why it is unavailable. Tooltips open on hover and when the option takes keyboard focus, and describe its input to screen readers. A disabled option whose tooltip can open stays focusable for that reason: it is marked `aria-disabled` rather than natively disabled, so a plain `<form>` submits it when it is selected, and it stays unselectable (see [Keyboard Navigation](#keyboard-navigation)). The info badge next to the group's label is the group's `labelTooltip`
 - **`hotkeys`**, **`keyboardShortcutProps`** — Keyboard shortcut that selects the option, rendered as a hint
 - **`isLoading`**, **`loadingSlot`** — Replaces a slot with a spinner and disables the option
 - **`highlight`**, **`highlightCaseSensitive`**, **`highlightStyles`** — Highlights a substring of the label
@@ -278,15 +278,32 @@ Only inside a `Form`, and only when the choice changes which fields follow it
 </Radio.Group>
 ```
 
+### Disabled With a Reason
+
+Put the reason in each option's `tooltip`. The options stay reachable from the keyboard, so the reason opens on focus as well as on hover.
+
+```jsx
+<Radio.ButtonGroup label="Orientation" isDisabled defaultValue="vertical">
+  <Radio.Button value="vertical" tooltip="Not available for this chart">
+    Vertical
+  </Radio.Button>
+  <Radio.Button value="horizontal" tooltip="Not available for this chart">
+    Horizontal
+  </Radio.Button>
+</Radio.ButtonGroup>
+```
+
 ## Accessibility
 
 ### Keyboard Navigation
 
-- `Tab` - Moves focus to the radio group (or first radio if none selected)
+- `Tab` - Moves focus to the selected radio, or with none selected to the first radio (`Shift + Tab` coming back: the last)
 - `Arrow Keys` - Navigate between radio options within the group
 - `Space` - Selects the focused radio option
 - `Shift + Tab` - Moves focus away from the radio group
 
+A disabled option with a tooltip stays in this navigation so its tooltip can be read: the arrow keys stop on it without selecting it, `Tab` and `Shift + Tab` leave the group from it, and `Space` and clicks do nothing. A disabled group whose options all have tooltips keeps one tab stop, on the selected option when there is one. Without a tooltip a disabled option is skipped, and a disabled group has no tab stop. Nor does any group whose selected option is disabled without a tooltip.
+
 ### Screen Reader Support
 
 - Component announces as "radio group" to screen readers
@@ -296,12 +313,12 @@ Only inside a `Form`, and only when the choice changes which fields follow it
 
 ### ARIA Properties
 
-- `aria-label` - Provides accessible label when no visible label exists
+- `aria-label` - Names the group when no visible label exists
 - `aria-labelledby` - References external label elements
 - `aria-describedby` - References additional descriptive text
 - `aria-required` - Indicates if selection is required
 - `aria-invalid` - Indicates validation state for the group
-- `role="radiogroup"` - Identifies the container as a radio group
+- `role="radiogroup"` - Identifies the element that holds the radios as a radio group, with a visible label or only an `aria-label`
 
 ## Best Practices
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-7bfcbc3",
+  "version": "0.0.0-canary-bfa4c6d",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {

package/dist/utils/react/escapePropagation.js

@@ -1,39 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7bfcbc3 | Cube Dev Team */
-//#region src/utils/react/escapePropagation.ts
-/**
-* Let `Escape` keep travelling out of a trigger or list, and hold every other
-* key exactly as before (CUB-4839).
-*
-* `Escape` is how whatever surrounds a control — a Dialog, most often — gets
-* dismissed, and these handlers never act on it. Every other key stays
-* contained: releasing them too would let `Enter` and typeahead reach ancestor
-* shortcuts and form submits, which callers have always had held here.
-*
-* Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT
-* is opposite between them:
-*
-* - Wrapped by `useKeyboard`, the event is augmented and propagation is
-*   stopped unless the handler opts out. `createEventHandler` also keeps that
-*   decision for the LIFE of the handler rather than per event — nothing
-*   resets it when the next key arrives — so an earlier opt-out would keep
-*   releasing later keys until a render replaced the handler. Re-asserting the
-*   default here is what keeps the opt-out from outliving its own event.
-* - Spread straight onto an element, the event is an ordinary React one and
-*   propagation is the default, so containment is what has to be asked for.
-*
-* Getting this backwards is silent in one direction and loud in the other:
-* calling `stopPropagation()` on a plain event really does stop it.
-*/
-function allowEscapeToPropagate(event) {
-	const isEscape = event.key === "Escape";
-	if (typeof event.continuePropagation === "function") {
-		if (isEscape) event.continuePropagation();
-		else if (event.isPropagationStopped?.() === false) event.stopPropagation();
-		return;
-	}
-	if (!isEscape) event.stopPropagation();
-}
-
-//#endregion
-export { allowEscapeToPropagate };
-//# sourceMappingURL=escapePropagation.js.map

package/dist/utils/react/escapePropagation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"escapePropagation.js","names":["KeyboardEvent","MaybeAugmentedKeyboardEvent","continuePropagation","isPropagationStopped","allowEscapeToPropagate","event","isEscape","key","stopPropagation"],"sources":["../../../src/utils/react/escapePropagation.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\n/**\n * A key event as it reaches a handler that may or may not have been wrapped by\n * React Aria's `useKeyboard`.\n */\ntype MaybeAugmentedKeyboardEvent = KeyboardEvent<any> & {\n  continuePropagation?: () => void;\n  isPropagationStopped?: () => boolean;\n};\n\n/**\n * Let `Escape` keep travelling out of a trigger or list, and hold every other\n * key exactly as before (CUB-4839).\n *\n * `Escape` is how whatever surrounds a control — a Dialog, most often — gets\n * dismissed, and these handlers never act on it. Every other key stays\n * contained: releasing them too would let `Enter` and typeahead reach ancestor\n * shortcuts and form submits, which callers have always had held here.\n *\n * Shape-aware because the same `onKeyDown` is reached two ways and the DEFAULT\n * is opposite between them:\n *\n * - Wrapped by `useKeyboard`, the event is augmented and propagation is\n *   stopped unless the handler opts out. `createEventHandler` also keeps that\n *   decision for the LIFE of the handler rather than per event — nothing\n *   resets it when the next key arrives — so an earlier opt-out would keep\n *   releasing later keys until a render replaced the handler. Re-asserting the\n *   default here is what keeps the opt-out from outliving its own event.\n * - Spread straight onto an element, the event is an ordinary React one and\n *   propagation is the default, so containment is what has to be asked for.\n *\n * Getting this backwards is silent in one direction and loud in the other:\n * calling `stopPropagation()` on a plain event really does stop it.\n */\nexport function allowEscapeToPropagate(event: MaybeAugmentedKeyboardEvent) {\n  const isEscape = event.key === 'Escape';\n\n  if (typeof event.continuePropagation === 'function') {\n    if (isEscape) {\n      event.continuePropagation();\n    } else if (event.isPropagationStopped?.() === false) {\n      // Only ever called when the flag is already clear, which is the one case\n      // `stopPropagation` does not warn about.\n      event.stopPropagation();\n    }\n\n    return;\n  }\n\n  if (!isEscape) event.stopPropagation();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgBI,uBAAuBC,OAAoC;CACzE,MAAMC,WAAWD,MAAME,QAAQ;AAE/B,KAAI,OAAOF,MAAMH,wBAAwB,YAAY;AACnD,MAAII,SACFD,OAAMH,qBAAqB;WAClBG,MAAMF,wBAAwB,KAAK,MAG5CE,OAAMG,iBAAiB;AAGzB;;AAGF,KAAI,CAACF,SAAUD,OAAMG,iBAAiB"}