@cube-dev/ui-kit 0.0.0-canary-bef9600 → 0.0.0-canary-e3f8a1a

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

@@ -1 +1 @@
-{"version":3,"file":"ListBox.js","names":["useHover","IconMinus","useVirtualizer","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","ForwardedRef","forwardRef","MutableRefObject","ReactElement","ReactNode","RefObject","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaListBoxProps","DropTarget","mergeProps","mergeAriaProps","useDraggableItem","useDropIndicator","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","useCombinedRefs","useFocus","allowOverlayKeysToPropagate","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","filterSelectionItemProps","getValueSelectionState","Item","getValidationMods","getValidationTheme","useFieldProps","wrapWithField","createMockDragState","DraggableListBox","CollectionBase","Key","FieldBaseProps","ListBoxWrapperElement","qa","styles","display","gridColumns","gridRows","flow","gap","position","radius","color","transition","outline","focused","border","valid","invalid","disabled","ListElement","as","padding","listStyle","boxSizing","margin","height","ListBoxScrollElement","overflow","scrollbar","ListBoxItem","disableActionsFocus","all","outlineOffset","cursor","draggable","opacity","gripIcon","ListBoxDropIndicatorElement","zIndex","pointerEvents","Indicator","$","left","right","top","fill","SectionWrapperElement","SectionListElement","ListBoxCheckbox","placeItems","width","flexShrink","ListBoxCheckboxWrapper","placeContent","placeSelf","renderCheckboxIcon","isSelected","isDisabled","isFocused","isHovered","isInvalid","isValid","mods","selected","hovered","CubeListBoxProps","Omit","T","listStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectedKeys","defaultSelectedKey","defaultSelectedKeys","onSelectionChange","key","selectionMode","listRef","HTMLUListElement","disallowEmptySelection","allowDuplicateSelectionEvents","shouldFocusWrap","stateRef","focusOnHover","header","footer","headerStyles","footerStyles","Record","size","disableSelectionToggle","shouldUseVirtualFocus","isFocusWithin","onEscape","isCheckable","onOptionClick","showSelectAll","selectAllLabel","allValueProps","Partial","filter","nodes","Iterable","emptyLabel","shape","isReorderable","onReorder","newOrder","PROP_STYLES","SelectAllOption","label","isIndeterminate","state","lastFocusSourceRef","onClick","propagate","t","hoverProps","resolvedLabel","undefined","markIcon","localRef","HTMLLIElement","checkboxIcon","indeterminate","handleOptionClick","e","current","selectionManager","clickTarget","target","HTMLElement","checkboxElement","querySelector","contains","listboxitem","checkable","toStatelySelection","value","isMultiple","Set","ListBox","props","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","Array","isArray","extra","id","labelStyles","isRequired","necessityIndicator","message","description","externalMods","labelSuffix","form","otherProps","forceUpdate","lastSelectedKeyRef","externalSelectionHandler","wrappedOnSelectionChange","keys","prevKey","from","listStateProps","disabledBehavior","selection","defaultSelection","listState","first","selectAllState","rawSelection","collection","disabledKeys","handleSelectAllClick","clearSelection","selectAll","args","keyboardProps","onKeyDown","itemsArray","hasSections","some","i","type","shouldVirtualize","listBoxProps","labelProps","isVirtualized","escapeKeyBehavior","focusProps","isListFocused","scrollRef","rowVirtualizer","count","length","getScrollElement","getItemKey","index","estimateSize","currentItem","XL","overscan","measure","focusedKey","scrollElement","itemElement","CSS","escape","String","scrollTop","viewportHeight","clientHeight","viewportBottom","itemRect","getBoundingClientRect","scrollRect","itemTop","itemBottom","isAlreadyVisible","scrollIntoView","block","behavior","mergedListBoxProps","tabIndex","orderedKeys","map","listGapTokens","listBoxField","dragState","dropState","collectionProps","sections","item","getTotalSize","getVirtualItems","virtualItem","measureElement","transform","start","renderedItems","isFirstSection","push","Option","highlight","isParentDisabled","virtualStyle","virtualRef","virtualIndex","element","has","isDraggable","mockDragState","dragResult","effectiveDragProps","dragProps","isDragging","optionProps","isPressed","descriptionProps","shouldSelectOnPressUp","shouldFocusOnHover","filteredItemProps","effectiveIcon","icon","handleOptionExtras","MouseEvent","setFocusedKey","onKeyUp","ariaSelected","ariaDisabled","role","filteredOptionProps","theme","const","includeValid","listBoxItem","pressed","dragging","rendered","dropPosition","ListBoxDropIndicator","t0","_c","t1","dropIndicatorProps","isHidden","isDropTarget","t2","t3","Symbol","for","t4","ListBoxSectionProps","ListBoxSection","heading","itemProps","headingProps","groupProps","childNodes","node","getItem","node_0","t5","t6","SectionComponent","ListBoxSectionComponent","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/ListBox/ListBox.tsx"],"sourcesContent":["import { useHover } from '@react-aria/interactions';\nimport { IconMinus } from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  mergeStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaListBoxProps,\n  DropTarget,\n  mergeProps as mergeAriaProps,\n  useDraggableItem,\n  useDropIndicator,\n  useKeyboard,\n  useListBox,\n  useListBoxSection,\n  useOption,\n} from 'react-aria';\nimport {\n  Section as BaseSection,\n  DraggableCollectionState,\n  DroppableCollectionState,\n  ListProps,\n  useListState,\n} from 'react-stately';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { GripVerticalIcon } from '../../../icons/GripVerticalIcon';\nimport { Icon } from '../../../icons/Icon';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { extractStyles } from '../../../utils/styles';\n// Import Menu styled components for header and footer\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledSectionHeading,\n} from '../../actions/Menu/styled';\nimport {\n  CollectionItem,\n  CubeCollectionItemProps,\n  filterCollectionItemProps,\n  filterSelectionItemProps,\n  getValueSelectionState,\n} from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\nimport {\n  getValidationMods,\n  getValidationTheme,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { createMockDragState } from '../../shared/DraggableCollection';\n\nimport { DraggableListBox } from './DraggableListBox';\n\nimport type { CollectionBase, Key } from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\nconst ListBoxWrapperElement = tasty({\n  qa: 'ListBox',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: 'max-content max-content max-content 1sf max-content',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    radius: {\n      '': '1cr',\n      '[data-shape=\"popover\"]': '(1cr - 1bw)',\n      '[data-shape=\"plain\"]': '0',\n    },\n    color: '#dark-02',\n    transition: 'theme',\n    outline: {\n      '': '#purple-03.0',\n      'invalid & focused': '#danger.50',\n      focused: '#purple-03',\n    },\n    border: {\n      '': true,\n      focused: '#primary-text',\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      disabled: true,\n      '[data-shape=\"plain\"] | [data-shape=\"popover\"] | searchable': false,\n    },\n  },\n});\n\nconst ListElement = tasty({\n  as: 'ul',\n  styles: {\n    // The space between options. Set from `listGap`, which also hands the\n    // same number to the virtualizer.\n    '$list-gap': '1bw',\n    display: 'block',\n    // The space kept below the last option. Padding, so `listStyles` can take\n    // it away, and outside the content box, where a virtualized list sets its\n    // own height.\n    padding: '.5x bottom',\n    listStyle: 'none',\n    boxSizing: 'content-box',\n    margin: {\n      '': '.5x .5x 0 .5x',\n      '[data-shape=\"plain\"]': '0',\n    },\n    height: 'max-content',\n  },\n});\n\n// NEW: dedicated scroll container for ListBox\nconst ListBoxScrollElement = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\n// Create an extended Item for ListBox options with 'all' modifier support\nconst ListBoxItem = tasty(Item, {\n  as: 'li',\n  disableActionsFocus: true,\n  styles: {\n    display: 'grid',\n    margin: {\n      '': '$list-gap bottom',\n      // Mid-drag the last option is followed by a drop indicator, which takes\n      // the gap back (`ListBoxDropIndicatorElement`). Not `:has(~ …)`: see\n      // AGENTS.md → Styling.\n      ':last-child': '0',\n      all: '.5x',\n    },\n    // Inside the option: options sit a hairline apart, so a ring outside one\n    // would cover its neighbour, and the scroll box would clip it at the edges.\n    outlineOffset: '-1bw',\n    Icon: {\n      cursor: {\n        draggable: 'grab',\n      },\n      opacity: {\n        gripIcon: '.4',\n        'gripIcon & hovered': '1',\n      },\n      transition: {\n        draggable: 'opacity',\n      },\n    },\n  },\n});\n\n// Horizontal drop indicator for DnD reordering\nconst ListBoxDropIndicatorElement = tasty({\n  as: 'li',\n  styles: {\n    zIndex: 10,\n    position: 'relative',\n    pointerEvents: 'none',\n    height: 0,\n    // After the last option: cancels the `$list-gap` that option keeps while\n    // it is not the last child, so the list holds its height mid-drag. An\n    // `optionStyles` margin replaces that gap, and this then overshoots.\n    margin: {\n      '': 0,\n      ':last-child': '(-1 * $list-gap) top',\n    },\n    opacity: {\n      '': 0,\n      'drop-target': 1,\n    },\n\n    Indicator: {\n      $: '>',\n      position: 'absolute',\n      left: '.5x',\n      right: '.5x',\n      // Centred in the gap between two options, or on the edge of the list.\n      top: {\n        '': '(-1px - $list-gap / 2)',\n        ':first-child | :last-child': '-1px',\n      },\n      height: '2px',\n      fill: '#primary',\n      radius: 'round',\n    },\n  },\n});\n\nconst SectionWrapperElement = tasty({\n  as: 'li',\n  styles: {\n    display: 'block',\n  },\n});\n\nconst SectionListElement = tasty({\n  qa: 'ListBoxSectionList',\n  as: 'ul',\n  styles: {\n    display: 'flex',\n    gap: '0',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n  },\n});\n\n// Checkbox component for multiple selection options\nconst ListBoxCheckbox = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    flexShrink: 0,\n    transition: 'theme',\n    opacity: {\n      '': 0,\n      'selected | indeterminate | hovered | focused': 1,\n    },\n    fill: {\n      '': '#surface',\n      'selected | indeterminate': '#primary',\n      'invalid & !(selected | indeterminate)': '#surface',\n      'invalid & (selected | indeterminate)': '#danger',\n      disabled: '#dark.12',\n    },\n    color: {\n      '': '#clear',\n      'selected | indeterminate': '#white',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      'disabled | ((selected | indeterminate) & !invalid)': '#clear',\n    },\n  },\n});\n\nconst ListBoxCheckboxWrapper = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    cursor: '$pointer',\n    placeSelf: 'stretch',\n  },\n});\n\nfunction renderCheckboxIcon({\n  isSelected,\n  isDisabled,\n  isFocused,\n  isHovered,\n  isInvalid,\n  isValid,\n}: {\n  isSelected: boolean;\n  isDisabled: boolean;\n  isFocused: boolean;\n  isHovered: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n}) {\n  const mods = {\n    selected: isSelected,\n    disabled: isDisabled,\n    focused: isFocused,\n    hovered: isHovered,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <ListBoxCheckboxWrapper data-element=\"CheckboxWrapper\" mods={mods}>\n      <ListBoxCheckbox data-element=\"Checkbox\" mods={mods}>\n        <CheckIcon size={12} stroke={3} />\n      </ListBoxCheckbox>\n    </ListBoxCheckboxWrapper>\n  );\n}\n\nexport interface CubeListBoxProps<T>\n  extends Omit<\n      AriaListBoxProps<T>,\n      'autoFocus' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    >,\n    CollectionBase<T>,\n    FieldBaseProps<Key | readonly Key[] | null | undefined>,\n    BasePropsWithoutChildren,\n    // The style props `PROP_STYLES` extracts at runtime and the docs list;\n    // without these a `height` or `width` worked but failed to type-check.\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps {\n  /** Custom styles for the list container */\n  listStyles?: Styles;\n  /** Custom styles for individual options */\n  optionStyles?: Styles;\n  /**\n   * Substring to highlight within each option's (text) children. Typically the\n   * current search query. Matching is case-insensitive.\n   */\n  optionHighlight?: string;\n  /** Custom styles for section containers */\n  sectionStyles?: Styles;\n  /** Custom styles for section headings */\n  headingStyles?: Styles;\n  /**\n   * Space between options, in pixels. Defaults to a hairline (`1bw`). It\n   * applies to flat, virtualized, sectioned and reorderable lists alike.\n   */\n  listGap?: number;\n  /** Whether the ListBox is disabled */\n  isDisabled?: boolean;\n  /** The selected key in controlled single selection mode */\n  selectedKey?: Key | null;\n  /** The selected keys in controlled multiple selection mode. Use \"all\" to select all items or an array of keys */\n  selectedKeys?: 'all' | Key[];\n  /** The default selected key in uncontrolled single selection mode */\n  defaultSelectedKey?: Key | null;\n  /** The default selected keys in uncontrolled multiple selection mode. Use \"all\" to select all items or an array of keys */\n  defaultSelectedKeys?: 'all' | Key[];\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: Key | null | 'all' | Key[]) => void;\n  /** The selection mode of the ListBox */\n  selectionMode?: 'single' | 'multiple';\n  /** Ref for accessing the list DOM element */\n  listRef?: RefObject<HTMLUListElement | null>;\n  /** Whether to disallow empty selection */\n  disallowEmptySelection?: boolean;\n  /**\n   * Whether `onSelectionChange` should fire even when the new selection equals the\n   * current one (e.g. re-selecting the already-selected item with `disallowEmptySelection`).\n   * React Stately suppresses such duplicate events by default. Popover-based wrappers\n   * (Picker, FilterPicker) rely on the duplicate event to close the popover on re-select.\n   */\n  allowDuplicateSelectionEvents?: boolean;\n  /** Whether to wrap focus when reaching the end of the list */\n  shouldFocusWrap?: boolean;\n  /**\n   * Ref to access the internal ListState instance.\n   * This allows parent components to access selection state and other list functionality.\n   */\n  stateRef?: RefObject<any | null>;\n\n  /**\n   * Whether moving the pointer over an option will move DOM focus to that option.\n   * Set to false for components that keep DOM focus outside (e.g. searchable FilterListBox).\n   * Defaults to true.\n   */\n  focusOnHover?: boolean;\n  /** Custom header content displayed above the list */\n  header?: ReactNode;\n  /** Custom footer content displayed below the list */\n  footer?: ReactNode;\n  /** Custom styles for the header */\n  headerStyles?: Styles;\n  /** Custom styles for the footer */\n  footerStyles?: Styles;\n  /** Additional modifiers for styling the ListBox */\n  mods?: Record<string, boolean>;\n  /** Size variant of the ListBox */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * When `true`, clicking an already-selected item keeps it selected instead of toggling it off.\n   * Useful when embedding ListBox inside components like ComboBox.\n   */\n  disableSelectionToggle?: boolean;\n\n  /**\n   * Whether to use virtual focus for keyboard navigation.\n   * When true, DOM focus stays outside individual option elements (useful for searchable lists).\n   * Defaults to false for backward compatibility.\n   */\n  shouldUseVirtualFocus?: boolean;\n\n  /**\n   * For a list whose focused option is moved from an input outside it, as\n   * FilterListBox's search input does: whether focus is within that input's\n   * component. The focused option is marked only while it is `true`. Unset, the\n   * list's own focus decides, and with `shouldUseVirtualFocus` the focused\n   * option is always marked.\n   */\n  isFocusWithin?: boolean;\n\n  /**\n   * Callback fired when the user presses Escape key.\n   * When provided, this prevents React Aria's default Escape behavior (selection reset).\n   */\n  onEscape?: () => void;\n\n  /**\n   * Whether to show checkboxes for multiple selection mode.\n   * This adds a checkbox icon to the left of each option.\n   */\n  isCheckable?: boolean;\n\n  /**\n   * Callback fired when an option is clicked but not on the checkbox area.\n   * Used by FilterPicker to close the popover on non-checkbox clicks.\n   */\n  onOptionClick?: (key: Key) => void;\n\n  /**\n   * Whether to show the \"Select All\" option in multiple selection mode.\n   * This adds a select all option to the header that allows selecting/deselecting all items.\n   */\n  showSelectAll?: boolean;\n\n  /**\n   * Label for the \"Select All\" option. Defaults to \"Select All\".\n   */\n  selectAllLabel?: ReactNode;\n\n  /**\n   * Props to apply to the \"Select All\" option.\n   */\n  allValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Filter function to apply to the collection nodes.\n   * Takes an iterable of nodes and returns a filtered iterable.\n   * Useful for implementing search/filter functionality.\n   */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n\n  /**\n   * Label to display when the list is empty (no items available).\n   * Defaults to \"No items\".\n   */\n  emptyLabel?: ReactNode;\n\n  /**\n   * Visual shape of the ListBox styling.\n   * - `card` (default): Standard card styling with border and margin\n   * - `plain`: No border, no margin, no radius - suitable for embedded use\n   * - `popover`: No border, but keeps margin and radius - suitable for overlay use\n   * Defaults to 'card'.\n   */\n  shape?: 'card' | 'plain' | 'popover';\n\n  /**\n   * Enable drag-and-drop reordering of list items.\n   * When enabled, virtualization is disabled and each item gets a drag handle.\n   * @default false\n   */\n  isReorderable?: boolean;\n\n  /**\n   * Callback when items are reordered via drag-and-drop.\n   * Called with the new array of item keys in their new order.\n   */\n  onReorder?: (newOrder: string[]) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\nconst SelectAllOption = ({\n  label,\n  isSelected,\n  isIndeterminate,\n  isDisabled,\n  isCheckable,\n  size = 'medium',\n  state,\n  lastFocusSourceRef,\n  onClick,\n  allValueProps = {},\n}: {\n  label?: ReactNode;\n  isSelected: boolean;\n  isIndeterminate: boolean;\n  isDisabled?: boolean;\n  isCheckable?: boolean;\n  size?: 'small' | 'medium' | 'large';\n  state: any;\n  lastFocusSourceRef: MutableRefObject<'keyboard' | 'mouse' | 'other'>;\n  onClick: (propagate?: boolean) => void;\n  allValueProps?: Partial<CubeCollectionItemProps<any>>;\n}) => {\n  const { t } = useI18n();\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  const resolvedLabel =\n    label === '' || label === undefined || label === null\n      ? t('listBox.selectAll', 'Select All')\n      : label;\n\n  const markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3} aria-hidden=\"true\">\n      <IconMinus />\n    </Icon>\n  ) : (\n    <CheckIcon size={12} stroke={3} />\n  );\n\n  const localRef = useRef<HTMLLIElement>(null);\n\n  // Create checkbox icon for select all option\n  const checkboxIcon = useMemo(() => {\n    if (!isCheckable) {\n      return null;\n    }\n\n    return (\n      <ListBoxCheckboxWrapper\n        data-element=\"CheckboxWrapper\"\n        mods={{\n          selected: isSelected,\n          disabled: isDisabled,\n          hovered: isHovered,\n          indeterminate: isIndeterminate,\n        }}\n      >\n        <ListBoxCheckbox\n          data-element=\"Checkbox\"\n          mods={{\n            selected: isSelected,\n            disabled: isDisabled,\n            hovered: isHovered,\n            indeterminate: isIndeterminate,\n          }}\n        >\n          {(isIndeterminate || isSelected) && markIcon}\n        </ListBoxCheckbox>\n      </ListBoxCheckboxWrapper>\n    );\n  }, [\n    isCheckable,\n    isSelected,\n    isDisabled,\n    isHovered,\n    isIndeterminate,\n    markIcon,\n  ]);\n\n  const handleOptionClick = (e) => {\n    // Mark focus changes from mouse clicks\n    if (lastFocusSourceRef) {\n      lastFocusSourceRef.current = 'mouse';\n    }\n\n    // If there's an onOptionClick callback and this is checkable in multiple mode,\n    // we need to distinguish between checkbox and content clicks\n    if (state.selectionManager.selectionMode === 'multiple') {\n      // Check if the click target is within the checkbox area\n      const clickTarget = e.target as HTMLElement;\n      const checkboxElement = localRef.current?.querySelector(\n        '[data-element=\"CheckboxWrapper\"]',\n      );\n\n      if (\n        checkboxElement &&\n        (checkboxElement === clickTarget ||\n          checkboxElement.contains(clickTarget))\n      ) {\n        onClick?.(false);\n      } else {\n        // Then call the callback (which will close the popover in FilterPicker)\n        onClick?.(true);\n      }\n    } else {\n      onClick?.(true);\n    }\n  };\n\n  return (\n    <>\n      <ListBoxItem\n        ref={localRef}\n        data-size={size}\n        size={size}\n        role=\"option\"\n        aria-selected={isSelected}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        icon={checkboxIcon}\n        mods={{\n          listboxitem: true,\n          disabled: isDisabled,\n          checkable: isCheckable,\n          hovered: isHovered,\n          indeterminate: isIndeterminate,\n          all: true, // Important: this preserves the 'all' modifier\n        }}\n        {...mergeProps(hoverProps, allValueProps, {\n          onClick: handleOptionClick,\n        })}\n      >\n        {resolvedLabel}\n      </ListBoxItem>\n      <StyledDivider />\n    </>\n  );\n};\n\n/**\n * A public selection prop as the Set-based value React Stately expects: a key\n * array (or `'all'`, passed through) in multiple mode, a single key (or\n * `null` for none) in single mode.\n */\nfunction toStatelySelection(\n  value: 'all' | Key[] | Key | null,\n  isMultiple: boolean,\n): 'all' | Set<Key> {\n  if (isMultiple) {\n    return value === 'all' ? 'all' : new Set(value as Key[]);\n  }\n\n  return value == null ? new Set() : new Set([value as Key]);\n}\n\nexport const ListBox = forwardRef(function ListBox<T extends object>(\n  props: CubeListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: any = {};\n\n      if (props.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: any) => {\n        if (props.selectionMode === 'multiple') {\n          onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n        } else {\n          onChange(Array.isArray(key) ? key[0] : key);\n        }\n      };\n\n      return fieldProps;\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    id,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    listStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    listRef,\n    message,\n    description,\n    styles,\n    mods: externalMods,\n    size = 'medium',\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    shouldUseVirtualFocus,\n    isFocusWithin,\n    onSelectionChange,\n    disableSelectionToggle = false,\n    allowDuplicateSelectionEvents,\n    stateRef,\n    focusOnHover,\n    header,\n    footer,\n    headerStyles,\n    footerStyles,\n    onEscape,\n    isCheckable,\n    onOptionClick,\n    showSelectAll,\n    selectAllLabel,\n    allValueProps,\n    filter,\n    emptyLabel = t('listBox.noItems', 'No items'),\n    shape = 'card',\n    isReorderable = false,\n    onReorder,\n    form,\n    ...otherProps\n  } = props;\n\n  const [, forceUpdate] = useState({});\n  const lastSelectedKeyRef = useRef<Key | null>(null);\n\n  // Wrap onSelectionChange to prevent selection when disabled and handle React Aria's Set format\n  const externalSelectionHandler = onSelectionChange || (props as any).onChange;\n\n  const wrappedOnSelectionChange = useMemo(() => {\n    if (!externalSelectionHandler) return undefined;\n\n    return (keys: any) => {\n      // Don't allow selection changes when disabled\n      if (isDisabled) {\n        return;\n      }\n\n      // React Aria always passes a Set for selection changes\n      // Handle the special \"all\" case and convert to our public API format\n      if (keys === 'all') {\n        externalSelectionHandler('all');\n      } else if (keys instanceof Set) {\n        if (keys.size === 0) {\n          if (disableSelectionToggle && props.selectionMode === 'single') {\n            const prevKey = lastSelectedKeyRef.current;\n            if (prevKey != null) {\n              externalSelectionHandler(prevKey);\n              return;\n            }\n          }\n          externalSelectionHandler(\n            props.selectionMode === 'multiple' ? [] : null,\n          );\n        } else if (props.selectionMode === 'multiple') {\n          externalSelectionHandler(Array.from(keys));\n        } else {\n          const key = Array.from(keys)[0];\n          lastSelectedKeyRef.current = key ?? null;\n          externalSelectionHandler(key);\n        }\n      } else {\n        lastSelectedKeyRef.current = keys as Key | null;\n        externalSelectionHandler(keys);\n      }\n    };\n  }, [\n    externalSelectionHandler,\n    isDisabled,\n    props.selectionMode,\n    disableSelectionToggle,\n  ]);\n\n  // Prepare props for useListState with correct selection props\n  const listStateProps: ListProps<T> = {\n    ...props,\n    onSelectionChange: wrappedOnSelectionChange,\n    disabledBehavior: 'all',\n    filter,\n    selectionMode: props.selectionMode || 'single',\n    allowDuplicateSelectionEvents,\n  };\n\n  // Set selection props based on mode: the array props in multiple mode, the\n  // scalar key props in single mode.\n  const isMultiple = listStateProps.selectionMode === 'multiple';\n  const selection = isMultiple ? selectedKeys : selectedKey;\n  const defaultSelection = isMultiple\n    ? defaultSelectedKeys\n    : defaultSelectedKey;\n\n  if (selection !== undefined) {\n    listStateProps.selectedKeys = toStatelySelection(selection, isMultiple);\n  }\n\n  if (defaultSelection !== undefined) {\n    listStateProps.defaultSelectedKeys = toStatelySelection(\n      defaultSelection,\n      isMultiple,\n    );\n  }\n\n  const listState = getValueSelectionState(useListState(listStateProps));\n\n  useLayoutEffect(() => {\n    const selected = listState.selectionManager.selectedKeys;\n    if (selected && (selected as any).size > 0) {\n      const first = Array.from(selected as Set<Key>)[0];\n      lastSelectedKeyRef.current = first ?? null;\n    }\n  }, [listState.selectionManager.selectedKeys]);\n\n  // Calculate select all state for multiple selection mode\n  const selectAllState = useMemo(() => {\n    // Select-all only makes sense for multiple selection mode *and* when the UI is enabled\n    if (props.selectionMode !== 'multiple' || !showSelectAll) {\n      return { isSelected: false, isIndeterminate: false };\n    }\n\n    // React Stately exposes the raw selection value which is either the string \"all\"\n    // (when `selectAll()` was used) **or** a Set of item keys.\n    const rawSelection: any = (listState.selectionManager as any).rawSelection;\n\n    // Fast path – user pressed our \"Select All\" control previously.\n    if (rawSelection === 'all') {\n      return { isSelected: true, isIndeterminate: false };\n    }\n\n    const selectedKeys = listState.selectionManager.selectedKeys as Set<Key>;\n\n    // When there is nothing selected, we are in a clear state\n    if (selectedKeys.size === 0) {\n      return { isSelected: false, isIndeterminate: false };\n    }\n\n    // Otherwise it must be a partial (indeterminate) selection.\n    return { isSelected: false, isIndeterminate: true };\n  }, [\n    props.selectionMode,\n    showSelectAll,\n    listState.collection,\n    listState.disabledKeys,\n    listState.selectionManager.selectedKeys,\n    listState.selectionManager.rawSelection,\n  ]);\n\n  // Handle select all click\n  const handleSelectAllClick = (propagate?: boolean) => {\n    if (isDisabled || props.selectionMode !== 'multiple') return;\n\n    if (selectAllState.isSelected) {\n      // All selected, deselect all\n      listState.selectionManager.clearSelection();\n      // Manually call the wrapped handler since React Aria might not trigger it\n      wrappedOnSelectionChange?.(new Set());\n    } else {\n      // Some or none selected, select all\n      listState.selectionManager.selectAll();\n      // Manually call the wrapped handler since React Aria might not trigger it\n      wrappedOnSelectionChange?.('all');\n      forceUpdate({});\n    }\n\n    if (propagate && !selectAllState.isSelected) {\n      onOptionClick?.('__ALL__');\n    }\n  };\n\n  // Track whether the last focus change was due to keyboard navigation\n  const lastFocusSourceRef = useRef<'keyboard' | 'mouse' | 'other'>('other');\n\n  // Expose the list state instance via the provided ref (if any)\n  if (stateRef) {\n    stateRef.current = {\n      ...listState,\n      lastFocusSourceRef,\n    };\n  }\n\n  // Warn if isCheckable is false in single selection mode\n  useWarn(isCheckable === false && props.selectionMode === 'single', {\n    key: ['listbox-checkable-single-mode'],\n    args: [\n      'CubeUIKit: isCheckable=false is not recommended in single selection mode as it may confuse users about selection behavior.',\n    ],\n  });\n\n  // Custom keyboard handling: `Escape` and `Tab` have to leave the list so a\n  // surrounding overlay can close on the one and keep focus inside with the\n  // other, while every other key stays contained. See\n  // `allowOverlayKeysToPropagate`.\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      allowOverlayKeysToPropagate(e);\n\n      // Mark focus changes from keyboard navigation\n      if (\n        e.key === 'ArrowDown' ||\n        e.key === 'ArrowUp' ||\n        e.key === 'Home' ||\n        e.key === 'End' ||\n        e.key === 'PageUp' ||\n        e.key === 'PageDown'\n      ) {\n        lastFocusSourceRef.current = 'keyboard';\n      }\n\n      if (e.key === 'Escape') {\n        // Called to potentially override the default selection clearing.\n        onEscape?.();\n      }\n    },\n  });\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  ref = useCombinedRefs(ref);\n  listRef = useCombinedRefs(listRef);\n\n  // ----- Collection and virtualization decision (must precede useListBox) -----\n  const itemsArray = useMemo(\n    () => [...listState.collection],\n    [listState.collection],\n  );\n\n  const hasSections = useMemo(\n    () => itemsArray.some((i) => i.type === 'section'),\n    [itemsArray],\n  );\n\n  const shouldVirtualize = !hasSections && !isReorderable;\n\n  const { listBoxProps, labelProps } = useListBox(\n    {\n      ...props,\n      id: id,\n      // Only disable isVirtualized for reorderable lists (DnD needs real DOM focus).\n      // Section-based lists keep isVirtualized: true to preserve ARIA attributes.\n      isVirtualized: !isReorderable,\n      shouldUseVirtualFocus: shouldUseVirtualFocus ?? false,\n      escapeKeyBehavior: onEscape ? 'none' : 'clearSelection',\n      onSelectionChange: wrappedOnSelectionChange,\n    },\n    listState,\n    listRef,\n  );\n\n  const { isFocused, focusProps } = useFocus();\n\n  // The focused key outlives focus, so an option shows as focused only while\n  // the list has it. A component whose input moves the key (FilterListBox)\n  // says whether focus is within it, in any focus mode. Otherwise the list's\n  // own focus decides, and with virtual focus the focused key alone marks it.\n  const isListFocused =\n    isFocusWithin ??\n    (shouldUseVirtualFocus || listState.selectionManager.isFocused);\n\n  // Scroll container ref for virtualization\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: shouldVirtualize ? itemsArray.length : 0,\n    getScrollElement: () => scrollRef.current,\n    // Use the actual item key to ensure React properly reconciles DOM elements\n    // when items are filtered, added, or removed. Without this, the virtualizer\n    // uses index-based keys which causes DOM reuse issues and style leaking.\n    // A new key function makes the virtualizer recompute positions from the\n    // heights it has measured per key. ListBox isn't compiled (useVirtualizer),\n    // so that is every render. Reading `itemsArray` keeps new items bringing a\n    // new function should it ever compile.\n    getItemKey: (index: number) => itemsArray[index]?.key ?? index,\n    estimateSize: (index: number) => {\n      const currentItem: any = itemsArray[index];\n\n      if (currentItem?.props?.description) {\n        return SIZES.XL;\n      }\n      return SIZES[SIZE_NAME_TO_KEY[size] as keyof typeof SIZES];\n    },\n    // Options are positioned absolutely here, so their margins space nothing.\n    // `1` matches the `1bw` default.\n    gap: listGap ?? 1,\n    overscan: 10,\n  });\n\n  // The virtualizer caches positions without the gap, so re-measure when it\n  // changes. Not when the items do: their positions follow `getItemKey`, and\n  // `measure()` would drop every measured height.\n  useEffect(() => {\n    if (shouldVirtualize) {\n      rowVirtualizer.measure();\n    }\n  }, [shouldVirtualize, rowVirtualizer, listGap]);\n\n  // Keep focused item visible, but only for keyboard navigation\n  useLayoutEffect(() => {\n    const focusedKey = listState.selectionManager.focusedKey;\n    if (focusedKey == null) return;\n\n    // Only scroll on keyboard navigation\n    if (lastFocusSourceRef.current !== 'keyboard') return;\n\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const itemElement = scrollElement.querySelector(\n      `[data-key=\"${CSS.escape(String(focusedKey))}\"]`,\n    ) as HTMLElement;\n    if (!itemElement) return;\n\n    const scrollTop = scrollElement.scrollTop;\n    const viewportHeight = scrollElement.clientHeight;\n    const viewportBottom = scrollTop + viewportHeight;\n\n    const itemRect = itemElement.getBoundingClientRect();\n    const scrollRect = scrollElement.getBoundingClientRect();\n\n    // Calculate item position relative to scroll container\n    const itemTop = itemRect.top - scrollRect.top + scrollTop;\n    const itemBottom = itemTop + itemRect.height;\n\n    // Check if the item is fully visible in the viewport\n    const isAlreadyVisible =\n      itemTop >= scrollTop && itemBottom <= viewportBottom;\n\n    if (!isAlreadyVisible) {\n      // Use scrollIntoView with block: 'nearest' to minimize scroll jumps\n      itemElement.scrollIntoView({ block: 'nearest', behavior: 'auto' });\n    }\n  }, [listState.selectionManager.focusedKey, itemsArray]);\n\n  // Merge React Aria listbox props with custom keyboard props so both sets of\n  // event handlers (e.g. Arrow navigation *and* our Escape handler) are\n  // preserved.\n  // `useListBox` takes no validation state, so the list would look invalid\n  // without a screen reader ever hearing it.\n  const mergedListBoxProps = mergeProps(listBoxProps, keyboardProps, {\n    'aria-invalid': isInvalid || undefined,\n  });\n\n  // React Aria keeps a disabled list a Tab stop while no option has focus.\n  if (isDisabled) {\n    delete mergedListBoxProps.tabIndex;\n  }\n\n  // Ordered keys for DnD reordering\n  const orderedKeys = useMemo(() => {\n    if (!isReorderable) {\n      return [];\n    }\n\n    return itemsArray\n      .filter((i) => i.type === 'item')\n      .map((i) => String(i.key));\n  }, [isReorderable, itemsArray]);\n\n  const mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isDisabled,\n      focused: isFocused,\n      header: !!header || (showSelectAll && props.selectionMode === 'multiple'),\n      footer: !!footer,\n      selectAll: showSelectAll && props.selectionMode === 'multiple',\n      ...externalMods,\n    }),\n    [\n      isInvalid,\n      isValid,\n      isDisabled,\n      isFocused,\n      header,\n      footer,\n      showSelectAll,\n      props.selectionMode,\n      externalMods,\n    ],\n  );\n\n  const listGapTokens =\n    listGap == null ? undefined : { '$list-gap': `${listGap}px` };\n\n  const listBoxField = (\n    <ListBoxWrapperElement\n      ref={ref}\n      qa=\"ListBoxWrapper\"\n      mods={mods}\n      styles={styles}\n      data-shape={shape}\n    >\n      {header ? (\n        <StyledHeader styles={headerStyles} data-size={size}>\n          {header}\n        </StyledHeader>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      {showSelectAll && props.selectionMode === 'multiple' ? (\n        <SelectAllOption\n          label={selectAllLabel}\n          state={listState}\n          lastFocusSourceRef={lastFocusSourceRef}\n          isSelected={selectAllState.isSelected}\n          isIndeterminate={selectAllState.isIndeterminate}\n          isDisabled={isDisabled}\n          isCheckable={isCheckable}\n          size={size}\n          allValueProps={allValueProps}\n          onClick={handleSelectAllClick}\n        />\n      ) : (\n        <>\n          <div role=\"presentation\" />\n          <div role=\"presentation\" />\n        </>\n      )}\n      {/* Scroll container wrapper */}\n      <ListBoxScrollElement ref={scrollRef} mods={mods} {...focusProps}>\n        {listState.collection.size === 0 ? (\n          <Item preset=\"t4\" color=\"#dark-03\" size={size} padding=\"(.5x - 1bw)\">\n            {emptyLabel}\n          </Item>\n        ) : isReorderable ? (\n          <DraggableListBox\n            state={listState}\n            listRef={listRef}\n            orderedKeys={orderedKeys}\n            onReorder={onReorder}\n          >\n            {(dragState, dropState, collectionProps) => (\n              <ListElement\n                qa={qa || 'ListBox'}\n                {...mergeProps(mergedListBoxProps, collectionProps)}\n                ref={listRef}\n                styles={listStyles}\n                tokens={listGapTokens}\n                aria-disabled={isDisabled || undefined}\n                mods={{ sections: false }}\n                data-shape={shape}\n                data-input-type=\"listbox\"\n              >\n                {itemsArray\n                  .filter((item) => item.type === 'item')\n                  .map((item) => (\n                    <Option\n                      key={item.key}\n                      size={size}\n                      item={item}\n                      state={listState}\n                      styles={optionStyles}\n                      highlight={optionHighlight}\n                      isParentDisabled={isDisabled}\n                      isInvalid={isInvalid}\n                      isValid={isValid}\n                      focusOnHover={focusOnHover}\n                      isListFocused={isListFocused}\n                      isCheckable={isCheckable}\n                      lastFocusSourceRef={lastFocusSourceRef}\n                      dragState={dragState}\n                      dropState={dropState}\n                      onClick={onOptionClick}\n                    />\n                  ))}\n              </ListElement>\n            )}\n          </DraggableListBox>\n        ) : (\n          <ListElement\n            qa={qa || 'ListBox'}\n            {...mergedListBoxProps}\n            ref={listRef}\n            styles={listStyles}\n            tokens={listGapTokens}\n            aria-disabled={isDisabled || undefined}\n            mods={{ sections: hasSections }}\n            data-shape={shape}\n            data-input-type=\"listbox\"\n            style={\n              shouldVirtualize\n                ? {\n                    position: 'relative',\n                    height: `${rowVirtualizer.getTotalSize()}px`,\n                  }\n                : undefined\n            }\n          >\n            {shouldVirtualize\n              ? rowVirtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = itemsArray[virtualItem.index];\n\n                  return (\n                    <Option\n                      key={item.key}\n                      size={size}\n                      item={item}\n                      state={listState}\n                      styles={optionStyles}\n                      highlight={optionHighlight}\n                      isParentDisabled={isDisabled}\n                      isInvalid={isInvalid}\n                      isValid={isValid}\n                      focusOnHover={focusOnHover}\n                      isListFocused={isListFocused}\n                      isCheckable={isCheckable}\n                      // Measures the option's real height; the virtualizer adds the gap.\n                      virtualRef={rowVirtualizer.measureElement as any}\n                      virtualStyle={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        right: 0,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                      virtualIndex={virtualItem.index}\n                      lastFocusSourceRef={lastFocusSourceRef}\n                      onClick={onOptionClick}\n                    />\n                  );\n                })\n              : (() => {\n                  const renderedItems: ReactNode[] = [];\n                  let isFirstSection = true;\n\n                  for (const item of listState.collection) {\n                    if (item.type === 'section') {\n                      if (!isFirstSection) {\n                        renderedItems.push(\n                          <StyledDivider\n                            key={`divider-${String(item.key)}`}\n                            role=\"separator\"\n                            aria-orientation=\"horizontal\"\n                          />,\n                        );\n                      }\n\n                      renderedItems.push(\n                        <ListBoxSection\n                          key={item.key}\n                          item={item}\n                          state={listState}\n                          optionStyles={optionStyles}\n                          optionHighlight={optionHighlight}\n                          headingStyles={headingStyles}\n                          sectionStyles={sectionStyles}\n                          isParentDisabled={isDisabled}\n                          isInvalid={isInvalid}\n                          isValid={isValid}\n                          focusOnHover={focusOnHover}\n                          isListFocused={isListFocused}\n                          isCheckable={isCheckable}\n                          size={size}\n                          lastFocusSourceRef={lastFocusSourceRef}\n                          onClick={onOptionClick}\n                        />,\n                      );\n\n                      isFirstSection = false;\n                    } else {\n                      renderedItems.push(\n                        <Option\n                          key={item.key}\n                          size={size}\n                          item={item}\n                          state={listState}\n                          styles={optionStyles}\n                          highlight={optionHighlight}\n                          isParentDisabled={isDisabled}\n                          isInvalid={isInvalid}\n                          isValid={isValid}\n                          focusOnHover={focusOnHover}\n                          isListFocused={isListFocused}\n                          isCheckable={isCheckable}\n                          lastFocusSourceRef={lastFocusSourceRef}\n                          onClick={onOptionClick}\n                        />,\n                      );\n                    }\n                  }\n\n                  return renderedItems;\n                })()}\n          </ListElement>\n        )}\n      </ListBoxScrollElement>\n      {footer ? (\n        <StyledFooter styles={footerStyles} data-size={size}>\n          {footer}\n        </StyledFooter>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n    </ListBoxWrapperElement>\n  );\n\n  return wrapWithField<Omit<CubeListBoxProps<T>, 'children'>>(\n    listBoxField,\n    ref,\n    { ...props, labelProps: mergeAriaProps(labelProps, props.labelProps) },\n  );\n}) as unknown as (<T>(\n  props: CubeListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & {\n  Item: typeof CollectionItem;\n  Section: typeof BaseSection;\n};\n\nfunction Option({\n  size = 'medium',\n  item,\n  state,\n  styles,\n  highlight,\n  isParentDisabled,\n  isInvalid,\n  isValid,\n  focusOnHover = false,\n  isListFocused = false,\n  isCheckable,\n  onClick: onOptionClick,\n  virtualStyle,\n  virtualRef,\n  virtualIndex,\n  lastFocusSourceRef,\n  dragState,\n  dropState,\n}: {\n  size?: 'small' | 'medium' | 'large';\n  item: any;\n  state: any;\n  styles?: Styles;\n  highlight?: string;\n  isParentDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  focusOnHover?: boolean;\n  /** Whether the list has focus, so its focused option shows as focused */\n  isListFocused?: boolean;\n  isCheckable?: boolean;\n  onClick?: (key: Key) => void;\n  /** Inline style applied when virtualized (absolute positioning etc.) */\n  virtualStyle?: CSSProperties;\n  /** react-virtual's `measureElement`, called with the option after every commit */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index from react-virtual for data-index attribute */\n  virtualIndex?: number;\n  /** Ref to track the source of focus changes */\n  lastFocusSourceRef?: MutableRefObject<'keyboard' | 'mouse' | 'other'>;\n  /** Drag state from DraggableCollection. When provided, enables drag-and-drop. */\n  dragState?: DraggableCollectionState;\n  /** Drop state from DraggableCollection. When provided, renders drop indicators. */\n  dropState?: DroppableCollectionState;\n}) {\n  const localRef = useRef<HTMLLIElement>(null);\n\n  // Measure during the commit. After it, the browser can paint the option at\n  // its estimated height first, overlapping the next one for a frame.\n  useLayoutEffect(() => {\n    virtualRef?.(localRef.current);\n  });\n\n  const isDisabled = isParentDisabled || state.disabledKeys.has(item.key);\n  const isSelected = state.selectionManager.isSelected(item.key);\n\n  // Drag-and-drop support — only enable when both states are provided\n  const isDraggable = !!dragState && !!dropState;\n\n  // useDraggableItem must be called unconditionally (Rules of Hooks).\n  // When dragState is undefined, we pass a minimal mock state to satisfy the hook.\n  const mockDragState = useMemo(\n    () => createMockDragState(state.collection, state.selectionManager),\n    [state.collection, state.selectionManager],\n  );\n\n  const dragResult = useDraggableItem(\n    { key: item.key },\n    dragState ?? mockDragState,\n  );\n  const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n  const isDragging = isDraggable && !!dragState?.isDragging(item.key);\n\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n\n  const { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n    {\n      key: item.key,\n      isDisabled,\n      isSelected,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: focusOnHover,\n    },\n    state,\n    localRef,\n  );\n\n  const isFocused =\n    !isDisabled &&\n    isListFocused &&\n    state.selectionManager.focusedKey === item.key;\n\n  // Filter out service props - all remaining props can be passed to Item\n  const filteredItemProps = filterSelectionItemProps(\n    filterCollectionItemProps(item.props),\n  );\n\n  // Determine icon: drag handle > checkbox > user icon > default\n  const effectiveIcon = useMemo(() => {\n    if (isDraggable) {\n      if (!filteredItemProps.icon || isHovered) {\n        return <GripVerticalIcon size={14} />;\n      }\n    }\n\n    if (\n      !isCheckable ||\n      state.selectionManager.selectionMode !== 'multiple' ||\n      filteredItemProps.icon\n    ) {\n      return (\n        filteredItemProps.icon ??\n        (state.selectionManager.selectionMode !== 'multiple' ? null : undefined)\n      );\n    }\n\n    return renderCheckboxIcon({\n      isSelected,\n      isDisabled,\n      isFocused,\n      isHovered,\n      isInvalid,\n      isValid,\n    });\n  }, [\n    isDraggable,\n    isCheckable,\n    state.selectionManager.selectionMode,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isHovered,\n    isInvalid,\n    isValid,\n    filteredItemProps.icon,\n  ]);\n\n  // Side-effects layered on top of React Aria's own onClick. The underlying\n  // React Aria onClick is already chained via mergeProps below, so this handler\n  // must NOT call optionProps.onClick again — re-invoking it would trigger\n  // usePress's virtual-click branch and double-fire onPress (and toggle\n  // selection twice in multiple mode).\n  const handleOptionExtras = (e: MouseEvent) => {\n    if (lastFocusSourceRef) {\n      lastFocusSourceRef.current = 'mouse';\n    }\n\n    state.selectionManager.setFocusedKey(item.key);\n\n    if (!onOptionClick) {\n      return;\n    }\n\n    // In checkable multiple mode, suppress the callback when the click landed\n    // inside the checkbox wrapper — that area is reserved for toggle-only\n    // behaviour (React Aria still handles the toggle via the chained onClick).\n    if (isCheckable && state.selectionManager.selectionMode === 'multiple') {\n      const clickTarget = e.target as HTMLElement;\n      const checkboxElement = localRef.current?.querySelector(\n        '[data-element=\"CheckboxWrapper\"]',\n      );\n\n      if (\n        checkboxElement &&\n        (checkboxElement === clickTarget ||\n          checkboxElement.contains(clickTarget))\n      ) {\n        return;\n      }\n    }\n\n    onOptionClick(item.key);\n  };\n\n  // Filter out React Aria props that shouldn't reach the DOM\n  const {\n    onKeyDown,\n    onKeyUp,\n    tabIndex,\n    'aria-selected': ariaSelected,\n    'aria-disabled': ariaDisabled,\n    role,\n    ...filteredOptionProps\n  } = filterSelectionItemProps(optionProps);\n\n  const theme = getValidationTheme(\n    'default' as const,\n    { isInvalid, isValid },\n    { includeValid: true },\n  );\n\n  const listBoxItem = (\n    <ListBoxItem\n      ref={localRef}\n      data-key={String(item.key)}\n      {...mergeProps(\n        filteredOptionProps,\n        hoverProps,\n        filteredItemProps,\n        {\n          onClick: handleOptionExtras,\n          onKeyDown,\n          onKeyUp,\n          tabIndex,\n          'aria-selected': ariaSelected,\n          'aria-disabled': ariaDisabled,\n          role,\n        },\n        effectiveDragProps,\n      )}\n      theme={theme}\n      style={virtualStyle}\n      data-size={size}\n      data-index={virtualIndex}\n      size={size}\n      display={isDraggable ? 'grid' : undefined}\n      isSelected={isSelected}\n      isDisabled={isDisabled}\n      icon={effectiveIcon}\n      highlight={highlight}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      styles={mergeStyles(styles, filteredItemProps.styles)}\n      defaultTooltipPlacement=\"right\"\n      mods={{\n        listboxitem: true,\n        focused: isFocused,\n        pressed: isPressed,\n        dragging: isDragging,\n        draggable: isDraggable,\n        gripIcon: isDraggable && (!filteredItemProps.icon || isHovered),\n        valid: isSelected && !!isValid && !isInvalid,\n        invalid: isSelected && !!isInvalid,\n        checkable: isCheckable,\n        hovered: isHovered,\n        all: false, // This will be set to true for SelectAllOption\n      }}\n    >\n      {item.rendered}\n    </ListBoxItem>\n  );\n\n  if (!isDraggable || !dropState) {\n    return listBoxItem;\n  }\n\n  return (\n    <>\n      <ListBoxDropIndicator\n        target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n        dropState={dropState}\n      />\n      {listBoxItem}\n      <ListBoxDropIndicator\n        target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n        dropState={dropState}\n      />\n    </>\n  );\n}\n\n// =============================================================================\n// Drop Indicator for DnD reordering\n// =============================================================================\n\nfunction ListBoxDropIndicator({\n  target,\n  dropState,\n}: {\n  target: DropTarget;\n  dropState: DroppableCollectionState;\n}) {\n  const ref = useRef<HTMLLIElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <ListBoxDropIndicatorElement\n      ref={ref}\n      role=\"option\"\n      {...dropIndicatorProps}\n      mods={{ 'drop-indicator': true, 'drop-target': isDropTarget }}\n    >\n      <div data-element=\"Indicator\" />\n    </ListBoxDropIndicatorElement>\n  );\n}\n\ninterface ListBoxSectionProps<T> {\n  item: any;\n  state: any;\n  optionStyles?: Styles;\n  optionHighlight?: string;\n  headingStyles?: Styles;\n  sectionStyles?: Styles;\n  isParentDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  focusOnHover?: boolean;\n  isListFocused?: boolean;\n  isCheckable?: boolean;\n  onClick?: (key: Key) => void;\n  size?: 'small' | 'medium' | 'large';\n  lastFocusSourceRef?: MutableRefObject<'keyboard' | 'mouse' | 'other'>;\n}\n\nfunction ListBoxSection<T>(props: ListBoxSectionProps<T>) {\n  const {\n    item,\n    state,\n    optionStyles,\n    optionHighlight,\n    headingStyles,\n    sectionStyles,\n    isParentDisabled,\n    isInvalid,\n    isValid,\n    focusOnHover,\n    isListFocused,\n    isCheckable,\n    onClick: onOptionClick,\n    lastFocusSourceRef,\n  } = props;\n  const heading = item.rendered;\n\n  const { itemProps, headingProps, groupProps } = useListBoxSection({\n    heading,\n    'aria-label': item['aria-label'],\n  });\n\n  return (\n    <SectionWrapperElement {...itemProps} styles={sectionStyles}>\n      {heading && (\n        <StyledSectionHeading\n          {...headingProps}\n          size={props.size}\n          styles={headingStyles}\n        >\n          {heading}\n        </StyledSectionHeading>\n      )}\n      <SectionListElement {...groupProps}>\n        {[...item.childNodes]\n          .filter((node: any) => state.collection.getItem(node.key))\n          .map((node: any) => (\n            <Option\n              key={node.key}\n              size={props.size}\n              item={node}\n              state={state}\n              styles={optionStyles}\n              highlight={optionHighlight}\n              isParentDisabled={isParentDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              focusOnHover={focusOnHover}\n              isListFocused={isListFocused}\n              isCheckable={isCheckable}\n              lastFocusSourceRef={lastFocusSourceRef}\n              onClick={onOptionClick}\n            />\n          ))}\n      </SectionListElement>\n    </SectionWrapperElement>\n  );\n}\n\ntype SectionComponent = typeof BaseSection;\n\nconst ListBoxSectionComponent = Object.assign(BaseSection, {\n  displayName: 'Section',\n}) as SectionComponent;\n\nListBox.Item = CollectionItem;\n\nListBox.Section = ListBoxSectionComponent;\n\nObject.defineProperty(ListBox, 'cubeInputType', {\n  value: 'ListBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}
+{"version":3,"file":"ListBox.js","names":["useHover","IconMinus","useVirtualizer","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","mergeStyles","OUTER_STYLES","OuterStyleProps","Styles","tasty","CSSProperties","DOMAttributes","ForwardedRef","forwardRef","MutableRefObject","ReactElement","KeyboardEvent","ReactKeyboardEvent","MouseEvent","ReactMouseEvent","ReactNode","RefObject","useEffect","useLayoutEffect","useMemo","useRef","AriaListBoxProps","DropTarget","mergeProps","mergeAriaProps","useDraggableItem","useDropIndicator","useFocusRing","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","useCombinedRefs","useFocus","allowOverlayKeysToPropagate","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","filterSelectionItemProps","getValueSelectionState","Item","getValidationMods","getValidationTheme","useFieldProps","wrapWithField","createMockDragState","useOptionOriginPress","DraggableListBox","SelectionManager","Collection","CollectionBase","Node","CollectionNode","Key","FieldBaseProps","ListBoxWrapperElement","qa","styles","display","gridColumns","gridRows","flow","gap","position","radius","color","transition","outline","focused","border","valid","invalid","disabled","ListElement","as","padding","empty","listStyle","boxSizing","margin","height","ListBoxScrollElement","overflow","scrollbar","ListBoxItem","disableActionsFocus","all","outlineOffset","cursor","draggable","opacity","gripIcon","ListBoxDropIndicatorElement","zIndex","pointerEvents","Indicator","$","left","right","top","fill","SectionWrapperElement","SectionListElement","ListBoxCheckbox","placeItems","width","flexShrink","ListBoxCheckboxWrapper","placeContent","placeSelf","renderCheckboxIcon","isSelected","isDisabled","isFocused","isHovered","isInvalid","isValid","mods","selected","hovered","CubeListBoxProps","Omit","T","listStyles","optionStyles","optionHighlight","sectionStyles","headingStyles","listGap","selectedKey","selectedKeys","defaultSelectedKey","defaultSelectedKeys","onSelectionChange","key","selectionMode","listRef","HTMLUListElement","disallowEmptySelection","allowDuplicateSelectionEvents","shouldFocusWrap","stateRef","focusOnHover","header","footer","headerStyles","footerStyles","Record","size","disableSelectionToggle","shouldUseVirtualFocus","isFocusWithin","onEscape","isCheckable","onOptionClick","showSelectAll","selectAllLabel","allValueProps","Partial","filter","nodes","Iterable","emptyLabel","shape","isReorderable","onReorder","newOrder","PROP_STYLES","NO_OPTIONS","children","SelectAllOption","t0","_c","label","isIndeterminate","t1","onClick","focusProps","t2","undefined","t","t3","hoverProps","focusRingProps","isFocusVisible","t4","resolvedLabel","t5","markIcon","t6","indeterminate","checkboxMods","t7","checkboxIcon","t8","e","checkbox","currentTarget","querySelector","contains","target","handleClick","t9","e_0","preventDefault","stopPropagation","handleKeyDown","T0","t10","t11","t12","t13","listboxitem","checkable","t14","tabIndex","onKeyDown","t15","t16","Symbol","for","t17","getSelectableKeys","collection","disabledKeys","Set","keys","getKeys","node","getItem","type","has","props","push","getSelectAllSelection","isAllSelected","selection","shownKeys","hiddenKeys","length","next","delete","isEverySelectableSelected","selectionManager","rawSelection","hasSelectable","canSelectItem","toStatelySelection","value","isMultiple","ListBox","ref","HTMLDivElement","valuePropsMapper","onChange","fieldProps","Array","isArray","extra","id","labelStyles","isRequired","necessityIndicator","message","description","externalMods","labelSuffix","form","otherProps","lastSelectedKeyRef","externalSelectionHandler","wrappedOnSelectionChange","prevKey","current","from","listStateProps","disabledBehavior","defaultSelection","listState","hasSelectAll","fullCollection","items","first","isSomeSelected","isEmpty","handleSelectAllClick","propagate","selectAll","clearSelection","setSelectedKeys","lastFocusSourceRef","args","keyboardProps","itemsArray","hasSections","some","i","shouldVirtualize","listBoxProps","labelProps","isVirtualized","escapeKeyBehavior","isListElementFocused","listElementFocusProps","isSelectAllFocused","selectAllFocusProps","isListFocused","scrollRef","rowVirtualizer","count","getScrollElement","getItemKey","index","estimateSize","currentItem","XL","overscan","measure","lastFocusedKeyRef","focusedKey","hasFocusMoved","scrollElement","itemElement","CSS","escape","String","HTMLElement","findIndex","item","scrollToIndex","align","scrollTop","viewportHeight","clientHeight","viewportBottom","itemRect","getBoundingClientRect","scrollRect","itemTop","itemBottom","isAlreadyVisible","scrollIntoView","block","behavior","mergedListBoxProps","emptyLabelId","Boolean","join","orderedKeys","map","isCardFocused","listGapTokens","listBoxField","dragState","dropState","collectionProps","sections","getTotalSize","getVirtualItems","virtualItem","measureElement","transform","start","renderedItems","isFirstSection","Option","state","highlight","isParentDisabled","virtualStyle","virtualRef","virtualIndex","element","localRef","HTMLLIElement","isDraggable","mockDragState","dragResult","effectiveDragProps","dragProps","isDragging","optionProps","isPressed","descriptionProps","shouldSelectOnPressUp","shouldFocusOnHover","filteredItemProps","effectiveIcon","icon","runOptionExtras","EventTarget","setFocusedKey","clickTarget","checkboxElement","handleOptionExtras","originPress","manager","onSettle","onKeyUp","onPointerUp","ariaSelected","ariaDisabled","role","filteredOptionProps","theme","const","includeValid","listBoxItem","onPointerDown","wrapPointerUp","pressed","dragging","rendered","dropPosition","ListBoxDropIndicator","dropIndicatorProps","isHidden","isDropTarget","ListBoxSectionProps","ListBoxSection","heading","itemProps","headingProps","groupProps","childNodes","node_0","SectionComponent","ListBoxSectionComponent","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/ListBox/ListBox.tsx"],"sourcesContent":["import { useHover } from '@react-aria/interactions';\nimport { IconMinus } from '@tabler/icons-react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  mergeStyles,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  DOMAttributes,\n  ForwardedRef,\n  forwardRef,\n  MutableRefObject,\n  ReactElement,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n  RefObject,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  AriaListBoxProps,\n  DropTarget,\n  mergeProps as mergeAriaProps,\n  useDraggableItem,\n  useDropIndicator,\n  useFocusRing,\n  useKeyboard,\n  useListBox,\n  useListBoxSection,\n  useOption,\n} from 'react-aria';\nimport {\n  Section as BaseSection,\n  DraggableCollectionState,\n  DroppableCollectionState,\n  ListProps,\n  useListState,\n} from 'react-stately';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { GripVerticalIcon } from '../../../icons/GripVerticalIcon';\nimport { Icon } from '../../../icons/Icon';\nimport { SIZE_NAME_TO_KEY, SIZES } from '../../../tokens';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { allowOverlayKeysToPropagate } from '../../../utils/react/overlayKeyPropagation';\nimport { extractStyles } from '../../../utils/styles';\n// Import Menu styled components for header and footer\nimport {\n  StyledDivider,\n  StyledFooter,\n  StyledHeader,\n  StyledSectionHeading,\n} from '../../actions/Menu/styled';\nimport {\n  CollectionItem,\n  CubeCollectionItemProps,\n  filterCollectionItemProps,\n  filterSelectionItemProps,\n  getValueSelectionState,\n} from '../../CollectionItem';\nimport { Item } from '../../content/Item/Item';\nimport {\n  getValidationMods,\n  getValidationTheme,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport { createMockDragState } from '../../shared/DraggableCollection';\nimport { useOptionOriginPress } from '../option-origin-press';\n\nimport { DraggableListBox } from './DraggableListBox';\n\nimport type { SelectionManager } from '@react-stately/selection';\nimport type {\n  Collection,\n  CollectionBase,\n  Node as CollectionNode,\n  Key,\n} from '@react-types/shared';\nimport type { FieldBaseProps } from '../../../shared';\n\nconst ListBoxWrapperElement = tasty({\n  qa: 'ListBox',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: 'max-content max-content max-content 1sf max-content',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    radius: {\n      '': '1cr',\n      '[data-shape=\"popover\"]': '(1cr - 1bw)',\n      '[data-shape=\"plain\"]': '0',\n    },\n    color: '#dark-02',\n    transition: 'theme',\n    outline: {\n      '': '#purple-03.0',\n      'invalid & focused': '#danger.50',\n      focused: '#purple-03',\n    },\n    border: {\n      '': true,\n      focused: '#primary-text',\n      valid: '#success-text.50',\n      invalid: '#danger-text.50',\n      disabled: true,\n      '[data-shape=\"plain\"] | [data-shape=\"popover\"] | searchable': false,\n    },\n  },\n});\n\nconst ListElement = tasty({\n  as: 'ul',\n  styles: {\n    // The space between options. Set from `listGap`, which also hands the\n    // same number to the virtualizer.\n    '$list-gap': '1bw',\n    display: 'block',\n    // The space kept below the last option. Padding, so `listStyles` can take\n    // it away, and outside the content box, where a virtualized list sets its\n    // own height.\n    padding: {\n      '': '.5x bottom',\n      // Empty, the list sits under its empty label and takes no space.\n      empty: 0,\n    },\n    listStyle: 'none',\n    boxSizing: 'content-box',\n    margin: {\n      '': '.5x .5x 0 .5x',\n      '[data-shape=\"plain\"] | empty': '0',\n    },\n    height: 'max-content',\n  },\n});\n\n// NEW: dedicated scroll container for ListBox\nconst ListBoxScrollElement = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf',\n    overflow: 'auto',\n    scrollbar: 'styled',\n  },\n});\n\n// Create an extended Item for ListBox options with 'all' modifier support\nconst ListBoxItem = tasty(Item, {\n  as: 'li',\n  disableActionsFocus: true,\n  styles: {\n    display: 'grid',\n    margin: {\n      '': '$list-gap bottom',\n      // Mid-drag the last option is followed by a drop indicator, which takes\n      // the gap back (`ListBoxDropIndicatorElement`). Not `:has(~ …)`: see\n      // AGENTS.md → Styling.\n      ':last-child': '0',\n      all: '.5x',\n    },\n    // Inside the option: options sit a hairline apart, so a ring outside one\n    // would cover its neighbour, and the scroll box would clip it at the edges.\n    outlineOffset: '-1bw',\n    Icon: {\n      cursor: {\n        draggable: 'grab',\n      },\n      opacity: {\n        gripIcon: '.4',\n        'gripIcon & hovered': '1',\n      },\n      transition: {\n        draggable: 'opacity',\n      },\n    },\n  },\n});\n\n// Horizontal drop indicator for DnD reordering\nconst ListBoxDropIndicatorElement = tasty({\n  as: 'li',\n  styles: {\n    zIndex: 10,\n    position: 'relative',\n    pointerEvents: 'none',\n    height: 0,\n    // After the last option: cancels the `$list-gap` that option keeps while\n    // it is not the last child, so the list holds its height mid-drag. An\n    // `optionStyles` margin replaces that gap, and this then overshoots.\n    margin: {\n      '': 0,\n      ':last-child': '(-1 * $list-gap) top',\n    },\n    opacity: {\n      '': 0,\n      'drop-target': 1,\n    },\n\n    Indicator: {\n      $: '>',\n      position: 'absolute',\n      left: '.5x',\n      right: '.5x',\n      // Centred in the gap between two options, or on the edge of the list.\n      top: {\n        '': '(-1px - $list-gap / 2)',\n        ':first-child | :last-child': '-1px',\n      },\n      height: '2px',\n      fill: '#primary',\n      radius: 'round',\n    },\n  },\n});\n\nconst SectionWrapperElement = tasty({\n  as: 'li',\n  styles: {\n    display: 'block',\n  },\n});\n\nconst SectionListElement = tasty({\n  qa: 'ListBoxSectionList',\n  as: 'ul',\n  styles: {\n    display: 'flex',\n    gap: '0',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n  },\n});\n\n// Checkbox component for multiple selection options\nconst ListBoxCheckbox = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    radius: '.5r',\n    width: '(2x - 2bw)',\n    height: '(2x - 2bw)',\n    flexShrink: 0,\n    transition: 'theme',\n    opacity: {\n      '': 0,\n      'selected | indeterminate | hovered | focused': 1,\n    },\n    fill: {\n      '': '#surface',\n      'selected | indeterminate': '#primary',\n      'invalid & !(selected | indeterminate)': '#surface',\n      'invalid & (selected | indeterminate)': '#danger',\n      disabled: '#dark.12',\n    },\n    color: {\n      '': '#clear',\n      'selected | indeterminate': '#white',\n    },\n    border: {\n      '': '#dark.30',\n      invalid: '#danger',\n      'disabled | ((selected | indeterminate) & !invalid)': '#clear',\n    },\n  },\n});\n\nconst ListBoxCheckboxWrapper = tasty({\n  as: 'div',\n  styles: {\n    display: 'grid',\n    placeItems: 'center',\n    placeContent: 'center',\n    cursor: '$pointer',\n    placeSelf: 'stretch',\n  },\n});\n\nfunction renderCheckboxIcon({\n  isSelected,\n  isDisabled,\n  isFocused,\n  isHovered,\n  isInvalid,\n  isValid,\n}: {\n  isSelected: boolean;\n  isDisabled: boolean;\n  isFocused: boolean;\n  isHovered: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n}) {\n  const mods = {\n    selected: isSelected,\n    disabled: isDisabled,\n    focused: isFocused,\n    hovered: isHovered,\n    ...getValidationMods({ isInvalid, isValid }),\n  };\n\n  return (\n    <ListBoxCheckboxWrapper data-element=\"CheckboxWrapper\" mods={mods}>\n      <ListBoxCheckbox data-element=\"Checkbox\" mods={mods}>\n        <CheckIcon size={12} stroke={3} />\n      </ListBoxCheckbox>\n    </ListBoxCheckboxWrapper>\n  );\n}\n\nexport interface CubeListBoxProps<T>\n  extends Omit<\n      AriaListBoxProps<T>,\n      'autoFocus' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange'\n    >,\n    CollectionBase<T>,\n    FieldBaseProps<Key | readonly Key[] | null | undefined>,\n    BasePropsWithoutChildren,\n    // The style props `PROP_STYLES` extracts at runtime and the docs list;\n    // without these a `height` or `width` worked but failed to type-check.\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps {\n  /** Custom styles for the list container */\n  listStyles?: Styles;\n  /** Custom styles for individual options */\n  optionStyles?: Styles;\n  /**\n   * Substring to highlight within each option's (text) children. Typically the\n   * current search query. Matching is case-insensitive.\n   */\n  optionHighlight?: string;\n  /** Custom styles for section containers */\n  sectionStyles?: Styles;\n  /** Custom styles for section headings */\n  headingStyles?: Styles;\n  /**\n   * Space between options, in pixels. Defaults to a hairline (`1bw`). It\n   * applies to flat, virtualized, sectioned and reorderable lists alike.\n   */\n  listGap?: number;\n  /** Whether the ListBox is disabled */\n  isDisabled?: boolean;\n  /** The selected key in controlled single selection mode */\n  selectedKey?: Key | null;\n  /** The selected keys in controlled multiple selection mode. Use \"all\" to select all items or an array of keys */\n  selectedKeys?: 'all' | Key[];\n  /** The default selected key in uncontrolled single selection mode */\n  defaultSelectedKey?: Key | null;\n  /** The default selected keys in uncontrolled multiple selection mode. Use \"all\" to select all items or an array of keys */\n  defaultSelectedKeys?: 'all' | Key[];\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: Key | null | 'all' | Key[]) => void;\n  /** The selection mode of the ListBox */\n  selectionMode?: 'single' | 'multiple';\n  /** Ref for accessing the list DOM element */\n  listRef?: RefObject<HTMLUListElement | null>;\n  /** Whether to disallow empty selection */\n  disallowEmptySelection?: boolean;\n  /**\n   * Whether `onSelectionChange` should fire even when the new selection equals the\n   * current one (e.g. re-selecting the already-selected item with `disallowEmptySelection`).\n   * React Stately suppresses such duplicate events by default. Popover-based wrappers\n   * (Picker, FilterPicker) rely on the duplicate event to close the popover on re-select.\n   */\n  allowDuplicateSelectionEvents?: boolean;\n  /** Whether to wrap focus when reaching the end of the list */\n  shouldFocusWrap?: boolean;\n  /**\n   * Ref to access the internal ListState instance.\n   * This allows parent components to access selection state and other list functionality.\n   */\n  stateRef?: RefObject<any | null>;\n\n  /**\n   * Whether moving the pointer over an option will move DOM focus to that option.\n   * Set to false for components that keep DOM focus outside (e.g. searchable FilterListBox).\n   * Defaults to true.\n   */\n  focusOnHover?: boolean;\n  /** Custom header content displayed above the list */\n  header?: ReactNode;\n  /** Custom footer content displayed below the list */\n  footer?: ReactNode;\n  /** Custom styles for the header */\n  headerStyles?: Styles;\n  /** Custom styles for the footer */\n  footerStyles?: Styles;\n  /** Additional modifiers for styling the ListBox */\n  mods?: Record<string, boolean>;\n  /** Size variant of the ListBox */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * When `true`, clicking an already-selected item keeps it selected instead of toggling it off,\n   * and `onSelectionChange` reports that item again. Applies in single selection mode, whether\n   * `selectionMode` is set or left to its default. Useful when embedding ListBox inside\n   * components like ComboBox.\n   */\n  disableSelectionToggle?: boolean;\n\n  /**\n   * Whether to use virtual focus for keyboard navigation.\n   * When true, DOM focus stays outside individual option elements (useful for searchable lists).\n   * Defaults to false for backward compatibility.\n   */\n  shouldUseVirtualFocus?: boolean;\n\n  /**\n   * For a list whose focused option is moved from an input outside it, as\n   * FilterListBox's search input does: whether focus is within that input's\n   * component. The focused option is marked only while it is `true`. Unset, the\n   * list's own focus decides, and with `shouldUseVirtualFocus` the focused\n   * option is always marked.\n   */\n  isFocusWithin?: boolean;\n\n  /**\n   * Callback fired when the user presses Escape key.\n   * When provided, this prevents React Aria's default Escape behavior (selection reset).\n   */\n  onEscape?: () => void;\n\n  /**\n   * Whether to show checkboxes for multiple selection mode.\n   * This adds a checkbox icon to the left of each option.\n   */\n  isCheckable?: boolean;\n\n  /**\n   * Callback fired when an option is clicked but not on the checkbox area.\n   * Used by FilterPicker to close the popover on non-checkbox clicks.\n   */\n  onOptionClick?: (key: Key) => void;\n\n  /**\n   * Whether to show the \"Select All\" checkbox in multiple selection mode.\n   * It sits above the list as its own Tab stop and shows checked once every\n   * selectable item the list shows is selected. A press selects every item\n   * (`'all'`), or once checked takes the items shown out of the selection.\n   * Under a `filter` it acts only on the items shown, and selected items the\n   * filter hides stay selected.\n   */\n  showSelectAll?: boolean;\n\n  /**\n   * Label for the \"Select All\" option. Defaults to \"Select All\".\n   */\n  selectAllLabel?: ReactNode;\n\n  /**\n   * Props to apply to the \"Select All\" option.\n   */\n  allValueProps?: Partial<CubeCollectionItemProps<T>>;\n\n  /**\n   * Filter function to apply to the collection nodes.\n   * Takes an iterable of nodes and returns a filtered iterable.\n   * Useful for implementing search/filter functionality.\n   */\n  filter?: (nodes: Iterable<any>) => Iterable<any>;\n\n  /**\n   * Label to display when the list is empty (no items available).\n   * Defaults to \"No items\".\n   */\n  emptyLabel?: ReactNode;\n\n  /**\n   * Visual shape of the ListBox styling.\n   * - `card` (default): Standard card styling with border and margin\n   * - `plain`: No border, no margin, no radius - suitable for embedded use\n   * - `popover`: No border, but keeps margin and radius - suitable for overlay use\n   * Defaults to 'card'.\n   */\n  shape?: 'card' | 'plain' | 'popover';\n\n  /**\n   * Enable drag-and-drop reordering of list items.\n   * When enabled, virtualization is disabled and each item gets a drag handle.\n   * @default false\n   */\n  isReorderable?: boolean;\n\n  /**\n   * Callback when items are reordered via drag-and-drop.\n   * Called with the new array of item keys in their new order.\n   */\n  onReorder?: (newOrder: string[]) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n/** A collection with no options, for a list state that isn't needed. */\nconst NO_OPTIONS: ListProps<any> = { children: [], selectionMode: 'none' };\n\n/**\n * The \"Select All\" row: a tri-state checkbox above the list rather than an\n * option in it, since it acts on the options instead of being one. Being\n * outside the listbox keeps the listbox's children to options and groups, and\n * makes it a Tab stop of its own, which a list in virtual focus (searchable\n * lists) could not offer as an option.\n */\nconst SelectAllOption = ({\n  label,\n  isSelected,\n  isIndeterminate,\n  isDisabled,\n  isCheckable,\n  size = 'medium',\n  onClick,\n  focusProps,\n  allValueProps = {},\n}: {\n  label?: ReactNode;\n  isSelected: boolean;\n  isIndeterminate: boolean;\n  isDisabled?: boolean;\n  isCheckable?: boolean;\n  size?: 'small' | 'medium' | 'large';\n  /** `propagate` is false for a press on the checkbox mark, which only toggles */\n  onClick: (propagate: boolean) => void;\n  /** Tells the list when the row has focus */\n  focusProps: DOMAttributes<HTMLElement>;\n  allValueProps?: Partial<CubeCollectionItemProps<any>>;\n}) => {\n  const { t } = useI18n();\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  const { focusProps: focusRingProps, isFocusVisible } = useFocusRing();\n  const resolvedLabel =\n    label === '' || label === undefined || label === null\n      ? t('listBox.selectAll', 'Select All')\n      : label;\n\n  const markIcon = isIndeterminate ? (\n    <Icon size={12} stroke={3} aria-hidden=\"true\">\n      <IconMinus />\n    </Icon>\n  ) : (\n    <CheckIcon size={12} stroke={3} />\n  );\n\n  const checkboxMods = {\n    selected: isSelected,\n    disabled: isDisabled,\n    hovered: isHovered,\n    indeterminate: isIndeterminate,\n  };\n\n  const checkboxIcon = isCheckable ? (\n    <ListBoxCheckboxWrapper data-element=\"CheckboxWrapper\" mods={checkboxMods}>\n      <ListBoxCheckbox data-element=\"Checkbox\" mods={checkboxMods}>\n        {(isIndeterminate || isSelected) && markIcon}\n      </ListBoxCheckbox>\n    </ListBoxCheckboxWrapper>\n  ) : null;\n\n  const handleClick = (e: ReactMouseEvent<HTMLElement>) => {\n    // A click on the checkbox mark only toggles; one on the label also tells\n    // the list's owner, which closes a picker on it.\n    const checkbox = e.currentTarget.querySelector(\n      '[data-element=\"CheckboxWrapper\"]',\n    );\n\n    onClick(!checkbox?.contains(e.target as Node));\n  };\n\n  const handleKeyDown = (e: ReactKeyboardEvent<HTMLElement>) => {\n    if (e.key !== ' ') return;\n\n    // Space toggles a checkbox, and must neither scroll nor reach a shortcut.\n    e.preventDefault();\n    e.stopPropagation();\n    onClick(false);\n  };\n\n  return (\n    <>\n      <ListBoxItem\n        as=\"div\"\n        role=\"checkbox\"\n        aria-checked={isIndeterminate ? 'mixed' : isSelected}\n        data-size={size}\n        size={size}\n        isDisabled={isDisabled}\n        icon={checkboxIcon}\n        mods={{\n          listboxitem: true,\n          // As a mod rather than `isSelected`, which would add an\n          // `aria-selected` a checkbox does not take.\n          selected: isSelected,\n          disabled: isDisabled,\n          checkable: isCheckable,\n          hovered: isHovered,\n          focused: isFocusVisible,\n          indeterminate: isIndeterminate,\n          all: true, // Important: this preserves the 'all' modifier\n        }}\n        {...mergeProps(hoverProps, focusRingProps, focusProps, allValueProps, {\n          tabIndex: isDisabled ? undefined : 0,\n          onClick: handleClick,\n          onKeyDown: handleKeyDown,\n        })}\n      >\n        {resolvedLabel}\n      </ListBoxItem>\n      <StyledDivider as=\"div\" role=\"presentation\" />\n    </>\n  );\n};\n\n/** The keys of the options a user can select in a collection: not disabled. */\nfunction getSelectableKeys(\n  collection: Collection<CollectionNode<unknown>>,\n  disabledKeys: Set<Key>,\n): Key[] {\n  const keys: Key[] = [];\n\n  for (const key of collection.getKeys()) {\n    const node = collection.getItem(key);\n\n    if (\n      node?.type === 'item' &&\n      !disabledKeys.has(key) &&\n      !node.props?.isDisabled\n    ) {\n      keys.push(key);\n    }\n  }\n\n  return keys;\n}\n\n/**\n * The selection a \"Select All\" press leaves. While it isn't checked, the press\n * selects all (`'all'`), or under a filter adds the options shown. Once it is,\n * the press takes the options shown out of the selection: selected options\n * the list doesn't show, hidden by a filter or not among its options, stay.\n * `hiddenKeys` are the selectable options a filter hides.\n */\nfunction getSelectAllSelection(\n  isAllSelected: boolean,\n  selection: 'all' | Set<Key>,\n  shownKeys: Key[],\n  hiddenKeys: Key[],\n): 'all' | Set<Key> {\n  if (!isAllSelected) {\n    return selection === 'all' || hiddenKeys.length === 0\n      ? 'all'\n      : new Set([...selection, ...shownKeys]);\n  }\n\n  if (selection === 'all') return new Set(hiddenKeys);\n\n  const next = new Set(selection);\n\n  for (const key of shownKeys) next.delete(key);\n\n  return next;\n}\n\n/**\n * Whether every option a user can select is selected, which checks \"Select\n * All\". Disabled options don't count, and a list with nothing to select is\n * never all selected.\n */\nfunction isEverySelectableSelected(\n  collection: Collection<CollectionNode<unknown>>,\n  selectionManager: SelectionManager,\n): boolean {\n  if (selectionManager.rawSelection === 'all') return true;\n\n  let hasSelectable = false;\n\n  for (const key of collection.getKeys()) {\n    if (\n      collection.getItem(key)?.type !== 'item' ||\n      !selectionManager.canSelectItem(key)\n    ) {\n      continue;\n    }\n\n    if (!selectionManager.isSelected(key)) return false;\n\n    hasSelectable = true;\n  }\n\n  return hasSelectable;\n}\n\n/**\n * A public selection prop as the Set-based value React Stately expects: a key\n * array (or `'all'`, passed through) in multiple mode, a single key (or\n * `null` for none) in single mode.\n */\nfunction toStatelySelection(\n  value: 'all' | Key[] | Key | null,\n  isMultiple: boolean,\n): 'all' | Set<Key> {\n  if (isMultiple) {\n    return value === 'all' ? 'all' : new Set(value as Key[]);\n  }\n\n  return value == null ? new Set() : new Set([value as Key]);\n}\n\nexport const ListBox = forwardRef(function ListBox<T extends object>(\n  props: CubeListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      const fieldProps: any = {};\n\n      if (props.selectionMode === 'multiple') {\n        fieldProps.selectedKeys = value || [];\n      } else {\n        fieldProps.selectedKey = value ?? null;\n      }\n\n      fieldProps.onSelectionChange = (key: any) => {\n        if (props.selectionMode === 'multiple') {\n          onChange(key ? (Array.isArray(key) ? key : [key]) : []);\n        } else {\n          onChange(Array.isArray(key) ? key[0] : key);\n        }\n      };\n\n      return fieldProps;\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    id,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    isDisabled,\n    listStyles,\n    optionStyles,\n    optionHighlight,\n    sectionStyles,\n    headingStyles,\n    listGap,\n    listRef,\n    message,\n    description,\n    styles,\n    mods: externalMods,\n    size = 'medium',\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    selectedKeys,\n    defaultSelectedKeys,\n    shouldUseVirtualFocus,\n    isFocusWithin,\n    onSelectionChange,\n    disableSelectionToggle = false,\n    allowDuplicateSelectionEvents,\n    stateRef,\n    focusOnHover,\n    header,\n    footer,\n    headerStyles,\n    footerStyles,\n    onEscape,\n    isCheckable,\n    onOptionClick,\n    showSelectAll,\n    selectAllLabel,\n    allValueProps,\n    filter,\n    emptyLabel = t('listBox.noItems', 'No items'),\n    shape = 'card',\n    isReorderable = false,\n    onReorder,\n    form,\n    ...otherProps\n  } = props;\n\n  const lastSelectedKeyRef = useRef<Key | null>(null);\n\n  // Wrap onSelectionChange to prevent selection when disabled and handle React Aria's Set format\n  const externalSelectionHandler = onSelectionChange || (props as any).onChange;\n\n  const wrappedOnSelectionChange = useMemo(() => {\n    if (!externalSelectionHandler) return undefined;\n\n    return (keys: any) => {\n      // Don't allow selection changes when disabled\n      if (isDisabled) {\n        return;\n      }\n\n      // React Aria always passes a Set for selection changes\n      // Handle the special \"all\" case and convert to our public API format\n      if (keys === 'all') {\n        externalSelectionHandler('all');\n      } else if (keys instanceof Set) {\n        if (keys.size === 0) {\n          // Picking the selected option again keeps it, in single mode\n          // whether set or by default. The controlled key is the one picked.\n          if (disableSelectionToggle && props.selectionMode !== 'multiple') {\n            const prevKey = selectedKey ?? lastSelectedKeyRef.current;\n            if (prevKey != null) {\n              externalSelectionHandler(prevKey);\n              return;\n            }\n          }\n          externalSelectionHandler(\n            props.selectionMode === 'multiple' ? [] : null,\n          );\n        } else if (props.selectionMode === 'multiple') {\n          externalSelectionHandler(Array.from(keys));\n        } else {\n          const key = Array.from(keys)[0];\n          lastSelectedKeyRef.current = key ?? null;\n          externalSelectionHandler(key);\n        }\n      } else {\n        lastSelectedKeyRef.current = keys as Key | null;\n        externalSelectionHandler(keys);\n      }\n    };\n  }, [\n    externalSelectionHandler,\n    isDisabled,\n    props.selectionMode,\n    disableSelectionToggle,\n    selectedKey,\n  ]);\n\n  // Prepare props for useListState with correct selection props\n  const listStateProps: ListProps<T> = {\n    ...props,\n    onSelectionChange: wrappedOnSelectionChange,\n    disabledBehavior: 'all',\n    filter,\n    selectionMode: props.selectionMode || 'single',\n    allowDuplicateSelectionEvents,\n  };\n\n  // Set selection props based on mode: the array props in multiple mode, the\n  // scalar key props in single mode.\n  const isMultiple = listStateProps.selectionMode === 'multiple';\n  const selection = isMultiple ? selectedKeys : selectedKey;\n  const defaultSelection = isMultiple\n    ? defaultSelectedKeys\n    : defaultSelectedKey;\n\n  if (selection !== undefined) {\n    listStateProps.selectedKeys = toStatelySelection(selection, isMultiple);\n  }\n\n  if (defaultSelection !== undefined) {\n    listStateProps.defaultSelectedKeys = toStatelySelection(\n      defaultSelection,\n      isMultiple,\n    );\n  }\n\n  const listState = getValueSelectionState(useListState(listStateProps));\n\n  const hasSelectAll = !!showSelectAll && props.selectionMode === 'multiple';\n\n  // Under a filter, \"Select All\" acts on the options it shows and keeps the\n  // selected ones the filter hides, so it needs the whole list. Built only\n  // then; otherwise it is empty.\n  const { collection: fullCollection } = useListState<T>(\n    hasSelectAll && filter\n      ? { children: props.children, items: props.items, selectionMode: 'none' }\n      : NO_OPTIONS,\n  );\n\n  useLayoutEffect(() => {\n    const selected = listState.selectionManager.selectedKeys;\n    if (selected && (selected as any).size > 0) {\n      const first = Array.from(selected as Set<Key>)[0];\n      lastSelectedKeyRef.current = first ?? null;\n    }\n  }, [listState.selectionManager.selectedKeys]);\n\n  // Checked once every selectable option is selected, however it got there;\n  // mixed while only some are.\n  const isAllSelected =\n    hasSelectAll &&\n    isEverySelectableSelected(listState.collection, listState.selectionManager);\n  const isSomeSelected =\n    hasSelectAll && !isAllSelected && !listState.selectionManager.isEmpty;\n\n  // React Stately reports the change, so it is reported once. It reports none\n  // when nothing changes, as when `disallowEmptySelection` keeps the selection.\n  const handleSelectAllClick = (propagate: boolean) => {\n    if (isDisabled || !hasSelectAll) return;\n\n    const { collection, disabledKeys, selectionManager } = listState;\n    const next = getSelectAllSelection(\n      isAllSelected,\n      selectionManager.rawSelection,\n      getSelectableKeys(collection, disabledKeys),\n      getSelectableKeys(fullCollection, disabledKeys).filter(\n        (key) => !collection.getItem(key),\n      ),\n    );\n\n    if (next === 'all') {\n      selectionManager.selectAll();\n    } else if (next.size === 0) {\n      selectionManager.clearSelection();\n    } else {\n      selectionManager.setSelectedKeys(next);\n    }\n\n    if (propagate && !isAllSelected) {\n      onOptionClick?.('__ALL__');\n    }\n  };\n\n  // Track whether the last focus change was due to keyboard navigation\n  const lastFocusSourceRef = useRef<'keyboard' | 'mouse' | 'other'>('other');\n\n  // Expose the list state instance via the provided ref (if any)\n  if (stateRef) {\n    stateRef.current = {\n      ...listState,\n      lastFocusSourceRef,\n    };\n  }\n\n  // Warn if isCheckable is false in single selection mode\n  useWarn(isCheckable === false && props.selectionMode === 'single', {\n    key: ['listbox-checkable-single-mode'],\n    args: [\n      'CubeUIKit: isCheckable=false is not recommended in single selection mode as it may confuse users about selection behavior.',\n    ],\n  });\n\n  // Custom keyboard handling: `Escape` and `Tab` have to leave the list so a\n  // surrounding overlay can close on the one and keep focus inside with the\n  // other, while every other key stays contained. See\n  // `allowOverlayKeysToPropagate`.\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      allowOverlayKeysToPropagate(e);\n\n      // Mark focus changes from keyboard navigation\n      if (\n        e.key === 'ArrowDown' ||\n        e.key === 'ArrowUp' ||\n        e.key === 'Home' ||\n        e.key === 'End' ||\n        e.key === 'PageUp' ||\n        e.key === 'PageDown'\n      ) {\n        lastFocusSourceRef.current = 'keyboard';\n      }\n\n      if (e.key === 'Escape') {\n        // Called to potentially override the default selection clearing.\n        onEscape?.();\n      }\n    },\n  });\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  ref = useCombinedRefs(ref);\n  listRef = useCombinedRefs(listRef);\n\n  // ----- Collection and virtualization decision (must precede useListBox) -----\n  const itemsArray = useMemo(\n    () => [...listState.collection],\n    [listState.collection],\n  );\n\n  const hasSections = useMemo(\n    () => itemsArray.some((i) => i.type === 'section'),\n    [itemsArray],\n  );\n\n  const shouldVirtualize = !hasSections && !isReorderable;\n\n  const { listBoxProps, labelProps } = useListBox(\n    {\n      ...props,\n      id: id,\n      // Only disable isVirtualized for reorderable lists (DnD needs real DOM focus).\n      // Section-based lists keep isVirtualized: true to preserve ARIA attributes.\n      isVirtualized: !isReorderable,\n      shouldUseVirtualFocus: shouldUseVirtualFocus ?? false,\n      escapeKeyBehavior: onEscape ? 'none' : 'clearSelection',\n      onSelectionChange: wrappedOnSelectionChange,\n    },\n    listState,\n    listRef,\n  );\n\n  const { isFocused, focusProps } = useFocus();\n  // An empty list is still a Tab stop, on its `ul` with no height, so the\n  // card shows that focus as it shows its own.\n  const { isFocused: isListElementFocused, focusProps: listElementFocusProps } =\n    useFocus();\n  const { isFocused: isSelectAllFocused, focusProps: selectAllFocusProps } =\n    useFocus();\n\n  // The focused key outlives focus, so an option shows as focused only while\n  // the list has it. A component whose input moves the key (FilterListBox)\n  // says whether focus is within it, in any focus mode. Otherwise the list's\n  // own focus decides, and with virtual focus the focused key alone marks it.\n  // Focus on \"Select All\" is on neither.\n  const isListFocused =\n    !isSelectAllFocused &&\n    (isFocusWithin ??\n      (shouldUseVirtualFocus || listState.selectionManager.isFocused));\n\n  // Scroll container ref for virtualization\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  const rowVirtualizer = useVirtualizer({\n    count: shouldVirtualize ? itemsArray.length : 0,\n    getScrollElement: () => scrollRef.current,\n    // Use the actual item key to ensure React properly reconciles DOM elements\n    // when items are filtered, added, or removed. Without this, the virtualizer\n    // uses index-based keys which causes DOM reuse issues and style leaking.\n    // A new key function makes the virtualizer recompute positions from the\n    // heights it has measured per key. ListBox isn't compiled (useVirtualizer),\n    // so that is every render. Reading `itemsArray` keeps new items bringing a\n    // new function should it ever compile.\n    getItemKey: (index: number) => itemsArray[index]?.key ?? index,\n    estimateSize: (index: number) => {\n      const currentItem: any = itemsArray[index];\n\n      if (currentItem?.props?.description) {\n        return SIZES.XL;\n      }\n      return SIZES[SIZE_NAME_TO_KEY[size] as keyof typeof SIZES];\n    },\n    // Options are positioned absolutely here, so their margins space nothing.\n    // `1` matches the `1bw` default.\n    gap: listGap ?? 1,\n    overscan: 10,\n  });\n\n  // The virtualizer caches positions without the gap, so re-measure when it\n  // changes. Not when the items do: their positions follow `getItemKey`, and\n  // `measure()` would drop every measured height.\n  useEffect(() => {\n    if (shouldVirtualize) {\n      rowVirtualizer.measure();\n    }\n  }, [shouldVirtualize, rowVirtualizer, listGap]);\n\n  // The focused key this effect last saw, to tell a move of focus from a\n  // change of the items.\n  const lastFocusedKeyRef = useRef<Key | null>(null);\n\n  // Keep the focused option visible. One the virtualizer hasn't rendered is\n  // scrolled to by index, which renders it, when focus moves to it (End,\n  // typeahead, the selected option on autofocus or Tab); new items alone\n  // leave a list the user scrolled away from where it is. One already\n  // rendered is scrolled to only for keyboard navigation, so a click never\n  // moves the list.\n  useLayoutEffect(() => {\n    const focusedKey = listState.selectionManager.focusedKey;\n    const hasFocusMoved = focusedKey !== lastFocusedKeyRef.current;\n\n    lastFocusedKeyRef.current = focusedKey;\n\n    if (focusedKey == null) return;\n\n    const scrollElement = scrollRef.current;\n    if (!scrollElement) return;\n\n    const itemElement = scrollElement.querySelector(\n      `[data-key=\"${CSS.escape(String(focusedKey))}\"]`,\n    ) as HTMLElement;\n\n    if (!itemElement) {\n      const index = shouldVirtualize\n        ? itemsArray.findIndex((item) => item.key === focusedKey)\n        : -1;\n\n      if (index !== -1 && hasFocusMoved) {\n        rowVirtualizer.scrollToIndex(index, { align: 'auto' });\n      }\n\n      return;\n    }\n\n    // Only scroll on keyboard navigation\n    if (lastFocusSourceRef.current !== 'keyboard') return;\n\n    const scrollTop = scrollElement.scrollTop;\n    const viewportHeight = scrollElement.clientHeight;\n    const viewportBottom = scrollTop + viewportHeight;\n\n    const itemRect = itemElement.getBoundingClientRect();\n    const scrollRect = scrollElement.getBoundingClientRect();\n\n    // Calculate item position relative to scroll container\n    const itemTop = itemRect.top - scrollRect.top + scrollTop;\n    const itemBottom = itemTop + itemRect.height;\n\n    // Check if the item is fully visible in the viewport\n    const isAlreadyVisible =\n      itemTop >= scrollTop && itemBottom <= viewportBottom;\n\n    if (!isAlreadyVisible) {\n      // Use scrollIntoView with block: 'nearest' to minimize scroll jumps\n      itemElement.scrollIntoView({ block: 'nearest', behavior: 'auto' });\n    }\n  }, [\n    listState.selectionManager.focusedKey,\n    itemsArray,\n    shouldVirtualize,\n    rowVirtualizer,\n  ]);\n\n  // Merge React Aria listbox props with custom keyboard props so both sets of\n  // event handlers (e.g. Arrow navigation *and* our Escape handler) are\n  // preserved.\n  // `useListBox` takes no validation state, so the list would look invalid\n  // without a screen reader ever hearing it.\n  const mergedListBoxProps = mergeProps(\n    listBoxProps,\n    keyboardProps,\n    listElementFocusProps,\n    { 'aria-invalid': isInvalid || undefined },\n  );\n\n  // React Aria keeps a disabled list a Tab stop while no option has focus.\n  if (isDisabled) {\n    delete mergedListBoxProps.tabIndex;\n  }\n\n  // An empty list keeps its listbox, which ids from outside point at (a search\n  // input's `aria-controls`, the label's `aria-labelledby`), and says why it is\n  // empty through its description: a listbox may hold only options and groups.\n  const isEmpty = listState.collection.size === 0;\n  const emptyLabelId = `${listBoxProps.id}-empty`;\n\n  if (isEmpty) {\n    mergedListBoxProps['aria-describedby'] = [\n      mergedListBoxProps['aria-describedby'],\n      emptyLabelId,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  // Ordered keys for DnD reordering\n  const orderedKeys = useMemo(() => {\n    if (!isReorderable) {\n      return [];\n    }\n\n    return itemsArray\n      .filter((i) => i.type === 'item')\n      .map((i) => String(i.key));\n  }, [isReorderable, itemsArray]);\n\n  const isCardFocused = isFocused || (isEmpty && isListElementFocused);\n\n  const mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isDisabled,\n      focused: isCardFocused,\n      header: !!header || hasSelectAll,\n      footer: !!footer,\n      selectAll: hasSelectAll,\n      ...externalMods,\n    }),\n    [\n      isInvalid,\n      isValid,\n      isDisabled,\n      isCardFocused,\n      header,\n      footer,\n      hasSelectAll,\n      externalMods,\n    ],\n  );\n\n  const listGapTokens =\n    listGap == null ? undefined : { '$list-gap': `${listGap}px` };\n\n  const listBoxField = (\n    <ListBoxWrapperElement\n      ref={ref}\n      qa=\"ListBoxWrapper\"\n      mods={mods}\n      styles={styles}\n      data-shape={shape}\n    >\n      {header ? (\n        <StyledHeader styles={headerStyles} data-size={size}>\n          {header}\n        </StyledHeader>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n      {hasSelectAll ? (\n        <SelectAllOption\n          label={selectAllLabel}\n          isSelected={isAllSelected}\n          isIndeterminate={isSomeSelected}\n          isDisabled={isDisabled}\n          isCheckable={isCheckable}\n          size={size}\n          allValueProps={allValueProps}\n          focusProps={selectAllFocusProps}\n          onClick={handleSelectAllClick}\n        />\n      ) : (\n        <>\n          <div role=\"presentation\" />\n          <div role=\"presentation\" />\n        </>\n      )}\n      {/* Scroll container wrapper */}\n      <ListBoxScrollElement ref={scrollRef} mods={mods} {...focusProps}>\n        {isEmpty && (\n          <Item\n            id={emptyLabelId}\n            // Read as the listbox's description, so not a second time as text.\n            aria-hidden=\"true\"\n            preset=\"t4\"\n            color=\"#dark-03\"\n            size={size}\n            padding=\"(.5x - 1bw)\"\n          >\n            {emptyLabel}\n          </Item>\n        )}\n        {isReorderable && !isEmpty ? (\n          <DraggableListBox\n            state={listState}\n            listRef={listRef}\n            orderedKeys={orderedKeys}\n            onReorder={onReorder}\n          >\n            {(dragState, dropState, collectionProps) => (\n              <ListElement\n                qa={qa || 'ListBox'}\n                {...mergeProps(mergedListBoxProps, collectionProps)}\n                ref={listRef}\n                styles={listStyles}\n                tokens={listGapTokens}\n                aria-disabled={isDisabled || undefined}\n                mods={{ sections: false }}\n                data-shape={shape}\n                data-input-type=\"listbox\"\n              >\n                {itemsArray\n                  .filter((item) => item.type === 'item')\n                  .map((item) => (\n                    <Option\n                      key={item.key}\n                      size={size}\n                      item={item}\n                      state={listState}\n                      styles={optionStyles}\n                      highlight={optionHighlight}\n                      isParentDisabled={isDisabled}\n                      isInvalid={isInvalid}\n                      isValid={isValid}\n                      focusOnHover={focusOnHover}\n                      isListFocused={isListFocused}\n                      isCheckable={isCheckable}\n                      lastFocusSourceRef={lastFocusSourceRef}\n                      dragState={dragState}\n                      dropState={dropState}\n                      onClick={onOptionClick}\n                    />\n                  ))}\n              </ListElement>\n            )}\n          </DraggableListBox>\n        ) : (\n          <ListElement\n            qa={qa || 'ListBox'}\n            {...mergedListBoxProps}\n            ref={listRef}\n            styles={listStyles}\n            tokens={listGapTokens}\n            aria-disabled={isDisabled || undefined}\n            mods={{ sections: hasSections, empty: isEmpty }}\n            data-shape={shape}\n            data-input-type=\"listbox\"\n            style={\n              shouldVirtualize\n                ? {\n                    position: 'relative',\n                    height: `${rowVirtualizer.getTotalSize()}px`,\n                  }\n                : undefined\n            }\n          >\n            {shouldVirtualize\n              ? rowVirtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = itemsArray[virtualItem.index];\n\n                  return (\n                    <Option\n                      key={item.key}\n                      size={size}\n                      item={item}\n                      state={listState}\n                      styles={optionStyles}\n                      highlight={optionHighlight}\n                      isParentDisabled={isDisabled}\n                      isInvalid={isInvalid}\n                      isValid={isValid}\n                      focusOnHover={focusOnHover}\n                      isListFocused={isListFocused}\n                      isCheckable={isCheckable}\n                      // Measures the option's real height; the virtualizer adds the gap.\n                      virtualRef={rowVirtualizer.measureElement as any}\n                      virtualStyle={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        right: 0,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                      virtualIndex={virtualItem.index}\n                      lastFocusSourceRef={lastFocusSourceRef}\n                      onClick={onOptionClick}\n                    />\n                  );\n                })\n              : (() => {\n                  const renderedItems: ReactNode[] = [];\n                  let isFirstSection = true;\n\n                  for (const item of listState.collection) {\n                    if (item.type === 'section') {\n                      if (!isFirstSection) {\n                        renderedItems.push(\n                          // A listbox holds only options and groups.\n                          <StyledDivider\n                            key={`divider-${String(item.key)}`}\n                            role=\"presentation\"\n                          />,\n                        );\n                      }\n\n                      renderedItems.push(\n                        <ListBoxSection\n                          key={item.key}\n                          item={item}\n                          state={listState}\n                          optionStyles={optionStyles}\n                          optionHighlight={optionHighlight}\n                          headingStyles={headingStyles}\n                          sectionStyles={sectionStyles}\n                          isParentDisabled={isDisabled}\n                          isInvalid={isInvalid}\n                          isValid={isValid}\n                          focusOnHover={focusOnHover}\n                          isListFocused={isListFocused}\n                          isCheckable={isCheckable}\n                          size={size}\n                          lastFocusSourceRef={lastFocusSourceRef}\n                          onClick={onOptionClick}\n                        />,\n                      );\n\n                      isFirstSection = false;\n                    } else {\n                      renderedItems.push(\n                        <Option\n                          key={item.key}\n                          size={size}\n                          item={item}\n                          state={listState}\n                          styles={optionStyles}\n                          highlight={optionHighlight}\n                          isParentDisabled={isDisabled}\n                          isInvalid={isInvalid}\n                          isValid={isValid}\n                          focusOnHover={focusOnHover}\n                          isListFocused={isListFocused}\n                          isCheckable={isCheckable}\n                          lastFocusSourceRef={lastFocusSourceRef}\n                          onClick={onOptionClick}\n                        />,\n                      );\n                    }\n                  }\n\n                  return renderedItems;\n                })()}\n          </ListElement>\n        )}\n      </ListBoxScrollElement>\n      {footer ? (\n        <StyledFooter styles={footerStyles} data-size={size}>\n          {footer}\n        </StyledFooter>\n      ) : (\n        <div role=\"presentation\" />\n      )}\n    </ListBoxWrapperElement>\n  );\n\n  return wrapWithField<Omit<CubeListBoxProps<T>, 'children'>>(\n    listBoxField,\n    ref,\n    { ...props, labelProps: mergeAriaProps(labelProps, props.labelProps) },\n  );\n}) as unknown as (<T>(\n  props: CubeListBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & {\n  Item: typeof CollectionItem;\n  Section: typeof BaseSection;\n};\n\nfunction Option({\n  size = 'medium',\n  item,\n  state,\n  styles,\n  highlight,\n  isParentDisabled,\n  isInvalid,\n  isValid,\n  focusOnHover = false,\n  isListFocused = false,\n  isCheckable,\n  onClick: onOptionClick,\n  virtualStyle,\n  virtualRef,\n  virtualIndex,\n  lastFocusSourceRef,\n  dragState,\n  dropState,\n}: {\n  size?: 'small' | 'medium' | 'large';\n  item: any;\n  state: any;\n  styles?: Styles;\n  highlight?: string;\n  isParentDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  focusOnHover?: boolean;\n  /** Whether the list has focus, so its focused option shows as focused */\n  isListFocused?: boolean;\n  isCheckable?: boolean;\n  onClick?: (key: Key) => void;\n  /** Inline style applied when virtualized (absolute positioning etc.) */\n  virtualStyle?: CSSProperties;\n  /** react-virtual's `measureElement`, called with the option after every commit */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index from react-virtual for data-index attribute */\n  virtualIndex?: number;\n  /** Ref to track the source of focus changes */\n  lastFocusSourceRef?: MutableRefObject<'keyboard' | 'mouse' | 'other'>;\n  /** Drag state from DraggableCollection. When provided, enables drag-and-drop. */\n  dragState?: DraggableCollectionState;\n  /** Drop state from DraggableCollection. When provided, renders drop indicators. */\n  dropState?: DroppableCollectionState;\n}) {\n  const localRef = useRef<HTMLLIElement>(null);\n\n  // Measure during the commit. After it, the browser can paint the option at\n  // its estimated height first, overlapping the next one for a frame.\n  useLayoutEffect(() => {\n    virtualRef?.(localRef.current);\n  });\n\n  const isDisabled = isParentDisabled || state.disabledKeys.has(item.key);\n  const isSelected = state.selectionManager.isSelected(item.key);\n\n  // Drag-and-drop support — only enable when both states are provided\n  const isDraggable = !!dragState && !!dropState;\n\n  // useDraggableItem must be called unconditionally (Rules of Hooks).\n  // When dragState is undefined, we pass a minimal mock state to satisfy the hook.\n  const mockDragState = useMemo(\n    () => createMockDragState(state.collection, state.selectionManager),\n    [state.collection, state.selectionManager],\n  );\n\n  const dragResult = useDraggableItem(\n    { key: item.key },\n    dragState ?? mockDragState,\n  );\n  const effectiveDragProps = isDraggable ? dragResult.dragProps : {};\n  const isDragging = isDraggable && !!dragState?.isDragging(item.key);\n\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n\n  const { optionProps, isPressed, labelProps, descriptionProps } = useOption(\n    {\n      key: item.key,\n      isDisabled,\n      isSelected,\n      shouldSelectOnPressUp: true,\n      shouldFocusOnHover: focusOnHover,\n    },\n    state,\n    localRef,\n  );\n\n  const isFocused =\n    !isDisabled &&\n    isListFocused &&\n    state.selectionManager.focusedKey === item.key;\n\n  // Filter out service props - all remaining props can be passed to Item\n  const filteredItemProps = filterSelectionItemProps(\n    filterCollectionItemProps(item.props),\n  );\n\n  // Determine icon: drag handle > checkbox > user icon > default\n  const effectiveIcon = useMemo(() => {\n    if (isDraggable) {\n      if (!filteredItemProps.icon || isHovered) {\n        return <GripVerticalIcon size={14} />;\n      }\n    }\n\n    if (\n      !isCheckable ||\n      state.selectionManager.selectionMode !== 'multiple' ||\n      filteredItemProps.icon\n    ) {\n      return (\n        filteredItemProps.icon ??\n        (state.selectionManager.selectionMode !== 'multiple' ? null : undefined)\n      );\n    }\n\n    return renderCheckboxIcon({\n      isSelected,\n      isDisabled,\n      isFocused,\n      isHovered,\n      isInvalid,\n      isValid,\n    });\n  }, [\n    isDraggable,\n    isCheckable,\n    state.selectionManager.selectionMode,\n    isSelected,\n    isDisabled,\n    isFocused,\n    isHovered,\n    isInvalid,\n    isValid,\n    filteredItemProps.icon,\n  ]);\n\n  // Side-effects layered on top of React Aria's own onClick. The underlying\n  // React Aria onClick is already chained via mergeProps below, so this handler\n  // must NOT call optionProps.onClick again — re-invoking it would trigger\n  // usePress's virtual-click branch and double-fire onPress (and toggle\n  // selection twice in multiple mode).\n  const runOptionExtras = (target: EventTarget | null) => {\n    if (lastFocusSourceRef) {\n      lastFocusSourceRef.current = 'mouse';\n    }\n\n    state.selectionManager.setFocusedKey(item.key);\n\n    if (!onOptionClick) {\n      return;\n    }\n\n    // In checkable multiple mode, suppress the callback when the click landed\n    // inside the checkbox wrapper — that area is reserved for toggle-only\n    // behaviour (React Aria still handles the toggle via the chained onClick).\n    if (isCheckable && state.selectionManager.selectionMode === 'multiple') {\n      const clickTarget = target as HTMLElement;\n      const checkboxElement = localRef.current?.querySelector(\n        '[data-element=\"CheckboxWrapper\"]',\n      );\n\n      if (\n        checkboxElement &&\n        (checkboxElement === clickTarget ||\n          checkboxElement.contains(clickTarget))\n      ) {\n        return;\n      }\n    }\n\n    onOptionClick(item.key);\n  };\n\n  const handleOptionExtras = (e: MouseEvent) => runOptionExtras(e.target);\n\n  // A mouse press picks the option it started on, even if the list moved\n  // under the pointer before the release. The browser then sends the click to\n  // a common ancestor, so the press runs the click's side effects itself.\n  const originPress = useOptionOriginPress({\n    key: item.key,\n    ref: localRef,\n    manager: state.selectionManager,\n    isDisabled,\n    onSettle: runOptionExtras,\n  });\n\n  // Filter out React Aria props that shouldn't reach the DOM\n  const {\n    onKeyDown,\n    onKeyUp,\n    onPointerUp,\n    tabIndex,\n    'aria-selected': ariaSelected,\n    'aria-disabled': ariaDisabled,\n    role,\n    ...filteredOptionProps\n  } = filterSelectionItemProps(optionProps);\n\n  const theme = getValidationTheme(\n    'default' as const,\n    { isInvalid, isValid },\n    { includeValid: true },\n  );\n\n  const listBoxItem = (\n    <ListBoxItem\n      ref={localRef}\n      data-key={String(item.key)}\n      {...mergeProps(\n        filteredOptionProps,\n        hoverProps,\n        filteredItemProps,\n        {\n          onClick: handleOptionExtras,\n          onKeyDown,\n          onKeyUp,\n          onPointerDown: originPress.onPointerDown,\n          onPointerUp: originPress.wrapPointerUp(onPointerUp),\n          tabIndex,\n          'aria-selected': ariaSelected,\n          'aria-disabled': ariaDisabled,\n          role,\n        },\n        effectiveDragProps,\n      )}\n      theme={theme}\n      style={virtualStyle}\n      data-size={size}\n      data-index={virtualIndex}\n      size={size}\n      display={isDraggable ? 'grid' : undefined}\n      isSelected={isSelected}\n      isDisabled={isDisabled}\n      icon={effectiveIcon}\n      highlight={highlight}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      styles={mergeStyles(styles, filteredItemProps.styles)}\n      defaultTooltipPlacement=\"right\"\n      mods={{\n        listboxitem: true,\n        focused: isFocused,\n        pressed: isPressed,\n        dragging: isDragging,\n        draggable: isDraggable,\n        gripIcon: isDraggable && (!filteredItemProps.icon || isHovered),\n        valid: isSelected && !!isValid && !isInvalid,\n        invalid: isSelected && !!isInvalid,\n        checkable: isCheckable,\n        hovered: isHovered,\n        all: false, // This will be set to true for SelectAllOption\n      }}\n    >\n      {item.rendered}\n    </ListBoxItem>\n  );\n\n  if (!isDraggable || !dropState) {\n    return listBoxItem;\n  }\n\n  return (\n    <>\n      <ListBoxDropIndicator\n        target={{ type: 'item', key: item.key, dropPosition: 'before' }}\n        dropState={dropState}\n      />\n      {listBoxItem}\n      <ListBoxDropIndicator\n        target={{ type: 'item', key: item.key, dropPosition: 'after' }}\n        dropState={dropState}\n      />\n    </>\n  );\n}\n\n// =============================================================================\n// Drop Indicator for DnD reordering\n// =============================================================================\n\nfunction ListBoxDropIndicator({\n  target,\n  dropState,\n}: {\n  target: DropTarget;\n  dropState: DroppableCollectionState;\n}) {\n  const ref = useRef<HTMLLIElement>(null);\n  const { dropIndicatorProps, isHidden, isDropTarget } = useDropIndicator(\n    { target },\n    dropState,\n    ref,\n  );\n\n  if (isHidden) {\n    return null;\n  }\n\n  return (\n    <ListBoxDropIndicatorElement\n      ref={ref}\n      role=\"option\"\n      {...dropIndicatorProps}\n      mods={{ 'drop-indicator': true, 'drop-target': isDropTarget }}\n    >\n      <div data-element=\"Indicator\" />\n    </ListBoxDropIndicatorElement>\n  );\n}\n\ninterface ListBoxSectionProps<T> {\n  item: any;\n  state: any;\n  optionStyles?: Styles;\n  optionHighlight?: string;\n  headingStyles?: Styles;\n  sectionStyles?: Styles;\n  isParentDisabled?: boolean;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  focusOnHover?: boolean;\n  isListFocused?: boolean;\n  isCheckable?: boolean;\n  onClick?: (key: Key) => void;\n  size?: 'small' | 'medium' | 'large';\n  lastFocusSourceRef?: MutableRefObject<'keyboard' | 'mouse' | 'other'>;\n}\n\nfunction ListBoxSection<T>(props: ListBoxSectionProps<T>) {\n  const {\n    item,\n    state,\n    optionStyles,\n    optionHighlight,\n    headingStyles,\n    sectionStyles,\n    isParentDisabled,\n    isInvalid,\n    isValid,\n    focusOnHover,\n    isListFocused,\n    isCheckable,\n    onClick: onOptionClick,\n    lastFocusSourceRef,\n  } = props;\n  const heading = item.rendered;\n\n  const { itemProps, headingProps, groupProps } = useListBoxSection({\n    heading,\n    'aria-label': item['aria-label'],\n  });\n\n  return (\n    <SectionWrapperElement {...itemProps} styles={sectionStyles}>\n      {heading && (\n        <StyledSectionHeading\n          {...headingProps}\n          size={props.size}\n          styles={headingStyles}\n        >\n          {heading}\n        </StyledSectionHeading>\n      )}\n      <SectionListElement {...groupProps}>\n        {[...item.childNodes]\n          .filter((node: any) => state.collection.getItem(node.key))\n          .map((node: any) => (\n            <Option\n              key={node.key}\n              size={props.size}\n              item={node}\n              state={state}\n              styles={optionStyles}\n              highlight={optionHighlight}\n              isParentDisabled={isParentDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              focusOnHover={focusOnHover}\n              isListFocused={isListFocused}\n              isCheckable={isCheckable}\n              lastFocusSourceRef={lastFocusSourceRef}\n              onClick={onOptionClick}\n            />\n          ))}\n      </SectionListElement>\n    </SectionWrapperElement>\n  );\n}\n\ntype SectionComponent = typeof BaseSection;\n\nconst ListBoxSectionComponent = Object.assign(BaseSection, {\n  displayName: 'Section',\n}) as SectionComponent;\n\nListBox.Item = CollectionItem;\n\nListBox.Section = ListBoxSectionComponent;\n\nObject.defineProperty(ListBox, 'cubeInputType', {\n  value: 'ListBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | 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-bef9600 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e3f8a1a | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs as mergeRefs$1 } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -74,11 +74,12 @@ const ListBoxPopoverElement = tasty({
 	}
 });
 const ListBoxPopover = function ListBoxPopover(props) {
-	const $ = c(79);
+	const $ = c(80);
 	const { t } = useI18n();
 	const { isOpen, triggerRef, popoverRef, listBoxRef, direction, shouldFlip, overlayOffset, containerPadding, comboBoxWidth, listBoxId, overlayStyles, listBoxStyles, optionStyles, optionHighlight, sectionStyles, headingStyles, listGap, selectedKey, selectionMode: t0, selectedKeys, isCheckable, shouldCloseOnTriggerInteraction: t1, isDisabled, disabledKeys, items, children, listStateRef, onSelectionChange, onClose, label, ariaLabel, ariaLabelledby, compositeFocusProps, filter, size: t2, emptyLabel, positionTargetRef, positionApiRef } = props;
 	const selectionMode = t0 === void 0 ? "single" : t0;
 	const shouldCloseOnTriggerInteraction = t1 === void 0 ? true : t1;
+	const size = t2 === void 0 ? "medium" : t2;
 	const mergedPopoverRef = popoverRef;
 	const layerRef = useModalLayerRef();
 	const overlayScrollRef = useRef(null);
@@ -233,7 +234,7 @@ const ListBoxPopover = function ListBoxPopover(props) {
 	} else t18 = $[39];
 	const setScrollRef = t18;
 	let t19;
-	if ($[40] !== ariaLabel || $[41] !== ariaLabelledby || $[42] !== children || $[43] !== comboBoxWidth || $[44] !== compositeFocusProps || $[45] !== disabledKeys || $[46] !== emptyLabel || $[47] !== filter || $[48] !== headingStyles || $[49] !== isCheckable || $[50] !== isDisabled || $[51] !== items || $[52] !== label || $[53] !== layerRef || $[54] !== listBoxId || $[55] !== listBoxRef || $[56] !== listBoxStyles || $[57] !== listGap || $[58] !== listStateRef || $[59] !== maxHeight || $[60] !== maxWidth || $[61] !== mergedPopoverRef || $[62] !== onSelectionChange || $[63] !== optionHighlight || $[64] !== optionStyles || $[65] !== overlayBehaviorProps || $[66] !== overlayPositionProps || $[67] !== overlayStyles || $[68] !== placementDirection || $[69] !== positionStyle || $[70] !== sectionStyles || $[71] !== selectedKey || $[72] !== selectedKeys || $[73] !== selectionMode || $[74] !== t) {
+	if ($[40] !== ariaLabel || $[41] !== ariaLabelledby || $[42] !== children || $[43] !== comboBoxWidth || $[44] !== compositeFocusProps || $[45] !== disabledKeys || $[46] !== emptyLabel || $[47] !== filter || $[48] !== headingStyles || $[49] !== isCheckable || $[50] !== isDisabled || $[51] !== items || $[52] !== label || $[53] !== layerRef || $[54] !== listBoxId || $[55] !== listBoxRef || $[56] !== listBoxStyles || $[57] !== listGap || $[58] !== listStateRef || $[59] !== maxHeight || $[60] !== maxWidth || $[61] !== mergedPopoverRef || $[62] !== onSelectionChange || $[63] !== optionHighlight || $[64] !== optionStyles || $[65] !== overlayBehaviorProps || $[66] !== overlayPositionProps || $[67] !== overlayStyles || $[68] !== placementDirection || $[69] !== positionStyle || $[70] !== sectionStyles || $[71] !== selectedKey || $[72] !== selectedKeys || $[73] !== selectionMode || $[74] !== size || $[75] !== t) {
 		t19 = (t20) => {
 			const { phase, isShown, isExiting, ref: transitionRef } = t20;
 			transitionRefHolder.current = transitionRef;
@@ -266,12 +267,13 @@ const ListBoxPopover = function ListBoxPopover(props) {
 						id: listBoxId,
 						"aria-label": ariaLabel || (typeof label === "string" ? label : ariaLabelledby ? void 0 : t("listBoxPopover.options", "Options")),
 						"aria-labelledby": ariaLabelledby,
-						selectionMode: selectionMode === "multiple" ? "multiple" : void 0,
+						selectionMode,
 						selectedKey: selectionMode === "single" ? selectedKey : void 0,
 						selectedKeys: selectionMode === "multiple" ? selectedKeys : void 0,
 						isCheckable: selectionMode === "multiple" ? isCheckable : void 0,
 						isDisabled,
 						disabledKeys,
+						size: size === "large" ? "large" : "medium",
 						shouldUseVirtualFocus: true,
 						items,
 						filter,
@@ -324,19 +326,20 @@ const ListBoxPopover = function ListBoxPopover(props) {
 		$[71] = selectedKey;
 		$[72] = selectedKeys;
 		$[73] = selectionMode;
-		$[74] = t;
-		$[75] = t19;
-	} else t19 = $[75];
+		$[74] = size;
+		$[75] = t;
+		$[76] = t19;
+	} else t19 = $[76];
 	let t20;
-	if ($[76] !== isOpen || $[77] !== t19) {
+	if ($[77] !== isOpen || $[78] !== t19) {
 		t20 = /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(DisplayTransition, {
 			isShown: isOpen,
 			children: t19
 		}) });
-		$[76] = isOpen;
-		$[77] = t19;
-		$[78] = t20;
-	} else t20 = $[78];
+		$[77] = isOpen;
+		$[78] = t19;
+		$[79] = t20;
+	} else t20 = $[79];
 	return t20;
 };