@cube-dev/ui-kit 0.197.0 → 0.198.0

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

@@ -1 +1 @@
-{"version":3,"file":"ListBoxPopover.js","names":["getEventTarget","isFocusWithin","Key","Styles","tasty","React","CSSProperties","ReactNode","RefObject","useCallback","useEffect","useRef","useInteractOutside","useOverlay","useOverlayPosition","useEvent","useI18n","mergeProps","mergeRefs","DisplayTransition","useModalLayerRef","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","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","LAYER_SELECTOR","DISABLED_SELECTOR","isOutsideControl","el","trigger","control","closest","contains","matches","layer","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","layerRef","overlayScrollRef","t3","t4","t5","t6","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t7","style","t8","maxHeight","maxWidth","positionStyle","t10","t9","current","t11","menuTriggerEl","dismissEl","getOutsidePressBehavior","t12","el_0","behavior","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","event","preventDefault","preserveOutsidePressFocus","t15","t16","ref","onInteractOutsideStart","onInteractOutside","t17","split","placementDirection","transitionRefHolder","t18","Symbol","for","node","setScrollRef","t19","t20","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 { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { DisplayTransition } from '../../helpers';\nimport { useModalLayerRef } from '../../overlays/Modal/modal-containment';\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  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// The controls an outside press reaches: a button, a link, a form control,\n// anything with `tabindex`, or something inside one.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\n// The layer a field sits in: a dialog, popover or tray, otherwise the page.\nconst LAYER_SELECTOR =\n  '[role=\"dialog\"], [role=\"alertdialog\"], [data-overlay-layer]';\n\nconst DISABLED_SELECTOR = ':disabled, [aria-disabled=\"true\"]';\n\n// An enabled control apart from the field, in the field's own layer. A press\n// anywhere else counts as blank space and keeps the field's focus and draft:\n// on the field itself, on a dialog's surface, on a disabled control, or\n// outside the field's layer, which stays open.\nfunction isOutsideControl(el: Element, trigger: HTMLElement | null) {\n  const control = el.closest(CONTROL_SELECTOR);\n\n  if (\n    control == null ||\n    trigger == null ||\n    control.contains(trigger) ||\n    trigger.contains(control) ||\n    control.matches(`${LAYER_SELECTOR}, ${DISABLED_SELECTOR}`)\n  ) {\n    return false;\n  }\n\n  const layer = trigger.closest(LAYER_SELECTOR);\n\n  return layer == null || layer.contains(control);\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    listGap,\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    ariaLabelledby,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Opened inside a modal, the list stays readable while the modal hides the\n  // page.\n  const layerRef = useModalLayerRef();\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    // The press reaches an outside control, so a checkbox toggles, a text\n    // field takes focus and a native Save button saves on the first click.\n    // A UI Kit Button passes from any layer, unless it is disabled.\n    const dismissEl = el.closest('[data-popover-dismiss]');\n\n    if (\n      isOutsideControl(el, triggerRef.current) ||\n      (dismissEl != null && !dismissEl.matches(DISABLED_SELECTOR))\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. A passed press moves it\n  // to its control, and the field settles its draft on blur, as on Tab. A\n  // consumed press, such as one on blank space or a dialog's backdrop, must\n  // only dismiss this list: the field keeps focus and its 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={mergeRefs(mergedPopoverRef, layerRef)}\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                isBare\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                selectionMode={selectionMode}\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                // As in Select: a large field opens large options, a small\n                // one medium options, which stay easy to pick.\n                size={size === 'large' ? 'large' : 'medium'}\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","mergeRefs","DisplayTransition","useModalLayerRef","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","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","LAYER_SELECTOR","DISABLED_SELECTOR","isOutsideControl","el","trigger","control","closest","contains","matches","layer","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","layerRef","overlayScrollRef","t3","t4","t5","t6","targetRef","overlayRef","scrollRef","placement","offset","overlayProps","overlayPositionProps","t7","style","t8","maxHeight","maxWidth","positionStyle","t10","t9","current","t11","menuTriggerEl","dismissEl","getOutsidePressBehavior","t12","el_0","behavior","setTimeout","t13","shouldCloseOnBlur","isDismissable","shouldCloseOnInteractOutside","overlayBehaviorProps","t14","event","preventDefault","preserveOutsidePressFocus","t15","t16","ref","onInteractOutsideStart","onInteractOutside","t17","split","placementDirection","transitionRefHolder","t18","Symbol","for","node","setScrollRef","t19","t20","phase","isShown","isExiting","transitionRef","open","overlayContent","_c","mergeProps","mergeRefs"],"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 { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { DisplayTransition } from '../../helpers';\nimport { useModalLayerRef } from '../../overlays/Modal/modal-containment';\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  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// The controls an outside press reaches: a button, a link, a form control,\n// anything with `tabindex`, or something inside one.\nconst CONTROL_SELECTOR =\n  'button, a[href], input, select, textarea, [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\n// The layer a field sits in: a dialog, popover or tray, otherwise the page.\nconst LAYER_SELECTOR =\n  '[role=\"dialog\"], [role=\"alertdialog\"], [data-overlay-layer]';\n\nconst DISABLED_SELECTOR = ':disabled, [aria-disabled=\"true\"]';\n\n// An enabled control apart from the field, in the field's own layer. A press\n// anywhere else counts as blank space and keeps the field's focus and draft:\n// on the field itself, on a dialog's surface, on a disabled control, or\n// outside the field's layer, which stays open.\nfunction isOutsideControl(el: Element, trigger: HTMLElement | null) {\n  const control = el.closest(CONTROL_SELECTOR);\n\n  if (\n    control == null ||\n    trigger == null ||\n    control.contains(trigger) ||\n    trigger.contains(control) ||\n    control.matches(`${LAYER_SELECTOR}, ${DISABLED_SELECTOR}`)\n  ) {\n    return false;\n  }\n\n  const layer = trigger.closest(LAYER_SELECTOR);\n\n  return layer == null || layer.contains(control);\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    listGap,\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    ariaLabelledby,\n    compositeFocusProps,\n    filter,\n    size = 'medium',\n    emptyLabel,\n    positionTargetRef,\n    positionApiRef,\n  } = props;\n\n  const mergedPopoverRef = popoverRef;\n\n  // Opened inside a modal, the list stays readable while the modal hides the\n  // page.\n  const layerRef = useModalLayerRef();\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    // The press reaches an outside control, so a checkbox toggles, a text\n    // field takes focus and a native Save button saves on the first click.\n    // A UI Kit Button passes from any layer, unless it is disabled.\n    const dismissEl = el.closest('[data-popover-dismiss]');\n\n    if (\n      isOutsideControl(el, triggerRef.current) ||\n      (dismissEl != null && !dismissEl.matches(DISABLED_SELECTOR))\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. A passed press moves it\n  // to its control, and the field settles its draft on blur, as on Tab. A\n  // consumed press, such as one on blank space or a dialog's backdrop, must\n  // only dismiss this list: the field keeps focus and its 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={mergeRefs(mergedPopoverRef, layerRef)}\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                isBare\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                selectionMode={selectionMode}\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                // As in Select: a large field opens large options, a small\n                // one medium options, which stay easy to pick.\n                size={size === 'large' ? 'large' : 'medium'}\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,5 @@
 
 import "./ListBoxPopover.js";
 import { CompositeBlurInfo, UseCompositeFocusProps, UseCompositeFocusReturn, useCompositeFocus } from "./useCompositeFocus.js";
-import { ListStateLike, TextFilterFn } from "./listNavigation.js";
+import { ListStateLike, TextFilterFn } from "./listNavigation.js";
+export { type ListStateLike, type TextFilterFn, useCompositeFocus };

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

@@ -1,13 +1,12 @@
 
 import { Key } from "@react-types/shared";
-
 //#region src/components/fields/ListBoxPopover/listNavigation.d.ts
 /**
  * Minimal view of a React Stately list state. Kept structural (no imports from
  * `react-stately`) so the helpers can be used from any collection-backed
  * component without dragging extra types in.
  */
-interface ListStateLike {
+export interface ListStateLike {
   selectionManager: {
     focusedKey: Key | null;
     setFocusedKey: (key: Key | null) => void;
@@ -18,7 +17,6 @@ interface ListStateLike {
     current: 'keyboard' | 'mouse' | 'other';
   };
 }
-type TextFilterFn = (textValue: string, inputValue: string) => boolean;
+export type TextFilterFn = (textValue: string, inputValue: string) => boolean;
 //#endregion
-export { ListStateLike, TextFilterFn };
 //# sourceMappingURL=listNavigation.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of
@@ -97,7 +97,7 @@ function filterCollectionNodes(nodes, term, textFilterFn, options = {}) {
 		return matches(node) ? node : null;
 	}).filter(Boolean);
 }
-
 //#endregion
 export { collectVisibleKeys, filterCollectionNodes, getEdgeVisibleKey, getNextVisibleKey, getVisibleKeys, markKeyboardFocus };
+
 //# sourceMappingURL=listNavigation.js.map

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","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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"}

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

@@ -1,22 +1,21 @@
 
 import { FocusEvent, RefObject } from "react";
-
 //#region src/components/fields/ListBoxPopover/useCompositeFocus.d.ts
-interface CompositeBlurInfo {
+export 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 {
+export interface UseCompositeFocusProps {
   wrapperRef: RefObject<HTMLElement>;
   popoverRef: RefObject<HTMLElement>;
   onFocus?: () => void;
   onBlur?: (info: CompositeBlurInfo) => void;
   isDisabled?: boolean;
 }
-interface UseCompositeFocusReturn {
+export interface UseCompositeFocusReturn {
   compositeFocusProps: {
     onFocus: (e: FocusEvent) => void;
     onBlur: (e: FocusEvent) => void;
@@ -37,13 +36,6 @@ interface UseCompositeFocusReturn {
  * 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;
+export 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,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
-
 //#region src/components/fields/ListBoxPopover/useCompositeFocus.ts
 /**
 * Tracks focus across a wrapper element and its (portaled) popover as a single
@@ -137,7 +136,7 @@ function useCompositeFocus(t0) {
 	} else t9 = $[22];
 	return t9;
 }
-
 //#endregion
 export { useCompositeFocus };
+
 //# sourceMappingURL=useCompositeFocus.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCompositeFocus.js","names":["FocusEvent","RefObject","useEffect","useRef","useEvent","CompositeBlurInfo","isPressing","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","info","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","useCompositeFocus","t0","$","_c","wasInsideRef","rafRef","isPressingOutsideRef","t1","node","current","contains","Node","t2","Symbol","for","cancelAnimationFrame","cancelCheck","t3","target","setTimeout","handleDocumentMouseDown","t4","document","removeEventListener","leave","t5","addEventListener","handleFocus","t6","e_0","next","relatedTarget","requestAnimationFrame","activeElement","handleBlur","t7","t8","t9"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import { FocusEvent, RefObject, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nexport interface CompositeBlurInfo {\n  /**\n   * Focus left for a mousedown outside, and that press has not ended yet. A\n   * layout change made now moves the control under the pointer.\n   */\n  isPressing: boolean;\n}\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: (info: CompositeBlurInfo) => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus entering is reported as it happens. Focus leaving is too when the blur\n * names where focus went (`relatedTarget`), so it runs before the click that\n * caused it: a Save button sees what leaving the field committed, and an\n * `onFocus` runs before a change made in the same press. A blur to nowhere\n * (a node removed under focus, a programmatic `blur()`, a hop through the\n * body) is checked a frame later, and focus that is back by then reports\n * nothing. One caused by a mousedown outside is final and reported at once:\n * Safari leaves focus nowhere when a button is clicked.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  // Set from an outside mousedown until the task that handles it ends. The\n  // focus change is that mousedown's default action, so a blur that sees the\n  // flag was caused by it.\n  const isPressingOutsideRef = useRef(false);\n\n  const contains = (node: EventTarget | null) =>\n    node != null &&\n    ((wrapperRef.current?.contains(node as Node) ?? false) ||\n      (popoverRef.current?.contains(node as Node) ?? false));\n\n  const cancelCheck = () => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n\n  const handleDocumentMouseDown = useEvent((e: MouseEvent) => {\n    if (contains(e.target)) return;\n\n    isPressingOutsideRef.current = true;\n    setTimeout(() => {\n      isPressingOutsideRef.current = false;\n    }, 0);\n  });\n\n  const leave = () => {\n    cancelCheck();\n\n    if (!wasInsideRef.current) return;\n\n    wasInsideRef.current = false;\n    document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    onBlur?.({ isPressing: isPressingOutsideRef.current });\n  };\n\n  const handleFocus = () => {\n    // A portaled popover's focus events also bubble to the wrapper through the\n    // React tree, so each edge is reported once however many times it arrives.\n    if (isDisabled || wasInsideRef.current) return;\n\n    wasInsideRef.current = true;\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    onFocus?.();\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (isDisabled) return;\n\n    const next = e.relatedTarget;\n\n    if (next != null || isPressingOutsideRef.current) {\n      if (!contains(next)) leave();\n\n      return;\n    }\n\n    cancelCheck();\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      if (!contains(document.activeElement)) leave();\n    });\n  };\n\n  // StrictMode unmounts and remounts effects after an `autoFocus` has already\n  // reported focus, so the listener focus added is put back here.\n  useEffect(() => {\n    if (wasInsideRef.current) {\n      document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleDocumentMouseDown]);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCompositeFocus.js","names":["FocusEvent","RefObject","useEffect","useRef","useEvent","CompositeBlurInfo","isPressing","UseCompositeFocusProps","wrapperRef","HTMLElement","popoverRef","onFocus","onBlur","info","isDisabled","UseCompositeFocusReturn","compositeFocusProps","e","useCompositeFocus","t0","$","_c","wasInsideRef","rafRef","isPressingOutsideRef","t1","node","current","contains","Node","t2","Symbol","for","cancelAnimationFrame","cancelCheck","t3","target","setTimeout","handleDocumentMouseDown","t4","document","removeEventListener","leave","t5","addEventListener","handleFocus","t6","e_0","next","relatedTarget","requestAnimationFrame","activeElement","handleBlur","t7","t8","t9","_c"],"sources":["../../../../src/components/fields/ListBoxPopover/useCompositeFocus.ts"],"sourcesContent":["import { FocusEvent, RefObject, useEffect, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal';\n\nexport interface CompositeBlurInfo {\n  /**\n   * Focus left for a mousedown outside, and that press has not ended yet. A\n   * layout change made now moves the control under the pointer.\n   */\n  isPressing: boolean;\n}\n\nexport interface UseCompositeFocusProps {\n  wrapperRef: RefObject<HTMLElement>;\n  popoverRef: RefObject<HTMLElement>;\n  onFocus?: () => void;\n  onBlur?: (info: CompositeBlurInfo) => void;\n  isDisabled?: boolean;\n}\n\nexport interface UseCompositeFocusReturn {\n  compositeFocusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n  };\n}\n\n/**\n * Tracks focus across a wrapper element and its (portaled) popover as a single\n * logical focus scope. Fires `onFocus` when focus enters either and `onBlur`\n * when it leaves both — essential for components whose overlay is portaled, so\n * that clicking an option does not look like a blur of the whole component.\n *\n * Focus entering is reported as it happens. Focus leaving is too when the blur\n * names where focus went (`relatedTarget`), so it runs before the click that\n * caused it: a Save button sees what leaving the field committed, and an\n * `onFocus` runs before a change made in the same press. A blur to nowhere\n * (a node removed under focus, a programmatic `blur()`, a hop through the\n * body) is checked a frame later, and focus that is back by then reports\n * nothing. One caused by a mousedown outside is final and reported at once:\n * Safari leaves focus nowhere when a button is clicked.\n */\nexport function useCompositeFocus({\n  wrapperRef,\n  popoverRef,\n  onFocus,\n  onBlur,\n  isDisabled,\n}: UseCompositeFocusProps): UseCompositeFocusReturn {\n  const wasInsideRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  // Set from an outside mousedown until the task that handles it ends. The\n  // focus change is that mousedown's default action, so a blur that sees the\n  // flag was caused by it.\n  const isPressingOutsideRef = useRef(false);\n\n  const contains = (node: EventTarget | null) =>\n    node != null &&\n    ((wrapperRef.current?.contains(node as Node) ?? false) ||\n      (popoverRef.current?.contains(node as Node) ?? false));\n\n  const cancelCheck = () => {\n    if (rafRef.current !== null) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = null;\n    }\n  };\n\n  const handleDocumentMouseDown = useEvent((e: MouseEvent) => {\n    if (contains(e.target)) return;\n\n    isPressingOutsideRef.current = true;\n    setTimeout(() => {\n      isPressingOutsideRef.current = false;\n    }, 0);\n  });\n\n  const leave = () => {\n    cancelCheck();\n\n    if (!wasInsideRef.current) return;\n\n    wasInsideRef.current = false;\n    document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    onBlur?.({ isPressing: isPressingOutsideRef.current });\n  };\n\n  const handleFocus = () => {\n    // A portaled popover's focus events also bubble to the wrapper through the\n    // React tree, so each edge is reported once however many times it arrives.\n    if (isDisabled || wasInsideRef.current) return;\n\n    wasInsideRef.current = true;\n    document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    onFocus?.();\n  };\n\n  const handleBlur = (e: FocusEvent) => {\n    if (isDisabled) return;\n\n    const next = e.relatedTarget;\n\n    if (next != null || isPressingOutsideRef.current) {\n      if (!contains(next)) leave();\n\n      return;\n    }\n\n    cancelCheck();\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      if (!contains(document.activeElement)) leave();\n    });\n  };\n\n  // StrictMode unmounts and remounts effects after an `autoFocus` has already\n  // reported focus, so the listener focus added is put back here.\n  useEffect(() => {\n    if (wasInsideRef.current) {\n      document.addEventListener('mousedown', handleDocumentMouseDown, true);\n    }\n\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n    };\n  }, [handleDocumentMouseDown]);\n\n  return {\n    compositeFocusProps: {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}

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

@@ -1,12 +1,10 @@
 
 import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js";
 import { CubeTextInputBaseProps } from "../TextInput/TextInputBase.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' | 'validate' | 'onFocus' | 'onBlur' | keyof TextInputDOMEvents>, Omit<AriaNumberFieldProps$1, 'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'>, TextFieldKeyboardProps {
+export 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;
@@ -20,10 +18,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<CubeNumberInputProps, "value" | "defaultValue"> & {
+declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
   value?: any;
   defaultValue?: any;
-} & react.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 //#endregion
-export { type AriaNumberFieldProps$1 as AriaNumberFieldProps, CubeNumberInputProps, _NumberInput };
+export { type AriaNumberFieldProps$1 as AriaNumberFieldProps, _NumberInput as NumberInput };
 //# sourceMappingURL=NumberInput.d.ts.map