@cube-dev/ui-kit 0.0.0-canary-3b2471f → 0.0.0-canary-4ab47fa

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/ListBox/optionId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 //#region src/components/fields/ListBox/optionId.ts
 /**
 * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";
@@ -11,7 +11,6 @@ import { jsx } from "react/jsx-runtime";
 import { useOverlay, useOverlayPosition } from "react-aria";
 
 //#region src/components/fields/ListBoxPopover/ListBoxPopover.tsx
-const CONTROL_SELECTOR = "button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])";
 const ListBoxPopoverWrapper = tasty({
 	qa: "ComboBoxOverlayWrapper",
 	styles: {
@@ -62,24 +61,23 @@ const ListBoxPopoverElement = tasty({
 	}
 });
 const ListBoxPopover = function ListBoxPopover(props) {
-	const $ = c(67);
+	const $ = c(66);
 	const { t } = useI18n();
-	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, shouldPassControlPresses: t2, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, compositeFocusProps, filter, size: t3, emptyLabel, positionTargetRef, positionApiRef } = props;
+	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, compositeFocusProps, filter, size: t2, emptyLabel, positionTargetRef, positionApiRef } = props;
 	const selectionMode = t0 === void 0 ? "single" : t0;
 	const shouldCloseOnTriggerInteraction = t1 === void 0 ? true : t1;
-	const shouldPassControlPresses = t2 === void 0 ? false : t2;
 	const mergedPopoverRef = popoverRef;
 	const overlayScrollRef = useRef(null);
-	const t4 = positionTargetRef ?? triggerRef;
-	const t5 = mergedPopoverRef;
-	const t6 = `${direction} start`;
-	let t7;
-	if ($[0] !== containerPadding || $[1] !== isOpen || $[2] !== overlayOffset || $[3] !== shouldFlip || $[4] !== t4 || $[5] !== t5 || $[6] !== t6) {
-		t7 = {
-			targetRef: t4,
-			overlayRef: t5,
+	const t3 = positionTargetRef ?? triggerRef;
+	const t4 = mergedPopoverRef;
+	const t5 = `${direction} start`;
+	let t6;
+	if ($[0] !== containerPadding || $[1] !== isOpen || $[2] !== overlayOffset || $[3] !== shouldFlip || $[4] !== t3 || $[5] !== t4 || $[6] !== t5) {
+		t6 = {
+			targetRef: t3,
+			overlayRef: t4,
 			scrollRef: overlayScrollRef,
-			placement: t6,
+			placement: t5,
 			shouldFlip,
 			isOpen,
 			offset: overlayOffset,
@@ -89,25 +87,25 @@ const ListBoxPopover = function ListBoxPopover(props) {
 		$[1] = isOpen;
 		$[2] = overlayOffset;
 		$[3] = shouldFlip;
-		$[4] = t4;
-		$[5] = t5;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
-	const { overlayProps: overlayPositionProps, placement, updatePosition } = useOverlayPosition(t7);
-	let t8;
+		$[4] = t3;
+		$[5] = t4;
+		$[6] = t5;
+		$[7] = t6;
+	} else t6 = $[7];
+	const { overlayProps: overlayPositionProps, placement, updatePosition } = useOverlayPosition(t6);
+	let t7;
 	if ($[8] !== overlayPositionProps.style) {
-		t8 = overlayPositionProps.style ?? {};
+		t7 = overlayPositionProps.style ?? {};
 		$[8] = overlayPositionProps.style;
-		$[9] = t8;
-	} else t8 = $[9];
-	const t9 = t8;
+		$[9] = t7;
+	} else t7 = $[9];
+	const t8 = t7;
 	let maxHeight;
 	let maxWidth;
 	let positionStyle;
-	if ($[10] !== t9) {
-		({maxHeight, maxWidth, ...positionStyle} = t9);
-		$[10] = t9;
+	if ($[10] !== t8) {
+		({maxHeight, maxWidth, ...positionStyle} = t8);
+		$[10] = t8;
 		$[11] = maxHeight;
 		$[12] = maxWidth;
 		$[13] = positionStyle;
@@ -117,32 +115,32 @@ const ListBoxPopover = function ListBoxPopover(props) {
 		positionStyle = $[13];
 	}
 	let t10;
-	let t11;
+	let t9;
 	if ($[14] !== positionApiRef || $[15] !== updatePosition) {
-		t10 = () => {
+		t9 = () => {
 			if (positionApiRef) positionApiRef.current = { updatePosition };
 			return () => {
 				if (positionApiRef) positionApiRef.current = null;
 			};
 		};
-		t11 = [positionApiRef, updatePosition];
+		t10 = [positionApiRef, updatePosition];
 		$[14] = positionApiRef;
 		$[15] = updatePosition;
 		$[16] = t10;
-		$[17] = t11;
+		$[17] = t9;
 	} else {
 		t10 = $[16];
-		t11 = $[17];
+		t9 = $[17];
 	}
-	useEffect(t10, t11);
-	let t12;
-	if ($[18] !== onClose || $[19] !== shouldCloseOnTriggerInteraction || $[20] !== shouldPassControlPresses || $[21] !== triggerRef) {
-		t12 = (el) => {
+	useEffect(t9, t10);
+	let t11;
+	if ($[18] !== onClose || $[19] !== shouldCloseOnTriggerInteraction || $[20] !== triggerRef) {
+		t11 = (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]")) {
+				if (el.closest("[data-popover-dismiss]")) {
 					setTimeout(onClose, 0);
 					return false;
 				}
@@ -153,47 +151,46 @@ const ListBoxPopover = function ListBoxPopover(props) {
 		};
 		$[18] = onClose;
 		$[19] = shouldCloseOnTriggerInteraction;
-		$[20] = shouldPassControlPresses;
-		$[21] = triggerRef;
-		$[22] = t12;
-	} else t12 = $[22];
-	let t13;
-	if ($[23] !== isOpen || $[24] !== onClose || $[25] !== t12) {
-		t13 = {
+		$[20] = triggerRef;
+		$[21] = t11;
+	} else t11 = $[21];
+	let t12;
+	if ($[22] !== isOpen || $[23] !== onClose || $[24] !== t11) {
+		t12 = {
 			onClose,
 			shouldCloseOnBlur: true,
 			isOpen,
 			isDismissable: true,
-			shouldCloseOnInteractOutside: t12
+			shouldCloseOnInteractOutside: t11
 		};
-		$[23] = isOpen;
-		$[24] = onClose;
+		$[22] = isOpen;
+		$[23] = onClose;
+		$[24] = t11;
 		$[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;
+	} else t12 = $[25];
+	const { overlayProps: overlayBehaviorProps } = useOverlay(t12, mergedPopoverRef);
+	let t13;
+	if ($[26] !== direction || $[27] !== placement) {
+		t13 = placement?.split(" ")[0] || direction;
+		$[26] = direction;
+		$[27] = placement;
+		$[28] = t13;
+	} else t13 = $[28];
+	const placementDirection = t13;
 	const transitionRefHolder = useRef(null);
-	let t15;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = (node) => {
+	let t14;
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = (node) => {
 			overlayScrollRef.current = node;
 			transitionRefHolder.current?.(node);
 		};
-		$[30] = t15;
-	} else t15 = $[30];
-	const setScrollRef = t15;
-	let t16;
-	if ($[31] !== ariaLabel || $[32] !== children || $[33] !== comboBoxWidth || $[34] !== compositeFocusProps || $[35] !== disabledKeys || $[36] !== emptyLabel || $[37] !== filter || $[38] !== headingStyles || $[39] !== isCheckable || $[40] !== isDisabled || $[41] !== items || $[42] !== label || $[43] !== listBoxId || $[44] !== listBoxRef || $[45] !== listBoxStyles || $[46] !== listStateRef || $[47] !== maxHeight || $[48] !== maxWidth || $[49] !== mergedPopoverRef || $[50] !== onSelectionChange || $[51] !== optionHighlight || $[52] !== optionStyles || $[53] !== overlayBehaviorProps || $[54] !== overlayPositionProps || $[55] !== overlayStyles || $[56] !== placementDirection || $[57] !== positionStyle || $[58] !== sectionStyles || $[59] !== selectedKey || $[60] !== selectedKeys || $[61] !== selectionMode || $[62] !== t) {
-		t16 = (t17) => {
-			const { phase, isShown, ref: transitionRef } = t17;
+		$[29] = t14;
+	} else t14 = $[29];
+	const setScrollRef = t14;
+	let t15;
+	if ($[30] !== ariaLabel || $[31] !== children || $[32] !== comboBoxWidth || $[33] !== compositeFocusProps || $[34] !== disabledKeys || $[35] !== emptyLabel || $[36] !== filter || $[37] !== headingStyles || $[38] !== isCheckable || $[39] !== isDisabled || $[40] !== items || $[41] !== label || $[42] !== listBoxId || $[43] !== listBoxRef || $[44] !== listBoxStyles || $[45] !== listStateRef || $[46] !== maxHeight || $[47] !== maxWidth || $[48] !== mergedPopoverRef || $[49] !== onSelectionChange || $[50] !== optionHighlight || $[51] !== optionStyles || $[52] !== overlayBehaviorProps || $[53] !== overlayPositionProps || $[54] !== overlayStyles || $[55] !== placementDirection || $[56] !== positionStyle || $[57] !== sectionStyles || $[58] !== selectedKey || $[59] !== selectedKeys || $[60] !== selectionMode || $[61] !== t) {
+		t15 = (t16) => {
+			const { phase, isShown, ref: transitionRef } = t16;
 			transitionRefHolder.current = transitionRef;
 			return /* @__PURE__ */ jsx(ListBoxPopoverWrapper, {
 				...mergeProps$1({
@@ -244,51 +241,51 @@ const ListBoxPopover = function ListBoxPopover(props) {
 				})
 			});
 		};
