@cube-dev/ui-kit 0.147.3 → 0.148.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  cloneElement,\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, DirectionIcon, LoadingIcon } from '../../../icons';\nimport { useProviderProps } from '../../../provider';\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 { useFieldProps, useFormProps, wrapWithField } from '../../form';\nimport { InvalidIcon } from '../../shared/InvalidIcon';\nimport { ValidIcon } from '../../shared/ValidIcon';\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 {\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  /** Validation state of the combobox */\n  validationState?: 'valid' | 'invalid';\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  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      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        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 = useProviderProps(props);\n  props = useFormProps(props);\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    validationState,\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 { isValid: 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 { isValid: true, singleMatchKey: exactMatch.key, filteredCount };\n    }\n\n    // If exactly one filtered result, consider it valid\n    if (filteredCount === 1) {\n      return {\n        isValid: true,\n        singleMatchKey: filteredItems[0].key,\n        filteredCount,\n      };\n    }\n\n    return { isValid: 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 { isValid, singleMatchKey } = checkInputValidity();\n\n      // If there's exactly one filtered result, auto-select it\n      if (\n        isValid &&\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 (!isValid) {\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 isInvalid = validationState === 'invalid';\n\n  let validationIcon = isInvalid ? InvalidIcon : ValidIcon;\n  let validation = cloneElement(validationIcon);\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  // 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        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  const lastSyncedSelectedKey = useRef<Key | null | undefined>(undefined);\n\n  useEffect(() => {\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    // 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  }, [isControlledKey, isControlledInput, effectiveSelectedKey, getItemLabel]);\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      invalid: isInvalid,\n      valid: validationState === 'valid',\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      validationState,\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        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        {validationState || isLoading ? (\n          <>\n            {validationState && !isLoading ? validation : null}\n            {isLoading ? <LoadingIcon data-element=\"InputIcon\" /> : null}\n          </>\n        ) : null}\n        {suffixPosition === 'after' ? suffix : null}\n        {showClearButton && (\n          <Item.Action\n            icon={<CloseIcon />}\n            size={size}\n            theme={validationState === 'invalid' ? 'danger' : undefined}\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":["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, DirectionIcon, LoadingIcon } from '../../../icons';\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  getValidationTheme,\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 {\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  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      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        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  // 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        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  const lastSyncedSelectedKey = useRef<Key | null | undefined>(undefined);\n\n  useEffect(() => {\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    // 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  }, [isControlledKey, isControlledInput, effectiveSelectedKey, getItemLabel]);\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        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            theme={getValidationTheme(undefined, { isInvalid, isValid })}\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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CA,MACA,aACA,eACA,YACA,UACA,SACA,eACA,YACA,YACA,gBAEF,KACA;AAGA,QACE,oBAAC;EACC,KAJgB,gBAAgB,KAAK,SAAS;EAK1C;EACA;EACJ,MAAK;EACE;EACM;EACD;EACZ,UAAU;EACC;EACG;EACd,kBAAgB,YAAY,KAAK;EACvB;EACD;EACT,QAAQ,WAAW;EACnB,GAAI;EACJ,QAAQ;EACF;EACN,aAAW;EACX,mBAAgB;EAChB,MAAK;EACL,iBAAe,iBAAiB;EAChC,iBAAc;EACd,iBACE,iBAAiB,aACb,mBAAmB,eACnB;EAEN,yBACE,iBACA,cACA,aAAa,SAAS,iBAAiB,cAAc,OACjD,eAAe,aAAa,SAAS,iBAAiB,eACtD;GAEN;EAGP;AAKD,MAAa,WAAW,WAAW,SAAS,SAC1C,OACA,KACA;AACA,SAAQ,cAAc,OAAO,EAC3B,mBAAmB,EAAE,OAAO,eAAe;AACzC,SAAO;GAEL,aAAa,SAAS;GACtB,kBAAkB,KAAoB;AAEpC,aAAS,IAAI;;GAEhB;IAEJ,CAAC;CAEF,MAAM,EAAE,MAAM,SAAS;CAEvB,IAAI,EACF,IACA,OACA,OACA,aACA,YACA,oBACA,WACA,SACA,IACA,MACA,QACA,YACA,WACA,eAAe,OACf,YACA,UACA,YACA,YACA,YACA,WACA,aACA,cACA,eACA,eACA,eACA,QACA,aACA,SACA,aACA,OAAO,UACP,YAAY,UACZ,aAAa,MACb,iBAAiB,SACjB,iBAAiB,UACjB,QACA,QACA,aACA,aACA,oBACA,YACA,mBACA,eACA,aACA,SACA,aACA,mBACA,qBAAqB,MACrB,aACA,OACA,UAAU,gBACV,eACA,eACA,YACA,gBAAgB,GAChB,mBAAmB,GACnB,mBAAmB,2BACnB,mBAAmB,uBACnB,cACA,SACA,QACA,WACA,MACA,GAAG,eACD;CAGJ,MAAM,aAAa,cAAc,kBAAkB,EAAE,EAAE,CAAC;AAKxD,cAAa,gBAAgB,WAAW;AACxC,cAAa,gBAAgB,WAAW;CAGxC,MAAM,EACJ,sBACA,qBACA,eACA,kBACA,wBACA,uBACA,iBACA,sBACE,iBAAiB;EACnB;EACA;EACA;EACA;EACA;EACA,YAAY;EACA;EACb,CAAC;CAGF,MAAM,4BAA4B,0BAA0B;CAE5D,MAAM,oBAAoB,0BAA0B,QAAQ,OAAO;CAGnE,MAAM,mBAAmB,OAAmB,KAAK;CACjD,MAAM,sBAAsB,OAAsB,KAAK;AAEvD,UAAS,cAAc,YAAY,aAAa,OAAO;AAEvD,OAAM,gBAAgB,IAAI;AAC1B,YAAW,gBAAgB,SAAS;AACpC,cAAa,gBAAgB,WAAW;AACxC,cAAa,gBAAgB,WAAW;CAyDxC,MAAM,cAtDiB,kBAAgC;AACrD,MAAI,CAAC,MAAO,QAAO;AAEnB,MAAI,CAAC,kBAAmB,QAAO;AAG/B,MAAI,iBAAiB,QACnB,QAAO,iBAAiB;AAI1B,MAAI,6BAA6B,CAAC,OAAO;AACvC,WAAQ,KACN,+GAED;AACD,UAAO;;EAGT,MAAM,cAAc,gBAChB,uBACA,oBAAoB;AAExB,MAAI,CAAC,YAAa,QAAO;EAEzB,MAAM,aAAa,MAAM,QAAQ,MAAM,GAAG,QAAQ,MAAM,KAAK,MAAM;EACnE,MAAM,eAAe,WAAW,MAAM,SAAS;GAC7C,MAAM,MAAO,MAAc,OAAQ,MAAc;AACjD,UAAO,OAAO,QAAQ,OAAO,IAAI,KAAK,OAAO,YAAY;IACzD;AAEF,MAAI,CAAC,aAAc,QAAO;EAE1B,MAAM,SAAS,CACb,cACA,GAAG,WAAW,QAAQ,SAAS;GAC7B,MAAM,MAAO,MAAc,OAAQ,MAAc;AACjD,UAAO,OAAO,QAAQ,OAAO,IAAI,KAAK,OAAO,YAAY;IACzD,CACH;AAED,MAAI,cACF,kBAAiB,UAAU;AAG7B,SAAO;IACN;EACD;EACA;EACA;EACA;EACA;EACD,CAAC,EAEkC;CAIpC,IAAI,WAAsB;CAE1B,MAAM,WAAW;AAEjB,KAAI,eAAe,OAAO,aAAa,WACrC,KAAI;AAEF,aADmB,MAAM,KAAK,YAA6B,CACrC,KAAK,MAAM,QAAQ;GACvC,MAAM,WAAY,SAAoC,KAAK;AAC3D,OACE,MAAM,eAAe,SAAS,IAC7B,SAA0B,OAAO,KAElC,QAAO,MAAM,aAAa,UAA0B,EAClD,KAAM,UAAkB,OAAO,MAAM,OAAO,KAC7C,CAAC;AAGJ,UAAO;IACP;SACI;AAMV,iBAAgB;AACd,mBAAiB,UAAU;IAC1B,CAAC,MAAM,CAAC;AAGX,iBAAgB;AACd,MAAI,CAAC,eAAe;AAClB,uBAAoB,UAClB,wBAAwB,OAAO,OAAO,qBAAqB,GAAG;AAChE,oBAAiB,UAAU;;IAE5B,CAAC,eAAe,qBAAqB,CAAC;AAGzC,iBAAgB;AACd,iBAAe,cAAc;IAC5B,CAAC,cAAc,CAAC;CAGnB,MAAM,EAAE,UAAU,gBAAgB,sBAAsB,qBAAqB;EAC3E;EACA;EACD,CAAC;CAIF,MAAM,uBAAuB,aAAa;EACxC;EACA,OAAO;EACP,eAAe;EAChB,CAAC;CAEF,MAAM,EAAE,WAAW,eAAeA,WAAS,EAAE,YAAY,CAAC;CAG1D,MAAM,qBAAqB,kBAAkB;AAC3C,MAAI,CAAC,oBAAoB,MAAM,CAC7B,QAAO;GAAE,cAAc;GAAO,gBAAgB;GAAM,eAAe;GAAG;EAIxE,MAAM,gBAAgB,SAAS,qBAAqB,WAAW;EAC/D,MAAM,gBAAwD,EAAE;AAGhE,OAAK,MAAM,QAAQ,cACjB,KAAI,KAAK,SAAS,aAAa,KAAK,YAClC;QAAK,MAAM,SAAS,KAAK,WACvB,KAAI,MAAM,SAAS,OACjB,eAAc,KAAK;IACjB,KAAK,MAAM;IACX,WAAW,MAAM,aAAa;IAC/B,CAAC;aAGG,KAAK,SAAS,OACvB,eAAc,KAAK;GACjB,KAAK,KAAK;GACV,WAAW,KAAK,aAAa;GAC9B,CAAC;EAIN,MAAM,gBAAgB,cAAc;EAGpC,MAAM,aAAa,cAAc,MAC9B,SACC,KAAK,UAAU,aAAa,KAC5B,oBAAoB,MAAM,CAAC,aAAa,CAC3C;AAED,MAAI,WACF,QAAO;GACL,cAAc;GACd,gBAAgB,WAAW;GAC3B;GACD;AAIH,MAAI,kBAAkB,EACpB,QAAO;GACL,cAAc;GACd,gBAAgB,cAAc,GAAG;GACjC;GACD;AAGH,SAAO;GAAE,cAAc;GAAO,gBAAgB;GAAM;GAAe;IAClE;EAAC;EAAqB;EAAU,qBAAqB;EAAW,CAAC;CAGpE,MAAM,sBAAsB,eAAe;AAIzC,MAAI,mBAAmB;AAErB,OACE,sBACA,uBACA,wBAAwB,MACxB;AACA,gCAA4B,oBAA8B;AAC1D,QAAI,CAAC,gBACH,wBAAuB,oBAA2B;AAEpD,cAAU;AACV,sBAAkB,MAAM;AACxB;;AAIF,OAAI,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE;AACvC,gCAA4B,KAAK;AACjC,QAAI,CAAC,gBACH,wBAAuB,KAAK;AAE9B,QAAI,CAAC,kBACH,uBAAsB,GAAG;AAE3B,oBAAgB,GAAG;AACnB,cAAU;AACV,sBAAkB,MAAM;AACxB;;;AAKJ,MAAI,CAAC,mBAAmB;GACtB,MAAM,EAAE,cAAc,mBAAmB,oBAAoB;AAG7D,OACE,gBACA,kBAAkB,QAClB,mBAAmB,sBACnB;IACA,MAAM,QAAQ,aAAa,eAAe;AAE1C,QAAI,CAAC,gBACH,wBAAuB,eAAe;AAExC,QAAI,CAAC,kBACH,uBAAsB,MAAM;AAE9B,oBAAgB,MAAM;AACtB,gCAA4B,eAAgC;AAC5D,cAAU;AACV,sBAAkB,MAAM;AACxB;;AAIF,OAAI,CAAC,cAAc;IACjB,MAAM,eAAe,oBAAoB,MAAM;AAG/C,QAAI,eAAe,CAAC,cAAc;AAChC,iCAA4B,KAAK;AACjC,SAAI,CAAC,gBACH,wBAAuB,KAAK;AAE9B,SAAI,CAAC,kBACH,uBAAsB,GAAG;AAE3B,qBAAgB,GAAG;AACnB,eAAU;AACV,uBAAkB,MAAM;AACxB;;IAIF,MAAM,YACJ,wBAAwB,OACpB,aAAa,qBAAqB,GAClC;AAEN,QAAI,CAAC,kBACH,uBAAsB,UAAU;AAElC,oBAAgB,UAAU;AAC1B,cAAU;AACV,sBAAkB,MAAM;AACxB;;;EAKJ,MAAM,YACJ,wBAAwB,OAAO,aAAa,qBAAqB,GAAG;AAEtE,MAAI,CAAC,kBACH,uBAAsB,UAAU;AAElC,kBAAgB,UAAU;AAC1B,YAAU;AACV,oBAAkB,MAAM;GACxB;CAGF,MAAM,EAAE,wBAAwB,kBAAkB;EAChD;EACA;EACA;EACA,QAAQ;EACR;EACD,CAAC;CAEF,IAAI,iBAAiB,kBAAkB;EAAE;EAAW;EAAS,CAAC;CAG9D,MAAM,eAAe,OAAY,KAAK;CACtC,MAAM,uBAAuB,OAAO,EAAE;CAGtC,MAAM,eAAe,aAClB,QAAqB;AAEpB,UADa,sBAAsB,YAAY,QAAQ,IAAI,GAC9C,aAAa,OAAO,IAAI;IAEvC,CAAC,sBAAsB,WAAW,CACnC;CAGD,MAAM,wBAAwB,UAAU,cAAkC;EAExE,MAAM,MAAM,MAAM,QAAQ,UAAU,GAAG,UAAU,KAAK;AAGtD,MAAI,CAAC,gBACH,wBAAuB,OAAO,KAAK;AAIrC,MAAI,OAAO,MAAM;AACf,qBAAkB,MAAM;GAExB,MAAM,QAAQ,aAAa,IAAI;AAE/B,OAAI,CAAC,kBACH,uBAAsB,MAAM;AAE9B,mBAAgB,MAAM;SACjB;AAEL,OAAI,CAAC,kBACH,uBAAsB,GAAG;AAE3B,mBAAgB,GAAG;AACnB,qBAAkB,MAAM;;AAG1B,8BAA4B,IAAqB;AAGjD,mBAAiB,MAAM;AAGvB,mBAAiB;AACf,YAAS,SAAS,OAAO;KACxB,EAAE;GACL;CAGF,MAAM,oBAAoB,UACvB,MAA2C;EAC1C,MAAM,QAAQ,EAAE,OAAO;AAGvB,MAAI,CAAC,kBACH,uBAAsB,MAAM;AAE9B,kBAAgB,MAAM;AAGtB,oBADgB,MAAM,MAAM,CACF,SAAS,EAAE;AAIrC,MAAI,qBAAqB,wBAAwB,MAAM;AACrD,OAAI,CAAC,gBACH,wBAAuB,KAAK;AAE9B,+BAA4B,KAAK;;AAInC,MAAI,mBAAmB,YAAY,SAAS,CAAC,cAC3C,kBAAiB,KAAK;GAG3B;CAGD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;AAE3D,iBAAgB;AAEd,MAAI,kBAAkB,kBAAmB;AAGzC,MAAI,sBAAsB,QAAW;AACnC,yBAAsB,kBAAkB;AACxC,qBAAkB,KAAK;AACvB;;AAIF,MAAI,oBAAoB;AAGtB,yBAFc,aAAa,mBAAmB,CAElB;AAC5B,qBAAkB,KAAK;;IAExB;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAGF,MAAM,wBAAwB,OAA+B,OAAU;AAEvE,iBAAgB;AAEd,MAAI,CAAC,mBAAmB,kBAAmB;AAG3C,MACE,sBAAsB,YAAY,UAClC,sBAAsB,YAAY,qBAElC;AAGF,wBAAsB,UAAU;AAOhC,wBAHE,wBAAwB,OAAO,aAAa,qBAAqB,GAAG,GAGlC;IACnC;EAAC;EAAiB;EAAmB;EAAsB;EAAa,CAAC;CAG5E,MAAM,mBAAmB,UAAU,MAA0C;AAE3E,aAAW,UAAU,EAAS;AAE9B,MAAI,mBAAmB,WAAW,CAAC,cACjC,kBAAiB,KAAK;GAExB;CAGF,MAAM,kBAAkB,UAAU,MAA0C;AAC1E,aAAW,SAAS,EAAS;GAC7B;CAMF,IAAI,kBAAkB,gBAHP,oBACX,wBAAwB,KACxB,wBAAwB,SACqB,CAAC,cAAc,CAAC;CAGjE,MAAM,aAAa,cAAc;AAC/B,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,CAAC,MAAM,QAAQ,SAAS,IAAI,aAAa,KAAM,QAAO;AAG1D,MAAI,sBAAsB,YAAY;GACpC,MAAM,gBAAgB,SAAS,qBAAqB,WAAW;AAQ/D,UAPoB,MAAM,KAAK,cAAc,CAAC,SAAS,SAAc;AACnE,QAAI,KAAK,SAAS,aAAa,KAAK,WAClC,QAAO,CAAC,GAAG,KAAK,WAAW;AAG7B,WAAO,CAAC,KAAK;KACb,CACiB,SAAS;;AAI9B,SAAO,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,IAAI;IACtD;EAAC;EAAU,sBAAsB;EAAY;EAAS,CAAC;CAG1D,IAAI,aAAa,eAAe;AAE9B,MAAI,CAAC,kBACH,uBAAsB,GAAG;AAE3B,kBAAgB,GAAG;AAGnB,MAAI,CAAC,gBACH,wBAAuB,KAAK;AAE9B,8BAA4B,KAAK;AAGjC,MAAI,cACF,kBAAiB,MAAM;AAIzB,WAAS,SAAS,OAAO;AAEzB,aAAW;GACX;CAGF,MAAM,EAAE,kBAAkB,oBAAoB;EAC5C;EACA;EACA;EACA;EACA;EACA;EACA,mBAAmB;EACnB,cAAc;EACd,qBAAqB,iBAAiB,KAAK;EAC3C,sBAAsB,iBAAiB,MAAM;EAC7C;EACA;EACA;EACD,CAAC;AAEF,KAAI,MAAM;AACR,SAAO,oBAAC;GAAI,gBAAa;aAAa;IAAW;AAEjD,MAAI,OACF,UACE,8CACG,MACA,UACA;MAGL,UAAS;;CAIb,IAAI,OAAO,eACF;EACL,GAAG,kBAAkB;GAAE;GAAW;GAAS,CAAC;EAC5C,UAAU;EACV,SAAS;EACT,SAAS;EACT,SAAS;EACT,QAAQ,CAAC,CAAC;EACV,QAAQ;EACR,WAAW;EACZ,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,gBAAgB,YAAY,SAAS;CAE3C,MAAM,oBAAoB,QAAQ,iBAAiB,WAAW;AAG9D,iBAAgB;AACd,MAAI,iBAAiB,CAAC,WACpB,kBAAiB,MAAM;IAExB,CAAC,eAAe,WAAW,CAAC;CAE/B,MAAM,qBAAqB,kBAAkB;AAC3C,MAAI,CAAC,kBAAmB;EAExB,MAAM,YAAY,aAAa;AAC/B,MAAI,CAAC,UAAW;EAEhB,MAAM,EAAE,kBAAkB,YAAY,cAAc,uBAClD;AACF,MAAI,CAAC,oBAAoB,CAAC,WAAY;EAEtC,MAAM,wBAAoC;AACxC,QAAK,MAAM,QAAQ,WACjB,KAAI,KAAK,SAAS,QAChB;QAAI,CAAC,cAAc,IAAI,KAAK,IAAI,CAAE,QAAO,KAAK;cACrC,KAAK,YACd;SAAK,MAAM,SAAS,KAAK,WACvB,KAAI,MAAM,SAAS,UAAU,CAAC,cAAc,IAAI,MAAM,IAAI,CACxD,QAAO,MAAM;;AAKrB,UAAO;;AAGT,MAAI,mBAAoB,oBAAmB,UAAU;EAGrD,MAAM,oBAAoB,iBAAiB;EAC3C,IAAI,eAAe;AAEnB,MAAI,qBAAqB,KAEvB,gBAAe;WAIX,EADsB,WAAW,QAAQ,kBAAkB,IAAI,MAGjE,gBAAe;AAInB,MAAI,cAAc;GAChB,IAAI,aAAyB;AAG7B,OACE,wBAAwB,QACxB,WAAW,QAAQ,qBAAqB,IAAI,KAE5C,cAAa;OAGb,cAAa,iBAAiB;AAGhC,OAAI,cAAc,KAChB,kBAAiB,cAAc,WAAW;;IAG7C,CAAC,mBAAmB,qBAAqB,CAAC;AAE7C,yBAAsB;AACpB,MAAI,CAAC,kBAAmB;AACxB,uBAAqB,UAAU;EAE/B,MAAM,aAAa;AACjB,OAAI,CAAC,kBAAmB;AACxB,uBAAoB;AACpB,wBAAqB,WAAW;AAEhC,OACE,qBAAqB,UAAU,KAC/B,aAAa,SAAS,kBAAkB,cAAc,KAEtD,uBAAsB,KAAK;;AAI/B,8BAA4B,sBAAsB,KAAK,CAAC;IACvD,CAAC,mBAAmB,mBAAmB,CAAC;CAE3C,MAAM,gBACJ,qBAAC;EACC,KAAK;EACC;EACE;EACR,OAAO,EACL,QAAQ,YAAY,IAAI,WACzB;EACD,aAAW;EACX,GAAI;;GAEH,SAAS,oBAAC;IAAI,gBAAa;cAAU;KAAa,GAAG;GACtD,oBAAC;IACC,IAAI,MAAM;IACA;IACN;IACJ,OAAO;IACM;IACD;IACA;IACD;IACG;IACR;IACA;IACO;IACE;IACf,YAAY;KAAE,GAAG;KAAY,QAAQ;KAAiB;IACvC;IACH;IACA;IACE;IACd,UAAU;IACV,SAAS;KACT;GACF,qBAAC;IAAI,gBAAa;;KACf,mBAAmB,WAAW,SAAS;KACvC,YAAY,oBAAC,eAAY,gBAAa,cAAc,GAAG;KACvD,mBAAmB,UAAU,SAAS;KACtC,mBACC,oBAACC,gBAAK;MACJ,MAAM,oBAAC,cAAY;MACb;MACN,OAAO,mBAAmB,QAAW;OAAE;OAAW;OAAS,CAAC;MAC5D,IAAG;MACH,mBAAiB,cAAc,KAAK;MACpC,wBAAqB;MACrB,cAAY,EAAE,uBAAuB,cAAc;MACnD,SAAS;OACT;KAEH,CAAC,cACA,oBAACA,gBAAK;MACJ,KAAK;MACL;MACA,MAAM,oBAAC,iBAAc,IAAI,gBAAgB,OAAO,SAAU;MAC1D,IAAG;MACH,MAAM;OACJ,SAAS;OACT,UAAU;OACV,SAAS;OACV;MACD,aAAW;MACC;MACZ,QAAQ;MACR,iBAAe;MACf,iBAAc;MACd,cAAY,EAAE,wBAAwB,eAAe;MACrD,eAAe;AACb,WAAI,CAAC,YAAY;QACf,MAAM,WAAW,CAAC;AAClB,yBAAiB,SAAS;AAC1B,YAAI,UAAU;AACZ,kBAAS,SAAS,OAAO;AAEzB,aAAI,CAAC,WACH,mBAAkB,MAAM;;;;OAKhC,GACA;;KACA;GACN,oBAAC;IACC,QAAQ;IACR,YAAY;IACA;IACA;IACD;IACC;IACG;IACG;IACH;IACf,WAAW,mBAAmB;IACf;IACA;IACD;IACC;IACA;IACf,aAAa;IACD;IACZ,cAAc,MAAM;IACpB,OAAO;IACO;IACP;IACP,WAAY,MAAc;IACL;IACrB,QAAQ;IACF;IACN,mBAAmB;IACnB,eAAe,iBAAiB,MAAM;IAErC;KACc;;GACM;CAG3B,MAAM,EAAE,UAAU,GAAG,GAAG,yBAAyB;AAEjD,QAAO,cACL,eACA,KACA,qBACD;EACD;AAIF,SAAS,OAAOA;AAEhB,SAAS,UAAUC;AAEnB,OAAO,eAAe,UAAU,iBAAiB;CAC/C,OAAO;CACP,YAAY;CACZ,cAAc;CACf,CAAC"}

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

@@ -1,12 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.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";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useProviderProps } from "../../../provider.js";
 import { _CollectionItem } from "../../CollectionItem.js";
 import { generateRandomId } from "../../../utils/random.js";
-import { useFormProps } from "../../form/Form/Form.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";
 import { TextInputBase } from "../TextInput/TextInputBase.js";
@@ -64,8 +62,6 @@ function parseActiveToken(value, caret, triggers) {
 }
 function CommandTextArea(props, ref) {
 	props = castNullableStringValue(props);
-	props = useProviderProps(props);
-	props = useFormProps(props);
 	props = useFieldProps(props, {
 		defaultValidationTrigger: "onBlur",
 		valuePropsMapper: ({ value, onChange }) => ({

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 { Key } 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 { useProviderProps } from '../../../provider';\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, useFormProps } 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';\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  onCommand?: (key: Key, item: { textValue: string; [k: string]: any }) => 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 = useProviderProps(props);\n  props = useFormProps(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    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    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(propsWrapperRef);\n  const popoverRef = useCombinedRefs(propsPopoverRef);\n  const listBoxRef = useCombinedRefs(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  // ---- 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 (mirrors TextArea) -------------------------------\n  const adjustHeight = useEvent(() => {\n    const textarea = inputRef.current;\n    if (!textarea || !autoSize) return;\n\n    textarea.style.height = 'auto';\n    const computedStyle = getComputedStyle(textarea);\n    const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n    const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;\n    const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;\n    const lineHeight = parseInt(computedStyle.lineHeight) || 20;\n    const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;\n    const computedRows = Math.ceil(contentHeight / lineHeight);\n    const targetRows = Math.max(Math.min(computedRows, maxRows), rows);\n    const totalHeight =\n      targetRows * lineHeight +\n      paddingTop +\n      paddingBottom +\n      borderTop +\n      borderBottom;\n    textarea.style.height = `${totalHeight}px`;\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  useEnvironmentalEffect(() => {\n    if (!autoSize || !inputRef.current) return;\n    adjustHeight();\n    const resizeObserver = new ResizeObserver(adjustHeight);\n    resizeObserver.observe(inputRef.current);\n    return () => resizeObserver.disconnect();\n  }, [autoSize, inputRef.current]);\n\n  useEnvironmentalEffect(() => {\n    if (autoSize && inputRef.current) {\n      adjustHeight();\n    }\n  }, [effectiveValue]);\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    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      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 start = el.selectionStart ?? effectiveValue.length;\n      const end = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(end);\n      const caretPos = start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...(listState?.collection?.getItem(key)?.props ?? {}),\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(inputProps, {\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\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":["mergeProps","BaseSection"],"sources":["../../../../src/components/fields/CommandTextArea/CommandTextArea.tsx"],"sourcesContent":["import { Key } 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';\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  onCommand?: (key: Key, item: { textValue: string; [k: string]: any }) => 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    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    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(propsWrapperRef);\n  const popoverRef = useCombinedRefs(propsPopoverRef);\n  const listBoxRef = useCombinedRefs(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  // ---- 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 (mirrors TextArea) -------------------------------\n  const adjustHeight = useEvent(() => {\n    const textarea = inputRef.current;\n    if (!textarea || !autoSize) return;\n\n    textarea.style.height = 'auto';\n    const computedStyle = getComputedStyle(textarea);\n    const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n    const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n    const borderTop = parseFloat(computedStyle.borderTopWidth) || 0;\n    const borderBottom = parseFloat(computedStyle.borderBottomWidth) || 0;\n    const lineHeight = parseInt(computedStyle.lineHeight) || 20;\n    const contentHeight = textarea.scrollHeight - paddingTop - paddingBottom;\n    const computedRows = Math.ceil(contentHeight / lineHeight);\n    const targetRows = Math.max(Math.min(computedRows, maxRows), rows);\n    const totalHeight =\n      targetRows * lineHeight +\n      paddingTop +\n      paddingBottom +\n      borderTop +\n      borderBottom;\n    textarea.style.height = `${totalHeight}px`;\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  useEnvironmentalEffect(() => {\n    if (!autoSize || !inputRef.current) return;\n    adjustHeight();\n    const resizeObserver = new ResizeObserver(adjustHeight);\n    resizeObserver.observe(inputRef.current);\n    return () => resizeObserver.disconnect();\n  }, [autoSize, inputRef.current]);\n\n  useEnvironmentalEffect(() => {\n    if (autoSize && inputRef.current) {\n      adjustHeight();\n    }\n  }, [effectiveValue]);\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    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      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 start = el.selectionStart ?? effectiveValue.length;\n      const end = el.selectionEnd ?? effectiveValue.length;\n      const next =\n        effectiveValue.slice(0, start) +\n        textValue +\n        (insertSpaceAfter ? ' ' : '') +\n        effectiveValue.slice(end);\n      const caretPos = start + textValue.length + (insertSpaceAfter ? 1 : 0);\n      pendingCaretRef.current = caretPos;\n      handleChange(next);\n    }\n\n    setDismissedToken(null);\n    onCommand?.(key, {\n      textValue,\n      ...(listState?.collection?.getItem(key)?.props ?? {}),\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(inputProps, {\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\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.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 //#region src/components/fields/CommandTextArea/caretPosition.ts
 const MIRROR_STYLES = [
 	"boxSizing",

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { getCaretRect } from "./caretPosition.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/DatePicker/DateInput.d.ts

@@ -1,5 +1,5 @@
 
-import { FieldBaseProps, ValidationState } from "../../../shared/form.js";
+import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
 import { ReactElement, Ref } from "react";
@@ -11,7 +11,6 @@ interface CubeDateInputProps<T extends DateValue = DateValue> extends Omit<AriaD
   inputStyles?: Styles;
   styles?: Styles;
   size?: 'small' | 'medium' | 'large' | (string & {});
-  validationState?: ValidationState;
   useLocale?: boolean;
 }
 /**

package/dist/components/fields/DatePicker/DateInput.js

@@ -1,8 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.147.3 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.148.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
-import { useProviderProps } from "../../../provider.js";
-import { useFormProps } from "../../form/Form/Form.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { _DateInputBase } from "./DateInputBase.js";
@@ -19,8 +17,6 @@ import { createCalendar } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/DateInput.tsx
 function DateInput(props, ref) {
-	props = useProviderProps(props);
-	props = useFormProps(props);
 	props = useFieldProps(props, {
 		defaultValidationTrigger: "onBlur",
 		valuePropsMapper: ({ value, onChange }) => ({
@@ -29,7 +25,7 @@ function DateInput(props, ref) {
 		})
 	});
 	props = Object.assign({}, DEFAULT_DATE_PROPS, props);
-	let { qa, autoFocus, isDisabled, inputStyles, wrapperStyles, isReadOnly, isRequired, size = "medium", useLocale: useLocaleProp } = props;
+	let { qa, autoFocus, isDisabled, inputStyles, wrapperStyles, isReadOnly, isRequired, isValid, size = "medium", useLocale: useLocaleProp } = props;
 	extractStyles(props, CONTAINER_STYLES, wrapperStyles);
 	let domRef = useFocusManagerRef(ref);
 	let { locale } = useLocale();
@@ -49,7 +45,8 @@ function DateInput(props, ref) {
 		fieldProps,
 		isDisabled,
 		autoFocus,
-		validationState: state.validationState,
+		isInvalid: state.isInvalid,
+		isValid,
 		styles: wrapperStyles,
 		inputStyles,
 		children: state.segments.map((segment, i) => /* @__PURE__ */ jsx(DatePickerSegment, {

package/dist/components/fields/DatePicker/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","names":["DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/DateInput.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaDateFieldProps,\n  DateValue,\n  useDateField,\n  useLocale,\n} from 'react-aria';\nimport { useDateFieldState } from 'react-stately';\n\nimport { useProviderProps } from '../../../provider';\nimport { FieldBaseProps, ValidationState } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useFieldProps, useFormProps, wrapWithField } from '../../form';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { parseAbsoluteDate } from './parseDate';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { formatSegments, useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nexport interface CubeDateInputProps<T extends DateValue = DateValue>\n  extends Omit<AriaDateFieldProps<T>, 'errorMessage'>,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  validationState?: ValidationState;\n  useLocale?: boolean;\n}\n\nfunction DateInput<T extends DateValue>(\n  props: CubeDateInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: typeof value === 'string' ? parseAbsoluteDate(value) : value,\n      onChange,\n    }),\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  let {\n    qa,\n    autoFocus,\n    isDisabled,\n    inputStyles,\n    wrapperStyles,\n    isReadOnly,\n    isRequired,\n    size = 'medium',\n    useLocale: useLocaleProp,\n  } = props;\n\n  let styles = extractStyles(props, CONTAINER_STYLES, wrapperStyles);\n\n  let domRef = useFocusManagerRef(ref);\n  let { locale } = useLocale();\n  let state = useDateFieldState({\n    ...props,\n    locale: useLocaleProp ? locale : 'en-US',\n    createCalendar,\n  });\n\n  if (useLocaleProp == null) {\n    state.segments = formatSegments(state.segments);\n  }\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useDateField(props, state, fieldRef);\n\n  const component = (\n    <DateInputBase\n      ref={fieldRef}\n      qa={qa || 'DateInput'}\n      inputType=\"dateinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      autoFocus={autoFocus}\n      validationState={state.validationState}\n      styles={wrapperStyles}\n      inputStyles={inputStyles}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\n/**\n * DateInputs allow users to enter and edit date and time values using a keyboard.\n * Each part of a date value is displayed in an individually editable segment.\n */\nconst _DateInput = forwardRef(DateInput) as <T extends DateValue = DateValue>(\n  props: CubeDateInputProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement | null;\n\n(_DateInput as any).displayName = 'DateInput';\n\nexport { _DateInput as DateInput };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4CA,SAAS,UACP,OACA,KACA;AACA,SAAQ,iBAAiB,MAAM;AAC/B,SAAQ,aAAa,MAAM;AAC3B,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,OAAO,UAAU,WAAW,kBAAkB,MAAM,GAAG;GAC9D;GACD;EACF,CAAC;AACF,SAAQ,OAAO,OAAO,EAAE,EAAE,oBAAoB,MAAM;CAEpD,IAAI,EACF,IACA,WACA,YACA,aACA,eACA,YACA,YACA,OAAO,UACP,WAAW,kBACT;AAES,eAAc,OAAO,kBAAkB,cAAc;CAElE,IAAI,SAAS,mBAAmB,IAAI;CACpC,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,kBAAkB;EAC5B,GAAG;EACH,QAAQ,gBAAgB,SAAS;EACjC;EACD,CAAC;AAEF,KAAI,iBAAiB,KACnB,OAAM,WAAW,eAAe,MAAM,SAAS;CAGjD,IAAI,WAAW,OAAO,KAAK;CAC3B,IAAI,EAAE,YAAY,eAAe,aAAa,OAAO,OAAO,SAAS;AA4BrE,QAAO,cAzBL,oBAACA;EACC,KAAK;EACL,IAAI,MAAM;EACV,WAAU;EACJ;EACM;EACA;EACD;EACX,iBAAiB,MAAM;EACvB,QAAQ;EACK;YAEZ,MAAM,SAAS,KAAK,SAAS,MAC5B,oBAAC;GAEU;GACF;GACK;GACA;GACA;KALP,EAML,CACF;GACY,EAGc,QAAQ;EACtC,GAAG;EACH,YAAYC,aAAW,MAAM,YAAY,WAAW;EACrD,CAAC;;;;;;AAOJ,MAAM,aAAa,WAAW,UAAU;AAIxC,AAAC,WAAmB,cAAc"}
+{"version":3,"file":"DateInput.js","names":["DateInputBase","mergeProps"],"sources":["../../../../src/components/fields/DatePicker/DateInput.tsx"],"sourcesContent":["import { createCalendar } from '@internationalized/date';\nimport { FocusableRef } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  Styles,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport {\n  AriaDateFieldProps,\n  DateValue,\n  useDateField,\n  useLocale,\n} from 'react-aria';\nimport { useDateFieldState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { useFieldProps, wrapWithField } from '../../form';\n\nimport { DateInputBase } from './DateInputBase';\nimport { DatePickerSegment } from './DatePickerSegment';\nimport { parseAbsoluteDate } from './parseDate';\nimport { DEFAULT_DATE_PROPS } from './props';\nimport { formatSegments, useFocusManagerRef } from './utils';\n\nimport type { ReactElement, Ref } from 'react';\n\nexport interface CubeDateInputProps<T extends DateValue = DateValue>\n  extends Omit<AriaDateFieldProps<T>, 'errorMessage'>,\n    BaseProps,\n    ContainerStyleProps,\n    FieldBaseProps {\n  wrapperStyles?: Styles;\n  inputStyles?: Styles;\n  styles?: Styles;\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  useLocale?: boolean;\n}\n\nfunction DateInput<T extends DateValue>(\n  props: CubeDateInputProps<T>,\n  ref: FocusableRef<HTMLElement>,\n) {\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: typeof value === 'string' ? parseAbsoluteDate(value) : value,\n      onChange,\n    }),\n  });\n  props = Object.assign({}, DEFAULT_DATE_PROPS, props);\n\n  let {\n    qa,\n    autoFocus,\n    isDisabled,\n    inputStyles,\n    wrapperStyles,\n    isReadOnly,\n    isRequired,\n    isValid,\n    size = 'medium',\n    useLocale: useLocaleProp,\n  } = props;\n\n  let styles = extractStyles(props, CONTAINER_STYLES, wrapperStyles);\n\n  let domRef = useFocusManagerRef(ref);\n  let { locale } = useLocale();\n  let state = useDateFieldState({\n    ...props,\n    locale: useLocaleProp ? locale : 'en-US',\n    createCalendar,\n  });\n\n  if (useLocaleProp == null) {\n    state.segments = formatSegments(state.segments);\n  }\n\n  let fieldRef = useRef(null);\n  let { labelProps, fieldProps } = useDateField(props, state, fieldRef);\n\n  const component = (\n    <DateInputBase\n      ref={fieldRef}\n      qa={qa || 'DateInput'}\n      inputType=\"dateinput\"\n      size={size}\n      fieldProps={fieldProps}\n      isDisabled={isDisabled}\n      autoFocus={autoFocus}\n      isInvalid={state.isInvalid}\n      isValid={isValid}\n      styles={wrapperStyles}\n      inputStyles={inputStyles}\n    >\n      {state.segments.map((segment, i) => (\n        <DatePickerSegment\n          key={i}\n          segment={segment}\n          state={state}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          isRequired={isRequired}\n        />\n      ))}\n    </DateInputBase>\n  );\n\n  return wrapWithField(component, domRef, {\n    ...props,\n    labelProps: mergeProps(props.labelProps, labelProps),\n  });\n}\n\n/**\n * DateInputs allow users to enter and edit date and time values using a keyboard.\n * Each part of a date value is displayed in an individually editable segment.\n */\nconst _DateInput = forwardRef(DateInput) as <T extends DateValue = DateValue>(\n  props: CubeDateInputProps<T> & { ref?: Ref<HTMLElement> },\n) => ReactElement | null;\n\n(_DateInput as any).displayName = 'DateInput';\n\nexport { _DateInput as DateInput };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0CA,SAAS,UACP,OACA,KACA;AACA,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,OAAO,UAAU,WAAW,kBAAkB,MAAM,GAAG;GAC9D;GACD;EACF,CAAC;AACF,SAAQ,OAAO,OAAO,EAAE,EAAE,oBAAoB,MAAM;CAEpD,IAAI,EACF,IACA,WACA,YACA,aACA,eACA,YACA,YACA,SACA,OAAO,UACP,WAAW,kBACT;AAES,eAAc,OAAO,kBAAkB,cAAc;CAElE,IAAI,SAAS,mBAAmB,IAAI;CACpC,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,kBAAkB;EAC5B,GAAG;EACH,QAAQ,gBAAgB,SAAS;EACjC;EACD,CAAC;AAEF,KAAI,iBAAiB,KACnB,OAAM,WAAW,eAAe,MAAM,SAAS;CAGjD,IAAI,WAAW,OAAO,KAAK;CAC3B,IAAI,EAAE,YAAY,eAAe,aAAa,OAAO,OAAO,SAAS;AA6BrE,QAAO,cA1BL,oBAACA;EACC,KAAK;EACL,IAAI,MAAM;EACV,WAAU;EACJ;EACM;EACA;EACD;EACX,WAAW,MAAM;EACR;EACT,QAAQ;EACK;YAEZ,MAAM,SAAS,KAAK,SAAS,MAC5B,oBAAC;GAEU;GACF;GACK;GACA;GACA;KALP,EAML,CACF;GACY,EAGc,QAAQ;EACtC,GAAG;EACH,YAAYC,aAAW,MAAM,YAAY,WAAW;EACrD,CAAC;;;;;;AAOJ,MAAM,aAAa,WAAW,UAAU;AAIxC,AAAC,WAAmB,cAAc"}