@cube-dev/ui-kit 0.182.0 → 0.183.0

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","names":["useFocus","Item","BaseSection"],"sources":["../../../../src/components/fields/ComboBox/ComboBox.tsx"],"sourcesContent":["import { FocusableRef, Key } from '@react-types/shared';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useKeyboard } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { extractStyles } from '../../../utils/styles';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport {\n  getValidationIcon,\n  getValidationMods,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport {\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  markKeyboardFocus,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  DEFAULT_INPUT_STYLES,\n  INPUT_WRAPPER_STYLES,\n} from '../TextInput/TextInputBase';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport type PopoverTriggerAction = 'focus' | 'input' | 'manual';\n\nconst ComboBoxWrapperElement = tasty({\n  qa: 'ComboBoxWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nconst InputElement = tasty({\n  as: 'input',\n  styles: DEFAULT_INPUT_STYLES,\n});\n\nexport interface CubeComboBoxProps<T>\n  extends BasePropsWithoutChildren,\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected key in controlled mode */\n  selectedKey?: string | null;\n  /** The default selected key in uncontrolled mode */\n  defaultSelectedKey?: string | null;\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: string | null) => void;\n\n  /** The input value in controlled mode */\n  inputValue?: string;\n  /** The default input value in uncontrolled mode */\n  defaultInputValue?: string;\n  /** Callback fired when input value changes */\n  onInputChange?: (value: string) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /** HTML autocomplete attribute for the input */\n  autoComplete?: string;\n  /** Callback fired when focus enters the component (input, trigger, or popover). Does not receive event object. */\n  onFocus?: () => void;\n  /** Callback fired when focus leaves the component entirely. Does not receive event object. */\n  onBlur?: () => void;\n  /** Callback fired when a key is pressed on the input */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n\n  /** Popover trigger behavior: 'focus', 'input', or 'manual'. Defaults to 'input' */\n  popoverTrigger?: PopoverTriggerAction;\n\n  /** Items for the listbox (alternative to children) */\n  items?: Iterable<T>;\n  /** Children for the listbox (static items or render function) */\n  children?: ReactNode | ((item: T) => ReactElement);\n\n  /**\n   * Custom filter function for determining if an option should be included.\n   * Pass `false` to disable internal filtering completely.\n   */\n  filter?: FilterFn | false;\n\n  /** Whether to allow entering custom values that are not in the predefined options */\n  allowsCustomValue?: boolean;\n  /** Whether to commit custom value on blur in allowsCustomValue mode (default: true) */\n  shouldCommitOnBlur?: boolean;\n  /** Whether to clear selection and input on blur (default: false, only applies to non-custom-value mode) */\n  clearOnBlur?: boolean;\n  /** Whether the combobox is clearable using ESC key or clear button */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n\n  /** Left input icon */\n  icon?: ReactElement;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Whether to hide the trigger button */\n  hideTrigger?: boolean;\n  /** Size of the combobox */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n\n  /** Ref for accessing the input element */\n  inputRef?: RefObject<HTMLInputElement>;\n  /** Ref for accessing the wrapper element */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the listbox element */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the popover element */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the trigger button element */\n  triggerRef?: FocusableRef<HTMLButtonElement>;\n\n  /** Custom styles for the input */\n  inputStyles?: Styles;\n  /** Custom styles for the trigger button */\n  triggerStyles?: Styles;\n  /** Custom styles for the listbox */\n  listBoxStyles?: Styles;\n  /** Custom styles for the popover overlay */\n  overlayStyles?: Styles;\n  /** Custom styles for individual options */\n  optionStyles?: Styles;\n  /** Custom styles for sections */\n  sectionStyles?: Styles;\n  /** Custom styles for section headings */\n  headingStyles?: Styles;\n\n  /** Whether the combobox is disabled */\n  isDisabled?: boolean;\n  /** Whether the combobox is in loading state */\n  isLoading?: boolean;\n  /** Keys of disabled items */\n  disabledKeys?: Iterable<Key>;\n  /** Whether to flip the popover placement */\n  shouldFlip?: boolean;\n  /** Placement direction for the popover */\n  direction?: 'bottom' | 'top';\n  /** Offset for the popover */\n  overlayOffset?: number;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /** Whether the combobox is read-only */\n  isReadOnly?: boolean;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Sort selected item to the top when the popover opens.\n   * Only works when using the `items` prop (data-driven mode).\n   * Ignored when using JSX children.\n   * @default true when items are provided, false when using JSX children\n   */\n  sortSelectedToTop?: boolean;\n  /** Callback called when the popover open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// ============================================================================\n// Hook: useComboBoxState\n// ============================================================================\ninterface UseComboBoxStateProps {\n  selectedKey?: string | null;\n  defaultSelectedKey?: string | null;\n  inputValue?: string;\n  defaultInputValue?: string;\n  comboBoxId: string;\n  triggerRef?: RefObject<HTMLElement | null>;\n  popoverRef?: RefObject<HTMLElement | null>;\n}\n\ninterface UseComboBoxStateReturn {\n  effectiveSelectedKey: Key | null;\n  effectiveInputValue: string;\n  isPopoverOpen: boolean;\n  setIsPopoverOpen: (open: boolean) => void;\n  setInternalSelectedKey: (key: Key | null) => void;\n  setInternalInputValue: (value: string) => void;\n  isControlledKey: boolean;\n  isControlledInput: boolean;\n}\n\nfunction useComboBoxState({\n  selectedKey,\n  defaultSelectedKey,\n  inputValue,\n  defaultInputValue,\n  comboBoxId,\n  triggerRef,\n  popoverRef,\n}: UseComboBoxStateProps): UseComboBoxStateReturn {\n  // Internal state for uncontrolled mode\n  const [internalSelectedKey, setInternalSelectedKey] = useState<Key | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [internalInputValue, setInternalInputValue] = useState(\n    defaultInputValue ?? '',\n  );\n\n  const isControlledKey = selectedKey !== undefined;\n  const isControlledInput = inputValue !== undefined;\n\n  const effectiveSelectedKey = isControlledKey\n    ? selectedKey\n    : internalSelectedKey;\n  const effectiveInputValue = isControlledInput\n    ? inputValue\n    : internalInputValue;\n\n  // Popover state\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n\n  usePopoverSync({\n    menuId: comboBoxId,\n    isOpen: isPopoverOpen,\n    onClose: () => setIsPopoverOpen(false),\n    triggerRef,\n    containerRef: popoverRef,\n  });\n\n  return {\n    effectiveSelectedKey,\n    effectiveInputValue,\n    isPopoverOpen,\n    setIsPopoverOpen,\n    setInternalSelectedKey,\n    setInternalInputValue,\n    isControlledKey,\n    isControlledInput,\n  };\n}\n\n// ============================================================================\n// Hook: useComboBoxFiltering\n// ============================================================================\ninterface UseComboBoxFilteringProps {\n  effectiveInputValue: string;\n  filter: FilterFn | false | undefined;\n}\n\ninterface UseComboBoxFilteringReturn {\n  filterFn: (nodes: Iterable<any>) => Iterable<any>;\n  isFilterActive: boolean;\n  setIsFilterActive: (active: boolean) => void;\n}\n\nfunction useComboBoxFiltering({\n  effectiveInputValue,\n  filter,\n}: UseComboBoxFilteringProps): UseComboBoxFilteringReturn {\n  const [isFilterActive, setIsFilterActive] = useState(false);\n\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  const textFilterFn = useMemo<FilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Create a filter function for collection nodes\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) => {\n      const term = effectiveInputValue.trim();\n\n      // Don't filter if not active or no search term\n      if (!isFilterActive || !term) {\n        return nodes;\n      }\n\n      return filterCollectionNodes(nodes, term, textFilterFn);\n    },\n    [isFilterActive, effectiveInputValue, textFilterFn],\n  );\n\n  return {\n    filterFn,\n    isFilterActive,\n    setIsFilterActive,\n  };\n}\n\n// ============================================================================\n// Hook: useComboBoxKeyboard\n// ============================================================================\ninterface UseComboBoxKeyboardProps {\n  isPopoverOpen: boolean;\n  listStateRef: RefObject<any>;\n  hasResults: boolean;\n  allowsCustomValue?: boolean;\n  effectiveInputValue: string;\n  isClearable?: boolean;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClearValue: () => void;\n  onOpenPopover: () => void;\n  onClosePopover: () => void;\n  inputRef: RefObject<HTMLInputElement>;\n  setIsFilterActive: (active: boolean) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nfunction useComboBoxKeyboard({\n  isPopoverOpen,\n  listStateRef,\n  hasResults,\n  allowsCustomValue,\n  effectiveInputValue,\n  isClearable,\n  onSelectionChange,\n  onClearValue,\n  onOpenPopover,\n  onClosePopover,\n  inputRef,\n  setIsFilterActive,\n  onKeyDown,\n}: UseComboBoxKeyboardProps) {\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      // Call user's handler first\n      onKeyDown?.(e as React.KeyboardEvent<HTMLInputElement>);\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n\n        // Open popover if closed\n        if (!isPopoverOpen) {\n          // If opening with no filtered results, disable filter to show all items\n          if (!hasResults) {\n            setIsFilterActive(false);\n          }\n          onOpenPopover();\n          return;\n        }\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        const isArrowDown = e.key === 'ArrowDown';\n        const nextKey = getNextVisibleKey(listState, isArrowDown ? 1 : -1);\n\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n        }\n      } else if (e.key === 'Enter') {\n        // If popover is open, try to select the focused item first\n        if (isPopoverOpen) {\n          const listState = listStateRef.current;\n          if (listState) {\n            const keyToSelect = listState.selectionManager.focusedKey;\n\n            if (keyToSelect != null) {\n              e.preventDefault();\n              listState.selectionManager.select(keyToSelect, e);\n              // Ensure the popover closes even if selection stays the same\n              onClosePopover();\n              inputRef.current?.focus();\n              return;\n            }\n          }\n        }\n\n        // If no results, handle empty input or custom values\n        if (!hasResults) {\n          if (allowsCustomValue) {\n            const value = effectiveInputValue.trim();\n\n            // Commit the custom value\n            onSelectionChange(\n              (value as unknown as Key) ?? (null as unknown as Key),\n            );\n\n            // If popover is closed and we have a value, allow Enter to propagate for form submission\n            // If popover is open OR value is empty, prevent default to avoid premature submission\n            if (isPopoverOpen || !value) {\n              e.preventDefault();\n            }\n          } else {\n            e.preventDefault();\n            onSelectionChange(null);\n          }\n\n          return;\n        }\n\n        // Clear selection if input is empty and popover is closed (or no focused item)\n        const trimmed = (effectiveInputValue || '').trim();\n        if (trimmed === '') {\n          e.preventDefault();\n          onSelectionChange(null);\n          return;\n        }\n      } else if (e.key === 'Escape') {\n        if (isPopoverOpen) {\n          e.preventDefault();\n          onClosePopover();\n          inputRef.current?.focus();\n        } else if (effectiveInputValue && isClearable) {\n          e.preventDefault();\n          onClearValue();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (isPopoverOpen) {\n          e.preventDefault();\n\n          const listState = listStateRef.current;\n          if (!listState) return;\n\n          const targetKey = getEdgeVisibleKey(\n            listState,\n            e.key === 'Home' ? 'first' : 'last',\n          );\n\n          if (targetKey != null) {\n            markKeyboardFocus(listState);\n            listState.selectionManager.setFocusedKey(targetKey);\n          }\n        }\n      }\n    },\n  });\n\n  return { keyboardProps };\n}\n\n// ============================================================================\n// Component: ComboBoxInput\n// ============================================================================\ninterface ComboBoxInputProps {\n  qa?: string;\n  inputRef: RefObject<HTMLInputElement>;\n  id?: string;\n  value: string;\n  placeholder?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  autoFocus?: boolean;\n  autoComplete?: string;\n  size: string;\n  mods: Record<string, any>;\n  inputStyles?: Styles;\n  keyboardProps: any;\n  focusProps: any;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;\n  isPopoverOpen: boolean;\n  hasResults: boolean;\n  comboBoxId: string;\n  listStateRef: RefObject<any>;\n}\n\nconst ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(\n  function ComboBoxInput(\n    {\n      qa,\n      inputRef,\n      id,\n      value,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      autoFocus,\n      autoComplete,\n      size,\n      mods,\n      inputStyles,\n      keyboardProps,\n      focusProps,\n      onChange,\n      onFocus,\n      isPopoverOpen,\n      hasResults,\n      comboBoxId,\n      listStateRef,\n    },\n    ref,\n  ) {\n    const combinedRef = useCombinedRefs(ref, inputRef);\n\n    return (\n      <InputElement\n        ref={combinedRef}\n        qa={qa}\n        id={id}\n        type=\"text\"\n        value={value}\n        placeholder={placeholder}\n        isDisabled={isDisabled}\n        readOnly={isReadOnly}\n        autoFocus={autoFocus}\n        autoComplete={autoComplete}\n        data-autofocus={autoFocus ? '' : undefined}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={focusProps.onBlur}\n        {...keyboardProps}\n        styles={inputStyles}\n        mods={mods}\n        data-size={size}\n        data-input-type=\"combobox\"\n        role=\"combobox\"\n        // `ComboBox` builds its own trigger rather than going through a\n        // react-aria field hook, so nothing else would announce that the field\n        // is mandatory — the label marker alone is not exposed to assistive\n        // technology.\n        aria-required={isRequired || undefined}\n        aria-expanded={isPopoverOpen && hasResults}\n        aria-haspopup=\"listbox\"\n        aria-controls={\n          isPopoverOpen && hasResults\n            ? `ComboBoxListBox-${comboBoxId}`\n            : undefined\n        }\n        aria-activedescendant={\n          isPopoverOpen &&\n          hasResults &&\n          listStateRef.current?.selectionManager.focusedKey != null\n            ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}`\n            : undefined\n        }\n      />\n    );\n  },\n);\n\n// ============================================================================\n// Main Component: ComboBox\n// ============================================================================\nexport const ComboBox = forwardRef(function ComboBox<T extends object>(\n  props: CubeComboBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      return {\n        // Form value maps to selectedKey (the committed value) in both modes\n        selectedKey: value ?? null,\n        onSelectionChange(val: string | null) {\n          // Commit selection changes to the form\n          onChange(val);\n        },\n      };\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    id,\n    icon,\n    prefix,\n    isDisabled,\n    autoFocus,\n    autoComplete = 'off',\n    wrapperRef,\n    inputRef,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    isLoading,\n    inputStyles,\n    optionStyles,\n    triggerStyles,\n    listBoxStyles,\n    overlayStyles,\n    suffix,\n    hideTrigger,\n    message,\n    description,\n    size = 'medium',\n    direction = 'bottom',\n    shouldFlip = true,\n    popoverTrigger = 'input',\n    suffixPosition = 'before',\n    filter,\n    styles,\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    isClearable,\n    onClear,\n    placeholder,\n    allowsCustomValue,\n    shouldCommitOnBlur = true,\n    clearOnBlur,\n    items,\n    children: renderChildren,\n    sectionStyles,\n    headingStyles,\n    isReadOnly,\n    overlayOffset = 8,\n    containerPadding = 8,\n    onSelectionChange: externalOnSelectionChange,\n    sortSelectedToTop: sortSelectedToTopProp,\n    onOpenChange,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    form,\n    ...otherProps\n  } = props;\n\n  // Generate a unique ID for this combobox instance\n  const comboBoxId = useMemo(() => generateRandomId(), []);\n\n  // Hoist the wrapper/popover ref normalization above `useComboBoxState` so\n  // the popover-sync inside it sees stable, attached refs. Other ref combines\n  // happen below alongside the legacy ordering.\n  wrapperRef = useCombinedRefs(wrapperRef);\n  popoverRef = useCombinedRefs(popoverRef);\n\n  // State management hook\n  const {\n    effectiveSelectedKey,\n    effectiveInputValue,\n    isPopoverOpen,\n    setIsPopoverOpen,\n    setInternalSelectedKey,\n    setInternalInputValue,\n    isControlledKey,\n    isControlledInput,\n  } = useComboBoxState({\n    selectedKey,\n    defaultSelectedKey,\n    inputValue,\n    defaultInputValue,\n    comboBoxId,\n    triggerRef: wrapperRef as RefObject<HTMLElement | null>,\n    popoverRef: popoverRef as RefObject<HTMLElement | null>,\n  });\n\n  // Track if sortSelectedToTop was explicitly provided\n  const sortSelectedToTopExplicit = sortSelectedToTopProp !== undefined;\n  // Default to true if items are provided, false otherwise\n  const sortSelectedToTop = sortSelectedToTopProp ?? (items ? true : false);\n\n  // Cache for sorted items array when using `items` prop\n  const cachedItemsOrder = useRef<T[] | null>(null);\n  const selectionWhenClosed = useRef<string | null>(null);\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  ref = useCombinedRefs(ref);\n  inputRef = useCombinedRefs(inputRef);\n  triggerRef = useCombinedRefs(triggerRef);\n  listBoxRef = useCombinedRefs(listBoxRef);\n\n  // Sort items with selected on top if enabled\n  const getSortedItems = useCallback((): typeof items => {\n    if (!items) return items;\n\n    if (!sortSelectedToTop) return items;\n\n    // Reuse cached order if available\n    if (cachedItemsOrder.current) {\n      return cachedItemsOrder.current;\n    }\n\n    // Warn if explicitly requested but not supported\n    if (sortSelectedToTopExplicit && !items) {\n      console.warn(\n        'ComboBox: sortSelectedToTop only works with the items prop. ' +\n          'Sorting will be skipped when using JSX children.',\n      );\n      return items;\n    }\n\n    const selectedKey = isPopoverOpen\n      ? effectiveSelectedKey\n      : selectionWhenClosed.current;\n\n    if (!selectedKey) return items;\n\n    const itemsArray = Array.isArray(items) ? items : Array.from(items);\n    const selectedItem = itemsArray.find((item) => {\n      const key = (item as any)?.key ?? (item as any)?.id;\n      return key != null && String(key) === String(selectedKey);\n    });\n\n    if (!selectedItem) return items;\n\n    const sorted = [\n      selectedItem,\n      ...itemsArray.filter((item) => {\n        const key = (item as any)?.key ?? (item as any)?.id;\n        return key == null || String(key) !== String(selectedKey);\n      }),\n    ] as T[];\n\n    if (isPopoverOpen) {\n      cachedItemsOrder.current = sorted;\n    }\n\n    return sorted;\n  }, [\n    items,\n    sortSelectedToTop,\n    sortSelectedToTopExplicit,\n    effectiveSelectedKey,\n    isPopoverOpen,\n  ]);\n\n  const sortedItems = getSortedItems();\n\n  // Preserve the original `children` (may be a render function) before we\n  // potentially overwrite it.\n  let children: ReactNode = renderChildren as ReactNode;\n\n  const renderFn = renderChildren as unknown;\n\n  if (sortedItems && typeof renderFn === 'function') {\n    try {\n      const itemsArray = Array.from(sortedItems as Iterable<any>);\n      children = itemsArray.map((item, idx) => {\n        const rendered = (renderFn as (it: any) => ReactNode)(item);\n        if (\n          React.isValidElement(rendered) &&\n          (rendered as ReactElement).key == null\n        ) {\n          return React.cloneElement(rendered as ReactElement, {\n            key: (rendered as any)?.key ?? item?.key ?? idx,\n          });\n        }\n\n        return rendered as ReactNode;\n      });\n    } catch {\n      // If conversion fails, proceed with the original children\n    }\n  }\n\n  // Invalidate cached sorting whenever items change\n  useEffect(() => {\n    cachedItemsOrder.current = null;\n  }, [items]);\n\n  // Capture selection when popover closes\n  useEffect(() => {\n    if (!isPopoverOpen) {\n      selectionWhenClosed.current =\n        effectiveSelectedKey != null ? String(effectiveSelectedKey) : null;\n      cachedItemsOrder.current = null;\n    }\n  }, [isPopoverOpen, effectiveSelectedKey]);\n\n  // Call onOpenChange when popover state changes\n  useEffect(() => {\n    onOpenChange?.(isPopoverOpen);\n  }, [isPopoverOpen]);\n\n  // Filtering hook\n  const { filterFn, isFilterActive, setIsFilterActive } = useComboBoxFiltering({\n    effectiveInputValue,\n    filter,\n  });\n\n  // Create local collection state for reading item data (labels, etc.)\n  // This allows us to read item labels even before the popover opens\n  const localCollectionState = useListState({\n    children,\n    items: sortedItems,\n    selectionMode: 'none', // Don't manage selection in this state\n  });\n\n  const { isFocused, focusProps } = useFocus({ isDisabled });\n\n  // Helper to check if current input value is valid\n  const checkInputValidity = useCallback(() => {\n    if (!effectiveInputValue.trim()) {\n      return { isInputValid: false, singleMatchKey: null, filteredCount: 0 };\n    }\n\n    // Get filtered collection based on current input\n    const filteredNodes = filterFn(localCollectionState.collection);\n    const filteredItems: Array<{ key: Key; textValue: string }> = [];\n\n    // Flatten filtered nodes (handle sections)\n    for (const node of filteredNodes) {\n      if (node.type === 'section' && node.childNodes) {\n        for (const child of node.childNodes) {\n          if (child.type === 'item') {\n            filteredItems.push({\n              key: child.key,\n              textValue: child.textValue || '',\n            });\n          }\n        }\n      } else if (node.type === 'item') {\n        filteredItems.push({\n          key: node.key,\n          textValue: node.textValue || '',\n        });\n      }\n    }\n\n    const filteredCount = filteredItems.length;\n\n    // Check for exact match\n    const exactMatch = filteredItems.find(\n      (item) =>\n        item.textValue.toLowerCase() ===\n        effectiveInputValue.trim().toLowerCase(),\n    );\n\n    if (exactMatch) {\n      return {\n        isInputValid: true,\n        singleMatchKey: exactMatch.key,\n        filteredCount,\n      };\n    }\n\n    // If exactly one filtered result, consider it valid\n    if (filteredCount === 1) {\n      return {\n        isInputValid: true,\n        singleMatchKey: filteredItems[0].key,\n        filteredCount,\n      };\n    }\n\n    return { isInputValid: false, singleMatchKey: null, filteredCount };\n  }, [effectiveInputValue, filterFn, localCollectionState.collection]);\n\n  // Composite blur handler - fires when focus leaves the entire component\n  const handleCompositeBlur = useEvent(() => {\n    // NOTE: Do NOT disable filter yet; we need it active for validity check\n\n    // In allowsCustomValue mode\n    if (allowsCustomValue) {\n      // Commit the input value if it's non-empty and nothing is selected\n      if (\n        shouldCommitOnBlur &&\n        effectiveInputValue &&\n        effectiveSelectedKey == null\n      ) {\n        externalOnSelectionChange?.(effectiveInputValue as string);\n        if (!isControlledKey) {\n          setInternalSelectedKey(effectiveInputValue as Key);\n        }\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n\n      // Clear selection if input is empty\n      if (!String(effectiveInputValue).trim()) {\n        externalOnSelectionChange?.(null);\n        if (!isControlledKey) {\n          setInternalSelectedKey(null);\n        }\n        if (!isControlledInput) {\n          setInternalInputValue('');\n        }\n        onInputChange?.('');\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n    }\n\n    // In non-custom-value mode, validate input and handle accordingly\n    if (!allowsCustomValue) {\n      const { isInputValid, singleMatchKey } = checkInputValidity();\n\n      // If there's exactly one filtered result, auto-select it\n      if (\n        isInputValid &&\n        singleMatchKey != null &&\n        singleMatchKey !== effectiveSelectedKey\n      ) {\n        const label = getItemLabel(singleMatchKey);\n\n        if (!isControlledKey) {\n          setInternalSelectedKey(singleMatchKey);\n        }\n        if (!isControlledInput) {\n          setInternalInputValue(label);\n        }\n        onInputChange?.(label);\n        externalOnSelectionChange?.(singleMatchKey as string | null);\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n\n      // If input is invalid (no exact match, not a single result)\n      if (!isInputValid) {\n        const trimmedInput = effectiveInputValue.trim();\n\n        // Clear if clearOnBlur is set or input is empty\n        if (clearOnBlur || !trimmedInput) {\n          externalOnSelectionChange?.(null);\n          if (!isControlledKey) {\n            setInternalSelectedKey(null);\n          }\n          if (!isControlledInput) {\n            setInternalInputValue('');\n          }\n          onInputChange?.('');\n          onBlur?.();\n          setIsFilterActive(false);\n          return;\n        }\n\n        // Reset input to current selected value (or empty if none)\n        const nextValue =\n          effectiveSelectedKey != null\n            ? getItemLabel(effectiveSelectedKey)\n            : '';\n\n        if (!isControlledInput) {\n          setInternalInputValue(nextValue);\n        }\n        onInputChange?.(nextValue);\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n    }\n\n    // Fallback: Reset input to show current selection (or empty if none)\n    const nextValue =\n      effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : '';\n\n    if (!isControlledInput) {\n      setInternalInputValue(nextValue);\n    }\n    onInputChange?.(nextValue);\n    onBlur?.();\n    setIsFilterActive(false);\n  });\n\n  // Composite focus hook - handles focus tracking across wrapper and portaled popover\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef,\n    popoverRef,\n    onFocus,\n    onBlur: handleCompositeBlur,\n    isDisabled,\n  });\n\n  let validationIcon = getValidationIcon({ isInvalid, isValid });\n\n  // Ref to access internal ListBox state\n  const listStateRef = useRef<any>(null);\n  const focusInitAttemptsRef = useRef(0);\n\n  // Helper to get label from local collection\n  const getItemLabel = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // Selection change handler\n  const handleSelectionChange = useEvent((selection: Key | Key[] | null) => {\n    // Extract single key from selection (we only support single selection)\n    const key = Array.isArray(selection) ? selection[0] : selection;\n\n    // Update selected key\n    if (!isControlledKey) {\n      setInternalSelectedKey(key ?? null);\n    }\n\n    // Update input value to show selected item label\n    if (key != null) {\n      setIsFilterActive(false);\n\n      const label = getItemLabel(key);\n\n      if (!isControlledInput) {\n        setInternalInputValue(label);\n      }\n      onInputChange?.(label);\n    } else {\n      // Clear input when selection is cleared\n      if (!isControlledInput) {\n        setInternalInputValue('');\n      }\n      onInputChange?.('');\n      setIsFilterActive(false);\n    }\n\n    externalOnSelectionChange?.(key as string | null);\n\n    // Close popover after selection\n    setIsPopoverOpen(false);\n\n    // Focus input\n    setTimeout(() => {\n      inputRef.current?.focus();\n    }, 0);\n  });\n\n  const lastSyncedSelectedKey = useRef<Key | null | undefined>(undefined);\n  const selectionClearedByTyping = useRef(false);\n\n  // Input change handler\n  const handleInputChange = useEvent(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n\n      // Update input value\n      if (!isControlledInput) {\n        setInternalInputValue(value);\n      }\n      onInputChange?.(value);\n\n      const trimmed = value.trim();\n      setIsFilterActive(trimmed.length > 0);\n\n      // Only clear selection in allowsCustomValue mode\n      // In normal mode, typing just filters - selection stays until explicitly changed\n      if (allowsCustomValue && effectiveSelectedKey != null) {\n        selectionClearedByTyping.current = true;\n        if (!isControlledKey) {\n          setInternalSelectedKey(null);\n        }\n        externalOnSelectionChange?.(null);\n      }\n\n      // Open popover based on trigger\n      if (popoverTrigger !== 'manual' && value && !isPopoverOpen) {\n        setIsPopoverOpen(true);\n      }\n    },\n  );\n\n  // Initialize input value from defaultInputValue or defaultSelectedKey (uncontrolled mode only, one-time)\n  const [hasInitialized, setHasInitialized] = useState(false);\n\n  useEffect(() => {\n    // Only initialize once, in uncontrolled input mode\n    if (hasInitialized || isControlledInput) return;\n\n    // Priority 1: defaultInputValue takes precedence\n    if (defaultInputValue !== undefined) {\n      setInternalInputValue(defaultInputValue);\n      setHasInitialized(true);\n      return;\n    }\n\n    // Priority 2: fall back to defaultSelectedKey's label\n    if (defaultSelectedKey) {\n      const label = getItemLabel(defaultSelectedKey);\n\n      setInternalInputValue(label);\n      setHasInitialized(true);\n    }\n  }, [\n    hasInitialized,\n    isControlledInput,\n    defaultInputValue,\n    defaultSelectedKey,\n    getItemLabel,\n    children,\n  ]);\n\n  // Sync input value with controlled selectedKey\n  useEffect(() => {\n    const preserveTypedInput = selectionClearedByTyping.current;\n    selectionClearedByTyping.current = false;\n    // Only run when selectedKey is controlled but inputValue is uncontrolled\n    if (!isControlledKey || isControlledInput) return;\n\n    // Skip if the key hasn't actually changed (prevents unnecessary resets when collection rebuilds)\n    if (\n      lastSyncedSelectedKey.current !== undefined &&\n      lastSyncedSelectedKey.current === effectiveSelectedKey\n    ) {\n      return;\n    }\n\n    lastSyncedSelectedKey.current = effectiveSelectedKey;\n\n    // Acknowledging the selection cleared by this edit must not erase the\n    // text that caused it. Later external clears still reset the input.\n    if (preserveTypedInput && effectiveSelectedKey == null) return;\n\n    // Get the expected label for the current selection\n    const expectedLabel =\n      effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : '';\n\n    // Update the input value to match the selected key's label\n    setInternalInputValue(expectedLabel);\n  }, [\n    isControlledKey,\n    isControlledInput,\n    effectiveSelectedKey,\n    effectiveInputValue,\n    getItemLabel,\n  ]);\n\n  // Input focus handler\n  const handleInputFocus = useEvent((e: React.FocusEvent<HTMLInputElement>) => {\n    // Call focus props handler if it exists\n    focusProps.onFocus?.(e as any);\n\n    if (popoverTrigger === 'focus' && !isPopoverOpen) {\n      setIsPopoverOpen(true);\n    }\n  });\n\n  // Input blur handler - just handles internal focus props\n  const handleInputBlur = useEvent((e: React.FocusEvent<HTMLInputElement>) => {\n    focusProps.onBlur?.(e as any);\n  });\n\n  // Clear button logic\n  let hasValue = allowsCustomValue\n    ? effectiveInputValue !== ''\n    : effectiveSelectedKey != null;\n  let showClearButton = isClearable && hasValue && !isDisabled && !isReadOnly;\n\n  // Check if there are any results after filtering\n  const hasResults = useMemo(() => {\n    if (!children) return false;\n    if (!Array.isArray(children) && children === null) return false;\n\n    // If we have a collection, check if filtering will produce any results\n    if (localCollectionState?.collection) {\n      const filteredNodes = filterFn(localCollectionState.collection);\n      const resultArray = Array.from(filteredNodes).flatMap((node: any) => {\n        if (node.type === 'section' && node.childNodes) {\n          return [...node.childNodes];\n        }\n\n        return [node];\n      });\n      return resultArray.length > 0;\n    }\n\n    // Fallback: check if children exists\n    return Array.isArray(children) ? children.length > 0 : true;\n  }, [children, localCollectionState?.collection, filterFn]);\n\n  // Clear function\n  let clearValue = useEvent(() => {\n    // Clear input\n    if (!isControlledInput) {\n      setInternalInputValue('');\n    }\n    onInputChange?.('');\n\n    // Clear selection\n    if (!isControlledKey) {\n      setInternalSelectedKey(null);\n    }\n    externalOnSelectionChange?.(null);\n\n    // Close popover\n    if (isPopoverOpen) {\n      setIsPopoverOpen(false);\n    }\n\n    // Focus input\n    inputRef.current?.focus();\n\n    onClear?.();\n  });\n\n  // Keyboard navigation hook\n  const { keyboardProps } = useComboBoxKeyboard({\n    isPopoverOpen,\n    listStateRef,\n    hasResults,\n    allowsCustomValue,\n    effectiveInputValue,\n    isClearable,\n    onSelectionChange: handleSelectionChange,\n    onClearValue: clearValue,\n    onOpenPopover: () => setIsPopoverOpen(true),\n    onClosePopover: () => setIsPopoverOpen(false),\n    inputRef,\n    setIsFilterActive,\n    onKeyDown,\n  });\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  let mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isDisabled,\n      hovered: false,\n      focused: isFocused,\n      loading: isLoading,\n      prefix: !!prefix,\n      suffix: true,\n      clearable: showClearButton,\n    }),\n    [\n      isInvalid,\n      isValid,\n      isDisabled,\n      isFocused,\n      isLoading,\n      prefix,\n      showClearButton,\n    ],\n  );\n\n  const comboBoxWidth = wrapperRef?.current?.offsetWidth;\n\n  const shouldShowPopover = Boolean(isPopoverOpen && hasResults);\n\n  // Close popover if no results\n  useEffect(() => {\n    if (isPopoverOpen && !hasResults) {\n      setIsPopoverOpen(false);\n    }\n  }, [isPopoverOpen, hasResults]);\n\n  const ensureInitialFocus = useCallback(() => {\n    if (!shouldShowPopover) return;\n\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    const { selectionManager, collection, disabledKeys, lastFocusSourceRef } =\n      listState;\n    if (!selectionManager || !collection) return;\n\n    const collectFirstKey = (): Key | null => {\n      for (const node of collection) {\n        if (node.type === 'item') {\n          if (!disabledKeys?.has(node.key)) return node.key;\n        } else if (node.childNodes) {\n          for (const child of node.childNodes) {\n            if (child.type === 'item' && !disabledKeys?.has(child.key)) {\n              return child.key;\n            }\n          }\n        }\n      }\n      return null;\n    };\n\n    if (lastFocusSourceRef) lastFocusSourceRef.current = 'keyboard';\n\n    // Check if we need to set or update focus\n    const currentFocusedKey = selectionManager.focusedKey;\n    let needsRefocus = false;\n\n    if (currentFocusedKey == null) {\n      // No focus at all - need to set initial focus\n      needsRefocus = true;\n    } else {\n      // Check if currently focused key still exists in the collection\n      const focusedItemExists = collection.getItem(currentFocusedKey) != null;\n      if (!focusedItemExists) {\n        // Focused item was filtered out - need to refocus\n        needsRefocus = true;\n      }\n    }\n\n    if (needsRefocus) {\n      let keyToFocus: Key | null = null;\n\n      // First try to focus on the selected key if it exists in the collection\n      if (\n        effectiveSelectedKey != null &&\n        collection.getItem(effectiveSelectedKey) != null\n      ) {\n        keyToFocus = effectiveSelectedKey;\n      } else {\n        // Fall back to the first key in the collection\n        keyToFocus = collectFirstKey();\n      }\n\n      if (keyToFocus != null) {\n        selectionManager.setFocusedKey(keyToFocus);\n      }\n    }\n  }, [shouldShowPopover, effectiveSelectedKey]);\n\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      ensureInitialFocus();\n      focusInitAttemptsRef.current += 1;\n      // Try a few frames to wait for collection to mount\n      if (\n        focusInitAttemptsRef.current < 8 &&\n        listStateRef.current?.selectionManager?.focusedKey == null\n      ) {\n        requestAnimationFrame(tick);\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover, ensureInitialFocus]);\n\n  const comboBoxField = (\n    <ComboBoxWrapperElement\n      ref={wrapperRef}\n      mods={mods}\n      styles={styles}\n      style={{\n        zIndex: isFocused ? 1 : 'initial',\n      }}\n      data-size={size}\n      {...compositeFocusProps}\n    >\n      {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n      <ComboBoxInput\n        qa={qa || 'ComboBox'}\n        inputRef={inputRef}\n        id={id}\n        value={effectiveInputValue}\n        placeholder={placeholder}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        autoFocus={autoFocus}\n        autoComplete={autoComplete}\n        size={size}\n        mods={mods}\n        inputStyles={inputStyles}\n        keyboardProps={keyboardProps}\n        focusProps={{ ...focusProps, onBlur: handleInputBlur }}\n        isPopoverOpen={isPopoverOpen}\n        hasResults={hasResults}\n        comboBoxId={comboBoxId}\n        listStateRef={listStateRef}\n        onChange={handleInputChange}\n        onFocus={handleInputFocus}\n      />\n      <div data-element=\"Suffix\">\n        {suffixPosition === 'before' ? suffix : null}\n        {isLoading ? <LoadingIcon data-element=\"InputIcon\" /> : validationIcon}\n        {suffixPosition === 'after' ? suffix : null}\n        {showClearButton && (\n          <Item.Action\n            icon={<CloseIcon />}\n            size={size}\n            // No `theme` — the default `current` type inherits the input's own\n            // text color, which is already validation-tinted, so the button\n            // matches the text beside it exactly instead of using the fixed\n            // `danger.clear` palette.\n            qa=\"ComboBoxClearButton\"\n            data-no-trigger={hideTrigger ? '' : undefined}\n            data-popover-dismiss=\"\"\n            aria-label={t('comboBox.clearValue', 'Clear value')}\n            onPress={clearValue}\n          />\n        )}\n        {!hideTrigger ? (\n          <Item.Action\n            ref={triggerRef}\n            data-popover-trigger\n            icon={<DirectionIcon to={isPopoverOpen ? 'up' : 'down'} />}\n            qa=\"ComboBoxTrigger\"\n            mods={{\n              pressed: isPopoverOpen,\n              disabled: isDisabled,\n              loading: isLoading,\n            }}\n            data-size={size}\n            isDisabled={isDisabled}\n            styles={triggerStyles}\n            aria-expanded={isPopoverOpen}\n            aria-haspopup=\"listbox\"\n            aria-label={t('comboBox.showOptions', 'Show options')}\n            onPress={() => {\n              if (!isDisabled) {\n                const willOpen = !isPopoverOpen;\n                setIsPopoverOpen(willOpen);\n                if (willOpen) {\n                  inputRef.current?.focus();\n                  // If opening with no filtered results, disable filter to show all items\n                  if (!hasResults) {\n                    setIsFilterActive(false);\n                  }\n                }\n              }\n            }}\n          />\n        ) : null}\n      </div>\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        comboBoxWidth={comboBoxWidth}\n        listBoxId={`ComboBoxListBox-${comboBoxId}`}\n        overlayStyles={overlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        selectedKey={effectiveSelectedKey}\n        isDisabled={isDisabled}\n        disabledKeys={props.disabledKeys}\n        items={sortedItems}\n        listStateRef={listStateRef}\n        label={label}\n        ariaLabel={(props as any)['aria-label']}\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        size={size}\n        onSelectionChange={handleSelectionChange}\n        onClose={() => setIsPopoverOpen(false)}\n      >\n        {children}\n      </ListBoxPopover>\n    </ComboBoxWrapperElement>\n  );\n\n  const { children: _, ...propsWithoutChildren } = props;\n\n  return wrapWithField<Omit<CubeComboBoxProps<T>, 'children'>>(\n    comboBoxField,\n    ref,\n    propsWithoutChildren,\n  );\n}) as unknown as (<T>(\n  props: CubeComboBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { Item: typeof Item; Section: typeof BaseSection };\n\nComboBox.Item = Item;\n\nComboBox.Section = BaseSection;\n\nObject.defineProperty(ComboBox, 'cubeInputType', {\n  value: 'ComboBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}
+{"version":3,"file":"ComboBox.js","names":["FocusableRef","Key","BASE_STYLES","BasePropsWithoutChildren","BaseStyleProps","COLOR_STYLES","ColorStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useMemo","useRef","useState","useFilter","useKeyboard","Section","BaseSection","useListState","useEvent","useI18n","CloseIcon","DirectionIcon","LoadingIcon","FieldBaseProps","generateRandomId","useCombinedRefs","useLayoutEffect","useFocus","usePopoverSync","extractStyles","CollectionItem","Item","getValidationIcon","getValidationMods","useFieldProps","wrapWithField","filterCollectionNodes","getEdgeVisibleKey","getNextVisibleKey","ListBoxPopover","markKeyboardFocus","useCompositeFocus","DEFAULT_INPUT_STYLES","INPUT_WRAPPER_STYLES","FilterFn","textValue","inputValue","PopoverTriggerAction","ComboBoxWrapperElement","qa","styles","InputElement","as","CubeComboBoxProps","selectedKey","defaultSelectedKey","onSelectionChange","key","defaultInputValue","onInputChange","value","placeholder","autoFocus","autoComplete","onFocus","onBlur","onKeyDown","e","KeyboardEvent","HTMLInputElement","popoverTrigger","items","Iterable","T","children","item","filter","allowsCustomValue","shouldCommitOnBlur","clearOnBlur","isClearable","onClear","icon","prefix","suffix","hideTrigger","size","inputRef","wrapperRef","HTMLDivElement","listBoxRef","popoverRef","triggerRef","HTMLButtonElement","inputStyles","triggerStyles","listBoxStyles","overlayStyles","optionStyles","sectionStyles","headingStyles","isDisabled","isLoading","disabledKeys","shouldFlip","direction","overlayOffset","containerPadding","isReadOnly","suffixPosition","sortSelectedToTop","onOpenChange","isOpen","PROP_STYLES","UseComboBoxStateProps","comboBoxId","HTMLElement","UseComboBoxStateReturn","effectiveSelectedKey","effectiveInputValue","isPopoverOpen","setIsPopoverOpen","open","setInternalSelectedKey","setInternalInputValue","isControlledKey","isControlledInput","useComboBoxState","t0","$","_c","internalSelectedKey","internalInputValue","undefined","t1","Symbol","for","t2","menuId","onClose","containerRef","t3","UseComboBoxFilteringProps","UseComboBoxFilteringReturn","filterFn","nodes","isFilterActive","setIsFilterActive","active","useComboBoxFiltering","sensitivity","contains","_temp","textFilterFn","term","trim","t4","UseComboBoxKeyboardProps","listStateRef","hasResults","selection","onClearValue","onOpenPopover","onClosePopover","useComboBoxKeyboard","preventDefault","listState","current","isArrowDown","nextKey","selectionManager","setFocusedKey","listState_0","keyToSelect","focusedKey","select","focus","trimmed","listState_1","targetKey","keyboardProps","ComboBoxInputProps","id","isRequired","mods","Record","focusProps","onChange","ChangeEvent","FocusEvent","ComboBoxInput","ref","combinedRef","ComboBox","props","valuePropsMapper","val","t","label","extra","labelStyles","necessityIndicator","isInvalid","isValid","message","description","labelSuffix","renderChildren","externalOnSelectionChange","sortSelectedToTopProp","form","otherProps","sortSelectedToTopExplicit","cachedItemsOrder","selectionWhenClosed","getSortedItems","console","warn","itemsArray","Array","isArray","from","selectedItem","find","String","sorted","sortedItems","renderFn","map","idx","rendered","it","isValidElement","cloneElement","localCollectionState","selectionMode","isFocused","checkInputValidity","isInputValid","singleMatchKey","filteredCount","filteredNodes","collection","filteredItems","node","type","childNodes","child","push","length","exactMatch","toLowerCase","handleCompositeBlur","getItemLabel","trimmedInput","nextValue","compositeFocusProps","validationIcon","focusInitAttemptsRef","getItem","handleSelectionChange","setTimeout","lastSyncedSelectedKey","selectionClearedByTyping","handleInputChange","target","hasInitialized","setHasInitialized","preserveTypedInput","expectedLabel","handleInputFocus","handleInputBlur","hasValue","showClearButton","resultArray","flatMap","clearValue","disabled","hovered","focused","loading","clearable","comboBoxWidth","offsetWidth","shouldShowPopover","Boolean","ensureInitialFocus","lastFocusSourceRef","collectFirstKey","has","currentFocusedKey","needsRefocus","focusedItemExists","keyToFocus","tick","requestAnimationFrame","comboBoxField","zIndex","pressed","willOpen","_","propsWithoutChildren","Omit","Object","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/ComboBox/ComboBox.tsx"],"sourcesContent":["import { FocusableRef, Key } from '@react-types/shared';\nimport {\n  BASE_STYLES,\n  BasePropsWithoutChildren,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useKeyboard } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { generateRandomId } from '../../../utils/random';\nimport { useCombinedRefs, useLayoutEffect } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { usePopoverSync } from '../../../utils/react/usePopoverSync';\nimport { extractStyles } from '../../../utils/styles';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport {\n  getValidationIcon,\n  getValidationMods,\n  useFieldProps,\n  wrapWithField,\n} from '../../form';\nimport {\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  markKeyboardFocus,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  DEFAULT_INPUT_STYLES,\n  INPUT_WRAPPER_STYLES,\n} from '../TextInput/TextInputBase';\n\ntype FilterFn = (textValue: string, inputValue: string) => boolean;\n\nexport type PopoverTriggerAction = 'focus' | 'input' | 'manual';\n\nconst ComboBoxWrapperElement = tasty({\n  qa: 'ComboBoxWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nconst InputElement = tasty({\n  as: 'input',\n  styles: DEFAULT_INPUT_STYLES,\n});\n\nexport interface CubeComboBoxProps<T>\n  extends BasePropsWithoutChildren,\n    BaseStyleProps,\n    OuterStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected key in controlled mode */\n  selectedKey?: string | null;\n  /** The default selected key in uncontrolled mode */\n  defaultSelectedKey?: string | null;\n  /** Callback fired when selection changes */\n  onSelectionChange?: (key: string | null) => void;\n\n  /** The input value in controlled mode */\n  inputValue?: string;\n  /** The default input value in uncontrolled mode */\n  defaultInputValue?: string;\n  /** Callback fired when input value changes */\n  onInputChange?: (value: string) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /** HTML autocomplete attribute for the input */\n  autoComplete?: string;\n  /** Callback fired when focus enters the component (input, trigger, or popover). Does not receive event object. */\n  onFocus?: () => void;\n  /** Callback fired when focus leaves the component entirely. Does not receive event object. */\n  onBlur?: () => void;\n  /** Callback fired when a key is pressed on the input */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n\n  /** Popover trigger behavior: 'focus', 'input', or 'manual'. Defaults to 'input' */\n  popoverTrigger?: PopoverTriggerAction;\n\n  /** Items for the listbox (alternative to children) */\n  items?: Iterable<T>;\n  /** Children for the listbox (static items or render function) */\n  children?: ReactNode | ((item: T) => ReactElement);\n\n  /**\n   * Custom filter function for determining if an option should be included.\n   * Pass `false` to disable internal filtering completely.\n   */\n  filter?: FilterFn | false;\n\n  /** Whether to allow entering custom values that are not in the predefined options */\n  allowsCustomValue?: boolean;\n  /** Whether to commit custom value on blur in allowsCustomValue mode (default: true) */\n  shouldCommitOnBlur?: boolean;\n  /** Whether to clear selection and input on blur (default: false, only applies to non-custom-value mode) */\n  clearOnBlur?: boolean;\n  /** Whether the combobox is clearable using ESC key or clear button */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n\n  /** Left input icon */\n  icon?: ReactElement;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Whether to hide the trigger button */\n  hideTrigger?: boolean;\n  /** Size of the combobox */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n\n  /** Ref for accessing the input element */\n  inputRef?: RefObject<HTMLInputElement>;\n  /** Ref for accessing the wrapper element */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the listbox element */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the popover element */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for accessing the trigger button element */\n  triggerRef?: FocusableRef<HTMLButtonElement>;\n\n  /** Custom styles for the input */\n  inputStyles?: Styles;\n  /** Custom styles for the trigger button */\n  triggerStyles?: Styles;\n  /** Custom styles for the listbox */\n  listBoxStyles?: Styles;\n  /** Custom styles for the popover overlay */\n  overlayStyles?: Styles;\n  /** Custom styles for individual options */\n  optionStyles?: Styles;\n  /** Custom styles for sections */\n  sectionStyles?: Styles;\n  /** Custom styles for section headings */\n  headingStyles?: Styles;\n\n  /** Whether the combobox is disabled */\n  isDisabled?: boolean;\n  /** Whether the combobox is in loading state */\n  isLoading?: boolean;\n  /** Keys of disabled items */\n  disabledKeys?: Iterable<Key>;\n  /** Whether to flip the popover placement */\n  shouldFlip?: boolean;\n  /** Placement direction for the popover */\n  direction?: 'bottom' | 'top';\n  /** Offset for the popover */\n  overlayOffset?: number;\n  /** Minimum padding in pixels between the popover and viewport edges */\n  containerPadding?: number;\n  /** Whether the combobox is read-only */\n  isReadOnly?: boolean;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Sort selected item to the top when the popover opens.\n   * Only works when using the `items` prop (data-driven mode).\n   * Ignored when using JSX children.\n   * @default true when items are provided, false when using JSX children\n   */\n  sortSelectedToTop?: boolean;\n  /** Callback called when the popover open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nconst PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// ============================================================================\n// Hook: useComboBoxState\n// ============================================================================\ninterface UseComboBoxStateProps {\n  selectedKey?: string | null;\n  defaultSelectedKey?: string | null;\n  inputValue?: string;\n  defaultInputValue?: string;\n  comboBoxId: string;\n  triggerRef?: RefObject<HTMLElement | null>;\n  popoverRef?: RefObject<HTMLElement | null>;\n}\n\ninterface UseComboBoxStateReturn {\n  effectiveSelectedKey: Key | null;\n  effectiveInputValue: string;\n  isPopoverOpen: boolean;\n  setIsPopoverOpen: (open: boolean) => void;\n  setInternalSelectedKey: (key: Key | null) => void;\n  setInternalInputValue: (value: string) => void;\n  isControlledKey: boolean;\n  isControlledInput: boolean;\n}\n\nfunction useComboBoxState({\n  selectedKey,\n  defaultSelectedKey,\n  inputValue,\n  defaultInputValue,\n  comboBoxId,\n  triggerRef,\n  popoverRef,\n}: UseComboBoxStateProps): UseComboBoxStateReturn {\n  // Internal state for uncontrolled mode\n  const [internalSelectedKey, setInternalSelectedKey] = useState<Key | null>(\n    defaultSelectedKey ?? null,\n  );\n  const [internalInputValue, setInternalInputValue] = useState(\n    defaultInputValue ?? '',\n  );\n\n  const isControlledKey = selectedKey !== undefined;\n  const isControlledInput = inputValue !== undefined;\n\n  const effectiveSelectedKey = isControlledKey\n    ? selectedKey\n    : internalSelectedKey;\n  const effectiveInputValue = isControlledInput\n    ? inputValue\n    : internalInputValue;\n\n  // Popover state\n  const [isPopoverOpen, setIsPopoverOpen] = useState(false);\n\n  usePopoverSync({\n    menuId: comboBoxId,\n    isOpen: isPopoverOpen,\n    onClose: () => setIsPopoverOpen(false),\n    triggerRef,\n    containerRef: popoverRef,\n  });\n\n  return {\n    effectiveSelectedKey,\n    effectiveInputValue,\n    isPopoverOpen,\n    setIsPopoverOpen,\n    setInternalSelectedKey,\n    setInternalInputValue,\n    isControlledKey,\n    isControlledInput,\n  };\n}\n\n// ============================================================================\n// Hook: useComboBoxFiltering\n// ============================================================================\ninterface UseComboBoxFilteringProps {\n  effectiveInputValue: string;\n  filter: FilterFn | false | undefined;\n}\n\ninterface UseComboBoxFilteringReturn {\n  filterFn: (nodes: Iterable<any>) => Iterable<any>;\n  isFilterActive: boolean;\n  setIsFilterActive: (active: boolean) => void;\n}\n\nfunction useComboBoxFiltering({\n  effectiveInputValue,\n  filter,\n}: UseComboBoxFilteringProps): UseComboBoxFilteringReturn {\n  const [isFilterActive, setIsFilterActive] = useState(false);\n\n  const { contains } = useFilter({ sensitivity: 'base' });\n\n  const textFilterFn = useMemo<FilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Create a filter function for collection nodes\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) => {\n      const term = effectiveInputValue.trim();\n\n      // Don't filter if not active or no search term\n      if (!isFilterActive || !term) {\n        return nodes;\n      }\n\n      return filterCollectionNodes(nodes, term, textFilterFn);\n    },\n    [isFilterActive, effectiveInputValue, textFilterFn],\n  );\n\n  return {\n    filterFn,\n    isFilterActive,\n    setIsFilterActive,\n  };\n}\n\n// ============================================================================\n// Hook: useComboBoxKeyboard\n// ============================================================================\ninterface UseComboBoxKeyboardProps {\n  isPopoverOpen: boolean;\n  listStateRef: RefObject<any>;\n  hasResults: boolean;\n  allowsCustomValue?: boolean;\n  effectiveInputValue: string;\n  isClearable?: boolean;\n  onSelectionChange: (selection: Key | Key[] | null) => void;\n  onClearValue: () => void;\n  onOpenPopover: () => void;\n  onClosePopover: () => void;\n  inputRef: RefObject<HTMLInputElement>;\n  setIsFilterActive: (active: boolean) => void;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nfunction useComboBoxKeyboard({\n  isPopoverOpen,\n  listStateRef,\n  hasResults,\n  allowsCustomValue,\n  effectiveInputValue,\n  isClearable,\n  onSelectionChange,\n  onClearValue,\n  onOpenPopover,\n  onClosePopover,\n  inputRef,\n  setIsFilterActive,\n  onKeyDown,\n}: UseComboBoxKeyboardProps) {\n  const { keyboardProps } = useKeyboard({\n    onKeyDown: (e) => {\n      // Call user's handler first\n      onKeyDown?.(e as React.KeyboardEvent<HTMLInputElement>);\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n\n        // Open popover if closed\n        if (!isPopoverOpen) {\n          // If opening with no filtered results, disable filter to show all items\n          if (!hasResults) {\n            setIsFilterActive(false);\n          }\n          onOpenPopover();\n          return;\n        }\n\n        const listState = listStateRef.current;\n        if (!listState) return;\n\n        const isArrowDown = e.key === 'ArrowDown';\n        const nextKey = getNextVisibleKey(listState, isArrowDown ? 1 : -1);\n\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n        }\n      } else if (e.key === 'Enter') {\n        // If popover is open, try to select the focused item first\n        if (isPopoverOpen) {\n          const listState = listStateRef.current;\n          if (listState) {\n            const keyToSelect = listState.selectionManager.focusedKey;\n\n            if (keyToSelect != null) {\n              e.preventDefault();\n              listState.selectionManager.select(keyToSelect, e);\n              // Ensure the popover closes even if selection stays the same\n              onClosePopover();\n              inputRef.current?.focus();\n              return;\n            }\n          }\n        }\n\n        // If no results, handle empty input or custom values\n        if (!hasResults) {\n          if (allowsCustomValue) {\n            const value = effectiveInputValue.trim();\n\n            // Commit the custom value\n            onSelectionChange(\n              (value as unknown as Key) ?? (null as unknown as Key),\n            );\n\n            // If popover is closed and we have a value, allow Enter to propagate for form submission\n            // If popover is open OR value is empty, prevent default to avoid premature submission\n            if (isPopoverOpen || !value) {\n              e.preventDefault();\n            }\n          } else {\n            e.preventDefault();\n            onSelectionChange(null);\n          }\n\n          return;\n        }\n\n        // Clear selection if input is empty and popover is closed (or no focused item)\n        const trimmed = (effectiveInputValue || '').trim();\n        if (trimmed === '') {\n          e.preventDefault();\n          onSelectionChange(null);\n          return;\n        }\n      } else if (e.key === 'Escape') {\n        if (isPopoverOpen) {\n          e.preventDefault();\n          onClosePopover();\n          inputRef.current?.focus();\n        } else if (effectiveInputValue && isClearable) {\n          e.preventDefault();\n          onClearValue();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (isPopoverOpen) {\n          e.preventDefault();\n\n          const listState = listStateRef.current;\n          if (!listState) return;\n\n          const targetKey = getEdgeVisibleKey(\n            listState,\n            e.key === 'Home' ? 'first' : 'last',\n          );\n\n          if (targetKey != null) {\n            markKeyboardFocus(listState);\n            listState.selectionManager.setFocusedKey(targetKey);\n          }\n        }\n      }\n    },\n  });\n\n  return { keyboardProps };\n}\n\n// ============================================================================\n// Component: ComboBoxInput\n// ============================================================================\ninterface ComboBoxInputProps {\n  qa?: string;\n  inputRef: RefObject<HTMLInputElement>;\n  id?: string;\n  value: string;\n  placeholder?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  autoFocus?: boolean;\n  autoComplete?: string;\n  size: string;\n  mods: Record<string, any>;\n  inputStyles?: Styles;\n  keyboardProps: any;\n  focusProps: any;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onFocus: (e: React.FocusEvent<HTMLInputElement>) => void;\n  isPopoverOpen: boolean;\n  hasResults: boolean;\n  comboBoxId: string;\n  listStateRef: RefObject<any>;\n}\n\nconst ComboBoxInput = forwardRef<HTMLInputElement, ComboBoxInputProps>(\n  function ComboBoxInput(\n    {\n      qa,\n      inputRef,\n      id,\n      value,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      autoFocus,\n      autoComplete,\n      size,\n      mods,\n      inputStyles,\n      keyboardProps,\n      focusProps,\n      onChange,\n      onFocus,\n      isPopoverOpen,\n      hasResults,\n      comboBoxId,\n      listStateRef,\n    },\n    ref,\n  ) {\n    const combinedRef = useCombinedRefs(ref, inputRef);\n\n    return (\n      <InputElement\n        ref={combinedRef}\n        qa={qa}\n        id={id}\n        type=\"text\"\n        value={value}\n        placeholder={placeholder}\n        isDisabled={isDisabled}\n        readOnly={isReadOnly}\n        autoFocus={autoFocus}\n        autoComplete={autoComplete}\n        data-autofocus={autoFocus ? '' : undefined}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={focusProps.onBlur}\n        {...keyboardProps}\n        styles={inputStyles}\n        mods={mods}\n        data-size={size}\n        data-input-type=\"combobox\"\n        role=\"combobox\"\n        // `ComboBox` builds its own trigger rather than going through a\n        // react-aria field hook, so nothing else would announce that the field\n        // is mandatory — the label marker alone is not exposed to assistive\n        // technology.\n        aria-required={isRequired || undefined}\n        aria-expanded={isPopoverOpen && hasResults}\n        aria-haspopup=\"listbox\"\n        aria-controls={\n          isPopoverOpen && hasResults\n            ? `ComboBoxListBox-${comboBoxId}`\n            : undefined\n        }\n        aria-activedescendant={\n          isPopoverOpen &&\n          hasResults &&\n          listStateRef.current?.selectionManager.focusedKey != null\n            ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}`\n            : undefined\n        }\n      />\n    );\n  },\n);\n\n// ============================================================================\n// Main Component: ComboBox\n// ============================================================================\nexport const ComboBox = forwardRef(function ComboBox<T extends object>(\n  props: CubeComboBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  props = useFieldProps(props, {\n    valuePropsMapper: ({ value, onChange }) => {\n      return {\n        // Form value maps to selectedKey (the committed value) in both modes\n        selectedKey: value ?? null,\n        onSelectionChange(val: string | null) {\n          // Commit selection changes to the form\n          onChange(val);\n        },\n      };\n    },\n  });\n\n  const { t } = useI18n();\n\n  let {\n    qa,\n    label,\n    extra,\n    labelStyles,\n    isRequired,\n    necessityIndicator,\n    isInvalid,\n    isValid,\n    id,\n    icon,\n    prefix,\n    isDisabled,\n    autoFocus,\n    autoComplete = 'off',\n    wrapperRef,\n    inputRef,\n    triggerRef,\n    popoverRef,\n    listBoxRef,\n    isLoading,\n    inputStyles,\n    optionStyles,\n    triggerStyles,\n    listBoxStyles,\n    overlayStyles,\n    suffix,\n    hideTrigger,\n    message,\n    description,\n    size = 'medium',\n    direction = 'bottom',\n    shouldFlip = true,\n    popoverTrigger = 'input',\n    suffixPosition = 'before',\n    filter,\n    styles,\n    labelSuffix,\n    selectedKey,\n    defaultSelectedKey,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    isClearable,\n    onClear,\n    placeholder,\n    allowsCustomValue,\n    shouldCommitOnBlur = true,\n    clearOnBlur,\n    items,\n    children: renderChildren,\n    sectionStyles,\n    headingStyles,\n    isReadOnly,\n    overlayOffset = 8,\n    containerPadding = 8,\n    onSelectionChange: externalOnSelectionChange,\n    sortSelectedToTop: sortSelectedToTopProp,\n    onOpenChange,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    form,\n    ...otherProps\n  } = props;\n\n  // Generate a unique ID for this combobox instance\n  const comboBoxId = useMemo(() => generateRandomId(), []);\n\n  // Hoist the wrapper/popover ref normalization above `useComboBoxState` so\n  // the popover-sync inside it sees stable, attached refs. Other ref combines\n  // happen below alongside the legacy ordering.\n  wrapperRef = useCombinedRefs(wrapperRef);\n  popoverRef = useCombinedRefs(popoverRef);\n\n  // State management hook\n  const {\n    effectiveSelectedKey,\n    effectiveInputValue,\n    isPopoverOpen,\n    setIsPopoverOpen,\n    setInternalSelectedKey,\n    setInternalInputValue,\n    isControlledKey,\n    isControlledInput,\n  } = useComboBoxState({\n    selectedKey,\n    defaultSelectedKey,\n    inputValue,\n    defaultInputValue,\n    comboBoxId,\n    triggerRef: wrapperRef as RefObject<HTMLElement | null>,\n    popoverRef: popoverRef as RefObject<HTMLElement | null>,\n  });\n\n  // Track if sortSelectedToTop was explicitly provided\n  const sortSelectedToTopExplicit = sortSelectedToTopProp !== undefined;\n  // Default to true if items are provided, false otherwise\n  const sortSelectedToTop = sortSelectedToTopProp ?? (items ? true : false);\n\n  // Cache for sorted items array when using `items` prop\n  const cachedItemsOrder = useRef<T[] | null>(null);\n  const selectionWhenClosed = useRef<string | null>(null);\n\n  styles = extractStyles(otherProps, PROP_STYLES, styles);\n\n  ref = useCombinedRefs(ref);\n  inputRef = useCombinedRefs(inputRef);\n  triggerRef = useCombinedRefs(triggerRef);\n  listBoxRef = useCombinedRefs(listBoxRef);\n\n  // Sort items with selected on top if enabled\n  const getSortedItems = useCallback((): typeof items => {\n    if (!items) return items;\n\n    if (!sortSelectedToTop) return items;\n\n    // Reuse cached order if available\n    if (cachedItemsOrder.current) {\n      return cachedItemsOrder.current;\n    }\n\n    // Warn if explicitly requested but not supported\n    if (sortSelectedToTopExplicit && !items) {\n      console.warn(\n        'ComboBox: sortSelectedToTop only works with the items prop. ' +\n          'Sorting will be skipped when using JSX children.',\n      );\n      return items;\n    }\n\n    const selectedKey = isPopoverOpen\n      ? effectiveSelectedKey\n      : selectionWhenClosed.current;\n\n    if (!selectedKey) return items;\n\n    const itemsArray = Array.isArray(items) ? items : Array.from(items);\n    const selectedItem = itemsArray.find((item) => {\n      const key = (item as any)?.key ?? (item as any)?.id;\n      return key != null && String(key) === String(selectedKey);\n    });\n\n    if (!selectedItem) return items;\n\n    const sorted = [\n      selectedItem,\n      ...itemsArray.filter((item) => {\n        const key = (item as any)?.key ?? (item as any)?.id;\n        return key == null || String(key) !== String(selectedKey);\n      }),\n    ] as T[];\n\n    if (isPopoverOpen) {\n      cachedItemsOrder.current = sorted;\n    }\n\n    return sorted;\n  }, [\n    items,\n    sortSelectedToTop,\n    sortSelectedToTopExplicit,\n    effectiveSelectedKey,\n    isPopoverOpen,\n  ]);\n\n  const sortedItems = getSortedItems();\n\n  // Preserve the original `children` (may be a render function) before we\n  // potentially overwrite it.\n  let children: ReactNode = renderChildren as ReactNode;\n\n  const renderFn = renderChildren as unknown;\n\n  if (sortedItems && typeof renderFn === 'function') {\n    try {\n      const itemsArray = Array.from(sortedItems as Iterable<any>);\n      children = itemsArray.map((item, idx) => {\n        const rendered = (renderFn as (it: any) => ReactNode)(item);\n        if (\n          React.isValidElement(rendered) &&\n          (rendered as ReactElement).key == null\n        ) {\n          return React.cloneElement(rendered as ReactElement, {\n            key: (rendered as any)?.key ?? item?.key ?? idx,\n          });\n        }\n\n        return rendered as ReactNode;\n      });\n    } catch {\n      // If conversion fails, proceed with the original children\n    }\n  }\n\n  // Invalidate cached sorting whenever items change\n  useEffect(() => {\n    cachedItemsOrder.current = null;\n  }, [items]);\n\n  // Capture selection when popover closes\n  useEffect(() => {\n    if (!isPopoverOpen) {\n      selectionWhenClosed.current =\n        effectiveSelectedKey != null ? String(effectiveSelectedKey) : null;\n      cachedItemsOrder.current = null;\n    }\n  }, [isPopoverOpen, effectiveSelectedKey]);\n\n  // Call onOpenChange when popover state changes\n  useEffect(() => {\n    onOpenChange?.(isPopoverOpen);\n  }, [isPopoverOpen]);\n\n  // Filtering hook\n  const { filterFn, isFilterActive, setIsFilterActive } = useComboBoxFiltering({\n    effectiveInputValue,\n    filter,\n  });\n\n  // Create local collection state for reading item data (labels, etc.)\n  // This allows us to read item labels even before the popover opens\n  const localCollectionState = useListState({\n    children,\n    items: sortedItems,\n    selectionMode: 'none', // Don't manage selection in this state\n  });\n\n  const { isFocused, focusProps } = useFocus({ isDisabled });\n\n  // Helper to check if current input value is valid\n  const checkInputValidity = useCallback(() => {\n    if (!effectiveInputValue.trim()) {\n      return { isInputValid: false, singleMatchKey: null, filteredCount: 0 };\n    }\n\n    // Get filtered collection based on current input\n    const filteredNodes = filterFn(localCollectionState.collection);\n    const filteredItems: Array<{ key: Key; textValue: string }> = [];\n\n    // Flatten filtered nodes (handle sections)\n    for (const node of filteredNodes) {\n      if (node.type === 'section' && node.childNodes) {\n        for (const child of node.childNodes) {\n          if (child.type === 'item') {\n            filteredItems.push({\n              key: child.key,\n              textValue: child.textValue || '',\n            });\n          }\n        }\n      } else if (node.type === 'item') {\n        filteredItems.push({\n          key: node.key,\n          textValue: node.textValue || '',\n        });\n      }\n    }\n\n    const filteredCount = filteredItems.length;\n\n    // Check for exact match\n    const exactMatch = filteredItems.find(\n      (item) =>\n        item.textValue.toLowerCase() ===\n        effectiveInputValue.trim().toLowerCase(),\n    );\n\n    if (exactMatch) {\n      return {\n        isInputValid: true,\n        singleMatchKey: exactMatch.key,\n        filteredCount,\n      };\n    }\n\n    // If exactly one filtered result, consider it valid\n    if (filteredCount === 1) {\n      return {\n        isInputValid: true,\n        singleMatchKey: filteredItems[0].key,\n        filteredCount,\n      };\n    }\n\n    return { isInputValid: false, singleMatchKey: null, filteredCount };\n  }, [effectiveInputValue, filterFn, localCollectionState.collection]);\n\n  // Composite blur handler - fires when focus leaves the entire component\n  const handleCompositeBlur = useEvent(() => {\n    // NOTE: Do NOT disable filter yet; we need it active for validity check\n\n    // In allowsCustomValue mode\n    if (allowsCustomValue) {\n      // Commit the input value if it's non-empty and nothing is selected\n      if (\n        shouldCommitOnBlur &&\n        effectiveInputValue &&\n        effectiveSelectedKey == null\n      ) {\n        externalOnSelectionChange?.(effectiveInputValue as string);\n        if (!isControlledKey) {\n          setInternalSelectedKey(effectiveInputValue as Key);\n        }\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n\n      // Clear selection if input is empty\n      if (!String(effectiveInputValue).trim()) {\n        externalOnSelectionChange?.(null);\n        if (!isControlledKey) {\n          setInternalSelectedKey(null);\n        }\n        if (!isControlledInput) {\n          setInternalInputValue('');\n        }\n        onInputChange?.('');\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n    }\n\n    // In non-custom-value mode, validate input and handle accordingly\n    if (!allowsCustomValue) {\n      const { isInputValid, singleMatchKey } = checkInputValidity();\n\n      // If there's exactly one filtered result, auto-select it\n      if (\n        isInputValid &&\n        singleMatchKey != null &&\n        singleMatchKey !== effectiveSelectedKey\n      ) {\n        const label = getItemLabel(singleMatchKey);\n\n        if (!isControlledKey) {\n          setInternalSelectedKey(singleMatchKey);\n        }\n        if (!isControlledInput) {\n          setInternalInputValue(label);\n        }\n        onInputChange?.(label);\n        externalOnSelectionChange?.(singleMatchKey as string | null);\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n\n      // If input is invalid (no exact match, not a single result)\n      if (!isInputValid) {\n        const trimmedInput = effectiveInputValue.trim();\n\n        // Clear if clearOnBlur is set or input is empty\n        if (clearOnBlur || !trimmedInput) {\n          externalOnSelectionChange?.(null);\n          if (!isControlledKey) {\n            setInternalSelectedKey(null);\n          }\n          if (!isControlledInput) {\n            setInternalInputValue('');\n          }\n          onInputChange?.('');\n          onBlur?.();\n          setIsFilterActive(false);\n          return;\n        }\n\n        // Reset input to current selected value (or empty if none)\n        const nextValue =\n          effectiveSelectedKey != null\n            ? getItemLabel(effectiveSelectedKey)\n            : '';\n\n        if (!isControlledInput) {\n          setInternalInputValue(nextValue);\n        }\n        onInputChange?.(nextValue);\n        onBlur?.();\n        setIsFilterActive(false);\n        return;\n      }\n    }\n\n    // Fallback: Reset input to show current selection (or empty if none)\n    const nextValue =\n      effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : '';\n\n    if (!isControlledInput) {\n      setInternalInputValue(nextValue);\n    }\n    onInputChange?.(nextValue);\n    onBlur?.();\n    setIsFilterActive(false);\n  });\n\n  // Composite focus hook - handles focus tracking across wrapper and portaled popover\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef,\n    popoverRef,\n    onFocus,\n    onBlur: handleCompositeBlur,\n    isDisabled,\n  });\n\n  let validationIcon = getValidationIcon({ isInvalid, isValid });\n\n  // Ref to access internal ListBox state\n  const listStateRef = useRef<any>(null);\n  const focusInitAttemptsRef = useRef(0);\n\n  // Helper to get label from local collection\n  const getItemLabel = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // Selection change handler\n  const handleSelectionChange = useEvent((selection: Key | Key[] | null) => {\n    // Extract single key from selection (we only support single selection)\n    const key = Array.isArray(selection) ? selection[0] : selection;\n\n    // Update selected key\n    if (!isControlledKey) {\n      setInternalSelectedKey(key ?? null);\n    }\n\n    // Update input value to show selected item label\n    if (key != null) {\n      setIsFilterActive(false);\n\n      const label = getItemLabel(key);\n\n      if (!isControlledInput) {\n        setInternalInputValue(label);\n      }\n      onInputChange?.(label);\n    } else {\n      // Clear input when selection is cleared\n      if (!isControlledInput) {\n        setInternalInputValue('');\n      }\n      onInputChange?.('');\n      setIsFilterActive(false);\n    }\n\n    externalOnSelectionChange?.(key as string | null);\n\n    // Close popover after selection\n    setIsPopoverOpen(false);\n\n    // Focus input\n    setTimeout(() => {\n      inputRef.current?.focus();\n    }, 0);\n  });\n\n  const lastSyncedSelectedKey = useRef<Key | null | undefined>(undefined);\n  const selectionClearedByTyping = useRef(false);\n\n  // Input change handler\n  const handleInputChange = useEvent(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n\n      // Update input value\n      if (!isControlledInput) {\n        setInternalInputValue(value);\n      }\n      onInputChange?.(value);\n\n      const trimmed = value.trim();\n      setIsFilterActive(trimmed.length > 0);\n\n      // Only clear selection in allowsCustomValue mode\n      // In normal mode, typing just filters - selection stays until explicitly changed\n      if (allowsCustomValue && effectiveSelectedKey != null) {\n        selectionClearedByTyping.current = true;\n        if (!isControlledKey) {\n          setInternalSelectedKey(null);\n        }\n        externalOnSelectionChange?.(null);\n      }\n\n      // Open popover based on trigger\n      if (popoverTrigger !== 'manual' && value && !isPopoverOpen) {\n        setIsPopoverOpen(true);\n      }\n    },\n  );\n\n  // Initialize input value from defaultInputValue or defaultSelectedKey (uncontrolled mode only, one-time)\n  const [hasInitialized, setHasInitialized] = useState(false);\n\n  useEffect(() => {\n    // Only initialize once, in uncontrolled input mode\n    if (hasInitialized || isControlledInput) return;\n\n    // Priority 1: defaultInputValue takes precedence\n    if (defaultInputValue !== undefined) {\n      setInternalInputValue(defaultInputValue);\n      setHasInitialized(true);\n      return;\n    }\n\n    // Priority 2: fall back to defaultSelectedKey's label\n    if (defaultSelectedKey) {\n      const label = getItemLabel(defaultSelectedKey);\n\n      setInternalInputValue(label);\n      setHasInitialized(true);\n    }\n  }, [\n    hasInitialized,\n    isControlledInput,\n    defaultInputValue,\n    defaultSelectedKey,\n    getItemLabel,\n    children,\n  ]);\n\n  // Sync input value with controlled selectedKey\n  useEffect(() => {\n    const preserveTypedInput = selectionClearedByTyping.current;\n    selectionClearedByTyping.current = false;\n    // Only run when selectedKey is controlled but inputValue is uncontrolled\n    if (!isControlledKey || isControlledInput) return;\n\n    // Skip if the key hasn't actually changed (prevents unnecessary resets when collection rebuilds)\n    if (\n      lastSyncedSelectedKey.current !== undefined &&\n      lastSyncedSelectedKey.current === effectiveSelectedKey\n    ) {\n      return;\n    }\n\n    lastSyncedSelectedKey.current = effectiveSelectedKey;\n\n    // Acknowledging the selection cleared by this edit must not erase the\n    // text that caused it. Later external clears still reset the input.\n    if (preserveTypedInput && effectiveSelectedKey == null) return;\n\n    // Get the expected label for the current selection\n    const expectedLabel =\n      effectiveSelectedKey != null ? getItemLabel(effectiveSelectedKey) : '';\n\n    // Update the input value to match the selected key's label\n    setInternalInputValue(expectedLabel);\n  }, [\n    isControlledKey,\n    isControlledInput,\n    effectiveSelectedKey,\n    effectiveInputValue,\n    getItemLabel,\n  ]);\n\n  // Input focus handler\n  const handleInputFocus = useEvent((e: React.FocusEvent<HTMLInputElement>) => {\n    // Call focus props handler if it exists\n    focusProps.onFocus?.(e as any);\n\n    if (popoverTrigger === 'focus' && !isPopoverOpen) {\n      setIsPopoverOpen(true);\n    }\n  });\n\n  // Input blur handler - just handles internal focus props\n  const handleInputBlur = useEvent((e: React.FocusEvent<HTMLInputElement>) => {\n    focusProps.onBlur?.(e as any);\n  });\n\n  // Clear button logic\n  let hasValue = allowsCustomValue\n    ? effectiveInputValue !== ''\n    : effectiveSelectedKey != null;\n  let showClearButton = isClearable && hasValue && !isDisabled && !isReadOnly;\n\n  // Check if there are any results after filtering\n  const hasResults = useMemo(() => {\n    if (!children) return false;\n    if (!Array.isArray(children) && children === null) return false;\n\n    // If we have a collection, check if filtering will produce any results\n    if (localCollectionState?.collection) {\n      const filteredNodes = filterFn(localCollectionState.collection);\n      const resultArray = Array.from(filteredNodes).flatMap((node: any) => {\n        if (node.type === 'section' && node.childNodes) {\n          return [...node.childNodes];\n        }\n\n        return [node];\n      });\n      return resultArray.length > 0;\n    }\n\n    // Fallback: check if children exists\n    return Array.isArray(children) ? children.length > 0 : true;\n  }, [children, localCollectionState?.collection, filterFn]);\n\n  // Clear function\n  let clearValue = useEvent(() => {\n    // Clear input\n    if (!isControlledInput) {\n      setInternalInputValue('');\n    }\n    onInputChange?.('');\n\n    // Clear selection\n    if (!isControlledKey) {\n      setInternalSelectedKey(null);\n    }\n    externalOnSelectionChange?.(null);\n\n    // Close popover\n    if (isPopoverOpen) {\n      setIsPopoverOpen(false);\n    }\n\n    // Focus input\n    inputRef.current?.focus();\n\n    onClear?.();\n  });\n\n  // Keyboard navigation hook\n  const { keyboardProps } = useComboBoxKeyboard({\n    isPopoverOpen,\n    listStateRef,\n    hasResults,\n    allowsCustomValue,\n    effectiveInputValue,\n    isClearable,\n    onSelectionChange: handleSelectionChange,\n    onClearValue: clearValue,\n    onOpenPopover: () => setIsPopoverOpen(true),\n    onClosePopover: () => setIsPopoverOpen(false),\n    inputRef,\n    setIsFilterActive,\n    onKeyDown,\n  });\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  let mods = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      disabled: isDisabled,\n      hovered: false,\n      focused: isFocused,\n      loading: isLoading,\n      prefix: !!prefix,\n      suffix: true,\n      clearable: showClearButton,\n    }),\n    [\n      isInvalid,\n      isValid,\n      isDisabled,\n      isFocused,\n      isLoading,\n      prefix,\n      showClearButton,\n    ],\n  );\n\n  const comboBoxWidth = wrapperRef?.current?.offsetWidth;\n\n  const shouldShowPopover = Boolean(isPopoverOpen && hasResults);\n\n  // Close popover if no results\n  useEffect(() => {\n    if (isPopoverOpen && !hasResults) {\n      setIsPopoverOpen(false);\n    }\n  }, [isPopoverOpen, hasResults]);\n\n  const ensureInitialFocus = useCallback(() => {\n    if (!shouldShowPopover) return;\n\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    const { selectionManager, collection, disabledKeys, lastFocusSourceRef } =\n      listState;\n    if (!selectionManager || !collection) return;\n\n    const collectFirstKey = (): Key | null => {\n      for (const node of collection) {\n        if (node.type === 'item') {\n          if (!disabledKeys?.has(node.key)) return node.key;\n        } else if (node.childNodes) {\n          for (const child of node.childNodes) {\n            if (child.type === 'item' && !disabledKeys?.has(child.key)) {\n              return child.key;\n            }\n          }\n        }\n      }\n      return null;\n    };\n\n    if (lastFocusSourceRef) lastFocusSourceRef.current = 'keyboard';\n\n    // Check if we need to set or update focus\n    const currentFocusedKey = selectionManager.focusedKey;\n    let needsRefocus = false;\n\n    if (currentFocusedKey == null) {\n      // No focus at all - need to set initial focus\n      needsRefocus = true;\n    } else {\n      // Check if currently focused key still exists in the collection\n      const focusedItemExists = collection.getItem(currentFocusedKey) != null;\n      if (!focusedItemExists) {\n        // Focused item was filtered out - need to refocus\n        needsRefocus = true;\n      }\n    }\n\n    if (needsRefocus) {\n      let keyToFocus: Key | null = null;\n\n      // First try to focus on the selected key if it exists in the collection\n      if (\n        effectiveSelectedKey != null &&\n        collection.getItem(effectiveSelectedKey) != null\n      ) {\n        keyToFocus = effectiveSelectedKey;\n      } else {\n        // Fall back to the first key in the collection\n        keyToFocus = collectFirstKey();\n      }\n\n      if (keyToFocus != null) {\n        selectionManager.setFocusedKey(keyToFocus);\n      }\n    }\n  }, [shouldShowPopover, effectiveSelectedKey]);\n\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      ensureInitialFocus();\n      focusInitAttemptsRef.current += 1;\n      // Try a few frames to wait for collection to mount\n      if (\n        focusInitAttemptsRef.current < 8 &&\n        listStateRef.current?.selectionManager?.focusedKey == null\n      ) {\n        requestAnimationFrame(tick);\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover, ensureInitialFocus]);\n\n  const comboBoxField = (\n    <ComboBoxWrapperElement\n      ref={wrapperRef}\n      mods={mods}\n      styles={styles}\n      style={{\n        zIndex: isFocused ? 1 : 'initial',\n      }}\n      data-size={size}\n      {...compositeFocusProps}\n    >\n      {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n      <ComboBoxInput\n        qa={qa || 'ComboBox'}\n        inputRef={inputRef}\n        id={id}\n        value={effectiveInputValue}\n        placeholder={placeholder}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        autoFocus={autoFocus}\n        autoComplete={autoComplete}\n        size={size}\n        mods={mods}\n        inputStyles={inputStyles}\n        keyboardProps={keyboardProps}\n        focusProps={{ ...focusProps, onBlur: handleInputBlur }}\n        isPopoverOpen={isPopoverOpen}\n        hasResults={hasResults}\n        comboBoxId={comboBoxId}\n        listStateRef={listStateRef}\n        onChange={handleInputChange}\n        onFocus={handleInputFocus}\n      />\n      <div data-element=\"Suffix\">\n        {suffixPosition === 'before' ? suffix : null}\n        {isLoading ? <LoadingIcon data-element=\"InputIcon\" /> : validationIcon}\n        {suffixPosition === 'after' ? suffix : null}\n        {showClearButton && (\n          <Item.Action\n            icon={<CloseIcon />}\n            size={size}\n            // No `theme` — the default `current` type inherits the input's own\n            // text color, which is already validation-tinted, so the button\n            // matches the text beside it exactly instead of using the fixed\n            // `danger.clear` palette.\n            qa=\"ComboBoxClearButton\"\n            data-no-trigger={hideTrigger ? '' : undefined}\n            data-popover-dismiss=\"\"\n            aria-label={t('comboBox.clearValue', 'Clear value')}\n            onPress={clearValue}\n          />\n        )}\n        {!hideTrigger ? (\n          <Item.Action\n            ref={triggerRef}\n            data-popover-trigger\n            icon={<DirectionIcon to={isPopoverOpen ? 'up' : 'down'} />}\n            qa=\"ComboBoxTrigger\"\n            mods={{\n              pressed: isPopoverOpen,\n              disabled: isDisabled,\n              loading: isLoading,\n            }}\n            data-size={size}\n            isDisabled={isDisabled}\n            styles={triggerStyles}\n            aria-expanded={isPopoverOpen}\n            aria-haspopup=\"listbox\"\n            aria-label={t('comboBox.showOptions', 'Show options')}\n            onPress={() => {\n              if (!isDisabled) {\n                const willOpen = !isPopoverOpen;\n                setIsPopoverOpen(willOpen);\n                if (willOpen) {\n                  inputRef.current?.focus();\n                  // If opening with no filtered results, disable filter to show all items\n                  if (!hasResults) {\n                    setIsFilterActive(false);\n                  }\n                }\n              }\n            }}\n          />\n        ) : null}\n      </div>\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        comboBoxWidth={comboBoxWidth}\n        listBoxId={`ComboBoxListBox-${comboBoxId}`}\n        overlayStyles={overlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        selectedKey={effectiveSelectedKey}\n        isDisabled={isDisabled}\n        disabledKeys={props.disabledKeys}\n        items={sortedItems}\n        listStateRef={listStateRef}\n        label={label}\n        ariaLabel={(props as any)['aria-label']}\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        size={size}\n        onSelectionChange={handleSelectionChange}\n        onClose={() => setIsPopoverOpen(false)}\n      >\n        {children}\n      </ListBoxPopover>\n    </ComboBoxWrapperElement>\n  );\n\n  const { children: _, ...propsWithoutChildren } = props;\n\n  return wrapWithField<Omit<CubeComboBoxProps<T>, 'children'>>(\n    comboBoxField,\n    ref,\n    propsWithoutChildren,\n  );\n}) as unknown as (<T>(\n  props: CubeComboBoxProps<T> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReactElement) & { Item: typeof Item; Section: typeof BaseSection };\n\nComboBox.Item = Item;\n\nComboBox.Section = BaseSection;\n\nObject.defineProperty(ComboBox, 'cubeInputType', {\n  value: 'ComboBox',\n  enumerable: false,\n  configurable: false,\n});\n"],"mappings":"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"}

