@cube-dev/ui-kit 0.190.7 → 0.190.8

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
+import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -8,7 +9,8 @@ import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import React, { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { useOverlay, useOverlayPosition } from "react-aria";
+import { useInteractOutside, useOverlay, useOverlayPosition } from "react-aria";
+import { getEventTarget, isFocusWithin } from "@react-aria/utils";
 
 //#region src/components/fields/ListBoxPopover/ListBoxPopover.tsx
 const CONTROL_SELECTOR = "button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])";
@@ -62,7 +64,7 @@ const ListBoxPopoverElement = tasty({
 	}
 });
 const ListBoxPopover = function ListBoxPopover(props) {
-	const $ = c(69);
+	const $ = c(79);
 	const { t } = useI18n();
 	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, listGap, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, shouldPassControlPresses: t2, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, ariaLabelledby, compositeFocusProps, filter, size: t3, emptyLabel, positionTargetRef, positionApiRef } = props;
 	const selectionMode = t0 === void 0 ? "single" : t0;
@@ -136,64 +138,94 @@ const ListBoxPopover = function ListBoxPopover(props) {
 	}
 	useEffect(t10, t11);
 	let t12;
-	if ($[18] !== onClose || $[19] !== shouldCloseOnTriggerInteraction || $[20] !== shouldPassControlPresses || $[21] !== triggerRef) {
+	if ($[18] !== shouldCloseOnTriggerInteraction || $[19] !== shouldPassControlPresses || $[20] !== triggerRef) {
 		t12 = (el) => {
 			const menuTriggerEl = el.closest("[data-popover-trigger]");
-			if (!menuTriggerEl) {
-				if (!shouldCloseOnTriggerInteraction && triggerRef?.current?.contains(el)) return false;
-				if (el.closest("[data-popover-keep]")) return false;
-				if (shouldPassControlPresses && el.closest(CONTROL_SELECTOR) || el.closest("[data-popover-dismiss]")) {
-					setTimeout(onClose, 0);
-					return false;
-				}
-				return true;
-			}
-			if (menuTriggerEl === triggerRef?.current) return true;
-			return false;
+			if (menuTriggerEl) return menuTriggerEl === triggerRef.current ? "consume" : "ignore";
+			if (!shouldCloseOnTriggerInteraction && triggerRef.current?.contains(el) || el.closest("[data-popover-keep]")) return "ignore";
+			if (shouldPassControlPresses && el.closest(CONTROL_SELECTOR) || el.closest("[data-popover-dismiss]")) return "pass";
+			return "consume";
 		};
-		$[18] = onClose;
-		$[19] = shouldCloseOnTriggerInteraction;
-		$[20] = shouldPassControlPresses;
-		$[21] = triggerRef;
-		$[22] = t12;
-	} else t12 = $[22];
+		$[18] = shouldCloseOnTriggerInteraction;
+		$[19] = shouldPassControlPresses;
+		$[20] = triggerRef;
+		$[21] = t12;
+	} else t12 = $[21];
+	const getOutsidePressBehavior = t12;
 	let t13;