-		$[31] = ariaLabel;
-		$[32] = children;
-		$[33] = comboBoxWidth;
-		$[34] = compositeFocusProps;
-		$[35] = disabledKeys;
-		$[36] = emptyLabel;
-		$[37] = filter;
-		$[38] = headingStyles;
-		$[39] = isCheckable;
-		$[40] = isDisabled;
-		$[41] = items;
-		$[42] = label;
-		$[43] = listBoxId;
-		$[44] = listBoxRef;
-		$[45] = listBoxStyles;
-		$[46] = listStateRef;
-		$[47] = maxHeight;
-		$[48] = maxWidth;
-		$[49] = mergedPopoverRef;
-		$[50] = onSelectionChange;
-		$[51] = optionHighlight;
-		$[52] = optionStyles;
-		$[53] = overlayBehaviorProps;
-		$[54] = overlayPositionProps;
-		$[55] = overlayStyles;
-		$[56] = placementDirection;
-		$[57] = positionStyle;
-		$[58] = sectionStyles;
-		$[59] = selectedKey;
-		$[60] = selectedKeys;
-		$[61] = selectionMode;
-		$[62] = t;
-		$[63] = t16;
-	} else t16 = $[63];
-	let t17;
-	if ($[64] !== isOpen || $[65] !== t16) {
-		t17 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
+		$[30] = ariaLabel;
+		$[31] = children;
+		$[32] = comboBoxWidth;
+		$[33] = compositeFocusProps;
+		$[34] = disabledKeys;
+		$[35] = emptyLabel;
+		$[36] = filter;
+		$[37] = headingStyles;
+		$[38] = isCheckable;
+		$[39] = isDisabled;
+		$[40] = items;
+		$[41] = label;
+		$[42] = listBoxId;
+		$[43] = listBoxRef;
+		$[44] = listBoxStyles;
+		$[45] = listStateRef;
+		$[46] = maxHeight;
+		$[47] = maxWidth;
+		$[48] = mergedPopoverRef;
+		$[49] = onSelectionChange;
+		$[50] = optionHighlight;
+		$[51] = optionStyles;
+		$[52] = overlayBehaviorProps;
+		$[53] = overlayPositionProps;
+		$[54] = overlayStyles;
+		$[55] = placementDirection;
+		$[56] = positionStyle;
+		$[57] = sectionStyles;
+		$[58] = selectedKey;
+		$[59] = selectedKeys;
+		$[60] = selectionMode;
+		$[61] = t;
+		$[62] = t15;
+	} else t15 = $[62];
+	let t16;
+	if ($[63] !== isOpen || $[64] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: isOpen,
-			children: t16
+			children: t15
 		}) });