package/dist/components/fields/CommandTextArea/CommandTextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

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

@@ -1 +1 @@
-{"version":3,"file":"CommandTextArea.js","names":["mergeProps","BaseSection"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import { Collection, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport {\n  collectVisibleKeys,\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  ListStateLike,\n  markKeyboardFocus,\n  TextFilterFn,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. */\nexport interface CommandTrigger {\n  /** The character that opens the autocomplete (e.g. `/` or `@`). */\n  char: string;\n  /**\n   * When true, the trigger token must start at the beginning of the line the\n   * caret is on (right after a newline, or at the very start of the input) —\n   * i.e. line-scoped slash commands. When false, the token may appear after\n   * any whitespace, anywhere in the text (Slack/Notion-style).\n   */\n  atLineStart?: boolean;\n}\n\n/** Result of scanning the textarea for an active trigger token. */\nexport interface ActiveToken {\n  /** The matched trigger descriptor. */\n  trigger: CommandTrigger;\n  /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */\n  token: string;\n  /** Inclusive start index of the token in the textarea value. */\n  start: number;\n  /** Exclusive end index of the token (caret position while typing). */\n  end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T>\n  extends Omit<CubeTextInputBaseProps, 'children' | 'multiLine'> {\n  /** Whether the textarea should resize to fit its content. */\n  autoSize?: boolean;\n  /** Max visible rows when `autoSize` is true. Defaults to 10. */\n  maxRows?: number;\n  /** Number of visible rows. Defaults to 3. */\n  rows?: number;\n\n  /** Command/option source (alternative to JSX children). */\n  items?: Iterable<T>;\n  /** Static items or a render function (same shape as ComboBox/ListBox). */\n  children?: ReactNode | ((item: T) => ReactElement);\n  /**\n   * Triggers that open the autocomplete. Defaults to a single slash command\n   * that must start at the beginning of the input.\n   */\n  triggers?: CommandTrigger[];\n  /**\n   * Custom filter. Pass `false` to disable internal filtering (server-side).\n   */\n  filter?: CommandTextAreaFilterFn | false;\n  /**\n   * Fired when the user picks a command (Enter/Tab/click). The option's\n   * `textValue` is also inserted into the textarea regardless.\n   *\n   * `start` / `end` locate that insertion in the value handed to `onChange`, so\n   * a consumer can anchor its own record to the picked item rather than\n   * re-deriving the offset by searching the new value for the inserted text —\n   * a search that cannot tell two occurrences apart when one option's text is a\n   * prefix of another's.\n   */\n  onCommand?: (\n    key: Key,\n    item: {\n      textValue: string;\n      /** Index in the new value where the inserted text starts. */\n      start: number;\n      /** Index where it ends, excluding any inserted trailing space. */\n      end: number;\n      [k: string]: any;\n    },\n  ) => void;\n  /**\n   * Fired when the command popover opens or closes. Lets a consumer with its own\n   * `Enter` behaviour tell \"pick the focused option\" from \"submit\" without\n   * reading `aria-expanded` off the DOM.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Fired when the active trigger token changes, with the component's own\n   * caret-aware scan result — `null` once the caret leaves a token. Saves a\n   * consumer running a second, approximate scan of the same value.\n   */\n  onActiveTokenChange?: (token: ActiveToken | null) => void;\n  /** Insert a trailing space after the chosen command. Defaults to true. */\n  insertSpaceAfter?: boolean;\n  /** Keys of disabled options. */\n  disabledKeys?: Iterable<Key>;\n  /** Popover placement. Chat inputs usually want `top`. Defaults to `top`. */\n  direction?: 'bottom' | 'top';\n  /** Whether the popover should flip when overflowing. Defaults to true. */\n  shouldFlip?: boolean;\n  /** Offset between the textarea and the popover. */\n  overlayOffset?: number;\n  /** Padding between the popover and the viewport edge. */\n  containerPadding?: number;\n\n  // Refs\n  /** Ref for the textarea element. */\n  inputRef?: RefObject<HTMLTextAreaElement>;\n  /** Ref for the wrapper element (popover anchor). */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for the popover overlay element. */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for the listbox element. */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref through which the internal list state is exposed. */\n  listStateRef?: RefObject<ListStateLike | null>;\n\n  // Style props\n  overlayStyles?: any;\n  listBoxStyles?: any;\n  optionStyles?: any;\n  sectionStyles?: any;\n  headingStyles?: any;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/**\n * Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n */\nexport function parseActiveToken(\n  value: string,\n  caret: number,\n  triggers: CommandTrigger[],\n): ActiveToken | null {\n  if (!triggers.length) return null;\n  const before = value.slice(0, caret);\n  const after = value.slice(caret);\n\n  for (const trigger of triggers) {\n    const ch = trigger.char;\n    if (trigger.atLineStart) {\n      // Line-start command: the trigger char must sit at the start of the line\n      // the caret is on (right after a newline, or at index 0), with no\n      // whitespace between it and the caret. On a single-line input with no\n      // newlines this is equivalent to \"index 0 of the whole input\".\n      const lineStart = before.lastIndexOf('\\n') + 1;\n      const linePrefix = before.slice(lineStart);\n      if (linePrefix[0] !== ch) continue;\n      // No whitespace allowed within the token (after the trigger char).\n      const wsIndex = linePrefix.slice(1).search(/\\s/);\n      if (wsIndex !== -1) continue;\n      if (!linePrefix) continue;\n      return { trigger, token: linePrefix, start: lineStart, end: caret };\n    }\n\n    // Caret-token mode: find the last trigger char that begins a token at or\n    // after a line start / whitespace boundary, with no whitespace between it\n    // and the caret.\n    const match = /(?:^|\\s)([\\S]+)$/.exec(before);\n    if (!match) continue;\n    const candidate = match[1];\n    if (candidate[0] !== ch) continue;\n    // Ensure the token hasn't already been closed by whitespace after caret.\n    // (If there's non-whitespace after the caret, the user is mid-token.)\n    const start = caret - candidate.length;\n    // If immediately after the caret there's whitespace (or end), the token is\n    // \"complete\" — still offer completions as long as the caret sits on the\n    // token. We accept it.\n    void after;\n    return { trigger, token: candidate, start, end: caret };\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n  props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    qa,\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    defaultValue,\n    placeholder,\n    // command props\n    items,\n    children: renderChildren,\n    triggers = DEFAULT_TRIGGERS,\n    filter,\n    onCommand,\n    onOpenChange,\n    onActiveTokenChange,\n    insertSpaceAfter = true,\n    disabledKeys,\n    direction = 'top',\n    shouldFlip = true,\n    overlayOffset = 8,\n    containerPadding = 8,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    wrapperRef: propsWrapperRef,\n    popoverRef: propsPopoverRef,\n    listBoxRef: propsListBoxRef,\n    listStateRef: propsListStateRef,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  // ---- refs -------------------------------------------------------------\n  const localInputRef = useRef<HTMLTextAreaElement>(null);\n  const inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLTextAreaElement>;\n  const wrapperRef = useCombinedRefs<HTMLDivElement>(propsWrapperRef);\n  const popoverRef = useCombinedRefs<HTMLDivElement>(propsPopoverRef);\n  const listBoxRef = useCombinedRefs<HTMLDivElement>(propsListBoxRef);\n  const localListStateRef = useRef<ListStateLike | null>(null);\n  const listStateRef = (propsListStateRef ??\n    localListStateRef) as RefObject<ListStateLike | null>;\n\n  const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n  // ---- controlled / uncontrolled value ----------------------------------\n  // When no `value` is provided (standalone, no form), track the text\n  // internally so trigger detection and commit still work.\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n  const effectiveValue: string = isControlled\n    ? (value as string)\n    : internalValue;\n  const handleChange = useEvent((next: string) => {\n    if (!isControlled) setInternalValue(next);\n    onChange?.(next);\n  });\n\n  // ---- children / items normalization -----------------------------------\n  let children: ReactNode = renderChildren as ReactNode;\n  const renderFn = renderChildren as unknown;\n  if (items && typeof renderFn === 'function') {\n    const itemsArray = Array.from(items as Iterable<any>);\n    children = itemsArray.map((item, idx) => {\n      const rendered = (renderFn as (it: any) => ReactNode)(item);\n      if (\n        React.isValidElement(rendered) &&\n        (rendered as ReactElement).key == null\n      ) {\n        return React.cloneElement(rendered as ReactElement, {\n          key: (rendered as any)?.key ?? item?.key ?? idx,\n        });\n      }\n      return rendered as ReactNode;\n    });\n  }\n\n  // ---- caret tracking ---------------------------------------------------\n  // The caret drives trigger detection. We keep it in state so a caret move\n  // (arrow keys without typing) re-renders and recomputes the active token.\n  const [caret, setCaret] = useState(() => effectiveValue.length);\n  const syncCaret = useEvent(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    setCaret(el.selectionStart ?? el.value.length);\n  });\n\n  // ---- trigger detection ------------------------------------------------\n  const activeToken = useMemo(\n    () =>\n      parseActiveToken(\n        effectiveValue,\n        Math.min(caret, effectiveValue.length),\n        triggers,\n      ),\n    [effectiveValue, caret, triggers],\n  );\n\n  // The active token includes the trigger char (e.g. `/co`). Strip it before\n  // filtering so the query is matched against the meaningful text — this lets\n  // options match by their label/description (which don't contain the trigger\n  // char) as well as by their `textValue`.\n  const term = useMemo(() => {\n    if (!activeToken) return '';\n    const { token, trigger } = activeToken;\n    return token.startsWith(trigger.char)\n      ? token.slice(trigger.char.length)\n      : token;\n  }, [activeToken]);\n\n  // ---- filtering --------------------------------------------------------\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Local collection used to read option textValues and to count matches.\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none',\n  });\n\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) =>\n      filterCollectionNodes(nodes, term, textFilterFn, {\n        matchExtraFields: true,\n      }),\n    [term, textFilterFn],\n  );\n\n  // Keys of the currently visible (filtered) options, in display order.\n  // Derived from our own local collection + filter (rather than the ListBox's\n  // exposed state ref) so it is always in sync with the current token — the\n  // ListBox's `stateRef.collection` can momentarily lag by a render right after\n  // the token narrows, which would otherwise leave virtual focus on (and commit)\n  // an option that is no longer visible.\n  const visibleFilteredKeys = useMemo<Key[]>(() => {\n    if (!activeToken) return [];\n    const keys: Key[] = [];\n    const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n    collectVisibleKeys(\n      filterFn(localCollectionState.collection),\n      keys,\n      disabled,\n    );\n    return keys;\n  }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n  const filteredCount = visibleFilteredKeys.length;\n\n  // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n  const [dismissedToken, setDismissedToken] = useState<string | null>(null);\n  // Bumped whenever we move the virtual focus so the textarea's\n  // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n  // stays in sync — the ListBox's own state update does not re-render us.\n  const [, setFocusTick] = useState(0);\n  const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n  // Reset dismissal whenever the active token changes (user typed/backspaced).\n  useEffect(() => {\n    setDismissedToken((prev) =>\n      prev != null && activeToken?.token !== prev ? null : prev,\n    );\n  }, [activeToken?.token]);\n\n  const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n  const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n  // ---- reporting open state / active token to the consumer --------------\n  // Both are already computed here; without these a consumer with its own\n  // `Enter` handling has to read `aria-expanded` off the DOM and run a second,\n  // approximate copy of the scan above — neither of which is a contract.\n  // Seeded with the closed / no-token defaults so mounting in that state is not\n  // reported as a change, while mounting with a `value` that already holds a\n  // token is.\n  const notifiedOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (notifiedOpenRef.current === shouldShowPopover) return;\n\n    notifiedOpenRef.current = shouldShowPopover;\n    onOpenChange?.(shouldShowPopover);\n  }, [shouldShowPopover, onOpenChange]);\n\n  // `activeToken` is a fresh object on every value/caret change, so compare the\n  // content rather than the identity — otherwise a consumer is re-notified for\n  // a token that has not actually moved.\n  const activeTokenSignature = activeToken\n    ? `${activeToken.trigger.char}\\u0000${activeToken.token}\\u0000${activeToken.start}\\u0000${activeToken.end}`\n    : null;\n  const notifiedTokenRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (notifiedTokenRef.current === activeTokenSignature) return;\n\n    notifiedTokenRef.current = activeTokenSignature;\n    onActiveTokenChange?.(activeToken ?? null);\n    // `activeToken` is intentionally not a dependency: the signature above is\n    // its value-identity, and depending on the object would re-run this on every\n    // keystroke that leaves the token unchanged.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTokenSignature, onActiveTokenChange]);\n\n  // ---- caret-anchored popover ------------------------------------------\n  // A zero-size element positioned at the caret (both axes) drives the\n  // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n  const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n    inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    caret,\n    value: effectiveValue,\n    isActive: shouldShowPopover,\n  });\n\n  // ---- height autosize (shared with TextArea) ---------------------------\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    value: effectiveValue,\n  });\n\n  // ---- useTextField (ARIA wiring for the textarea) ----------------------\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: effectiveValue,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(handleChange, adjustHeight),\n      inputElementType: 'textarea',\n    } as any,\n    inputRef as any,\n  );\n\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // ---- caret restore after commit --------------------------------------\n  const pendingCaretRef = useRef<number | null>(null);\n  useEnvironmentalEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n\n    if (pendingCaretRef.current != null) {\n      // Restore caret after we programmatically inserted a command.\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      el.focus();\n      el.setSelectionRange(pos, pos);\n      setCaret(pos);\n      return;\n    }\n\n    // The value changed without our own commit (controlled update from\n    // outside, form reset, or defaultValue seeding). Resync the caret from\n    // the DOM selection so trigger parsing works off a valid index instead of\n    // a stale one. We intentionally do not steal focus here.\n    const domCaret = el.selectionStart ?? el.value.length;\n    setCaret((prev) => (prev === domCaret ? prev : domCaret));\n  }, [effectiveValue]);\n\n  // ---- helpers ----------------------------------------------------------\n  const getItemTextValue = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // ---- commit (insert the chosen option's literal value) ---------------\n  const commit = useEvent((key: Key) => {\n    const listState = listStateRef.current;\n    // Guard against committing a stale key that has been filtered out of the\n    // visible list (e.g. the token was narrowed after focus landed on it).\n    // Fall back to the first still-visible option so the inserted command\n    // always matches what the user can see.\n    if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n      key = visibleFilteredKeys[0];\n    }\n    const textValue = getItemTextValue(key);\n    const token = activeToken;\n    const el = inputRef.current;\n\n    // Where the inserted text lands in the new value. Both branches below\n    // already compute this to place the caret; it is reported through\n    // `onCommand` instead of being thrown away. `end` excludes the trailing\n    // space, which is padding around the insertion rather than part of it.\n    let start = Math.min(caret, effectiveValue.length);\n\n    if (token) {\n      const next =\n        effectiveValue.slice(0, token.start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(token.end);\n      const caretPos =\n        token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = token.start;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n      // If controlled, caret is restored by the effect above; if not, set now.\n      if (el) {\n        el.focus();\n        try {\n          el.setSelectionRange(caretPos, caretPos);\n        } catch {\n          /* noop */\n        }\n      }\n    } else if (el) {\n      // Fallback: insert at caret.\n      const selectionStart = el.selectionStart ?? effectiveValue.length;\n      const selectionEnd = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, selectionStart) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(selectionEnd);\n      const caretPos =\n        selectionStart + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = selectionStart;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...((\n        listState?.collection as Collection<Node<unknown>> | undefined\n      )?.getItem(key)?.props ?? {}),\n      // After the item's own props: the range is the component's measurement of\n      // what it just did, so an item that happens to carry a `start`/`end` prop\n      // must not shadow it.\n      start,\n      end: start + textValue.length,\n    });\n  });\n\n  // ---- keyboard navigation (only while the popover is open) -------------\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (!shouldShowPopover) {\n        // While not in command mode, the textarea behaves normally; but clear\n        // any dismissal when the user edits.\n        return;\n      }\n\n      const listState = listStateRef.current;\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        if (!listState) return;\n        e.preventDefault();\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n        );\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (!listState) return;\n        e.preventDefault();\n        const edgeKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' ? 'first' : 'last',\n        );\n        if (edgeKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(edgeKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Enter' || e.key === 'Tab') {\n        if (!listState) return;\n        const focused = listState.selectionManager.focusedKey;\n        if (focused != null) {\n          e.preventDefault();\n          commit(focused);\n        }\n        // Otherwise pass through (newline / form submit / tab navigation).\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        if (activeToken) {\n          setDismissedToken(activeToken.token);\n        }\n      }\n    },\n    [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n  );\n\n  // ---- initial focus on the first option when the popover opens ---------\n  const focusInitAttemptsRef = useRef(0);\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      const listState = listStateRef.current;\n      if (!listState) {\n        focusInitAttemptsRef.current += 1;\n        if (focusInitAttemptsRef.current < 8) {\n          requestAnimationFrame(tick);\n        }\n        return;\n      }\n      if (listState.selectionManager.focusedKey == null) {\n        const first = getEdgeVisibleKey(listState, 'first');\n        if (first != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(first);\n          bumpFocus();\n        }\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover]);\n\n  // ---- keep virtual focus valid as the filtered list narrows -----------\n  // When the user narrows the token, the previously focused option may drop\n  // out of the filtered list. Move focus to the first still-visible option so\n  // the highlight and any Enter/Tab commit stay in sync with what's shown.\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    if (visibleFilteredKeys.length === 0) return;\n\n    const focused = listState.selectionManager.focusedKey;\n    if (focused == null || !visibleFilteredKeys.includes(focused)) {\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n      bumpFocus();\n    }\n  }, [visibleFilteredKeys, shouldShowPopover]);\n\n  // ---- composite focus (wrapper + portaled popover) ---------------------\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    popoverRef: popoverRef as RefObject<HTMLElement>,\n    onFocus,\n    onBlur,\n    isDisabled,\n  });\n\n  // ---- aria-activedescendant -------------------------------------------\n  const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n  const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n  // ---- popover width ----------------------------------------------------\n  // The popover is anchored to the caret (a point), so it must not be sized to\n  // the textarea. We use the same default as the shared `ListBoxPopover` /\n  // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n  // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n  // sliver (it has no intrinsic width), and `max-content` lets short option\n  // lists size to their content. The user's `overlayStyles` still win on top.\n  const popoverOverlayStyles: Styles = {\n    width: '30x max-content 50vw',\n    ...overlayStyles,\n  };\n\n  // ---- assemble input props ---------------------------------------------\n  const commandInputProps = mergeProps(\n    inputProps,\n    {\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': shouldShowPopover,\n      'aria-haspopup': 'listbox',\n      'aria-controls': shouldShowPopover ? listBoxId : undefined,\n      'aria-activedescendant':\n        shouldShowPopover && focusedKey != null\n          ? `ListBoxItem-${focusedKey}`\n          : undefined,\n      onKeyDown: onKeyDownHandler,\n      onSelect: syncCaret,\n      onKeyUp: syncCaret,\n      onClick: syncCaret,\n      'data-input-type': 'command-textarea',\n    },\n    userInputProps,\n  );\n\n  // ---- render -----------------------------------------------------------\n  const field = (\n    <TextInputBase\n      ref={ref as any}\n      {...otherProps}\n      multiLine\n      qa={qa}\n      inputRef={inputRef}\n      wrapperRef={wrapperRef}\n      wrapperProps={compositeFocusProps}\n      labelProps={mergedLabelProps}\n      inputProps={commandInputProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n\n  return (\n    <>\n      {field}\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        positionTargetRef={caretAnchorRef as RefObject<Element | null>}\n        positionApiRef={positionApiRef}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        listBoxId={listBoxId}\n        overlayStyles={popoverOverlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        optionHighlight={term}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys}\n        items={items as any}\n        listStateRef={listStateRef}\n        ariaLabel={\n          (props as any)['aria-label'] ||\n          (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n        }\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        onClose={() => {\n          if (activeToken) setDismissedToken(activeToken.token);\n        }}\n        onSelectionChange={(selection) => {\n          const key = Array.isArray(selection) ? selection[0] : selection;\n          if (key != null) commit(key);\n        }}\n      >\n        {children as any}\n      </ListBoxPopover>\n    </>\n  );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n  props: CubeCommandTextAreaProps<T> & {\n    ref?: ForwardedRef<HTMLElement>;\n  },\n) => ReactElement) & {\n  Item: typeof Item;\n  Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n  Item,\n  Section: BaseSection,\n  displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n  value: 'CommandTextArea',\n  enumerable: false,\n  configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":"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"}
+{"version":3,"file":"CommandTextArea.js","names":["Collection","Key","Node","Styles","React","ForwardedRef","forwardRef","ReactElement","ReactNode","RefObject","useCallback","useEffect","useLayoutEffect","useMemo","useRef","useState","useFilter","useTextField","Section","BaseSection","useListState","useEvent","generateRandomId","chain","mergeProps","useCombinedRefs","castNullableStringValue","WithNullableValue","CollectionItem","Item","useFieldProps","collectVisibleKeys","filterCollectionNodes","getEdgeVisibleKey","getNextVisibleKey","ListBoxPopover","ListStateLike","markKeyboardFocus","TextFilterFn","useCompositeFocus","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","useCaretAnchor","CommandTrigger","char","atLineStart","ActiveToken","trigger","token","start","end","CommandTextAreaFilterFn","CubeCommandTextAreaProps","Omit","autoSize","maxRows","rows","items","Iterable","T","children","item","triggers","filter","onCommand","key","textValue","k","onOpenChange","isOpen","onActiveTokenChange","insertSpaceAfter","disabledKeys","direction","shouldFlip","overlayOffset","containerPadding","inputRef","HTMLTextAreaElement","wrapperRef","HTMLDivElement","popoverRef","listBoxRef","listStateRef","overlayStyles","listBoxStyles","optionStyles","sectionStyles","headingStyles","DEFAULT_TRIGGERS","parseActiveToken","value","caret","length","before","slice","after","ch","lineStart","lastIndexOf","linePrefix","wsIndex","search","match","exec","candidate","CommandTextArea","props","ref","HTMLElement","defaultValidationTrigger","valuePropsMapper","onChange","toString","qa","isDisabled","isReadOnly","isRequired","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","defaultValue","placeholder","renderChildren","propsWrapperRef","propsPopoverRef","propsListBoxRef","propsListStateRef","onKeyDown","onFocus","onBlur","otherProps","Math","max","localInputRef","localListStateRef","commandTextAreaId","isControlled","undefined","internalValue","setInternalValue","effectiveValue","handleChange","next","renderFn","itemsArray","Array","from","map","idx","rendered","it","isValidElement","cloneElement","setCaret","syncCaret","el","current","selectionStart","activeToken","min","term","startsWith","contains","sensitivity","textFilterFn","localCollectionState","selectionMode","filterFn","nodes","matchExtraFields","visibleFilteredKeys","keys","disabled","Set","collection","filteredCount","dismissedToken","setDismissedToken","setFocusTick","bumpFocus","t","prev","isCommandMode","shouldShowPopover","notifiedOpenRef","activeTokenSignature","notifiedTokenRef","anchorRef","caretAnchorRef","positionApiRef","isActive","adjustHeight","inputElementType","mergedLabelProps","useEnvironmentalEffect","window","pendingCaretRef","pos","focus","setSelectionRange","domCaret","getItemTextValue","getItem","String","commit","listState","includes","caretPos","selectionEnd","onKeyDownHandler","e","KeyboardEvent","defaultPrevented","preventDefault","nextKey","selectionManager","setFocusedKey","edgeKey","focused","focusedKey","focusInitAttemptsRef","tick","requestAnimationFrame","first","compositeFocusProps","listBoxId","popoverOverlayStyles","width","commandInputProps","role","onSelect","onKeyUp","onClick","field","Element","label","selection","isArray","_CommandTextArea","Object","assign","displayName","defineProperty","enumerable","configurable"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import { Collection, Key, Node } from '@react-types/shared';\nimport { Styles } from '@tenphi/tasty';\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useFilter, useTextField } from 'react-aria';\nimport { Section as BaseSection, useListState } from 'react-stately';\n\nimport { useEvent } from '../../../_internal';\nimport { generateRandomId } from '../../../utils/random';\nimport { chain, mergeProps, useCombinedRefs } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { CollectionItem as Item } from '../../CollectionItem';\nimport { useFieldProps } from '../../form';\nimport {\n  collectVisibleKeys,\n  filterCollectionNodes,\n  getEdgeVisibleKey,\n  getNextVisibleKey,\n  ListBoxPopover,\n  ListStateLike,\n  markKeyboardFocus,\n  TextFilterFn,\n  useCompositeFocus,\n} from '../ListBoxPopover';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nimport { useCaretAnchor } from './useCaretAnchor';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single trigger character with optional placement constraint. */\nexport interface CommandTrigger {\n  /** The character that opens the autocomplete (e.g. `/` or `@`). */\n  char: string;\n  /**\n   * When true, the trigger token must start at the beginning of the line the\n   * caret is on (right after a newline, or at the very start of the input) —\n   * i.e. line-scoped slash commands. When false, the token may appear after\n   * any whitespace, anywhere in the text (Slack/Notion-style).\n   */\n  atLineStart?: boolean;\n}\n\n/** Result of scanning the textarea for an active trigger token. */\nexport interface ActiveToken {\n  /** The matched trigger descriptor. */\n  trigger: CommandTrigger;\n  /** The active token text, INCLUDING the trigger char (e.g. `/cle`). */\n  token: string;\n  /** Inclusive start index of the token in the textarea value. */\n  start: number;\n  /** Exclusive end index of the token (caret position while typing). */\n  end: number;\n}\n\nexport type CommandTextAreaFilterFn = TextFilterFn;\n\nexport interface CubeCommandTextAreaProps<T>\n  extends Omit<CubeTextInputBaseProps, 'children' | 'multiLine'> {\n  /** Whether the textarea should resize to fit its content. */\n  autoSize?: boolean;\n  /** Max visible rows when `autoSize` is true. Defaults to 10. */\n  maxRows?: number;\n  /** Number of visible rows. Defaults to 3. */\n  rows?: number;\n\n  /** Command/option source (alternative to JSX children). */\n  items?: Iterable<T>;\n  /** Static items or a render function (same shape as ComboBox/ListBox). */\n  children?: ReactNode | ((item: T) => ReactElement);\n  /**\n   * Triggers that open the autocomplete. Defaults to a single slash command\n   * that must start at the beginning of the input.\n   */\n  triggers?: CommandTrigger[];\n  /**\n   * Custom filter. Pass `false` to disable internal filtering (server-side).\n   */\n  filter?: CommandTextAreaFilterFn | false;\n  /**\n   * Fired when the user picks a command (Enter/Tab/click). The option's\n   * `textValue` is also inserted into the textarea regardless.\n   *\n   * `start` / `end` locate that insertion in the value handed to `onChange`, so\n   * a consumer can anchor its own record to the picked item rather than\n   * re-deriving the offset by searching the new value for the inserted text —\n   * a search that cannot tell two occurrences apart when one option's text is a\n   * prefix of another's.\n   */\n  onCommand?: (\n    key: Key,\n    item: {\n      textValue: string;\n      /** Index in the new value where the inserted text starts. */\n      start: number;\n      /** Index where it ends, excluding any inserted trailing space. */\n      end: number;\n      [k: string]: any;\n    },\n  ) => void;\n  /**\n   * Fired when the command popover opens or closes. Lets a consumer with its own\n   * `Enter` behaviour tell \"pick the focused option\" from \"submit\" without\n   * reading `aria-expanded` off the DOM.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Fired when the active trigger token changes, with the component's own\n   * caret-aware scan result — `null` once the caret leaves a token. Saves a\n   * consumer running a second, approximate scan of the same value.\n   */\n  onActiveTokenChange?: (token: ActiveToken | null) => void;\n  /** Insert a trailing space after the chosen command. Defaults to true. */\n  insertSpaceAfter?: boolean;\n  /** Keys of disabled options. */\n  disabledKeys?: Iterable<Key>;\n  /** Popover placement. Chat inputs usually want `top`. Defaults to `top`. */\n  direction?: 'bottom' | 'top';\n  /** Whether the popover should flip when overflowing. Defaults to true. */\n  shouldFlip?: boolean;\n  /** Offset between the textarea and the popover. */\n  overlayOffset?: number;\n  /** Padding between the popover and the viewport edge. */\n  containerPadding?: number;\n\n  // Refs\n  /** Ref for the textarea element. */\n  inputRef?: RefObject<HTMLTextAreaElement>;\n  /** Ref for the wrapper element (popover anchor). */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Ref for the popover overlay element. */\n  popoverRef?: RefObject<HTMLDivElement>;\n  /** Ref for the listbox element. */\n  listBoxRef?: RefObject<HTMLDivElement>;\n  /** Ref through which the internal list state is exposed. */\n  listStateRef?: RefObject<ListStateLike | null>;\n\n  // Style props\n  overlayStyles?: any;\n  listBoxStyles?: any;\n  optionStyles?: any;\n  sectionStyles?: any;\n  headingStyles?: any;\n}\n\nconst DEFAULT_TRIGGERS: CommandTrigger[] = [{ char: '/', atLineStart: true }];\n\n// ---------------------------------------------------------------------------\n// Trigger parsing\n// ---------------------------------------------------------------------------\n\n/**\n * Inspect the textarea contents up to the caret and find the active trigger\n * token, if any. The token includes the trigger character and ends at the\n * caret (so it grows as the user types). A token ends at whitespace or the end\n * of the input.\n */\nexport function parseActiveToken(\n  value: string,\n  caret: number,\n  triggers: CommandTrigger[],\n): ActiveToken | null {\n  if (!triggers.length) return null;\n  const before = value.slice(0, caret);\n  const after = value.slice(caret);\n\n  for (const trigger of triggers) {\n    const ch = trigger.char;\n    if (trigger.atLineStart) {\n      // Line-start command: the trigger char must sit at the start of the line\n      // the caret is on (right after a newline, or at index 0), with no\n      // whitespace between it and the caret. On a single-line input with no\n      // newlines this is equivalent to \"index 0 of the whole input\".\n      const lineStart = before.lastIndexOf('\\n') + 1;\n      const linePrefix = before.slice(lineStart);\n      if (linePrefix[0] !== ch) continue;\n      // No whitespace allowed within the token (after the trigger char).\n      const wsIndex = linePrefix.slice(1).search(/\\s/);\n      if (wsIndex !== -1) continue;\n      if (!linePrefix) continue;\n      return { trigger, token: linePrefix, start: lineStart, end: caret };\n    }\n\n    // Caret-token mode: find the last trigger char that begins a token at or\n    // after a line start / whitespace boundary, with no whitespace between it\n    // and the caret.\n    const match = /(?:^|\\s)([\\S]+)$/.exec(before);\n    if (!match) continue;\n    const candidate = match[1];\n    if (candidate[0] !== ch) continue;\n    // Ensure the token hasn't already been closed by whitespace after caret.\n    // (If there's non-whitespace after the caret, the user is mid-token.)\n    const start = caret - candidate.length;\n    // If immediately after the caret there's whitespace (or end), the token is\n    // \"complete\" — still offer completions as long as the caret sits on the\n    // token. We accept it.\n    void after;\n    return { trigger, token: candidate, start, end: caret };\n  }\n\n  return null;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction CommandTextArea<T extends object>(\n  props: WithNullableValue<CubeCommandTextAreaProps<T>>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    qa,\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    defaultValue,\n    placeholder,\n    // command props\n    items,\n    children: renderChildren,\n    triggers = DEFAULT_TRIGGERS,\n    filter,\n    onCommand,\n    onOpenChange,\n    onActiveTokenChange,\n    insertSpaceAfter = true,\n    disabledKeys,\n    direction = 'top',\n    shouldFlip = true,\n    overlayOffset = 8,\n    containerPadding = 8,\n    overlayStyles,\n    listBoxStyles,\n    optionStyles,\n    sectionStyles,\n    headingStyles,\n    wrapperRef: propsWrapperRef,\n    popoverRef: propsPopoverRef,\n    listBoxRef: propsListBoxRef,\n    listStateRef: propsListStateRef,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  // ---- refs -------------------------------------------------------------\n  const localInputRef = useRef<HTMLTextAreaElement>(null);\n  const inputRef = (propsInputRef ??\n    localInputRef) as RefObject<HTMLTextAreaElement>;\n  const wrapperRef = useCombinedRefs<HTMLDivElement>(propsWrapperRef);\n  const popoverRef = useCombinedRefs<HTMLDivElement>(propsPopoverRef);\n  const listBoxRef = useCombinedRefs<HTMLDivElement>(propsListBoxRef);\n  const localListStateRef = useRef<ListStateLike | null>(null);\n  const listStateRef = (propsListStateRef ??\n    localListStateRef) as RefObject<ListStateLike | null>;\n\n  const commandTextAreaId = useMemo(() => generateRandomId(), []);\n\n  // ---- controlled / uncontrolled value ----------------------------------\n  // When no `value` is provided (standalone, no form), track the text\n  // internally so trigger detection and commit still work.\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n  const effectiveValue: string = isControlled\n    ? (value as string)\n    : internalValue;\n  const handleChange = useEvent((next: string) => {\n    if (!isControlled) setInternalValue(next);\n    onChange?.(next);\n  });\n\n  // ---- children / items normalization -----------------------------------\n  let children: ReactNode = renderChildren as ReactNode;\n  const renderFn = renderChildren as unknown;\n  if (items && typeof renderFn === 'function') {\n    const itemsArray = Array.from(items as Iterable<any>);\n    children = itemsArray.map((item, idx) => {\n      const rendered = (renderFn as (it: any) => ReactNode)(item);\n      if (\n        React.isValidElement(rendered) &&\n        (rendered as ReactElement).key == null\n      ) {\n        return React.cloneElement(rendered as ReactElement, {\n          key: (rendered as any)?.key ?? item?.key ?? idx,\n        });\n      }\n      return rendered as ReactNode;\n    });\n  }\n\n  // ---- caret tracking ---------------------------------------------------\n  // The caret drives trigger detection. We keep it in state so a caret move\n  // (arrow keys without typing) re-renders and recomputes the active token.\n  const [caret, setCaret] = useState(() => effectiveValue.length);\n  const syncCaret = useEvent(() => {\n    const el = inputRef.current;\n    if (!el) return;\n    setCaret(el.selectionStart ?? el.value.length);\n  });\n\n  // ---- trigger detection ------------------------------------------------\n  const activeToken = useMemo(\n    () =>\n      parseActiveToken(\n        effectiveValue,\n        Math.min(caret, effectiveValue.length),\n        triggers,\n      ),\n    [effectiveValue, caret, triggers],\n  );\n\n  // The active token includes the trigger char (e.g. `/co`). Strip it before\n  // filtering so the query is matched against the meaningful text — this lets\n  // options match by their label/description (which don't contain the trigger\n  // char) as well as by their `textValue`.\n  const term = useMemo(() => {\n    if (!activeToken) return '';\n    const { token, trigger } = activeToken;\n    return token.startsWith(trigger.char)\n      ? token.slice(trigger.char.length)\n      : token;\n  }, [activeToken]);\n\n  // ---- filtering --------------------------------------------------------\n  const { contains } = useFilter({ sensitivity: 'base' });\n  const textFilterFn = useMemo<CommandTextAreaFilterFn>(\n    () => (filter === false ? () => true : filter || contains),\n    [filter, contains],\n  );\n\n  // Local collection used to read option textValues and to count matches.\n  const localCollectionState = useListState({\n    children: children as any,\n    items: items as any,\n    selectionMode: 'none',\n  });\n\n  const filterFn = useCallback(\n    (nodes: Iterable<any>) =>\n      filterCollectionNodes(nodes, term, textFilterFn, {\n        matchExtraFields: true,\n      }),\n    [term, textFilterFn],\n  );\n\n  // Keys of the currently visible (filtered) options, in display order.\n  // Derived from our own local collection + filter (rather than the ListBox's\n  // exposed state ref) so it is always in sync with the current token — the\n  // ListBox's `stateRef.collection` can momentarily lag by a render right after\n  // the token narrows, which would otherwise leave virtual focus on (and commit)\n  // an option that is no longer visible.\n  const visibleFilteredKeys = useMemo<Key[]>(() => {\n    if (!activeToken) return [];\n    const keys: Key[] = [];\n    const disabled = disabledKeys ? new Set<Key>(disabledKeys) : undefined;\n    collectVisibleKeys(\n      filterFn(localCollectionState.collection),\n      keys,\n      disabled,\n    );\n    return keys;\n  }, [activeToken, filterFn, localCollectionState.collection, disabledKeys]);\n\n  const filteredCount = visibleFilteredKeys.length;\n\n  // ---- dismiss handling (Escape keeps the text but hides the popover) ---\n  const [dismissedToken, setDismissedToken] = useState<string | null>(null);\n  // Bumped whenever we move the virtual focus so the textarea's\n  // `aria-activedescendant` (read from the ListBox's stateRef at render time)\n  // stays in sync — the ListBox's own state update does not re-render us.\n  const [, setFocusTick] = useState(0);\n  const bumpFocus = useEvent(() => setFocusTick((t) => t + 1));\n  // Reset dismissal whenever the active token changes (user typed/backspaced).\n  useEffect(() => {\n    setDismissedToken((prev) =>\n      prev != null && activeToken?.token !== prev ? null : prev,\n    );\n  }, [activeToken?.token]);\n\n  const isCommandMode = !!activeToken && activeToken.token !== dismissedToken;\n  const shouldShowPopover = isCommandMode && filteredCount > 0;\n\n  // ---- reporting open state / active token to the consumer --------------\n  // Both are already computed here; without these a consumer with its own\n  // `Enter` handling has to read `aria-expanded` off the DOM and run a second,\n  // approximate copy of the scan above — neither of which is a contract.\n  // Seeded with the closed / no-token defaults so mounting in that state is not\n  // reported as a change, while mounting with a `value` that already holds a\n  // token is.\n  const notifiedOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (notifiedOpenRef.current === shouldShowPopover) return;\n\n    notifiedOpenRef.current = shouldShowPopover;\n    onOpenChange?.(shouldShowPopover);\n  }, [shouldShowPopover, onOpenChange]);\n\n  // `activeToken` is a fresh object on every value/caret change, so compare the\n  // content rather than the identity — otherwise a consumer is re-notified for\n  // a token that has not actually moved.\n  const activeTokenSignature = activeToken\n    ? `${activeToken.trigger.char}\\u0000${activeToken.token}\\u0000${activeToken.start}\\u0000${activeToken.end}`\n    : null;\n  const notifiedTokenRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (notifiedTokenRef.current === activeTokenSignature) return;\n\n    notifiedTokenRef.current = activeTokenSignature;\n    onActiveTokenChange?.(activeToken ?? null);\n    // `activeToken` is intentionally not a dependency: the signature above is\n    // its value-identity, and depending on the object would re-run this on every\n    // keystroke that leaves the token unchanged.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeTokenSignature, onActiveTokenChange]);\n\n  // ---- caret-anchored popover ------------------------------------------\n  // A zero-size element positioned at the caret (both axes) drives the\n  // popover's geometry; the wrapper remains the dismiss/outside-click trigger.\n  const { anchorRef: caretAnchorRef, positionApiRef } = useCaretAnchor({\n    inputRef: inputRef as RefObject<HTMLTextAreaElement>,\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    caret,\n    value: effectiveValue,\n    isActive: shouldShowPopover,\n  });\n\n  // ---- height autosize (shared with TextArea) ---------------------------\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    value: effectiveValue,\n  });\n\n  // ---- useTextField (ARIA wiring for the textarea) ----------------------\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: effectiveValue,\n      placeholder,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(handleChange, adjustHeight),\n      inputElementType: 'textarea',\n    } as any,\n    inputRef as any,\n  );\n\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const useEnvironmentalEffect =\n    typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\n  // ---- caret restore after commit --------------------------------------\n  const pendingCaretRef = useRef<number | null>(null);\n  useEnvironmentalEffect(() => {\n    const el = inputRef.current;\n    if (!el) return;\n\n    if (pendingCaretRef.current != null) {\n      // Restore caret after we programmatically inserted a command.\n      const pos = pendingCaretRef.current;\n      pendingCaretRef.current = null;\n      el.focus();\n      el.setSelectionRange(pos, pos);\n      setCaret(pos);\n      return;\n    }\n\n    // The value changed without our own commit (controlled update from\n    // outside, form reset, or defaultValue seeding). Resync the caret from\n    // the DOM selection so trigger parsing works off a valid index instead of\n    // a stale one. We intentionally do not steal focus here.\n    const domCaret = el.selectionStart ?? el.value.length;\n    setCaret((prev) => (prev === domCaret ? prev : domCaret));\n  }, [effectiveValue]);\n\n  // ---- helpers ----------------------------------------------------------\n  const getItemTextValue = useCallback(\n    (key: Key): string => {\n      const item = localCollectionState?.collection?.getItem(key);\n      return item?.textValue || String(key);\n    },\n    [localCollectionState?.collection],\n  );\n\n  // ---- commit (insert the chosen option's literal value) ---------------\n  const commit = useEvent((key: Key) => {\n    const listState = listStateRef.current;\n    // Guard against committing a stale key that has been filtered out of the\n    // visible list (e.g. the token was narrowed after focus landed on it).\n    // Fall back to the first still-visible option so the inserted command\n    // always matches what the user can see.\n    if (visibleFilteredKeys.length > 0 && !visibleFilteredKeys.includes(key)) {\n      key = visibleFilteredKeys[0];\n    }\n    const textValue = getItemTextValue(key);\n    const token = activeToken;\n    const el = inputRef.current;\n\n    // Where the inserted text lands in the new value. Both branches below\n    // already compute this to place the caret; it is reported through\n    // `onCommand` instead of being thrown away. `end` excludes the trailing\n    // space, which is padding around the insertion rather than part of it.\n    let start = Math.min(caret, effectiveValue.length);\n\n    if (token) {\n      const next =\n        effectiveValue.slice(0, token.start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(token.end);\n      const caretPos =\n        token.start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = token.start;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n      // If controlled, caret is restored by the effect above; if not, set now.\n      if (el) {\n        el.focus();\n        try {\n          el.setSelectionRange(caretPos, caretPos);\n        } catch {\n          /* noop */\n        }\n      }\n    } else if (el) {\n      // Fallback: insert at caret.\n      const selectionStart = el.selectionStart ?? effectiveValue.length;\n      const selectionEnd = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, selectionStart) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(selectionEnd);\n      const caretPos =\n        selectionStart + textValue.length + (insertSpaceAfter ? 1 : 0);\n      start = selectionStart;\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...((\n        listState?.collection as Collection<Node<unknown>> | undefined\n      )?.getItem(key)?.props ?? {}),\n      // After the item's own props: the range is the component's measurement of\n      // what it just did, so an item that happens to carry a `start`/`end` prop\n      // must not shadow it.\n      start,\n      end: start + textValue.length,\n    });\n  });\n\n  // ---- keyboard navigation (only while the popover is open) -------------\n  const onKeyDownHandler = useCallback(\n    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (!shouldShowPopover) {\n        // While not in command mode, the textarea behaves normally; but clear\n        // any dismissal when the user edits.\n        return;\n      }\n\n      const listState = listStateRef.current;\n\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        if (!listState) return;\n        e.preventDefault();\n        const nextKey = getNextVisibleKey(\n          listState,\n          e.key === 'ArrowDown' ? 1 : -1,\n        );\n        if (nextKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(nextKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Home' || e.key === 'End') {\n        if (!listState) return;\n        e.preventDefault();\n        const edgeKey = getEdgeVisibleKey(\n          listState,\n          e.key === 'Home' ? 'first' : 'last',\n        );\n        if (edgeKey != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(edgeKey);\n          bumpFocus();\n        }\n      } else if (e.key === 'Enter' || e.key === 'Tab') {\n        if (!listState) return;\n        const focused = listState.selectionManager.focusedKey;\n        if (focused != null) {\n          e.preventDefault();\n          commit(focused);\n        }\n        // Otherwise pass through (newline / form submit / tab navigation).\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        if (activeToken) {\n          setDismissedToken(activeToken.token);\n        }\n      }\n    },\n    [shouldShowPopover, activeToken, commit, onKeyDown, listStateRef],\n  );\n\n  // ---- initial focus on the first option when the popover opens ---------\n  const focusInitAttemptsRef = useRef(0);\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    focusInitAttemptsRef.current = 0;\n\n    const tick = () => {\n      if (!shouldShowPopover) return;\n      const listState = listStateRef.current;\n      if (!listState) {\n        focusInitAttemptsRef.current += 1;\n        if (focusInitAttemptsRef.current < 8) {\n          requestAnimationFrame(tick);\n        }\n        return;\n      }\n      if (listState.selectionManager.focusedKey == null) {\n        const first = getEdgeVisibleKey(listState, 'first');\n        if (first != null) {\n          markKeyboardFocus(listState);\n          listState.selectionManager.setFocusedKey(first);\n          bumpFocus();\n        }\n      }\n    };\n\n    requestAnimationFrame(() => requestAnimationFrame(tick));\n  }, [shouldShowPopover]);\n\n  // ---- keep virtual focus valid as the filtered list narrows -----------\n  // When the user narrows the token, the previously focused option may drop\n  // out of the filtered list. Move focus to the first still-visible option so\n  // the highlight and any Enter/Tab commit stay in sync with what's shown.\n  useLayoutEffect(() => {\n    if (!shouldShowPopover) return;\n    const listState = listStateRef.current;\n    if (!listState) return;\n\n    if (visibleFilteredKeys.length === 0) return;\n\n    const focused = listState.selectionManager.focusedKey;\n    if (focused == null || !visibleFilteredKeys.includes(focused)) {\n      markKeyboardFocus(listState);\n      listState.selectionManager.setFocusedKey(visibleFilteredKeys[0]);\n      bumpFocus();\n    }\n  }, [visibleFilteredKeys, shouldShowPopover]);\n\n  // ---- composite focus (wrapper + portaled popover) ---------------------\n  const { compositeFocusProps } = useCompositeFocus({\n    wrapperRef: wrapperRef as RefObject<HTMLElement>,\n    popoverRef: popoverRef as RefObject<HTMLElement>,\n    onFocus,\n    onBlur,\n    isDisabled,\n  });\n\n  // ---- aria-activedescendant -------------------------------------------\n  const focusedKey = listStateRef.current?.selectionManager.focusedKey ?? null;\n  const listBoxId = `CommandTextAreaListBox-${commandTextAreaId}`;\n\n  // ---- popover width ----------------------------------------------------\n  // The popover is anchored to the caret (a point), so it must not be sized to\n  // the textarea. We use the same default as the shared `ListBoxPopover` /\n  // `Picker` popovers: a `30x` floor (240px), `max-content` preferred, `50vw`\n  // cap. The concrete floor keeps the virtualized ListBox from collapsing to a\n  // sliver (it has no intrinsic width), and `max-content` lets short option\n  // lists size to their content. The user's `overlayStyles` still win on top.\n  const popoverOverlayStyles: Styles = {\n    width: '30x max-content 50vw',\n    ...overlayStyles,\n  };\n\n  // ---- assemble input props ---------------------------------------------\n  const commandInputProps = mergeProps(\n    inputProps,\n    {\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': shouldShowPopover,\n      'aria-haspopup': 'listbox',\n      'aria-controls': shouldShowPopover ? listBoxId : undefined,\n      'aria-activedescendant':\n        shouldShowPopover && focusedKey != null\n          ? `ListBoxItem-${focusedKey}`\n          : undefined,\n      onKeyDown: onKeyDownHandler,\n      onSelect: syncCaret,\n      onKeyUp: syncCaret,\n      onClick: syncCaret,\n      'data-input-type': 'command-textarea',\n    },\n    userInputProps,\n  );\n\n  // ---- render -----------------------------------------------------------\n  const field = (\n    <TextInputBase\n      ref={ref as any}\n      {...otherProps}\n      multiLine\n      qa={qa}\n      inputRef={inputRef}\n      wrapperRef={wrapperRef}\n      wrapperProps={compositeFocusProps}\n      labelProps={mergedLabelProps}\n      inputProps={commandInputProps}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n\n  return (\n    <>\n      {field}\n      <ListBoxPopover\n        isOpen={shouldShowPopover}\n        triggerRef={wrapperRef as RefObject<HTMLElement>}\n        positionTargetRef={caretAnchorRef as RefObject<Element | null>}\n        positionApiRef={positionApiRef}\n        popoverRef={popoverRef}\n        listBoxRef={listBoxRef}\n        direction={direction}\n        shouldFlip={shouldFlip}\n        overlayOffset={overlayOffset}\n        containerPadding={containerPadding}\n        listBoxId={listBoxId}\n        overlayStyles={popoverOverlayStyles}\n        listBoxStyles={listBoxStyles}\n        optionStyles={optionStyles}\n        optionHighlight={term}\n        sectionStyles={sectionStyles}\n        headingStyles={headingStyles}\n        isDisabled={isDisabled}\n        disabledKeys={disabledKeys}\n        items={items as any}\n        listStateRef={listStateRef}\n        ariaLabel={\n          (props as any)['aria-label'] ||\n          (typeof otherProps.label === 'string' ? otherProps.label : 'Commands')\n        }\n        compositeFocusProps={compositeFocusProps}\n        filter={filterFn}\n        onClose={() => {\n          if (activeToken) setDismissedToken(activeToken.token);\n        }}\n        onSelectionChange={(selection) => {\n          const key = Array.isArray(selection) ? selection[0] : selection;\n          if (key != null) commit(key);\n        }}\n      >\n        {children as any}\n      </ListBoxPopover>\n    </>\n  );\n}\n\nconst _CommandTextArea = forwardRef(CommandTextArea) as unknown as (<T>(\n  props: CubeCommandTextAreaProps<T> & {\n    ref?: ForwardedRef<HTMLElement>;\n  },\n) => ReactElement) & {\n  Item: typeof Item;\n  Section: typeof BaseSection;\n};\n\nObject.assign(_CommandTextArea, {\n  Item,\n  Section: BaseSection,\n  displayName: 'CommandTextArea',\n});\n\nObject.defineProperty(_CommandTextArea, 'cubeInputType', {\n  value: 'CommandTextArea',\n  enumerable: false,\n  configurable: false,\n});\n\nexport { _CommandTextArea as CommandTextArea };\n"],"mappings":"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"}

package/dist/components/fields/CommandTextArea/caretPosition.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

package/dist/components/fields/CommandTextArea/caretPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"caretPosition.js","names":[],"sources":["../../../../src/components/fields/CommandTextArea/caretPosition.ts"],"sourcesContent":["/**\n * Computes the caret's position for a `<textarea>` using a mirror-element\n * technique. jsdom returns zeros (no layout), but in a real browser this gives\n * the caret's viewport coordinates and its line height, so a popover can be\n * anchored to it.\n */\n\nexport interface CaretRect {\n  /** Caret left edge, in viewport coordinates (px). */\n  left: number;\n  /** Caret top edge, in viewport coordinates (px). */\n  top: number;\n  /** Caret height (the textarea's line height), in px. */\n  height: number;\n}\n\n// Computed styles that affect text wrapping / caret placement inside a textarea.\nconst MIRROR_STYLES = [\n  'boxSizing',\n  'width',\n  'height',\n  'overflowX',\n  'overflowY',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'borderTopWidth',\n  'borderRightWidth',\n  'borderBottomWidth',\n  'borderLeftWidth',\n  'fontStyle',\n  'fontVariant',\n  'fontWeight',\n  'fontStretch',\n  'fontSize',\n  'fontSizeAdjust',\n  'lineHeight',\n  'fontFamily',\n  'textAlign',\n  'textTransform',\n  'textIndent',\n  'textDecoration',\n  'letterSpacing',\n  'wordSpacing',\n  'tabSize',\n  'whiteSpace',\n  'wordWrap',\n  'wordBreak',\n  'overflowWrap',\n] as const satisfies ReadonlyArray<keyof CSSStyleDeclaration>;\n\n/**\n * Returns the viewport-space rect of the caret at `index` within `textarea`,\n * or `null` if it can't be measured (e.g. jsdom, no layout, detached node).\n */\nexport function getCaretRect(\n  textarea: HTMLTextAreaElement,\n  index: number,\n): CaretRect | null {\n  if (typeof document === 'undefined') return null;\n\n  const doc = textarea.ownerDocument;\n  const style = doc.defaultView?.getComputedStyle(textarea);\n  if (!style) return null;\n\n  // Bail out in environments without real layout (jsdom reports 0x0).\n  const box = textarea.getBoundingClientRect();\n  if (box.width === 0 && box.height === 0) return null;\n\n  const mirror = doc.createElement('div');\n  mirror.setAttribute('data-caret-mirror', '');\n  mirror.style.position = 'absolute';\n  mirror.style.visibility = 'hidden';\n  mirror.style.whiteSpace = 'pre-wrap';\n  mirror.style.wordWrap = 'break-word';\n  mirror.style.top = '0';\n  mirror.style.left = '0';\n  // Prevent the mirror from affecting scroll/anchor lookups.\n  mirror.style.overflow = 'hidden';\n\n  for (const prop of MIRROR_STYLES) {\n    const value = style[prop];\n    if (value != null) {\n      mirror.style.setProperty(\n        prop.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()),\n        value,\n      );\n    }\n  }\n\n  // Match the textarea's content width, not its border-box scroll width.\n  mirror.style.width = style.width;\n\n  const value = textarea.value;\n  const before = value.slice(0, index);\n  const after = value.slice(index) || '.';\n\n  mirror.textContent = before;\n\n  const marker = doc.createElement('span');\n  marker.textContent = after;\n  marker.style.display = 'inline-block';\n  mirror.appendChild(marker);\n\n  // The mirror must be attached to the same document to inherit fonts.\n  doc.body.appendChild(mirror);\n\n  let rect: CaretRect | null = null;\n  try {\n    const mirrorRect = mirror.getBoundingClientRect();\n    const markerRect = marker.getBoundingClientRect();\n    // The mirror is not scrolled, so subtract the textarea's scroll to map the\n    // unscrolled caret offset back into viewport space.\n    const { scrollTop, scrollLeft } = textarea;\n    rect = {\n      left: box.left - scrollLeft + (markerRect.left - mirrorRect.left),\n      top: box.top - scrollTop + (markerRect.top - mirrorRect.top),\n      height: markerRect.height || parseFloat(style.lineHeight) || 0,\n    };\n  } finally {\n    mirror.remove();\n  }\n\n  return rect.height > 0 ? rect : null;\n}\n"],"mappings":";;AAiBA,MAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;AAMD,SAAgB,aACd,UACA,OACkB;AAClB,KAAI,OAAO,aAAa,YAAa,QAAO;CAE5C,MAAM,MAAM,SAAS;CACrB,MAAM,QAAQ,IAAI,aAAa,iBAAiB,SAAS;AACzD,KAAI,CAAC,MAAO,QAAO;CAGnB,MAAM,MAAM,SAAS,uBAAuB;AAC5C,KAAI,IAAI,UAAU,KAAK,IAAI,WAAW,EAAG,QAAO;CAEhD,MAAM,SAAS,IAAI,cAAc,MAAM;AACvC,QAAO,aAAa,qBAAqB,GAAG;AAC5C,QAAO,MAAM,WAAW;AACxB,QAAO,MAAM,aAAa;AAC1B,QAAO,MAAM,aAAa;AAC1B,QAAO,MAAM,WAAW;AACxB,QAAO,MAAM,MAAM;AACnB,QAAO,MAAM,OAAO;AAEpB,QAAO,MAAM,WAAW;AAExB,MAAK,MAAM,QAAQ,eAAe;EAChC,MAAM,QAAQ,MAAM;AACpB,MAAI,SAAS,KACX,QAAO,MAAM,YACX,KAAK,QAAQ,WAAW,MAAM,MAAM,EAAE,aAAa,CAAC,EACpD,MACD;;AAKL,QAAO,MAAM,QAAQ,MAAM;CAE3B,MAAM,QAAQ,SAAS;CACvB,MAAM,SAAS,MAAM,MAAM,GAAG,MAAM;CACpC,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAEpC,QAAO,cAAc;CAErB,MAAM,SAAS,IAAI,cAAc,OAAO;AACxC,QAAO,cAAc;AACrB,QAAO,MAAM,UAAU;AACvB,QAAO,YAAY,OAAO;AAG1B,KAAI,KAAK,YAAY,OAAO;CAE5B,IAAI,OAAyB;AAC7B,KAAI;EACF,MAAM,aAAa,OAAO,uBAAuB;EACjD,MAAM,aAAa,OAAO,uBAAuB;EAGjD,MAAM,EAAE,WAAW,eAAe;AAClC,SAAO;GACL,MAAM,IAAI,OAAO,cAAc,WAAW,OAAO,WAAW;GAC5D,KAAK,IAAI,MAAM,aAAa,WAAW,MAAM,WAAW;GACxD,QAAQ,WAAW,UAAU,WAAW,MAAM,WAAW,IAAI;GAC9D;WACO;AACR,SAAO,QAAQ;;AAGjB,QAAO,KAAK,SAAS,IAAI,OAAO"}
+{"version":3,"file":"caretPosition.js","names":["CaretRect","left","top","height","MIRROR_STYLES","const","ReadonlyArray","CSSStyleDeclaration","getCaretRect","textarea","HTMLTextAreaElement","index","document","doc","ownerDocument","style","defaultView","getComputedStyle","box","getBoundingClientRect","width","mirror","createElement","setAttribute","position","visibility","whiteSpace","wordWrap","overflow","prop","value","setProperty","replace","m","toLowerCase","before","slice","after","textContent","marker","display","appendChild","body","rect","mirrorRect","markerRect","scrollTop","scrollLeft","parseFloat","lineHeight","remove"],"sources":["../../../../src/components/fields/CommandTextArea/caretPosition.ts"],"sourcesContent":["/**\n * Computes the caret's position for a `<textarea>` using a mirror-element\n * technique. jsdom returns zeros (no layout), but in a real browser this gives\n * the caret's viewport coordinates and its line height, so a popover can be\n * anchored to it.\n */\n\nexport interface CaretRect {\n  /** Caret left edge, in viewport coordinates (px). */\n  left: number;\n  /** Caret top edge, in viewport coordinates (px). */\n  top: number;\n  /** Caret height (the textarea's line height), in px. */\n  height: number;\n}\n\n// Computed styles that affect text wrapping / caret placement inside a textarea.\nconst MIRROR_STYLES = [\n  'boxSizing',\n  'width',\n  'height',\n  'overflowX',\n  'overflowY',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'borderTopWidth',\n  'borderRightWidth',\n  'borderBottomWidth',\n  'borderLeftWidth',\n  'fontStyle',\n  'fontVariant',\n  'fontWeight',\n  'fontStretch',\n  'fontSize',\n  'fontSizeAdjust',\n  'lineHeight',\n  'fontFamily',\n  'textAlign',\n  'textTransform',\n  'textIndent',\n  'textDecoration',\n  'letterSpacing',\n  'wordSpacing',\n  'tabSize',\n  'whiteSpace',\n  'wordWrap',\n  'wordBreak',\n  'overflowWrap',\n] as const satisfies ReadonlyArray<keyof CSSStyleDeclaration>;\n\n/**\n * Returns the viewport-space rect of the caret at `index` within `textarea`,\n * or `null` if it can't be measured (e.g. jsdom, no layout, detached node).\n */\nexport function getCaretRect(\n  textarea: HTMLTextAreaElement,\n  index: number,\n): CaretRect | null {\n  if (typeof document === 'undefined') return null;\n\n  const doc = textarea.ownerDocument;\n  const style = doc.defaultView?.getComputedStyle(textarea);\n  if (!style) return null;\n\n  // Bail out in environments without real layout (jsdom reports 0x0).\n  const box = textarea.getBoundingClientRect();\n  if (box.width === 0 && box.height === 0) return null;\n\n  const mirror = doc.createElement('div');\n  mirror.setAttribute('data-caret-mirror', '');\n  mirror.style.position = 'absolute';\n  mirror.style.visibility = 'hidden';\n  mirror.style.whiteSpace = 'pre-wrap';\n  mirror.style.wordWrap = 'break-word';\n  mirror.style.top = '0';\n  mirror.style.left = '0';\n  // Prevent the mirror from affecting scroll/anchor lookups.\n  mirror.style.overflow = 'hidden';\n\n  for (const prop of MIRROR_STYLES) {\n    const value = style[prop];\n    if (value != null) {\n      mirror.style.setProperty(\n        prop.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase()),\n        value,\n      );\n    }\n  }\n\n  // Match the textarea's content width, not its border-box scroll width.\n  mirror.style.width = style.width;\n\n  const value = textarea.value;\n  const before = value.slice(0, index);\n  const after = value.slice(index) || '.';\n\n  mirror.textContent = before;\n\n  const marker = doc.createElement('span');\n  marker.textContent = after;\n  marker.style.display = 'inline-block';\n  mirror.appendChild(marker);\n\n  // The mirror must be attached to the same document to inherit fonts.\n  doc.body.appendChild(mirror);\n\n  let rect: CaretRect | null = null;\n  try {\n    const mirrorRect = mirror.getBoundingClientRect();\n    const markerRect = marker.getBoundingClientRect();\n    // The mirror is not scrolled, so subtract the textarea's scroll to map the\n    // unscrolled caret offset back into viewport space.\n    const { scrollTop, scrollLeft } = textarea;\n    rect = {\n      left: box.left - scrollLeft + (markerRect.left - mirrorRect.left),\n      top: box.top - scrollTop + (markerRect.top - mirrorRect.top),\n      height: markerRect.height || parseFloat(style.lineHeight) || 0,\n    };\n  } finally {\n    mirror.remove();\n  }\n\n  return rect.height > 0 ? rect : null;\n}\n"],"mappings":";;AAiBA,MAAMI,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;;;;;AAMD,SAAgBI,aACdC,UACAE,OACkB;AAClB,KAAI,OAAOC,aAAa,YAAa,QAAO;CAE5C,MAAMC,MAAMJ,SAASK;CACrB,MAAMC,QAAQF,IAAIG,aAAaC,iBAAiBR,SAAS;AACzD,KAAI,CAACM,MAAO,QAAO;CAGnB,MAAMG,MAAMT,SAASU,uBAAuB;AAC5C,KAAID,IAAIE,UAAU,KAAKF,IAAIf,WAAW,EAAG,QAAO;CAEhD,MAAMkB,SAASR,IAAIS,cAAc,MAAM;AACvCD,QAAOE,aAAa,qBAAqB,GAAG;AAC5CF,QAAON,MAAMS,WAAW;AACxBH,QAAON,MAAMU,aAAa;AAC1BJ,QAAON,MAAMW,aAAa;AAC1BL,QAAON,MAAMY,WAAW;AACxBN,QAAON,MAAMb,MAAM;AACnBmB,QAAON,MAAMd,OAAO;AAEpBoB,QAAON,MAAMa,WAAW;AAExB,MAAK,MAAMC,QAAQzB,eAAe;EAChC,MAAM0B,QAAQf,MAAMc;AACpB,MAAIC,SAAS,KACXT,QAAON,MAAMgB,YACXF,KAAKG,QAAQ,WAAWC,MAAM,MAAMA,EAAEC,aAAa,CAAC,EACpDJ,MACD;;AAKLT,QAAON,MAAMK,QAAQL,MAAMK;CAE3B,MAAMU,QAAQrB,SAASqB;CACvB,MAAMK,SAASL,MAAMM,MAAM,GAAGzB,MAAM;CACpC,MAAM0B,QAAQP,MAAMM,MAAMzB,MAAM,IAAI;AAEpCU,QAAOiB,cAAcH;CAErB,MAAMI,SAAS1B,IAAIS,cAAc,OAAO;AACxCiB,QAAOD,cAAcD;AACrBE,QAAOxB,MAAMyB,UAAU;AACvBnB,QAAOoB,YAAYF,OAAO;AAG1B1B,KAAI6B,KAAKD,YAAYpB,OAAO;CAE5B,IAAIsB,OAAyB;AAC7B,KAAI;EACF,MAAMC,aAAavB,OAAOF,uBAAuB;EACjD,MAAM0B,aAAaN,OAAOpB,uBAAuB;EAGjD,MAAM,EAAE2B,WAAWC,eAAetC;AAClCkC,SAAO;GACL1C,MAAMiB,IAAIjB,OAAO8C,cAAcF,WAAW5C,OAAO2C,WAAW3C;GAC5DC,KAAKgB,IAAIhB,MAAM4C,aAAaD,WAAW3C,MAAM0C,WAAW1C;GACxDC,QAAQ0C,WAAW1C,UAAU6C,WAAWjC,MAAMkC,WAAW,IAAI;GAC9D;WACO;AACR5B,SAAO6B,QAAQ;;AAGjB,QAAOP,KAAKxC,SAAS,IAAIwC,OAAO"}