-	if ($[23] !== isOpen || $[24] !== onClose || $[25] !== t12) {
-		t13 = {
+	if ($[22] !== getOutsidePressBehavior || $[23] !== onClose) {
+		t13 = (el_0) => {
+			const behavior = getOutsidePressBehavior(el_0);
+			if (behavior === "pass") setTimeout(onClose, 0);
+			return behavior === "consume";
+		};
+		$[22] = getOutsidePressBehavior;
+		$[23] = onClose;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== isOpen || $[26] !== onClose || $[27] !== t13) {
+		t14 = {
 			onClose,
 			shouldCloseOnBlur: true,
 			isOpen,
 			isDismissable: true,
-			shouldCloseOnInteractOutside: t12
+			shouldCloseOnInteractOutside: t13
 		};
-		$[23] = isOpen;
-		$[24] = onClose;
-		$[25] = t12;
-		$[26] = t13;
-	} else t13 = $[26];
-	const { overlayProps: overlayBehaviorProps } = useOverlay(t13, mergedPopoverRef);
-	let t14;
-	if ($[27] !== direction || $[28] !== placement) {
-		t14 = placement?.split(" ")[0] || direction;
-		$[27] = direction;
-		$[28] = placement;
-		$[29] = t14;
-	} else t14 = $[29];
-	const placementDirection = t14;
-	const transitionRefHolder = useRef(null);
+		$[25] = isOpen;
+		$[26] = onClose;
+		$[27] = t13;
+		$[28] = t14;
+	} else t14 = $[28];
+	const { overlayProps: overlayBehaviorProps } = useOverlay(t14, mergedPopoverRef);
 	let t15;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = (node) => {
+	if ($[29] !== getOutsidePressBehavior || $[30] !== mergedPopoverRef || $[31] !== triggerRef) {
+		t15 = (event) => {
+			if ((isFocusWithin(triggerRef.current) || isFocusWithin(mergedPopoverRef.current)) && getOutsidePressBehavior(getEventTarget(event)) === "consume") event.preventDefault();
+		};
+		$[29] = getOutsidePressBehavior;
+		$[30] = mergedPopoverRef;
+		$[31] = triggerRef;
+		$[32] = t15;
+	} else t15 = $[32];
+	const preserveOutsidePressFocus = useEvent(t15);
+	const t16 = !isOpen;
+	let t17;
+	if ($[33] !== mergedPopoverRef || $[34] !== preserveOutsidePressFocus || $[35] !== t16) {
+		t17 = {
+			ref: mergedPopoverRef,
+			isDisabled: t16,
+			onInteractOutsideStart: preserveOutsidePressFocus,
+			onInteractOutside: preserveOutsidePressFocus
+		};
+		$[33] = mergedPopoverRef;
+		$[34] = preserveOutsidePressFocus;
+		$[35] = t16;
+		$[36] = t17;
+	} else t17 = $[36];
+	useInteractOutside(t17);
+	let t18;
+	if ($[37] !== direction || $[38] !== placement) {
+		t18 = placement?.split(" ")[0] || direction;
+		$[37] = direction;
+		$[38] = placement;
+		$[39] = t18;
+	} else t18 = $[39];
+	const placementDirection = t18;
+	const transitionRefHolder = useRef(null);
+	let t19;
+	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = (node) => {
 			overlayScrollRef.current = node;
 			transitionRefHolder.current?.(node);
 		};
-		$[30] = t15;
-	} else t15 = $[30];
-	const setScrollRef = t15;
-	let t16;
-	if ($[31] !== ariaLabel || $[32] !== ariaLabelledby || $[33] !== children || $[34] !== comboBoxWidth || $[35] !== compositeFocusProps || $[36] !== disabledKeys || $[37] !== emptyLabel || $[38] !== filter || $[39] !== headingStyles || $[40] !== isCheckable || $[41] !== isDisabled || $[42] !== items || $[43] !== label || $[44] !== listBoxId || $[45] !== listBoxRef || $[46] !== listBoxStyles || $[47] !== listGap || $[48] !== listStateRef || $[49] !== maxHeight || $[50] !== maxWidth || $[51] !== mergedPopoverRef || $[52] !== onSelectionChange || $[53] !== optionHighlight || $[54] !== optionStyles || $[55] !== overlayBehaviorProps || $[56] !== overlayPositionProps || $[57] !== overlayStyles || $[58] !== placementDirection || $[59] !== positionStyle || $[60] !== sectionStyles || $[61] !== selectedKey || $[62] !== selectedKeys || $[63] !== selectionMode || $[64] !== t) {
-		t16 = (t17) => {
-			const { phase, isShown, isExiting, ref: transitionRef } = t17;
+		$[40] = t19;
+	} else t19 = $[40];
+	const setScrollRef = t19;
+	let t20;
+	if ($[41] !== ariaLabel || $[42] !== ariaLabelledby || $[43] !== children || $[44] !== comboBoxWidth || $[45] !== compositeFocusProps || $[46] !== disabledKeys || $[47] !== emptyLabel || $[48] !== filter || $[49] !== headingStyles || $[50] !== isCheckable || $[51] !== isDisabled || $[52] !== items || $[53] !== label || $[54] !== listBoxId || $[55] !== listBoxRef || $[56] !== listBoxStyles || $[57] !== listGap || $[58] !== listStateRef || $[59] !== maxHeight || $[60] !== maxWidth || $[61] !== mergedPopoverRef || $[62] !== onSelectionChange || $[63] !== optionHighlight || $[64] !== optionStyles || $[65] !== overlayBehaviorProps || $[66] !== overlayPositionProps || $[67] !== overlayStyles || $[68] !== placementDirection || $[69] !== positionStyle || $[70] !== sectionStyles || $[71] !== selectedKey || $[72] !== selectedKeys || $[73] !== selectionMode || $[74] !== t) {
+		t20 = (t21) => {
+			const { phase, isShown, isExiting, ref: transitionRef } = t21;
 			transitionRefHolder.current = transitionRef;
 			return /* @__PURE__ */ jsx(ListBoxPopoverWrapper, {
 				...mergeProps$1({
@@ -247,53 +279,53 @@ const ListBoxPopover = function ListBoxPopover(props) {
 				})
 			});
 		};
-		$[31] = ariaLabel;
-		$[32] = ariaLabelledby;
-		$[33] = children;
-		$[34] = comboBoxWidth;
-		$[35] = compositeFocusProps;
-		$[36] = disabledKeys;
-		$[37] = emptyLabel;
-		$[38] = filter;
-		$[39] = headingStyles;
-		$[40] = isCheckable;
-		$[41] = isDisabled;
-		$[42] = items;
-		$[43] = label;
-		$[44] = listBoxId;
-		$[45] = listBoxRef;
-		$[46] = listBoxStyles;
-		$[47] = listGap;
-		$[48] = listStateRef;
-		$[49] = maxHeight;
-		$[50] = maxWidth;
-		$[51] = mergedPopoverRef;
-		$[52] = onSelectionChange;
-		$[53] = optionHighlight;
-		$[54] = optionStyles;
-		$[55] = overlayBehaviorProps;
-		$[56] = overlayPositionProps;
-		$[57] = overlayStyles;
-		$[58] = placementDirection;
-		$[59] = positionStyle;
-		$[60] = sectionStyles;
-		$[61] = selectedKey;
-		$[62] = selectedKeys;
-		$[63] = selectionMode;
-		$[64] = t;
-		$[65] = t16;
-	} else t16 = $[65];
-	let t17;
-	if ($[66] !== isOpen || $[67] !== t16) {
-		t17 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
+		$[41] = ariaLabel;
+		$[42] = ariaLabelledby;
+		$[43] = children;
+		$[44] = comboBoxWidth;
+		$[45] = compositeFocusProps;
+		$[46] = disabledKeys;
+		$[47] = emptyLabel;
+		$[48] = filter;
+		$[49] = headingStyles;
+		$[50] = isCheckable;
+		$[51] = isDisabled;
+		$[52] = items;
+		$[53] = label;
+		$[54] = listBoxId;
+		$[55] = listBoxRef;
+		$[56] = listBoxStyles;
+		$[57] = listGap;
+		$[58] = listStateRef;
+		$[59] = maxHeight;
+		$[60] = maxWidth;
+		$[61] = mergedPopoverRef;
+		$[62] = onSelectionChange;
+		$[63] = optionHighlight;
+		$[64] = optionStyles;
+		$[65] = overlayBehaviorProps;
+		$[66] = overlayPositionProps;
+		$[67] = overlayStyles;
+		$[68] = placementDirection;
+		$[69] = positionStyle;
+		$[70] = sectionStyles;
+		$[71] = selectedKey;
+		$[72] = selectedKeys;
+		$[73] = selectionMode;
+		$[74] = t;
+		$[75] = t20;
+	} else t20 = $[75];
+	let t21;
+	if ($[76] !== isOpen || $[77] !== t20) {
+		t21 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: isOpen,
-			children: t16
+			children: t20
 		}) });
