npm - @cube-dev/ui-kit - Versions diffs - 0.206.3 → 0.208.0 - Mend

@cube-dev/ui-kit 0.206.3 → 0.208.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { c } from "react/compiler-runtime";
 import { Children, cloneElement, createContext, useContext } from "react";

package/dist/utils/react/chain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/disabledProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 //#region src/utils/react/disabledProps.ts
 /**

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * @deprecated Declare a ref prop on a generic component, or preserve an

package/dist/utils/react/index.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
+import { DynamicIcon, IconRenderFn, ResolvedIcon, resolveIcon } from "./resolveIcon.js";
 import { chain } from "./chain.js";
 import { DisabledElementOptions, DisabledElementProps, getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
@@ -16,8 +17,7 @@ import { UsePopoverSyncOptions, useDismissParentPopover, usePopoverSync } from "
 import { UseControlledFocusVisibleResult, useControlledFocusVisible } from "./useControlledFocusVisible.js";
 import { RenderCache, RenderCacheProps } from "./RenderCache.js";
 import { useLocalStorage } from "./useLocalStorage.js";
-import { DynamicIcon, IconRenderFn, ResolvedIcon, resolveIcon } from "./resolveIcon.js";
 import { useMergeStyles } from "./useMergeStyles.js";
 import { UseBufferedValueOptions, UseBufferedValueResult, useBufferedValue } from "./useBufferedValue.js";
-import { modAttrs } from "@tenphi/tasty";
-export { ClearSlots, type ColorScheme, type DisabledElementOptions, type DisabledElementProps, type DynamicIcon, type EventBusContextValue, type EventBusListener, EventBusProvider, type EventBusProviderProps, type IconRenderFn, RenderCache, type RenderCacheProps, type ResolvedIcon, SlotProvider, type UseBufferedValueOptions, type UseBufferedValueResult, type UseControlledFocusVisibleResult, type UsePopoverSyncOptions, chain, forwardRefWithGenerics, getDisabledElementProps, isTextOnly, mergeProps, mergeRefs, modAttrs, omitActivationEventProps, resolveHighContrast, resolveIcon, resolveScheme, subscribeScheme, useBufferedValue, useCombinedRefs, useControlledFocusVisible, useDismissParentPopover, useEventBus, useEventListener, useHighContrast, useLayoutEffect, useLocalStorage, useMergeStyles, usePopoverSync, useQaProps, useScheme, useSlotProps, useViewportSize, wrapNodeIfPlain };
+import { modAttrs as modAttrs$1 } from "@tenphi/tasty";
+export { ClearSlots, type ColorScheme, type DisabledElementOptions, type DisabledElementProps, type DynamicIcon, type EventBusContextValue, type EventBusListener, EventBusProvider, type EventBusProviderProps, type IconRenderFn, RenderCache, type RenderCacheProps, type ResolvedIcon, SlotProvider, type UseBufferedValueOptions, type UseBufferedValueResult, type UseControlledFocusVisibleResult, type UsePopoverSyncOptions, chain, forwardRefWithGenerics, getDisabledElementProps, isTextOnly, mergeProps, mergeRefs, modAttrs$1 as modAttrs, omitActivationEventProps, resolveHighContrast, resolveIcon, resolveScheme, subscribeScheme, useBufferedValue, useCombinedRefs, useControlledFocusVisible, useDismissParentPopover, useEventBus, useEventListener, useHighContrast, useLayoutEffect, useLocalStorage, useMergeStyles, usePopoverSync, useQaProps, useScheme, useSlotProps, useViewportSize, wrapNodeIfPlain };

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,23 +1,23 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { useLayoutEffect } from "./useLayoutEffect.js";
 import { mergeProps } from "./mergeProps.js";
 import { ClearSlots, SlotProvider, useSlotProps } from "./Slots.js";
-import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
-import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
-import { isTextOnly } from "./isTextOnly.js";
 import { mergeRefs, useCombinedRefs } from "./useCombinedRefs.js";
-import { wrapNodeIfPlain } from "./wrapNodeIfPlain.js";
-import { useViewportSize } from "./useViewportSize.js";
-import { resolveHighContrast, resolveScheme, subscribeScheme, useHighContrast, useScheme } from "./useScheme.js";
-import { useQaProps } from "./useQaProps.js";
+import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { EventBusProvider, useEventBus, useEventListener } from "./useEventBus.js";
+import { resolveIcon } from "./resolveIcon.js";
 import { useDismissParentPopover, usePopoverSync } from "./usePopoverSync.js";
-import { useControlledFocusVisible } from "./useControlledFocusVisible.js";
-import { RenderCache } from "./RenderCache.js";
+import { resolveHighContrast, resolveScheme, subscribeScheme, useHighContrast, useScheme } from "./useScheme.js";
+import { useViewportSize } from "./useViewportSize.js";
+import { wrapNodeIfPlain } from "./wrapNodeIfPlain.js";
 import { useLocalStorage } from "./useLocalStorage.js";
-import { resolveIcon } from "./resolveIcon.js";
 import { useMergeStyles } from "./useMergeStyles.js";
+import { isTextOnly } from "./isTextOnly.js";
 import { useBufferedValue } from "./useBufferedValue.js";
-import { modAttrs } from "@tenphi/tasty";
-export { ClearSlots, EventBusProvider, RenderCache, SlotProvider, chain, forwardRefWithGenerics, getDisabledElementProps, isTextOnly, mergeProps, mergeRefs, modAttrs, omitActivationEventProps, resolveHighContrast, resolveIcon, resolveScheme, subscribeScheme, useBufferedValue, useCombinedRefs, useControlledFocusVisible, useDismissParentPopover, useEventBus, useEventListener, useHighContrast, useLayoutEffect, useLocalStorage, useMergeStyles, usePopoverSync, useQaProps, useScheme, useSlotProps, useViewportSize, wrapNodeIfPlain };
+import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
+import { useQaProps } from "./useQaProps.js";
+import { useControlledFocusVisible } from "./useControlledFocusVisible.js";
+import { RenderCache } from "./RenderCache.js";
+import { modAttrs as modAttrs$1 } from "@tenphi/tasty";
+export { ClearSlots, EventBusProvider, RenderCache, SlotProvider, chain, forwardRefWithGenerics, getDisabledElementProps, isTextOnly, mergeProps, mergeRefs, modAttrs$1 as modAttrs, omitActivationEventProps, resolveHighContrast, resolveIcon, resolveScheme, subscribeScheme, useBufferedValue, useCombinedRefs, useControlledFocusVisible, useDismissParentPopover, useEventBus, useEventListener, useHighContrast, useLayoutEffect, useLocalStorage, useMergeStyles, usePopoverSync, useQaProps, useScheme, useSlotProps, useViewportSize, wrapNodeIfPlain };

package/dist/utils/react/interactions.js CHANGED Viewed

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

package/dist/utils/react/isTextOnly.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 //#region src/utils/react/isTextOnly.ts
 function isTextOnly(children) {

package/dist/utils/react/mapProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props, emptyValue = "") {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v), emptyValue);

package/dist/utils/react/overlayKeyPropagation.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/utils/react/overlayKeyPropagation.ts
 /**
 * Keys whose final handling belongs to the overlay around a control, not to

package/dist/utils/react/programmaticFocus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";
 //#region src/utils/react/useBufferedValue.ts

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

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

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js CHANGED Viewed

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

package/dist/utils/react/useIsDarwin.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { c } from "react/compiler-runtime";
 //#region src/utils/react/useKeySymbols.ts

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import * as React$1 from "react";
 //#region src/utils/react/useLayoutEffect.tsx
 const useLayoutEffect$1 = typeof window !== "undefined" ? React$1.useLayoutEffect : React$1.useEffect;

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 //#region src/utils/react/useMergeStyles.ts

package/dist/utils/react/useOverlayEscapeGuard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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/useOverlayEscapeGuard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOverlayEscapeGuard.js","names":["getEventTarget","nodeContains","useEvent","DOMAttributes","KeyboardEvent","OverlayDOMProps","useOverlayEscapeGuard","overlayProps","isOpen","$","_c","t0","event","key","isDefaultPrevented","stopPropagation","target","currentTarget","onKeyDown","preventDefault","t1","_c"],"sources":["../../../src/utils/react/useOverlayEscapeGuard.ts"],"sourcesContent":["import { getEventTarget, nodeContains } from '@react-aria/utils';\n\nimport { useEvent } from '../../_internal';\n\nimport type { DOMAttributes, KeyboardEvent } from 'react';\n\ntype OverlayDOMProps = DOMAttributes<any>;\n\n/*\n Stops a CLOSED overlay from answering for `Escape` (CUB-4839), and keeps an\n * Escape already handled by a child inside its open overlay.\n \n `useOverlay`'s `Escape` handler calls `stopPropagation()` and\n * `preventDefault()` for every `Escape` it sees, and only THEN asks whether\n * this overlay is the topmost one allowed to act on it — unlike\n * `onInteractOutside`, which it gates on `isOpen` up front. An overlay that has\n * already closed therefore consumes the key and does nothing with it, so the\n * `Escape` meant for the Dialog around it closes nothing at all.\n \n That is reachable here because our overlays stay mounted for their exit\n * transition while still holding DOM focus: pick an option from a list inside a\n * Dialog and the very next `Escape` lands in the closing list.\n \n Passing `useOverlay` an `isKeyboardDismissDisabled` of its own does NOT work,\n * and that is the reason this exists. `DisplayTransition` preserves content\n * across an exit by replaying the children it stored while the overlay was\n * open, so every value that subtree captured — `isKeyboardDismissDisabled`\n * included — stays frozen at its open-state reading for exactly the window\n * this has to guard. `useEvent` gets around it by returning a handler whose\n * identity never changes while its body always runs the latest render's\n * closure, so the frozen copy still sees the current `isOpen`.\n */\nexport function useOverlayEscapeGuard<T extends OverlayDOMProps>(\n overlayProps: T,\n isOpen: boolean \| undefined,\n): T {\n const onKeyDown = useEvent((event: KeyboardEvent<any>) => {\n // Decline it, so it reaches whoever can actually act on it.\n if (event.key === 'Escape' && !isOpen) return;\n\n // Code editors can close autocomplete by preventing default alone.\n // Keep that Escape inside this overlay, including an enclosing dialog.\n if (event.key === 'Escape' && event.isDefaultPrevented()) {\n event.stopPropagation();\n return;\n }\n\n // Aria's shortcut handler ignores physical DOM outsiders. A closing\n // popup still bubbles Escape through its logical React portal ancestry.\n // Let the open ancestor's handler retain its topmost-overlay check.\n const target = getEventTarget(event);\n if (event.key === 'Escape' && !nodeContains(event.currentTarget, target)) {\n overlayProps.onKeyDown?.({\n ...event,\n currentTarget: target,\n preventDefault: () => event.preventDefault(),\n stopPropagation: () => event.stopPropagation(),\n });\n return;\n }\n\n overlayProps.onKeyDown?.(event);\n });\n\n return { ...overlayProps, onKeyDown };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAOM,sBAAAC,cAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,UAAAC,EAAA,OAAAF,cAAA;EAIsBI,MAAAC,UAAA;GAEzB,IAAIA,MAAKC,QAAS,YAAd,CAA2BL,QAAM;GAIrC,IAAII,MAAKC,QAAS,YAAYD,MAAKE,mBAAoB,GAAC;IACtDF,MAAKG,gBAAiB;IAAC;GAAA;GAOzB,MAAAC,SAAehB,eAAeY,KAAK;GACnC,IAAIA,MAAKC,QAAS,YAAd,CAA2BZ,aAAaW,MAAKK,eAAgBD,MAAM,GAAC;IACtET,aAAYW,YAAa;KAAA,GACpBN;KAAKK,eACOD;KAAMG,sBACCP,MAAKO,eAAgB;KAACJ,uBACrBH,MAAKG,gBAAiB;IAC/C,CAAC;IAAC;GAAA;GAIJR,aAAYW,YAAaN,KAAK;EAAC;EAChCH,EAAA,KAAAD;EAAAC,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CA1BD,MAAAS,YAAkBhB,SAASS,EA0B1B;CAAE,IAAAS;CAAA,IAAAX,EAAA,OAAAS,aAAAT,EAAA,OAAAF,cAAA;EAEIa,KAAA;GAAA,GAAKb;GAAYW;EAAY;EAACT,EAAA,KAAAS;EAAAT,EAAA,KAAAF;EAAAE,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAA9BW;AAA8B"}
1	+ {"version":3,"file":"useOverlayEscapeGuard.js","names":["getEventTarget","nodeContains","useEvent","DOMAttributes","KeyboardEvent","OverlayDOMProps","useOverlayEscapeGuard","overlayProps","isOpen","$","_c","t0","event","key","isDefaultPrevented","stopPropagation","target","currentTarget","onKeyDown","preventDefault","t1","_c"],"sources":["../../../src/utils/react/useOverlayEscapeGuard.ts"],"sourcesContent":["import { getEventTarget, nodeContains } from '@react-aria/utils';\n\nimport { useEvent } from '../../_internal/hooks/use-event';\n\nimport type { DOMAttributes, KeyboardEvent } from 'react';\n\ntype OverlayDOMProps = DOMAttributes<any>;\n\n/*\n Stops a CLOSED overlay from answering for `Escape` (CUB-4839), and keeps an\n * Escape already handled by a child inside its open overlay.\n \n `useOverlay`'s `Escape` handler calls `stopPropagation()` and\n * `preventDefault()` for every `Escape` it sees, and only THEN asks whether\n * this overlay is the topmost one allowed to act on it — unlike\n * `onInteractOutside`, which it gates on `isOpen` up front. An overlay that has\n * already closed therefore consumes the key and does nothing with it, so the\n * `Escape` meant for the Dialog around it closes nothing at all.\n \n That is reachable here because our overlays stay mounted for their exit\n * transition while still holding DOM focus: pick an option from a list inside a\n * Dialog and the very next `Escape` lands in the closing list.\n \n Passing `useOverlay` an `isKeyboardDismissDisabled` of its own does NOT work,\n * and that is the reason this exists. `DisplayTransition` preserves content\n * across an exit by replaying the children it stored while the overlay was\n * open, so every value that subtree captured — `isKeyboardDismissDisabled`\n * included — stays frozen at its open-state reading for exactly the window\n * this has to guard. `useEvent` gets around it by returning a handler whose\n * identity never changes while its body always runs the latest render's\n * closure, so the frozen copy still sees the current `isOpen`.\n */\nexport function useOverlayEscapeGuard<T extends OverlayDOMProps>(\n overlayProps: T,\n isOpen: boolean \| undefined,\n): T {\n const onKeyDown = useEvent((event: KeyboardEvent<any>) => {\n // Decline it, so it reaches whoever can actually act on it.\n if (event.key === 'Escape' && !isOpen) return;\n\n // Code editors can close autocomplete by preventing default alone.\n // Keep that Escape inside this overlay, including an enclosing dialog.\n if (event.key === 'Escape' && event.isDefaultPrevented()) {\n event.stopPropagation();\n return;\n }\n\n // Aria's shortcut handler ignores physical DOM outsiders. A closing\n // popup still bubbles Escape through its logical React portal ancestry.\n // Let the open ancestor's handler retain its topmost-overlay check.\n const target = getEventTarget(event);\n if (event.key === 'Escape' && !nodeContains(event.currentTarget, target)) {\n overlayProps.onKeyDown?.({\n ...event,\n currentTarget: target,\n preventDefault: () => event.preventDefault(),\n stopPropagation: () => event.stopPropagation(),\n });\n return;\n }\n\n overlayProps.onKeyDown?.(event);\n });\n\n return { ...overlayProps, onKeyDown };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAOM,sBAAAC,cAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAD,UAAAC,EAAA,OAAAF,cAAA;EAIsBI,MAAAC,UAAA;GAEzB,IAAIA,MAAKC,QAAS,YAAd,CAA2BL,QAAM;GAIrC,IAAII,MAAKC,QAAS,YAAYD,MAAKE,mBAAoB,GAAC;IACtDF,MAAKG,gBAAiB;IAAC;GAAA;GAOzB,MAAAC,SAAehB,eAAeY,KAAK;GACnC,IAAIA,MAAKC,QAAS,YAAd,CAA2BZ,aAAaW,MAAKK,eAAgBD,MAAM,GAAC;IACtET,aAAYW,YAAa;KAAA,GACpBN;KAAKK,eACOD;KAAMG,sBACCP,MAAKO,eAAgB;KAACJ,uBACrBH,MAAKG,gBAAiB;IAC/C,CAAC;IAAC;GAAA;GAIJR,aAAYW,YAAaN,KAAK;EAAC;EAChCH,EAAA,KAAAD;EAAAC,EAAA,KAAAF;EAAAE,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CA1BD,MAAAS,YAAkBhB,SAASS,EA0B1B;CAAE,IAAAS;CAAA,IAAAX,EAAA,OAAAS,aAAAT,EAAA,OAAAF,cAAA;EAEIa,KAAA;GAAA,GAAKb;GAAYW;EAAY;EAACT,EAAA,KAAAS;EAAAT,EAAA,KAAAF;EAAAE,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAA9BW;AAA8B"}

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

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

package/dist/utils/react/useScheme.js CHANGED Viewed

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

package/dist/utils/react/useViewportSize.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useState } from "react";
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { Fragment, isValidElement } from "react";
 //#region src/utils/react/wrapNodeIfPlain.ts
 function wrapNodeIfPlain(children, render) {

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { isSelector, mergeStyles } from "@tenphi/tasty";
 //#region src/utils/styles.ts
 function isRecord(value) {

package/dist/utils/tree.js CHANGED Viewed

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

package/dist/utils/warnings.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 import { isDevEnvOrTest } from "./is-dev-env.js";
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {

package/dist/version.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.206.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.208.0 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.206.3";
+const VERSION = "0.208.0";
 const TASTY_VERSION = "3.17.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/actions/Button.md CHANGED Viewed

@@ -18,6 +18,7 @@ A versatile action component that triggers commands and navigates users.
 - **`type`** `'primary' | 'outline' | 'outline-2' | 'clear' | 'link'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme)
 - **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special' | 'current'` (default: `default`) — Semantic colour palette theme. `current` is not a brand palette: it mixes every color from the inherited text color, so the button adopts the color of whatever container it sits in
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Button size. Use `'inline'` for link-type buttons or a number/string for custom sizes (e.g. `64` or `'8x'`)
+- **`shape`** `'button' | 'card' | 'sharp' | 'pill'` (default: `button`) — Corner shape, with the same names as `Item`'s `shape`
 - **`icon`** — Icon rendered before the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
 - **`rightIcon`** — Icon rendered after the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`
 - **`children`** `ReactNode` — Button label or custom content
@@ -110,6 +111,15 @@ The `mods` prop accepts the following modifiers you can override:
 - `inline` – Inline size for link-type buttons (no fixed height).
 - Custom values – Pass a number (pixels) or a string (e.g. `'8x'`) for custom sizing.
+### Shapes. `shape` prop
+- `button` – The button radius (`1r`, default).
+- `card` – The card radius (`1cr`), for a button laid out as a card.
+- `sharp` – Square corners, for a button that fills a row or a cell edge to edge.
+- `pill` – Fully rounded ends (`round`). A single-icon button becomes a circle.
+A `link` button keeps no radius at rest, and the joined edges inside a `Button.Split` stay square, whatever the shape.
 ## Examples
 ### Basic Usage

package/docs/components/actions/ButtonSplit.md CHANGED Viewed

@@ -124,7 +124,7 @@ const [currentKey, setCurrentKey] = useState('deploy');
 ### Custom Mode
-Pass `children` to render arbitrary buttons with split-group styling (joined radius, collapsed borders). Set `type` and `theme` on the wrapper -- child buttons inherit them via context.
+Pass `children` to render arbitrary buttons with split-group styling (joined radius; outline buttons share one border, primary buttons are divided by a 1px gap that shows the background). Set `type` and `theme` on the wrapper -- child buttons inherit them via context.
 ```jsx
 import { Button, Menu } from '@cube-dev/ui-kit';