-		$[64] = isOpen;
+		$[63] = isOpen;
+		$[64] = t15;
 		$[65] = t16;
-		$[66] = t17;
-	} else t17 = $[66];
-	return t17;
+	} else t16 = $[65];
+	return t16;
 };
 
 //#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","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","shouldPassControlPresses","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","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","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  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  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    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    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, 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          >\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                    : t('listBoxPopover.options', 'Options'))\n                }\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                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":";;;;;;;;;;;;;AAsGA,MAAMkE,mBACJ;AAEF,MAAMC,wBAAwBjE,MAAM;CAClCkE,IAAI;CACJC,QAAQ;EACNC,UAAU;EACVC,QAAQ;EACV;CACD,CAAC;AAEF,MAAMC,wBAAwBtE,MAAM;CAClCkE,IAAI;CACJC,QAAQ;EACNI,SAAS;EACTC,UAAU;EACVC,aAAa;EACbC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,MAAM;GACJ,IAAI;GACJC,QAAQ;GACT;EACDC,WAAW;EACXC,YACE;EACFC,WAAW;GACT,IAAI;GACJ,mCAAiC;GACjC,oCAAkC;GAClC,4DAA0D;GAC1D,6DAA2D;GAC5D;EACDC,iBAAiB;GACf,IAAI;GACJ,4BAA0B;GAC3B;EACDC,OAAO;GACL,IAAI;GACJ,SAAS;GACV;EACDC,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EAED,sBAAsB;EACxB;CACD,CAAC;AAEF,MAAaC,iBAAiB,SAAAA,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAG5B,MAAA,EAAAC,MAAcpF,SAAS;CACvB,MAAA,EAAAM,QAAAC,YAAAE,YAAAE,YAAAC,WAAAC,YAAAC,eAAAC,kBAAAC,eAAAC,WAAAC,eAAAC,eAAAC,cAAAC,iBAAAC,eAAAC,eAAAC,aAAAC,eAAA4D,IAAA3D,cAAAC,aAAAC,iCAAA0D,IAAAzD,0BAAA0D,IAAAzD,YAAAC,cAAAE,OAAAC,UAAAC,cAAAC,mBAAAE,SAAAC,OAAAC,WAAAC,qBAAAK,QAAAE,MAAAwC,IAAAvC,YAAAC,mBAAAE,mBAsCI6B;CApBF,MAAAxD,gBAAA4D,OAAAI,SAAA,WAAAJ;CAGA,MAAAzD,kCAAA0D,OAAAG,SAAA,OAAAH;CACA,MAAAzD,2BAAA0D,OAAAE,SAAA,QAAAF;CAkBF,MAAAG,mBAAyBjF;CAMzB,MAAAkF,mBAAyB9F,OAA8B,KAAK;CAU/C,MAAA+F,KAAC1C,qBAAA3C;CACA,MAAAsF,KAAAH;CAED,MAAAI,KAAA,GAAGlF,UAAS;CAAe,IAAAmF;AAAA,KAAAb,EAAA,OAAAnE,oBAAAmE,EAAA,OAAA5E,UAAA4E,EAAA,OAAApE,iBAAAoE,EAAA,OAAArE,cAAAqE,EAAA,OAAAU,MAAAV,EAAA,OAAAW,MAAAX,EAAA,OAAAY,IAAA;AAJjBC,OAAA;GAAAC,WACVJ;GAAwCK,YACvCJ;GAAuBK,WACxBP;GAAuBQ,WACvBL;GAA2BjF;GAAAP;GAAA8F,QAG9BtF;GAAaC;GAEtB;AAAAmE,IAAA,KAAAnE;AAAAmE,IAAA,KAAA5E;AAAA4E,IAAA,KAAApE;AAAAoE,IAAA,KAAArE;AAAAqE,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAAY;AAAAZ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAbD,MAAA,EAAAmB,cAAAC,sBAAAH,WAAA9C,mBAIItD,mBAAmBgG,GASrB;CAAC,IAAAQ;AAAA,KAAArB,EAAA,OAAAoB,qBAAAE,OAAA;AAKAD,OAAAD,qBAAoBE,SAApB,EAAgC;AAAAtB,IAAA,KAAAoB,qBAAAE;AAAAtB,IAAA,KAAAqB;OAAAA,MAAArB,EAAA;CAAjC,MAAAuB,KAACF;CAAkD,IAAAG;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAA1B,EAAA,QAAAuB,IAAA;AADrD,GAAA,CAAAC,WAAAC,aAAAC,iBACEH;AAAoDvB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;QAAA;AAAAF,cAAAxB,EAAA;AAAAyB,aAAAzB,EAAA;AAAA0B,kBAAA1B,EAAA;;CAAA,IAAA2B;CAAA,IAAAC;AAAA,KAAA5B,EAAA,QAAA9B,kBAAA8B,EAAA,QAAA7B,gBAAA;AAG5CwD,cAAA;AACR,OAAIzD,eACFA,gBAAc2D,UAAW,EAAA1D,gBAAH;AACvB,gBACM;AACL,QAAID,eACFA,gBAAc2D,UAAW;;;AAG5BD,QAAA,CAAC1D,gBAAgBC,eAAe;AAAA6B,IAAA,MAAA9B;AAAA8B,IAAA,MAAA7B;AAAA6B,IAAA,MAAA2B;AAAA3B,IAAA,MAAA4B;QAAA;AAAAD,QAAA3B,EAAA;AAAA4B,QAAA5B,EAAA;;AATnCtF,WAAUiH,KASPC,IAAiC;CAAA,IAAAE;AAAA,KAAA9B,EAAA,QAAA5C,WAAA4C,EAAA,QAAAtD,mCAAAsD,EAAA,QAAArD,4BAAAqD,EAAA,QAAA3E,YAAA;AASFyG,SAAAC,OAAA;GAC5B,MAAAC,gBAAsBD,GAAEE,QAAS,yBAAyB;AAC1D,OAAI,CAACD,eAAa;AAChB,QACE,CAACtF,mCACDrB,YAAUwG,SAAmBK,SAACH,GAAG,CAAA,QAE1B;AAET,QAAIA,GAAEE,QAAS,sBAAsB,CAAA,QAAS;AAQ9C,QACGtF,4BAA4BoF,GAAEE,QAAS7D,iBACJ,IAApC2D,GAAEE,QAAS,yBAAyB,EAAA;AAEpCE,gBAAW/E,SAAS,EAAE;AAAA,YACf;;AACR,WACM;;AAET,OAAI4E,kBAAkB3G,YAAUwG,QAAS,QAAS;AAAK,UAChD;;AACR7B,IAAA,MAAA5C;AAAA4C,IAAA,MAAAtD;AAAAsD,IAAA,MAAArD;AAAAqD,IAAA,MAAA3E;AAAA2E,IAAA,MAAA8B;OAAAA,OAAA9B,EAAA;CAAA,IAAAoC;AAAA,KAAApC,EAAA,QAAA5E,UAAA4E,EAAA,QAAA5C,WAAA4C,EAAA,QAAA8B,KAAA;AAjCHM,QAAA;GAAAhF;GAAAiF,mBAEqB;GAAIjH;GAAAkH,eAER;GAAIC,8BACWT;GA6B/B;AAAA9B,IAAA,MAAA5E;AAAA4E,IAAA,MAAA5C;AAAA4C,IAAA,MAAA8B;AAAA9B,IAAA,MAAAoC;OAAAA,OAAApC,EAAA;CAnCH,MAAA,EAAAmB,cAAAqB,yBAA+C5H,WAC7CwH,KAmCA5B,iBACD;CAAC,IAAAiC;AAAA,KAAAzC,EAAA,QAAAtE,aAAAsE,EAAA,QAAAiB,WAAA;AAGyBwB,QAAAxB,WAASyB,MAAQ,IAAO,CAAA,MAAxBhH;AAAqCsE,IAAA,MAAAtE;AAAAsE,IAAA,MAAAiB;AAAAjB,IAAA,MAAAyC;OAAAA,OAAAzC,EAAA;CAAhE,MAAA2C,qBAA2BF;CAI3B,MAAAG,sBAA4BjI,OAE1B,KAAK;CAAC,IAAAkI;AAAA,KAAA7C,EAAA,QAAA8C,OAAAC,IAAA,4BAAA,EAAA;AACyBF,SAAAG,SAAA;AAC/BvC,oBAAgBoB,UAAWmB;AAC3BJ,uBAAmBf,UAAWmB,KAAK;;AACpChD,IAAA,MAAA6C;OAAAA,OAAA7C,EAAA;CAHD,MAAAiD,eAAqBJ;CAGd,IAAAK;AAAA,KAAAlD,EAAA,QAAA1C,aAAA0C,EAAA,QAAAhD,YAAAgD,EAAA,QAAAlE,iBAAAkE,EAAA,QAAAzC,uBAAAyC,EAAA,QAAAnD,gBAAAmD,EAAA,QAAAjC,cAAAiC,EAAA,QAAApC,UAAAoC,EAAA,QAAA3D,iBAAA2D,EAAA,QAAAvD,eAAAuD,EAAA,QAAApD,cAAAoD,EAAA,QAAAjD,SAAAiD,EAAA,QAAA3C,SAAA2C,EAAA,QAAAjE,aAAAiE,EAAA,QAAAvE,cAAAuE,EAAA,QAAA/D,iBAAA+D,EAAA,QAAA/C,gBAAA+C,EAAA,QAAAwB,aAAAxB,EAAA,QAAAyB,YAAAzB,EAAA,QAAAQ,oBAAAR,EAAA,QAAA9C,qBAAA8C,EAAA,QAAA7D,mBAAA6D,EAAA,QAAA9D,gBAAA8D,EAAA,QAAAwC,wBAAAxC,EAAA,QAAAoB,wBAAApB,EAAA,QAAAhE,iBAAAgE,EAAA,QAAA2C,sBAAA3C,EAAA,QAAA0B,iBAAA1B,EAAA,QAAA5D,iBAAA4D,EAAA,QAAA1D,eAAA0D,EAAA,QAAAxD,gBAAAwD,EAAA,QAAAzD,iBAAAyD,EAAA,QAAAE,GAAA;AAIFgD,SAAAC,QAAA;GAAC,MAAA,EAAAC,OAAAC,SAAAC,KAAAC,kBAAAJ;AACAP,uBAAmBf,UAAW0B;AAAH,UAEzB,oBAAC;IAAqB,GAChBxI,aACF;KAAA,GAAKqG;KAAoBE,OAASI;KAAe,EACjDc,sBACAjF,oBACD;IACIiD,KAAAA;IACEkB,OAAAA;cAEP,oBAAC;KACMuB,KAAAA;KACWN,kBAAAA;KACJS,cAAAA;KACN,MAAA;MAAAI,MACEH;MAAO9D,QACL6D,UAAU;MACpB;KACQpH,QAAAA;KACD,OAAA;MAAA,uBACkBF,gBAAA,GAChBA,cAAa,MADGyE;MAEViB;MAAAC;MAGf;eAEA,oBAAC;MACMhG,KAAAA;MACL,wBAAA;MACIM,IAAAA;MAEF,cAAAuB,cACC,OAAOD,UAAU,WAAjBA,QAEG6C,EAAE,0BAA0B,UAAW;MAM3C,eAAA3D,kBAAkB,aAAlB,aAAAgE;MAGA,aAAAhE,kBAAkB,WAAlBD,cAAAiE;MAGA,cAAAhE,kBAAkB,aAAlBC,eAAA+D;MAGA,aAAAhE,kBAAkB,aAAlBE,cAAA8D;MAEU3D;MACEC;MACS,uBAAA;MAChBE;MACCa;MACA3B,QAAAA;MACMC;MACGC;MACFC;MACAC;MACLY,UAAAA;MACJ,OAAA;MACMc;MACOb;MAElBF;OAEL;MACF;KAAwB;;AAE3BgD,IAAA,MAAA1C;AAAA0C,IAAA,MAAAhD;AAAAgD,IAAA,MAAAlE;AAAAkE,IAAA,MAAAzC;AAAAyC,IAAA,MAAAnD;AAAAmD,IAAA,MAAAjC;AAAAiC,IAAA,MAAApC;AAAAoC,IAAA,MAAA3D;AAAA2D,IAAA,MAAAvD;AAAAuD,IAAA,MAAApD;AAAAoD,IAAA,MAAAjD;AAAAiD,IAAA,MAAA3C;AAAA2C,IAAA,MAAAjE;AAAAiE,IAAA,MAAAvE;AAAAuE,IAAA,MAAA/D;AAAA+D,IAAA,MAAA/C;AAAA+C,IAAA,MAAAwB;AAAAxB,IAAA,MAAAyB;AAAAzB,IAAA,MAAAQ;AAAAR,IAAA,MAAA9C;AAAA8C,IAAA,MAAA7D;AAAA6D,IAAA,MAAA9D;AAAA8D,IAAA,MAAAwC;AAAAxC,IAAA,MAAAoB;AAAApB,IAAA,MAAAhE;AAAAgE,IAAA,MAAA2C;AAAA3C,IAAA,MAAA0B;AAAA1B,IAAA,MAAA5D;AAAA4D,IAAA,MAAA1D;AAAA0D,IAAA,MAAAxD;AAAAwD,IAAA,MAAAzD;AAAAyD,IAAA,MAAAE;AAAAF,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAAA,IAAAmD;AAAA,KAAAnD,EAAA,QAAA5E,UAAA4E,EAAA,QAAAkD,KAAA;AAIEC,QAAA,oBAAC,oBA/EN,oBAAC;GAA2B/H,SAAAA;aACzB8H;IA2EiB,GAGkB;AAAAlD,IAAA,MAAA5E;AAAA4E,IAAA,MAAAkD;AAAAlD,IAAA,MAAAmD;OAAAA,OAAAnD,EAAA;AAAA,QAAjCmD"}
+{"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","selectedKey","selectionMode","selectedKeys","isCheckable","shouldCloseOnTriggerInteraction","isDisabled","disabledKeys","Iterable","items","children","listStateRef","onSelectionChange","selection","onClose","label","ariaLabel","compositeFocusProps","onFocus","e","FocusEvent","onBlur","filter","nodes","size","emptyLabel","positionTargetRef","Element","positionApiRef","updatePosition","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","undefined","mergedPopoverRef","overlayScrollRef","t3","t4","t5","t6","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t7","style","t8","maxHeight","maxWidth","positionStyle","t10","t9","current","t11","el","menuTriggerEl","closest","contains","setTimeout","t12","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t13","split","placementDirection","transitionRefHolder","t14","Symbol","for","node","setScrollRef","t15","t16","phase","isShown","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  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  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  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\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    selectedKey,\n    selectionMode = 'single',\n    selectedKeys,\n    isCheckable,\n    shouldCloseOnTriggerInteraction = true,\n    isDisabled,\n    disabledKeys,\n    items,\n    children,\n    listStateRef,\n    onSelectionChange,\n    onClose,\n    label,\n    ariaLabel,\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. Schedule the close after the\n          // click finishes so the button's onPress runs first.\n          if (el.closest('[data-popover-dismiss]')) {\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, 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          >\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                    : t('listBoxPopover.options', 'Options'))\n                }\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                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/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-3b2471f | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4ab47fa | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of
@@ -83,10 +83,9 @@ function nodeMatchesTerm(node, term, textFilterFn, matchExtraFields) {
 function filterCollectionNodes(nodes, term, textFilterFn, options = {}) {
 	if (!term) return nodes;
 	const matchExtraFields = options.matchExtraFields ?? false;
-	const matches = (node) => !!options.keep?.(node) || nodeMatchesTerm(node, term, textFilterFn, matchExtraFields);
 	return [...nodes].map((node) => {
 		if (node.type === "section" && node.childNodes) {
-			const filteredChildren = [...node.childNodes].filter(matches);
+			const filteredChildren = [...node.childNodes].filter((child) => nodeMatchesTerm(child, term, textFilterFn, matchExtraFields));
 			if (filteredChildren.length === 0) return null;
 			return {
 				...node,
@@ -94,7 +93,7 @@ function filterCollectionNodes(nodes, term, textFilterFn, options = {}) {
 				hasChildNodes: true
 			};
 		}
-		return matches(node) ? node : null;
+		return nodeMatchesTerm(node, term, textFilterFn, matchExtraFields) ? node : null;
 	}).filter(Boolean);
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"listNavigation.js","names":["Key","ListStateLike","selectionManager","focusedKey","setFocusedKey","key","collection","Iterable","disabledKeys","Set","lastFocusSourceRef","current","NavigationDirection","NavigationEdge","collectVisibleKeys","nodes","out","node","type","has","push","childNodes","getVisibleKeys","listState","keys","getNextVisibleKey","direction","opts","wrap","fromKey","visibleKeys","length","isForward","currentKey","currentIndex","indexOf","newIndex","getEdgeVisibleKey","edge","markKeyboardFocus","TextFilterFn","textValue","inputValue","FilterCollectionOptions","matchExtraFields","keep","getSearchableStrings","strings","props","children","description","nodeMatchesTerm","term","textFilterFn","some","text","filterCollectionNodes","options","matches","map","filteredChildren","filter","hasChildNodes","Boolean"],"sources":["../../../../src/components/fields/ListBoxPopover/listNavigation.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\n\n/**\n * Minimal view of a React Stately list state. Kept structural (no imports from\n * `react-stately`) so the helpers can be used from any collection-backed\n * component without dragging extra types in.\n */\nexport interface ListStateLike {\n  selectionManager: {\n    focusedKey: Key | null;\n    setFocusedKey: (key: Key | null) => void;\n  };\n  collection: Iterable<any>;\n  disabledKeys?: Set<Key>;\n  lastFocusSourceRef?: { current: 'keyboard' | 'mouse' | 'other' };\n}\n\nexport type NavigationDirection = 1 | -1;\nexport type NavigationEdge = 'first' | 'last';\n\n/**\n * Walks a collection (possibly nested under sections) and collects the keys of\n * selectable items, skipping disabled ones. Mirrors the inline walker that\n * used to live in `useComboBoxKeyboard`.\n */\nexport function collectVisibleKeys(\n  nodes: Iterable<any>,\n  out: Key[],\n  disabledKeys?: Set<Key>,\n): void {\n  for (const node of nodes) {\n    if (node.type === 'item') {\n      if (!disabledKeys?.has(node.key)) {\n        out.push(node.key);\n      }\n    } else if (node.childNodes) {\n      collectVisibleKeys(node.childNodes, out, disabledKeys);\n    }\n  }\n}\n\n/** Convenience: returns the flat list of selectable keys for a list state. */\nexport function getVisibleKeys(listState: ListStateLike): Key[] {\n  const keys: Key[] = [];\n  collectVisibleKeys(\n    listState.collection,\n    keys,\n    listState.disabledKeys as Set<Key> | undefined,\n  );\n  return keys;\n}\n\n/**\n * Computes the next key to focus when navigating with ArrowUp/ArrowDown.\n *\n * - If `fromKey` is omitted, reads `selectionManager.focusedKey`.\n * - When nothing is focused (or the focused key is no longer visible), falls\n *   back to the first/last visible key depending on `direction`.\n * - When the current key is the boundary, either returns `null` (default) or\n *   wraps to the opposite edge when `opts.wrap` is true.\n */\nexport function getNextVisibleKey(\n  listState: ListStateLike,\n  direction: NavigationDirection,\n  opts?: { wrap?: boolean; fromKey?: Key | null },\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n\n  const isForward = direction === 1;\n  const currentKey = opts?.fromKey ?? listState.selectionManager.focusedKey;\n\n  if (currentKey == null) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const currentIndex = visibleKeys.indexOf(currentKey);\n\n  if (currentIndex === -1) {\n    // Focused item was filtered out — restart from the matching edge.\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const newIndex = currentIndex + direction;\n  if (newIndex >= 0 && newIndex < visibleKeys.length) {\n    return visibleKeys[newIndex];\n  }\n\n  if (opts?.wrap) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  return null;\n}\n\n/** Returns the first or last selectable key. */\nexport function getEdgeVisibleKey(\n  listState: ListStateLike,\n  edge: NavigationEdge,\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n  return edge === 'first'\n    ? visibleKeys[0]\n    : visibleKeys[visibleKeys.length - 1];\n}\n\n/**\n * Marks a focus change as keyboard-driven so the underlying ListBox scrolls the\n * highlighted option into view. No-op when the list state doesn't expose a\n * `lastFocusSourceRef`.\n */\nexport function markKeyboardFocus(listState: ListStateLike): void {\n  if (listState.lastFocusSourceRef) {\n    listState.lastFocusSourceRef.current = 'keyboard';\n  }\n}\n\nexport type TextFilterFn = (textValue: string, inputValue: string) => boolean;\n\n/** Options controlling how {@link filterCollectionNodes} matches nodes. */\nexport interface FilterCollectionOptions {\n  /**\n   * Also match against a node's plain-text `children` and `description` props\n   * in addition to its `textValue`. Defaults to `false` so the search stays\n   * consistent with the visible `textValue` (which is what components like\n   * ComboBox document). Components that surface `children`/`description` in the\n   * option list (e.g. CommandTextArea) can opt in.\n   */\n  matchExtraFields?: boolean;\n  /**\n   * Keeps a node whatever the term, such as the option the typed text already\n   * names by its key.\n   */\n  keep?: (node: any) => boolean;\n}\n\n/**\n * Collects the strings a node can be matched against. Always includes the\n * node's `textValue`; when `matchExtraFields` is set, also includes any\n * plain-text `children` and `description` props. Non-string children/description\n * (e.g. React elements) are ignored since we can't reliably read their text.\n */\nfunction getSearchableStrings(node: any, matchExtraFields: boolean): string[] {\n  const strings: string[] = [];\n\n  if (node.textValue) {\n    strings.push(node.textValue);\n  }\n\n  if (matchExtraFields) {\n    const props = node.props;\n    if (props) {\n      if (typeof props.children === 'string') {\n        strings.push(props.children);\n      }\n      if (typeof props.description === 'string') {\n        strings.push(props.description);\n      }\n    }\n  }\n\n  return strings.length > 0 ? strings : [node.textValue || ''];\n}\n\n/** True when the term matches any of the node's searchable strings. */\nfunction nodeMatchesTerm(\n  node: any,\n  term: string,\n  textFilterFn: TextFilterFn,\n  matchExtraFields: boolean,\n): boolean {\n  return getSearchableStrings(node, matchExtraFields).some((text) =>\n    textFilterFn(text, term),\n  );\n}\n\n/**\n * Filters collection nodes by a search term while preserving section structure.\n * By default a node matches only when the term matches its `textValue`; pass\n * `{ matchExtraFields: true }` to also match its plain-text `children` and\n * `description`. Sections whose children all fail the filter are dropped.\n */\nexport function filterCollectionNodes(\n  nodes: Iterable<any>,\n  term: string,\n  textFilterFn: TextFilterFn,\n  options: FilterCollectionOptions = {},\n): Iterable<any> {\n  if (!term) {\n    return nodes;\n  }\n\n  const matchExtraFields = options.matchExtraFields ?? false;\n  const matches = (node: any) =>\n    !!options.keep?.(node) ||\n    nodeMatchesTerm(node, term, textFilterFn, matchExtraFields);\n\n  return [...nodes]\n    .map((node: any) => {\n      if (node.type === 'section' && node.childNodes) {\n        const filteredChildren = [...node.childNodes].filter(matches);\n\n        if (filteredChildren.length === 0) {\n          return null;\n        }\n\n        return {\n          ...node,\n          childNodes: filteredChildren,\n          hasChildNodes: true,\n        };\n      }\n\n      return matches(node) ? node : null;\n    })\n    .filter(Boolean);\n}\n"],"mappings":"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"}
+{"version":3,"file":"listNavigation.js","names":["Key","ListStateLike","selectionManager","focusedKey","setFocusedKey","key","collection","Iterable","disabledKeys","Set","lastFocusSourceRef","current","NavigationDirection","NavigationEdge","collectVisibleKeys","nodes","out","node","type","has","push","childNodes","getVisibleKeys","listState","keys","getNextVisibleKey","direction","opts","wrap","fromKey","visibleKeys","length","isForward","currentKey","currentIndex","indexOf","newIndex","getEdgeVisibleKey","edge","markKeyboardFocus","TextFilterFn","textValue","inputValue","FilterCollectionOptions","matchExtraFields","getSearchableStrings","strings","props","children","description","nodeMatchesTerm","term","textFilterFn","some","text","filterCollectionNodes","options","map","filteredChildren","filter","child","hasChildNodes","Boolean"],"sources":["../../../../src/components/fields/ListBoxPopover/listNavigation.ts"],"sourcesContent":["import { Key } from '@react-types/shared';\n\n/**\n * Minimal view of a React Stately list state. Kept structural (no imports from\n * `react-stately`) so the helpers can be used from any collection-backed\n * component without dragging extra types in.\n */\nexport interface ListStateLike {\n  selectionManager: {\n    focusedKey: Key | null;\n    setFocusedKey: (key: Key | null) => void;\n  };\n  collection: Iterable<any>;\n  disabledKeys?: Set<Key>;\n  lastFocusSourceRef?: { current: 'keyboard' | 'mouse' | 'other' };\n}\n\nexport type NavigationDirection = 1 | -1;\nexport type NavigationEdge = 'first' | 'last';\n\n/**\n * Walks a collection (possibly nested under sections) and collects the keys of\n * selectable items, skipping disabled ones. Mirrors the inline walker that\n * used to live in `useComboBoxKeyboard`.\n */\nexport function collectVisibleKeys(\n  nodes: Iterable<any>,\n  out: Key[],\n  disabledKeys?: Set<Key>,\n): void {\n  for (const node of nodes) {\n    if (node.type === 'item') {\n      if (!disabledKeys?.has(node.key)) {\n        out.push(node.key);\n      }\n    } else if (node.childNodes) {\n      collectVisibleKeys(node.childNodes, out, disabledKeys);\n    }\n  }\n}\n\n/** Convenience: returns the flat list of selectable keys for a list state. */\nexport function getVisibleKeys(listState: ListStateLike): Key[] {\n  const keys: Key[] = [];\n  collectVisibleKeys(\n    listState.collection,\n    keys,\n    listState.disabledKeys as Set<Key> | undefined,\n  );\n  return keys;\n}\n\n/**\n * Computes the next key to focus when navigating with ArrowUp/ArrowDown.\n *\n * - If `fromKey` is omitted, reads `selectionManager.focusedKey`.\n * - When nothing is focused (or the focused key is no longer visible), falls\n *   back to the first/last visible key depending on `direction`.\n * - When the current key is the boundary, either returns `null` (default) or\n *   wraps to the opposite edge when `opts.wrap` is true.\n */\nexport function getNextVisibleKey(\n  listState: ListStateLike,\n  direction: NavigationDirection,\n  opts?: { wrap?: boolean; fromKey?: Key | null },\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n\n  const isForward = direction === 1;\n  const currentKey = opts?.fromKey ?? listState.selectionManager.focusedKey;\n\n  if (currentKey == null) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const currentIndex = visibleKeys.indexOf(currentKey);\n\n  if (currentIndex === -1) {\n    // Focused item was filtered out — restart from the matching edge.\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  const newIndex = currentIndex + direction;\n  if (newIndex >= 0 && newIndex < visibleKeys.length) {\n    return visibleKeys[newIndex];\n  }\n\n  if (opts?.wrap) {\n    return isForward ? visibleKeys[0] : visibleKeys[visibleKeys.length - 1];\n  }\n\n  return null;\n}\n\n/** Returns the first or last selectable key. */\nexport function getEdgeVisibleKey(\n  listState: ListStateLike,\n  edge: NavigationEdge,\n): Key | null {\n  const visibleKeys = getVisibleKeys(listState);\n  if (visibleKeys.length === 0) return null;\n  return edge === 'first'\n    ? visibleKeys[0]\n    : visibleKeys[visibleKeys.length - 1];\n}\n\n/**\n * Marks a focus change as keyboard-driven so the underlying ListBox scrolls the\n * highlighted option into view. No-op when the list state doesn't expose a\n * `lastFocusSourceRef`.\n */\nexport function markKeyboardFocus(listState: ListStateLike): void {\n  if (listState.lastFocusSourceRef) {\n    listState.lastFocusSourceRef.current = 'keyboard';\n  }\n}\n\nexport type TextFilterFn = (textValue: string, inputValue: string) => boolean;\n\n/** Options controlling how {@link filterCollectionNodes} matches nodes. */\nexport interface FilterCollectionOptions {\n  /**\n   * Also match against a node's plain-text `children` and `description` props\n   * in addition to its `textValue`. Defaults to `false` so the search stays\n   * consistent with the visible `textValue` (which is what components like\n   * ComboBox document). Components that surface `children`/`description` in the\n   * option list (e.g. CommandTextArea) can opt in.\n   */\n  matchExtraFields?: boolean;\n}\n\n/**\n * Collects the strings a node can be matched against. Always includes the\n * node's `textValue`; when `matchExtraFields` is set, also includes any\n * plain-text `children` and `description` props. Non-string children/description\n * (e.g. React elements) are ignored since we can't reliably read their text.\n */\nfunction getSearchableStrings(node: any, matchExtraFields: boolean): string[] {\n  const strings: string[] = [];\n\n  if (node.textValue) {\n    strings.push(node.textValue);\n  }\n\n  if (matchExtraFields) {\n    const props = node.props;\n    if (props) {\n      if (typeof props.children === 'string') {\n        strings.push(props.children);\n      }\n      if (typeof props.description === 'string') {\n        strings.push(props.description);\n      }\n    }\n  }\n\n  return strings.length > 0 ? strings : [node.textValue || ''];\n}\n\n/** True when the term matches any of the node's searchable strings. */\nfunction nodeMatchesTerm(\n  node: any,\n  term: string,\n  textFilterFn: TextFilterFn,\n  matchExtraFields: boolean,\n): boolean {\n  return getSearchableStrings(node, matchExtraFields).some((text) =>\n    textFilterFn(text, term),\n  );\n}\n\n/**\n * Filters collection nodes by a search term while preserving section structure.\n * By default a node matches only when the term matches its `textValue`; pass\n * `{ matchExtraFields: true }` to also match its plain-text `children` and\n * `description`. Sections whose children all fail the filter are dropped.\n */\nexport function filterCollectionNodes(\n  nodes: Iterable<any>,\n  term: string,\n  textFilterFn: TextFilterFn,\n  options: FilterCollectionOptions = {},\n): Iterable<any> {\n  if (!term) {\n    return nodes;\n  }\n\n  const matchExtraFields = options.matchExtraFields ?? false;\n\n  return [...nodes]\n    .map((node: any) => {\n      if (node.type === 'section' && node.childNodes) {\n        const filteredChildren = [...node.childNodes].filter((child: any) =>\n          nodeMatchesTerm(child, term, textFilterFn, matchExtraFields),\n        );\n\n        if (filteredChildren.length === 0) {\n          return null;\n        }\n\n        return {\n          ...node,\n          childNodes: filteredChildren,\n          hasChildNodes: true,\n        };\n      }\n\n      return nodeMatchesTerm(node, term, textFilterFn, matchExtraFields)\n        ? node\n        : null;\n    })\n    .filter(Boolean);\n}\n"],"mappings":";;;;;;;AAyBA,SAAgBc,mBACdC,OACAC,KACAR,cACM;AACN,MAAK,MAAMS,QAAQF,MACjB,KAAIE,KAAKC,SAAS,QAChB;MAAI,CAACV,cAAcW,IAAIF,KAAKZ,IAAI,CAC9BW,KAAII,KAAKH,KAAKZ,IAAI;YAEXY,KAAKI,WACdP,oBAAmBG,KAAKI,YAAYL,KAAKR,aAAa;;;AAM5D,SAAgBc,eAAeC,WAAiC;CAC9D,MAAMC,OAAc,EAAE;AACtBV,oBACES,UAAUjB,YACVkB,MACAD,UAAUf,aACX;AACD,QAAOgB;;;;;;;;;;;AAYT,SAAgBC,kBACdF,WACAG,WACAC,MACY;CACZ,MAAMG,cAAcR,eAAeC,UAAU;AAC7C,KAAIO,YAAYC,WAAW,EAAG,QAAO;CAErC,MAAMC,YAAYN,cAAc;CAChC,MAAMO,aAAaN,MAAME,WAAWN,UAAUrB,iBAAiBC;AAE/D,KAAI8B,cAAc,KAChB,QAAOD,YAAYF,YAAY,KAAKA,YAAYA,YAAYC,SAAS;CAGvE,MAAMG,eAAeJ,YAAYK,QAAQF,WAAW;AAEpD,KAAIC,iBAAiB,GAEnB,QAAOF,YAAYF,YAAY,KAAKA,YAAYA,YAAYC,SAAS;CAGvE,MAAMK,WAAWF,eAAeR;AAChC,KAAIU,YAAY,KAAKA,WAAWN,YAAYC,OAC1C,QAAOD,YAAYM;AAGrB,KAAIT,MAAMC,KACR,QAAOI,YAAYF,YAAY,KAAKA,YAAYA,YAAYC,SAAS;AAGvE,QAAO;;;AAIT,SAAgBM,kBACdd,WACAe,MACY;CACZ,MAAMR,cAAcR,eAAeC,UAAU;AAC7C,KAAIO,YAAYC,WAAW,EAAG,QAAO;AACrC,QAAOO,SAAS,UACZR,YAAY,KACZA,YAAYA,YAAYC,SAAS;;;;;;;AAQvC,SAAgBQ,kBAAkBhB,WAAgC;AAChE,KAAIA,UAAUb,mBACZa,WAAUb,mBAAmBC,UAAU;;;;;;;;AAwB3C,SAASkC,qBAAqB5B,MAAW2B,kBAAqC;CAC5E,MAAME,UAAoB,EAAE;AAE5B,KAAI7B,KAAKwB,UACPK,SAAQ1B,KAAKH,KAAKwB,UAAU;AAG9B,KAAIG,kBAAkB;EACpB,MAAMG,QAAQ9B,KAAK8B;AACnB,MAAIA,OAAO;AACT,OAAI,OAAOA,MAAMC,aAAa,SAC5BF,SAAQ1B,KAAK2B,MAAMC,SAAS;AAE9B,OAAI,OAAOD,MAAME,gBAAgB,SAC/BH,SAAQ1B,KAAK2B,MAAME,YAAY;;;AAKrC,QAAOH,QAAQf,SAAS,IAAIe,UAAU,CAAC7B,KAAKwB,aAAa,GAAG;;;AAI9D,SAASS,gBACPjC,MACAkC,MACAC,cACAR,kBACS;AACT,QAAOC,qBAAqB5B,MAAM2B,iBAAiB,CAACS,MAAMC,SACxDF,aAAaE,MAAMH,KACrB,CAAC;;;;;;;;AASH,SAAgBI,sBACdxC,OACAoC,MACAC,cACAI,UAAmC,EAAE,EACtB;AACf,KAAI,CAACL,KACH,QAAOpC;CAGT,MAAM6B,mBAAmBY,QAAQZ,oBAAoB;AAErD,QAAO,CAAC,GAAG7B,MAAM,CACd0C,KAAKxC,SAAc;AAClB,MAAIA,KAAKC,SAAS,aAAaD,KAAKI,YAAY;GAC9C,MAAMqC,mBAAmB,CAAC,GAAGzC,KAAKI,WAAW,CAACsC,QAAQC,UACpDV,gBAAgBU,OAAOT,MAAMC,cAAcR,iBAC7C,CAAC;AAED,OAAIc,iBAAiB3B,WAAW,EAC9B,QAAO;AAGT,UAAO;IACL,GAAGd;IACHI,YAAYqC;IACZG,eAAe;IAChB;;AAGH,SAAOX,gBAAgBjC,MAAMkC,MAAMC,cAAcR,iBAAiB,GAC9D3B,OACA;GACJ,CACD0C,OAAOG,QAAQ"}

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

@@ -1,2 +1,2 @@
 
-import { FocusEvent, RefObject } from "react";
+import React, { RefObject } from "react";