-		$[66] = isOpen;
-		$[67] = t16;
-		$[68] = t17;
-	} else t17 = $[68];
-	return t17;
+		$[76] = isOpen;
+		$[77] = t20;
+		$[78] = t21;
+	} else t21 = $[78];
+	return t21;
 };
 
 //#endregion

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBoxPopover.js","names":["Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useOverlay","useOverlayPosition","useI18n","mergeProps","DisplayTransition","Portal","ListBox","ListBoxPopoverProps","isOpen","triggerRef","HTMLElement","popoverRef","HTMLDivElement","listBoxRef","direction","shouldFlip","overlayOffset","containerPadding","comboBoxWidth","listBoxId","overlayStyles","listBoxStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","shouldPassControlPresses","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","ariaLabelledby","compositeFocusProps","onFocus","e","FocusEvent","onBlur","filter","nodes","size","emptyLabel","positionTargetRef","Element","positionApiRef","updatePosition","CONTROL_SELECTOR","ListBoxPopoverWrapper","qa","styles","position","zIndex","ListBoxPopoverElement","display","gridRows","gridColumns","width","height","overflow","fill","radius","shadow","padding","border","hide","hidden","boxSizing","transition","translate","transformOrigin","scale","opacity","ListBoxPopover","props","$","_c","t","t0","t1","t2","t3","undefined","mergedPopoverRef","overlayScrollRef","t4","t5","t6","t7","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t8","style","t9","maxHeight","maxWidth","positionStyle","t10","t11","current","t12","el","menuTriggerEl","closest","contains","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","split","placementDirection","transitionRefHolder","t15","Symbol","for","node","setScrollRef","t16","t17","phase","isShown","isExiting","ref","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { Key } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport React, {\n  CSSProperties,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { ListBox } from '../ListBox/ListBox';\n\nexport interface ListBoxPopoverProps {\n  isOpen: boolean;\n  triggerRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLDivElement>;\n  listBoxRef: RefObject<HTMLDivElement>;\n  direction: 'bottom' | 'top';\n  shouldFlip: boolean;\n  overlayOffset: number;\n  containerPadding: number;\n  /** Min width (px) for the overlay; usually the trigger's width. */\n  comboBoxWidth?: number;\n  /** Stable id used for the ListBox element and aria-controls wiring. */\n  listBoxId: string;\n  overlayStyles?: Styles;\n  listBoxStyles?: Styles;\n  optionStyles?: Styles;\n  /** Substring to highlight within each option's (text) children. */\n  optionHighlight?: string;\n  sectionStyles?: Styles;\n  headingStyles?: Styles;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n  selectedKey?: Key | null;\n  /**\n   * `'multiple'` lets the list hold several selected options. The list then\n   * reports the whole new selection on every toggle and never closes itself;\n   * the caller decides what a toggle means. Defaults to `'single'`.\n   */\n  selectionMode?: 'single' | 'multiple';\n  /** The selected keys in `'multiple'` mode. Ignored in `'single'` mode. */\n  selectedKeys?: Key[];\n  /** Whether options show a checkbox. Only applies in `'multiple'` mode. */\n  isCheckable?: boolean;\n  /**\n   * Whether a click inside the element `triggerRef` points at closes the\n   * popover, like any other outside click. Pass `false` when that element is\n   * where the user keeps working with the list open, such as an input that\n   * picks several options in a row. Only this popover is affected; others\n   * still close. Defaults to `true`.\n   */\n  shouldCloseOnTriggerInteraction?: boolean;\n  /**\n   * Whether an outside press on a control (a button, a link, a form control,\n   * anything with `tabindex`, or something inside one) reaches it, as one on\n   * a `data-popover-dismiss` control does: the control can take focus, and\n   * the popover closes after it, so a native Save button saves on the first\n   * click. A press anywhere else, such as a dialog's backdrop, still only\n   * closes the popover. Defaults to `false`.\n   */\n  shouldPassControlPresses?: boolean;\n  isDisabled?: boolean;\n  disabledKeys?: Iterable<Key>;\n  items?: Iterable<any>;\n  children: ReactNode;\n  /** Ref through which the ListBox exposes its internal list state. */\n  listStateRef: RefObject<any>;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClose: () => void;\n  label?: ReactNode;\n  ariaLabel?: string;\n  /**\n   * Ids of the elements that name the field, read after `label` or\n   * `ariaLabel`. Without either, they alone name the list, in place of the\n   * generic \"Options\".\n   */\n  ariaLabelledby?: string;\n  compositeFocusProps: {\n    onFocus: (e: React.FocusEvent) => void;\n    onBlur: (e: React.FocusEvent) => void;\n  };\n  /** Collection node filter applied to the ListBox. */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * Label shown when the list is empty (no items / no filter results).\n   * Forwarded to the inner ListBox.\n   */\n  emptyLabel?: ReactNode;\n  /**\n   * Element to anchor the overlay to geometrically. Defaults to `triggerRef`.\n   * Use this to anchor to something other than the trigger (e.g. the caret in\n   * a textarea) while keeping `triggerRef` for outside-click/dismiss logic.\n   */\n  positionTargetRef?: RefObject<Element | null>;\n  /**\n   * Receives an imperative handle exposing `updatePosition()` so the caller can\n   * force the overlay to re-anchor (e.g. when the caret moves).\n   */\n  positionApiRef?: RefObject<{ updatePosition: () => void } | null>;\n}\n\n// What `shouldPassControlPresses` lets an outside press reach.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst ListBoxPopoverWrapper = tasty({\n  qa: 'ComboBoxOverlayWrapper',\n  styles: {\n    position: 'absolute',\n    zIndex: 1000,\n  },\n});\n\nconst ListBoxPopoverElement = tasty({\n  qa: 'ComboBoxOverlay',\n  styles: {\n    display: 'grid',\n    gridRows: '1sf',\n    gridColumns: '1sf',\n    width: '$overlay-min-width max-content 50vw',\n    height: 'initial max-content (50vh - 5x)',\n    overflow: 'auto',\n    fill: '#surface',\n    radius: '1cr',\n    shadow: true,\n    padding: '0',\n    border: '#border',\n    hide: {\n      '': false,\n      hidden: true,\n    },\n    boxSizing: 'border-box',\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & ([data-placement=\"bottom\"] | ![data-placement])': '0 0',\n      '!open & ([data-placement=\"bottom\"] | ![data-placement])': '0 -1x',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .9',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    '$overlay-min-width': 'min 30x',\n  },\n});\n\nexport const ListBoxPopover = function ListBoxPopover(\n  props: ListBoxPopoverProps,\n) {\n  const { t } = useI18n();\n  const {\n    isOpen,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    direction,\n    shouldFlip,\n    overlayOffset,\n    containerPadding,\n    comboBoxWidth,\n    listBoxId,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    selectedKey,\n    selectionMode = 'single',\n    selectedKeys,\n    isCheckable,\n    shouldCloseOnTriggerInteraction = true,\n    shouldPassControlPresses = false,\n    isDisabled,\n    disabledKeys,\n    items,\n    children,\n    listStateRef,\n    onSelectionChange,\n    onClose,\n    label,\n    ariaLabel,\n    ariaLabelledby,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Ref to the inner scrollable element (the visible popover). react-aria\n  // measures this for its flip/shrink math and writes maxHeight onto the\n  // overlay (positioning wrapper); we forward that maxHeight to this element\n  // below so the scroll container actually shrinks instead of overflowing.\n  const overlayScrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Overlay positioning — anchor to the explicit position target when given\n  // (e.g. a caret anchor), otherwise to the trigger. `triggerRef` is still\n  // used below for outside-click/dismiss behavior.\n  const {\n    overlayProps: overlayPositionProps,\n    placement,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: (positionTargetRef ?? triggerRef) as any,\n    overlayRef: mergedPopoverRef as any,\n    scrollRef: overlayScrollRef as any,\n    placement: `${direction} start` as any,\n    shouldFlip,\n    isOpen,\n    offset: overlayOffset,\n    containerPadding: containerPadding,\n  });\n\n  // Keep positioning (top/left/zIndex) on the wrapper, but split out the\n  // available-space cap so it can be applied to the inner scroll element.\n  const { maxHeight, maxWidth, ...positionStyle } =\n    (overlayPositionProps.style ?? {}) as CSSProperties;\n\n  // Expose updatePosition so callers can re-anchor on demand (e.g. caret move).\n  useEffect(() => {\n    if (positionApiRef) {\n      positionApiRef.current = { updatePosition };\n    }\n    return () => {\n      if (positionApiRef) {\n        positionApiRef.current = null;\n      }\n    };\n  }, [positionApiRef, updatePosition]);\n\n  // Overlay behavior (dismiss on outside click, escape)\n  const { overlayProps: overlayBehaviorProps } = useOverlay(\n    {\n      onClose,\n      shouldCloseOnBlur: true,\n      isOpen,\n      isDismissable: true,\n      shouldCloseOnInteractOutside: (el) => {\n        const menuTriggerEl = el.closest('[data-popover-trigger]');\n        if (!menuTriggerEl) {\n          if (\n            !shouldCloseOnTriggerInteraction &&\n            triggerRef?.current?.contains(el)\n          ) {\n            return false;\n          }\n          if (el.closest('[data-popover-keep]')) return false;\n          // Plain interactive controls (Button, ItemButton) opt in via\n          // `data-popover-dismiss` to dismiss us without losing their click\n          // to useOverlay's stopPropagation, and `shouldPassControlPresses`\n          // opts every control in. Schedule the close after the click\n          // finishes so the button's onPress runs first. Only controls: the\n          // close lands before a slow click does, and a click on a dialog's\n          // backdrop would then find the dialog on top and close it too.\n          if (\n            (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) ||\n            el.closest('[data-popover-dismiss]')\n          ) {\n            setTimeout(onClose, 0);\n            return false;\n          }\n          return true;\n        }\n        if (menuTriggerEl === triggerRef?.current) return true;\n        return false;\n      },\n    },\n    mergedPopoverRef as any,\n  );\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || direction;\n\n  // Hold the DisplayTransition ref so we can bind the same node to both the\n  // transition listener and our scroll ref via a single stable callback.\n  const transitionRefHolder = useRef<\n    ((node: HTMLElement | null) => void) | null\n  >(null);\n  const setScrollRef = useCallback((node: HTMLElement | null) => {\n    overlayScrollRef.current = node as HTMLDivElement | null;\n    transitionRefHolder.current?.(node);\n  }, []);\n\n  const overlayContent = (\n    <DisplayTransition isShown={isOpen}>\n      {({ phase, isShown, isExiting, ref: transitionRef }) => {\n        transitionRefHolder.current = transitionRef;\n        return (\n          <ListBoxPopoverWrapper\n            {...mergeProps(\n              { ...overlayPositionProps, style: positionStyle },\n              overlayBehaviorProps,\n              compositeFocusProps,\n            )}\n            ref={mergedPopoverRef}\n            style={positionStyle}\n            // A press on the list while it fades out must not close the\n            // overlay under it (CUB-5293) — see `Overlay`.\n            data-react-aria-top-layer={isExiting || undefined}\n          >\n            <ListBoxPopoverElement\n              ref={setScrollRef}\n              data-placement={placementDirection}\n              data-phase={phase}\n              mods={{\n                open: isShown,\n                hidden: phase === 'unmounted',\n              }}\n              styles={overlayStyles}\n              style={{\n                '--overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n                maxHeight,\n                maxWidth,\n              }}\n            >\n              <ListBox\n                ref={listBoxRef}\n                disableSelectionToggle\n                id={listBoxId}\n                aria-label={\n                  ariaLabel ||\n                  (typeof label === 'string'\n                    ? label\n                    : ariaLabelledby\n                      ? undefined\n                      : t('listBoxPopover.options', 'Options'))\n                }\n                aria-labelledby={ariaLabelledby}\n                // Left unset in single mode, as before this prop existed: an\n                // explicit `'single'` switches on ListBox's no-toggle branch,\n                // which changes what re-picking the selected option does.\n                selectionMode={\n                  selectionMode === 'multiple' ? 'multiple' : undefined\n                }\n                selectedKey={\n                  selectionMode === 'single' ? selectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? selectedKeys : undefined\n                }\n                isCheckable={\n                  selectionMode === 'multiple' ? isCheckable : undefined\n                }\n                isDisabled={isDisabled}\n                disabledKeys={disabledKeys}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"ListBoxPopover.js","names":["getEventTarget","isFocusWithin","Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useInteractOutside","useOverlay","useOverlayPosition","useEvent","useI18n","mergeProps","DisplayTransition","Portal","ListBox","ListBoxPopoverProps","isOpen","triggerRef","HTMLElement","popoverRef","HTMLDivElement","listBoxRef","direction","shouldFlip","overlayOffset","containerPadding","comboBoxWidth","listBoxId","overlayStyles","listBoxStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","shouldPassControlPresses","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","ariaLabelledby","compositeFocusProps","onFocus","e","FocusEvent","onBlur","filter","nodes","size","emptyLabel","positionTargetRef","Element","positionApiRef","updatePosition","CONTROL_SELECTOR","ListBoxPopoverWrapper","qa","styles","position","zIndex","ListBoxPopoverElement","display","gridRows","gridColumns","width","height","overflow","fill","radius","shadow","padding","border","hide","hidden","boxSizing","transition","translate","transformOrigin","scale","opacity","ListBoxPopover","props","$","_c","t","t0","t1","t2","t3","undefined","mergedPopoverRef","overlayScrollRef","t4","t5","t6","t7","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t8","style","t9","maxHeight","maxWidth","positionStyle","t10","t11","current","t12","el","menuTriggerEl","closest","contains","getOutsidePressBehavior","t13","el_0","behavior","setTimeout","t14","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t15","event","preventDefault","preserveOutsidePressFocus","t16","t17","ref","onInteractOutsideStart","onInteractOutside","t18","split","placementDirection","transitionRefHolder","t19","Symbol","for","node","setScrollRef","t20","t21","phase","isShown","isExiting","transitionRef","open","overlayContent"],"sources":["../../../../src/components/fields/ListBoxPopover/ListBoxPopover.tsx"],"sourcesContent":["import { getEventTarget, isFocusWithin } from '@react-aria/utils';\nimport { Key } from '@react-types/shared';\nimport { Styles, tasty } from '@tenphi/tasty';\nimport React, {\n  CSSProperties,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useInteractOutside, useOverlay, useOverlayPosition } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport { DisplayTransition } from '../../helpers';\nimport { Portal } from '../../portal';\nimport { ListBox } from '../ListBox/ListBox';\n\nexport interface ListBoxPopoverProps {\n  isOpen: boolean;\n  triggerRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLDivElement>;\n  listBoxRef: RefObject<HTMLDivElement>;\n  direction: 'bottom' | 'top';\n  shouldFlip: boolean;\n  overlayOffset: number;\n  containerPadding: number;\n  /** Min width (px) for the overlay; usually the trigger's width. */\n  comboBoxWidth?: number;\n  /** Stable id used for the ListBox element and aria-controls wiring. */\n  listBoxId: string;\n  overlayStyles?: Styles;\n  listBoxStyles?: Styles;\n  optionStyles?: Styles;\n  /** Substring to highlight within each option's (text) children. */\n  optionHighlight?: string;\n  sectionStyles?: Styles;\n  headingStyles?: Styles;\n  /** Space between options, in pixels. Defaults to a hairline (`1bw`). */\n  listGap?: number;\n  selectedKey?: Key | null;\n  /**\n   * `'multiple'` lets the list hold several selected options. The list then\n   * reports the whole new selection on every toggle and never closes itself;\n   * the caller decides what a toggle means. Defaults to `'single'`.\n   */\n  selectionMode?: 'single' | 'multiple';\n  /** The selected keys in `'multiple'` mode. Ignored in `'single'` mode. */\n  selectedKeys?: Key[];\n  /** Whether options show a checkbox. Only applies in `'multiple'` mode. */\n  isCheckable?: boolean;\n  /**\n   * Whether a click inside the element `triggerRef` points at closes the\n   * popover, like any other outside click. Pass `false` when that element is\n   * where the user keeps working with the list open, such as an input that\n   * picks several options in a row. Only this popover is affected; others\n   * still close. Defaults to `true`.\n   */\n  shouldCloseOnTriggerInteraction?: boolean;\n  /**\n   * Whether an outside press on a control (a button, a link, a form control,\n   * anything with `tabindex`, or something inside one) reaches it, as one on\n   * a `data-popover-dismiss` control does: the control can take focus, and\n   * the popover closes after it, so a native Save button saves on the first\n   * click. A press anywhere else, such as a dialog's backdrop, still only\n   * closes the popover. Defaults to `false`.\n   */\n  shouldPassControlPresses?: boolean;\n  isDisabled?: boolean;\n  disabledKeys?: Iterable<Key>;\n  items?: Iterable<any>;\n  children: ReactNode;\n  /** Ref through which the ListBox exposes its internal list state. */\n  listStateRef: RefObject<any>;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClose: () => void;\n  label?: ReactNode;\n  ariaLabel?: string;\n  /**\n   * Ids of the elements that name the field, read after `label` or\n   * `ariaLabel`. Without either, they alone name the list, in place of the\n   * generic \"Options\".\n   */\n  ariaLabelledby?: string;\n  compositeFocusProps: {\n    onFocus: (e: React.FocusEvent) => void;\n    onBlur: (e: React.FocusEvent) => void;\n  };\n  /** Collection node filter applied to the ListBox. */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * Label shown when the list is empty (no items / no filter results).\n   * Forwarded to the inner ListBox.\n   */\n  emptyLabel?: ReactNode;\n  /**\n   * Element to anchor the overlay to geometrically. Defaults to `triggerRef`.\n   * Use this to anchor to something other than the trigger (e.g. the caret in\n   * a textarea) while keeping `triggerRef` for outside-click/dismiss logic.\n   */\n  positionTargetRef?: RefObject<Element | null>;\n  /**\n   * Receives an imperative handle exposing `updatePosition()` so the caller can\n   * force the overlay to re-anchor (e.g. when the caret moves).\n   */\n  positionApiRef?: RefObject<{ updatePosition: () => void } | null>;\n}\n\n// What `shouldPassControlPresses` lets an outside press reach.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nconst ListBoxPopoverWrapper = tasty({\n  qa: 'ComboBoxOverlayWrapper',\n  styles: {\n    position: 'absolute',\n    zIndex: 1000,\n  },\n});\n\nconst ListBoxPopoverElement = tasty({\n  qa: 'ComboBoxOverlay',\n  styles: {\n    display: 'grid',\n    gridRows: '1sf',\n    gridColumns: '1sf',\n    width: '$overlay-min-width max-content 50vw',\n    height: 'initial max-content (50vh - 5x)',\n    overflow: 'auto',\n    fill: '#surface',\n    radius: '1cr',\n    shadow: true,\n    padding: '0',\n    border: '#border',\n    hide: {\n      '': false,\n      hidden: true,\n    },\n    boxSizing: 'border-box',\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & ([data-placement=\"bottom\"] | ![data-placement])': '0 0',\n      '!open & ([data-placement=\"bottom\"] | ![data-placement])': '0 -1x',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .9',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n\n    '$overlay-min-width': 'min 30x',\n  },\n});\n\nexport const ListBoxPopover = function ListBoxPopover(\n  props: ListBoxPopoverProps,\n) {\n  const { t } = useI18n();\n  const {\n    isOpen,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    direction,\n    shouldFlip,\n    overlayOffset,\n    containerPadding,\n    comboBoxWidth,\n    listBoxId,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    selectedKey,\n    selectionMode = 'single',\n    selectedKeys,\n    isCheckable,\n    shouldCloseOnTriggerInteraction = true,\n    shouldPassControlPresses = false,\n    isDisabled,\n    disabledKeys,\n    items,\n    children,\n    listStateRef,\n    onSelectionChange,\n    onClose,\n    label,\n    ariaLabel,\n    ariaLabelledby,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Ref to the inner scrollable element (the visible popover). react-aria\n  // measures this for its flip/shrink math and writes maxHeight onto the\n  // overlay (positioning wrapper); we forward that maxHeight to this element\n  // below so the scroll container actually shrinks instead of overflowing.\n  const overlayScrollRef = useRef<HTMLDivElement | null>(null);\n\n  // Overlay positioning — anchor to the explicit position target when given\n  // (e.g. a caret anchor), otherwise to the trigger. `triggerRef` is still\n  // used below for outside-click/dismiss behavior.\n  const {\n    overlayProps: overlayPositionProps,\n    placement,\n    updatePosition,\n  } = useOverlayPosition({\n    targetRef: (positionTargetRef ?? triggerRef) as any,\n    overlayRef: mergedPopoverRef as any,\n    scrollRef: overlayScrollRef as any,\n    placement: `${direction} start` as any,\n    shouldFlip,\n    isOpen,\n    offset: overlayOffset,\n    containerPadding: containerPadding,\n  });\n\n  // Keep positioning (top/left/zIndex) on the wrapper, but split out the\n  // available-space cap so it can be applied to the inner scroll element.\n  const { maxHeight, maxWidth, ...positionStyle } =\n    (overlayPositionProps.style ?? {}) as CSSProperties;\n\n  // Expose updatePosition so callers can re-anchor on demand (e.g. caret move).\n  useEffect(() => {\n    if (positionApiRef) {\n      positionApiRef.current = { updatePosition };\n    }\n    return () => {\n      if (positionApiRef) {\n        positionApiRef.current = null;\n      }\n    };\n  }, [positionApiRef, updatePosition]);\n\n  const getOutsidePressBehavior = (el: Element) => {\n    const menuTriggerEl = el.closest('[data-popover-trigger]');\n    if (menuTriggerEl) {\n      return menuTriggerEl === triggerRef.current ? 'consume' : 'ignore';\n    }\n    if (\n      (!shouldCloseOnTriggerInteraction && triggerRef.current?.contains(el)) ||\n      el.closest('[data-popover-keep]')\n    ) {\n      return 'ignore';\n    }\n    if (\n      (shouldPassControlPresses && el.closest(CONTROL_SELECTOR)) ||\n      el.closest('[data-popover-dismiss]')\n    ) {\n      return 'pass';\n    }\n    return 'consume';\n  };\n\n  // Overlay behavior (dismiss on outside click, escape)\n  const { overlayProps: overlayBehaviorProps } = useOverlay(\n    {\n      onClose,\n      shouldCloseOnBlur: true,\n      isOpen,\n      isDismissable: true,\n      shouldCloseOnInteractOutside: (el) => {\n        const behavior = getOutsidePressBehavior(el);\n        if (behavior === 'pass') {\n          // Leave the control's press intact and close after its action.\n          setTimeout(onClose, 0);\n        }\n        return behavior === 'consume';\n      },\n    },\n    mergedPopoverRef as any,\n  );\n\n  const preserveOutsidePressFocus = useEvent((event: PointerEvent) => {\n    if (\n      (isFocusWithin(triggerRef.current) ||\n        isFocusWithin(mergedPopoverRef.current)) &&\n      getOutsidePressBehavior(getEventTarget(event) as Element) === 'consume'\n    ) {\n      event.preventDefault();\n    }\n  });\n\n  // Aria now permits outside presses to move focus. Consumed presses must\n  // only dismiss this list; a blur would also commit the field's draft.\n  useInteractOutside({\n    ref: mergedPopoverRef,\n    isDisabled: !isOpen,\n    onInteractOutsideStart: preserveOutsidePressFocus,\n    onInteractOutside: preserveOutsidePressFocus,\n  });\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || direction;\n\n  // Hold the DisplayTransition ref so we can bind the same node to both the\n  // transition listener and our scroll ref via a single stable callback.\n  const transitionRefHolder = useRef<\n    ((node: HTMLElement | null) => void) | null\n  >(null);\n  const setScrollRef = useCallback((node: HTMLElement | null) => {\n    overlayScrollRef.current = node as HTMLDivElement | null;\n    transitionRefHolder.current?.(node);\n  }, []);\n\n  const overlayContent = (\n    <DisplayTransition isShown={isOpen}>\n      {({ phase, isShown, isExiting, ref: transitionRef }) => {\n        transitionRefHolder.current = transitionRef;\n        return (\n          <ListBoxPopoverWrapper\n            {...mergeProps(\n              { ...overlayPositionProps, style: positionStyle },\n              overlayBehaviorProps,\n              compositeFocusProps,\n            )}\n            ref={mergedPopoverRef}\n            style={positionStyle}\n            // A press on the list while it fades out must not close the\n            // overlay under it (CUB-5293) — see `Overlay`.\n            data-react-aria-top-layer={isExiting || undefined}\n          >\n            <ListBoxPopoverElement\n              ref={setScrollRef}\n              data-placement={placementDirection}\n              data-phase={phase}\n              mods={{\n                open: isShown,\n                hidden: phase === 'unmounted',\n              }}\n              styles={overlayStyles}\n              style={{\n                '--overlay-min-width': comboBoxWidth\n                  ? `${comboBoxWidth}px`\n                  : undefined,\n                maxHeight,\n                maxWidth,\n              }}\n            >\n              <ListBox\n                ref={listBoxRef}\n                disableSelectionToggle\n                id={listBoxId}\n                aria-label={\n                  ariaLabel ||\n                  (typeof label === 'string'\n                    ? label\n                    : ariaLabelledby\n                      ? undefined\n                      : t('listBoxPopover.options', 'Options'))\n                }\n                aria-labelledby={ariaLabelledby}\n                // Left unset in single mode, as before this prop existed: an\n                // explicit `'single'` switches on ListBox's no-toggle branch,\n                // which changes what re-picking the selected option does.\n                selectionMode={\n                  selectionMode === 'multiple' ? 'multiple' : undefined\n                }\n                selectedKey={\n                  selectionMode === 'single' ? selectedKey : undefined\n                }\n                selectedKeys={\n                  selectionMode === 'multiple' ? selectedKeys : undefined\n                }\n                isCheckable={\n                  selectionMode === 'multiple' ? isCheckable : undefined\n                }\n                isDisabled={isDisabled}\n                disabledKeys={disabledKeys}\n                shouldUseVirtualFocus={true}\n                items={items as any}\n                filter={filter}\n                styles={listBoxStyles}\n                optionStyles={optionStyles}\n                optionHighlight={optionHighlight}\n                sectionStyles={sectionStyles}\n                headingStyles={headingStyles}\n                listGap={listGap}\n                stateRef={listStateRef}\n                shape=\"popover\"\n                emptyLabel={emptyLabel}\n                onSelectionChange={onSelectionChange}\n              >\n                {children as any}\n              </ListBox>\n            </ListBoxPopoverElement>\n          </ListBoxPopoverWrapper>\n        );\n      }}\n    </DisplayTransition>\n  );\n\n  return <Portal>{overlayContent}</Portal>;\n};\n"],"mappings":"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"}

package/dist/components/fields/ListBoxPopover/index.d.ts

@@ -1,4 +1,4 @@
 
 import "./ListBoxPopover.js";
-import "./useCompositeFocus.js";
+import { CompositeBlurInfo, UseCompositeFocusProps, UseCompositeFocusReturn, useCompositeFocus } from "./useCompositeFocus.js";
 import { ListStateLike, TextFilterFn } from "./listNavigation.js";

package/dist/components/fields/ListBoxPopover/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

package/dist/components/fields/ListBoxPopover/useCompositeFocus.d.ts

@@ -1,2 +1,49 @@
 
-import { FocusEvent, RefObject } from "react";
+import { FocusEvent, RefObject } from "react";
+
+//#region src/components/fields/ListBoxPopover/useCompositeFocus.d.ts
+interface CompositeBlurInfo {
+  /**
+   * Focus left for a mousedown outside, and that press has not ended yet. A
+   * layout change made now moves the control under the pointer.
+   */
+  isPressing: boolean;
+}
+interface UseCompositeFocusProps {
+  wrapperRef: RefObject<HTMLElement>;
+  popoverRef: RefObject<HTMLElement>;
+  onFocus?: () => void;
+  onBlur?: (info: CompositeBlurInfo) => void;
+  isDisabled?: boolean;
+}
+interface UseCompositeFocusReturn {
+  compositeFocusProps: {
+    onFocus: (e: FocusEvent) => void;
+    onBlur: (e: FocusEvent) => void;
+  };
+}
+/**
+ * Tracks focus across a wrapper element and its (portaled) popover as a single
+ * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`
+ * when it leaves both — essential for components whose overlay is portaled, so
+ * that clicking an option does not look like a blur of the whole component.
+ *
+ * Focus entering is reported as it happens. Focus leaving is too when the blur
+ * names where focus went (`relatedTarget`), so it runs before the click that
+ * caused it: a Save button sees what leaving the field committed, and an
+ * `onFocus` runs before a change made in the same press. A blur to nowhere
+ * (a node removed under focus, a programmatic `blur()`, a hop through the
+ * body) is checked a frame later, and focus that is back by then reports
+ * nothing. One caused by a mousedown outside is final and reported at once:
+ * Safari leaves focus nowhere when a button is clicked.
+ */
+declare function useCompositeFocus({
+  wrapperRef,
+  popoverRef,
+  onFocus,
+  onBlur,
+  isDisabled
+}: UseCompositeFocusProps): UseCompositeFocusReturn;
+//#endregion
+export { CompositeBlurInfo, UseCompositeFocusProps, UseCompositeFocusReturn, useCompositeFocus };
+//# sourceMappingURL=useCompositeFocus.d.ts.map

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";

package/dist/components/fields/NumberInput/NumberInput.d.ts

@@ -1,13 +1,13 @@
 
 import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js";
-import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
 import "../TextInput/index.js";
 import * as react from "react";
 import { AriaNumberFieldProps as AriaNumberFieldProps$1 } from "react-aria";
+import { TextInputDOMEvents } from "@react-types/shared";
 
 //#region src/components/fields/NumberInput/NumberInput.d.ts
-interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange' | 'field'>, Omit<AriaNumberFieldProps$1, 'validate' | 'form' | 'name'>, TextFieldKeyboardProps {
+interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange' | 'field' | 'validate' | 'onFocus' | 'onBlur' | keyof TextInputDOMEvents>, Omit<AriaNumberFieldProps$1, 'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'>, TextFieldKeyboardProps {
   field?: FieldBaseProps<number | null | undefined>['field'];
   /** Whether or to hide stepper */
   hideStepper?: boolean;
@@ -15,7 +15,10 @@ interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValu
 /**
  * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.
  */
-declare const _NumberInput: react.ForwardRefExoticComponent<Omit<WithNullableValue<CubeNumberInputProps>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const _NumberInput: react.ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
+  value?: any;
+  defaultValue?: any;
+} & react.RefAttributes<HTMLElement>>;
 //#endregion
 export { type AriaNumberFieldProps$1 as AriaNumberFieldProps, CubeNumberInputProps, _NumberInput };
 //# sourceMappingURL=NumberInput.d.ts.map