@cube-dev/ui-kit 0.0.0-canary-c325dcb → 0.0.0-canary-162cdb3

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -295,6 +295,15 @@ const SelectAllOption = ({ label, isSelected, isIndeterminate, isDisabled, isChe
 		children: resolvedLabel
 	}), /* @__PURE__ */ jsx(StyledDivider, {})] });
 };
+/**
+* A public selection prop as the Set-based value React Stately expects: a key
+* array (or `'all'`, passed through) in multiple mode, a single key (or
+* `null` for none) in single mode.
+*/
+function toStatelySelection(value, isMultiple) {
+	if (isMultiple) return value === "all" ? "all" : new Set(value);
+	return value == null ? /* @__PURE__ */ new Set() : new Set([value]);
+}
 const ListBox = forwardRef(function ListBox(props, ref) {
 	props = useFieldProps(props, { valuePropsMapper: ({ value, onChange }) => {
 		const fieldProps = {};
@@ -350,13 +359,11 @@ const ListBox = forwardRef(function ListBox(props, ref) {
 		selectionMode: props.selectionMode || "single",
 		allowDuplicateSelectionEvents
 	};
-	if (listStateProps.selectionMode === "multiple") {
-		if (selectedKeys !== void 0) listStateProps.selectedKeys = selectedKeys === "all" ? "all" : new Set(selectedKeys);
-		if (defaultSelectedKeys !== void 0) listStateProps.defaultSelectedKeys = defaultSelectedKeys === "all" ? "all" : new Set(defaultSelectedKeys);
-	} else {
-		if (selectedKey !== void 0) listStateProps.selectedKeys = selectedKey == null ? /* @__PURE__ */ new Set() : new Set([selectedKey]);
-		if (defaultSelectedKey !== void 0) listStateProps.defaultSelectedKeys = defaultSelectedKey == null ? /* @__PURE__ */ new Set() : new Set([defaultSelectedKey]);
-	}
+	const isMultiple = listStateProps.selectionMode === "multiple";
+	const selection = isMultiple ? selectedKeys : selectedKey;
+	const defaultSelection = isMultiple ? defaultSelectedKeys : defaultSelectedKey;
+	if (selection !== void 0) listStateProps.selectedKeys = toStatelySelection(selection, isMultiple);
+	if (defaultSelection !== void 0) listStateProps.defaultSelectedKeys = toStatelySelection(defaultSelection, isMultiple);
 	const listState = useListState(listStateProps);
 	useLayoutEffect(() => {
 		const selected = listState.selectionManager.selectedKeys;

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","useDraggableItem","useDropIndicator","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","mergeProps","useCombinedRefs","allowEscapeToPropagate","useFocus","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","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","ListBox","props","ref","HTMLDivElement","valuePropsMapper","value","onChange","fieldProps","Array","isArray","extra","id","labelStyles","isRequired","necessityIndicator","message","description","externalMods","labelSuffix","form","otherProps","forceUpdate","lastSelectedKeyRef","externalSelectionHandler","wrappedOnSelectionChange","keys","Set","prevKey","from","listStateProps","disabledBehavior","listState","first","selectAllState","rawSelection","collection","disabledKeys","handleSelectAllClick","clearSelection","selectAll","args","keyboardProps","onKeyDown","itemsArray","hasSections","some","i","type","shouldVirtualize","listBoxProps","toString","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","labelProps","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  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 { allowEscapeToPropagate } from '../../../utils/react/escapePropagation';\nimport { useFocus } from '../../../utils/react/interactions';\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} 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}>\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\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\n  if (listStateProps.selectionMode === 'multiple') {\n    if (selectedKeys !== undefined) {\n      // Handle \"all\" selection by passing it directly to React Aria\n      listStateProps.selectedKeys =\n        selectedKeys === 'all' ? 'all' : new Set(selectedKeys as Key[]);\n    }\n    if (defaultSelectedKeys !== undefined) {\n      // Handle \"all\" default selection\n      listStateProps.defaultSelectedKeys =\n        defaultSelectedKeys === 'all'\n          ? 'all'\n          : new Set(defaultSelectedKeys as Key[]);\n    }\n    // Remove single-selection props if any\n  } else {\n    // For single-selection we convert the scalar key props that our public\n    // API exposes into the Set-based props that React Stately expects.\n    if (selectedKey !== undefined) {\n      listStateProps.selectedKeys =\n        selectedKey == null ? new Set() : new Set([selectedKey]);\n    }\n\n    if (defaultSelectedKey !== undefined) {\n      listStateProps.defaultSelectedKeys =\n        defaultSelectedKey == null ? new Set() : new Set([defaultSelectedKey]);\n    }\n\n    // Remove the single-value props so we don't pass unsupported keys through.\n  }\n\n  const listState = 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` has to leave the list so a surrounding\n  // overlay can close on it, while every other key stays contained. See\n  // `allowEscapeToPropagate` — \"let the overlay system handle closing\" is what\n  // the old comment here intended, but only `preventDefault` was ever covered.\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      allowEscapeToPropagate(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 } = useListBox(\n    {\n      ...props,\n      id: id,\n      'aria-label': props['aria-label'] || label?.toString(),\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  const mergedListBoxProps = mergeProps(listBoxProps, keyboardProps);\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,\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 = filterCollectionItemProps(item.props);\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  } = 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","ForwardedRef","forwardRef","MutableRefObject","ReactElement","ReactNode","RefObject","useEffect","useLayoutEffect","useMemo","useRef","useState","AriaListBoxProps","DropTarget","useDraggableItem","useDropIndicator","useKeyboard","useListBox","useListBoxSection","useOption","Section","BaseSection","DraggableCollectionState","DroppableCollectionState","ListProps","useListState","useWarn","useI18n","CheckIcon","GripVerticalIcon","Icon","SIZE_NAME_TO_KEY","SIZES","mergeProps","useCombinedRefs","allowEscapeToPropagate","useFocus","extractStyles","StyledDivider","StyledFooter","StyledHeader","StyledSectionHeading","CollectionItem","CubeCollectionItemProps","filterCollectionItemProps","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","toString","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","labelProps","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  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 { allowEscapeToPropagate } from '../../../utils/react/escapePropagation';\nimport { useFocus } from '../../../utils/react/interactions';\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} 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}>\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 = 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` has to leave the list so a surrounding\n  // overlay can close on it, while every other key stays contained. See\n  // `allowEscapeToPropagate` — \"let the overlay system handle closing\" is what\n  // the old comment here intended, but only `preventDefault` was ever covered.\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      allowEscapeToPropagate(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 } = useListBox(\n    {\n      ...props,\n      id: id,\n      'aria-label': props['aria-label'] || label?.toString(),\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  const mergedListBoxProps = mergeProps(listBoxProps, keyboardProps);\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,\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 = filterCollectionItemProps(item.props);\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  } = 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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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | 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-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

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

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

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

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

package/dist/components/fields/NumberInput/NumberInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { isTextOnly } from "../../../utils/react/isTextOnly.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/RadioGroup/Radio.d.ts

@@ -170,8 +170,8 @@ declare const Tabs: react.ComponentType<{
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
   key?: react.Key | null | undefined;
-  isLoading?: boolean | undefined;
   onFocusChange?: ((isFocused: boolean) => void) | undefined;
+  isLoading?: boolean | undefined;
   labelProps?: Props | undefined;
   description?: react.ReactNode;
   extra?: react.ReactNode;
@@ -317,8 +317,8 @@ declare const ButtonGroup: react.ComponentType<{
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
   key?: react.Key | null | undefined;
-  isLoading?: boolean | undefined;
   onFocusChange?: ((isFocused: boolean) => void) | undefined;
+  isLoading?: boolean | undefined;
   labelProps?: Props | undefined;
   description?: react.ReactNode;
   extra?: react.ReactNode;
@@ -474,8 +474,8 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     theme?: string | (string & {}) | undefined;
     tokens?: _tenphi_tasty0.Tokens | undefined;
     key?: react.Key | null | undefined;
-    isLoading?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
+    isLoading?: boolean | undefined;
     labelProps?: Props | undefined;
     description?: react.ReactNode;
     extra?: react.ReactNode;
@@ -621,8 +621,8 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     theme?: string | (string & {}) | undefined;
     tokens?: _tenphi_tasty0.Tokens | undefined;
     key?: react.Key | null | undefined;
-    isLoading?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
+    isLoading?: boolean | undefined;
     labelProps?: Props | undefined;
     description?: react.ReactNode;
     extra?: react.ReactNode;

package/dist/components/fields/RadioGroup/Radio.js

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

package/dist/components/fields/RadioGroup/RadioGroup.js

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

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c325dcb | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-162cdb3 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts