@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/combobox/root/AriaCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaCombobox.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/root/AriaCombobox.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { visuallyHidden } from '@base-ui/utils/visuallyHidden';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { Store, useStore } from '@base-ui/utils/store';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useDismiss, useFloatingRootContext, useInteractions, useListNavigation, useClick } from \"../../floating-ui-react/index.js\";\nimport { contains, getTarget } from \"../../floating-ui-react/utils.js\";\nimport { createChangeEventDetails, createGenericEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { ComboboxFloatingContext, ComboboxDerivedItemsContext, ComboboxRootContext, ComboboxInputValueContext } from \"./ComboboxRootContext.js\";\nimport { selectors } from \"../store.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useField } from \"../../field/useField.js\";\nimport { useFormContext } from \"../../form/FormContext.js\";\nimport { useLabelableId } from \"../../labelable-provider/useLabelableId.js\";\nimport { createCollatorItemFilter, createSingleSelectionCollatorFilter } from \"./utils/index.js\";\nimport { useCoreFilter } from \"./utils/useFilter.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { EMPTY_ARRAY, EMPTY_OBJECT } from \"../../utils/constants.js\";\nimport { useOpenInteractionType } from \"../../utils/useOpenInteractionType.js\";\nimport { useValueChanged } from \"../../utils/useValueChanged.js\";\nimport { NOOP } from \"../../utils/noop.js\";\nimport { stringifyAsLabel, stringifyAsValue, isGroupedItems } from \"../../utils/resolveValueLabel.js\";\nimport { defaultItemEquality, findItemIndex, itemIncludes, removeItem } from \"../../utils/itemEquality.js\";\nimport { INITIAL_LAST_HIGHLIGHT, NO_ACTIVE_VALUE } from \"./utils/constants.js\";\n\n/**\n * @internal\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function AriaCombobox(props) {\n  const {\n    id: idProp,\n    onOpenChangeComplete: onOpenChangeCompleteProp,\n    defaultSelectedValue = null,\n    selectedValue: selectedValueProp,\n    onSelectedValueChange,\n    defaultInputValue: defaultInputValueProp,\n    inputValue: inputValueProp,\n    selectionMode = 'none',\n    onItemHighlighted: onItemHighlightedProp,\n    name: nameProp,\n    disabled: disabledProp = false,\n    readOnly = false,\n    required = false,\n    inputRef: inputRefProp,\n    grid = false,\n    items,\n    filteredItems: filteredItemsProp,\n    filter: filterProp,\n    openOnInputClick = true,\n    autoHighlight = false,\n    keepHighlight = false,\n    highlightItemOnHover = true,\n    itemToStringLabel,\n    itemToStringValue,\n    isItemEqualToValue = defaultItemEquality,\n    virtualized = false,\n    inline: inlineProp = false,\n    fillInputOnItemPress = true,\n    modal = false,\n    limit = -1,\n    autoComplete = 'list',\n    locale,\n    submitOnItemClick = false\n  } = props;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    setDirty,\n    validityData,\n    shouldValidateOnChange,\n    setFilled,\n    name: fieldName,\n    disabled: fieldDisabled,\n    validation\n  } = useFieldRootContext();\n  const id = useLabelableId({\n    id: idProp\n  });\n  const collatorFilter = useCoreFilter({\n    locale\n  });\n  const [queryChangedAfterOpen, setQueryChangedAfterOpen] = React.useState(false);\n  const [closeQuery, setCloseQuery] = React.useState(null);\n  const listRef = React.useRef([]);\n  const labelsRef = React.useRef([]);\n  const popupRef = React.useRef(null);\n  const inputRef = React.useRef(null);\n  const emptyRef = React.useRef(null);\n  const keyboardActiveRef = React.useRef(true);\n  const hadInputClearRef = React.useRef(false);\n  const chipsContainerRef = React.useRef(null);\n  const clearRef = React.useRef(null);\n  const selectionEventRef = React.useRef(null);\n  const lastHighlightRef = React.useRef(INITIAL_LAST_HIGHLIGHT);\n  const pendingQueryHighlightRef = React.useRef(null);\n\n  /**\n   * Contains the currently visible list of item values post-filtering.\n   */\n  const valuesRef = React.useRef([]);\n  /**\n   * Contains all item values in a stable, unfiltered order.\n   * This is only used when `items` prop is not provided.\n   * It accumulates values on first mount and does not remove them on unmount due to\n   * filtering, providing a stable index for selected value tracking.\n   */\n  const allValuesRef = React.useRef([]);\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const multiple = selectionMode === 'multiple';\n  const single = selectionMode === 'single';\n  const hasInputValue = inputValueProp !== undefined || defaultInputValueProp !== undefined;\n  const hasItems = items !== undefined;\n  const hasFilteredItemsProp = filteredItemsProp !== undefined;\n  let autoHighlightMode;\n  if (autoHighlight === 'always') {\n    autoHighlightMode = 'always';\n  } else {\n    autoHighlightMode = autoHighlight ? 'input-change' : false;\n  }\n  const [selectedValue, setSelectedValueUnwrapped] = useControlled({\n    controlled: selectedValueProp,\n    default: multiple ? defaultSelectedValue ?? EMPTY_ARRAY : defaultSelectedValue,\n    name: 'Combobox',\n    state: 'selectedValue'\n  });\n  const filter = React.useMemo(() => {\n    if (filterProp === null) {\n      return () => true;\n    }\n    if (filterProp !== undefined) {\n      return filterProp;\n    }\n    if (single && !queryChangedAfterOpen) {\n      return createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel, selectedValue);\n    }\n    return createCollatorItemFilter(collatorFilter, itemToStringLabel);\n  }, [filterProp, single, selectedValue, queryChangedAfterOpen, collatorFilter, itemToStringLabel]);\n\n  // If neither inputValue nor defaultInputValue are provided, derive it from the\n  // selected value for single mode so the input reflects the selection on mount.\n  const initialDefaultInputValue = useRefWithInit(() => {\n    if (hasInputValue) {\n      return defaultInputValueProp ?? '';\n    }\n    if (single) {\n      return stringifyAsLabel(selectedValue, itemToStringLabel);\n    }\n    return '';\n  }).current;\n  const [inputValue, setInputValueUnwrapped] = useControlled({\n    controlled: inputValueProp,\n    default: initialDefaultInputValue,\n    name: 'Combobox',\n    state: 'inputValue'\n  });\n  const [open, setOpenUnwrapped] = useControlled({\n    controlled: props.open,\n    default: props.defaultOpen,\n    name: 'Combobox',\n    state: 'open'\n  });\n  const isGrouped = isGroupedItems(items);\n  const query = closeQuery ?? (inputValue === '' ? '' : String(inputValue).trim());\n  const selectedLabelString = single ? stringifyAsLabel(selectedValue, itemToStringLabel) : '';\n  const shouldBypassFiltering = single && !queryChangedAfterOpen && query !== '' && selectedLabelString !== '' && selectedLabelString.length === query.length && collatorFilter.contains(selectedLabelString, query);\n  const filterQuery = shouldBypassFiltering ? '' : query;\n  const shouldIgnoreExternalFiltering = hasItems && hasFilteredItemsProp && shouldBypassFiltering;\n  const flatItems = React.useMemo(() => {\n    if (!items) {\n      return EMPTY_ARRAY;\n    }\n    if (isGrouped) {\n      return items.flatMap(group => group.items);\n    }\n    return items;\n  }, [items, isGrouped]);\n  const filteredItems = React.useMemo(() => {\n    if (filteredItemsProp && !shouldIgnoreExternalFiltering) {\n      return filteredItemsProp;\n    }\n    if (!items) {\n      return EMPTY_ARRAY;\n    }\n    if (isGrouped) {\n      const groupedItems = items;\n      const resultingGroups = [];\n      let currentCount = 0;\n      for (const group of groupedItems) {\n        if (limit > -1 && currentCount >= limit) {\n          break;\n        }\n        const candidateItems = filterQuery === '' ? group.items : group.items.filter(item => filter(item, filterQuery, itemToStringLabel));\n        if (candidateItems.length === 0) {\n          continue;\n        }\n        const remainingLimit = limit > -1 ? limit - currentCount : Infinity;\n        const itemsToTake = candidateItems.slice(0, remainingLimit);\n        if (itemsToTake.length > 0) {\n          const newGroup = {\n            ...group,\n            items: itemsToTake\n          };\n          resultingGroups.push(newGroup);\n          currentCount += itemsToTake.length;\n        }\n      }\n      return resultingGroups;\n    }\n    if (filterQuery === '') {\n      return limit > -1 ? flatItems.slice(0, limit) :\n      // The cast here is done as `flatItems` is readonly.\n      // valuesRef.current, a mutable ref, can be set to `flatFilteredItems`, which may\n      // reference this exact readonly value, creating a mutation risk.\n      // However, <Combobox.Item> can never mutate this value as the mutating effect\n      // bails early when `items` is provided, and this is only ever returned\n      // when `items` is provided due to the early return at the top of this hook.\n      flatItems;\n    }\n    const limitedItems = [];\n    for (const item of flatItems) {\n      if (limit > -1 && limitedItems.length >= limit) {\n        break;\n      }\n      if (filter(item, filterQuery, itemToStringLabel)) {\n        limitedItems.push(item);\n      }\n    }\n    return limitedItems;\n  }, [filteredItemsProp, shouldIgnoreExternalFiltering, items, isGrouped, filterQuery, limit, filter, itemToStringLabel, flatItems]);\n  const flatFilteredItems = React.useMemo(() => {\n    if (isGrouped) {\n      const groups = filteredItems;\n      return groups.flatMap(g => g.items);\n    }\n    return filteredItems;\n  }, [filteredItems, isGrouped]);\n  const store = useRefWithInit(() => new Store({\n    id,\n    selectedValue,\n    open,\n    filter,\n    query,\n    items,\n    selectionMode,\n    listRef,\n    labelsRef,\n    popupRef,\n    emptyRef,\n    inputRef,\n    keyboardActiveRef,\n    chipsContainerRef,\n    clearRef,\n    valuesRef,\n    allValuesRef,\n    selectionEventRef,\n    name,\n    disabled,\n    readOnly,\n    required,\n    grid,\n    isGrouped,\n    virtualized,\n    openOnInputClick,\n    itemToStringLabel,\n    isItemEqualToValue,\n    modal,\n    autoHighlight: autoHighlightMode,\n    submitOnItemClick,\n    hasInputValue,\n    mounted: false,\n    forceMounted: false,\n    transitionStatus: 'idle',\n    inline: inlineProp,\n    activeIndex: null,\n    selectedIndex: null,\n    popupProps: {},\n    inputProps: {},\n    triggerProps: {},\n    positionerElement: null,\n    listElement: null,\n    triggerElement: null,\n    inputElement: null,\n    popupSide: null,\n    openMethod: null,\n    inputInsidePopup: true,\n    onOpenChangeComplete: onOpenChangeCompleteProp || NOOP,\n    // Placeholder callbacks replaced on first render\n    setOpen: NOOP,\n    setInputValue: NOOP,\n    setSelectedValue: NOOP,\n    setIndices: NOOP,\n    onItemHighlighted: NOOP,\n    handleSelection: NOOP,\n    getItemProps: () => EMPTY_OBJECT,\n    forceMount: NOOP,\n    requestSubmit: NOOP\n  })).current;\n  const fieldRawValue = selectionMode === 'none' ? inputValue : selectedValue;\n  const fieldStringValue = React.useMemo(() => {\n    if (selectionMode === 'none') {\n      return fieldRawValue;\n    }\n    if (Array.isArray(selectedValue)) {\n      return selectedValue.map(value => stringifyAsValue(value, itemToStringValue));\n    }\n    return stringifyAsValue(selectedValue, itemToStringValue);\n  }, [fieldRawValue, itemToStringValue, selectionMode, selectedValue]);\n  const onItemHighlighted = useStableCallback(onItemHighlightedProp);\n  const onOpenChangeComplete = useStableCallback(onOpenChangeCompleteProp);\n  const activeIndex = useStore(store, selectors.activeIndex);\n  const selectedIndex = useStore(store, selectors.selectedIndex);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const inputElement = useStore(store, selectors.inputElement);\n  const inline = useStore(store, selectors.inline);\n  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);\n  const triggerRef = useValueAsRef(triggerElement);\n  const {\n    mounted,\n    setMounted,\n    transitionStatus\n  } = useTransitionStatus(open);\n  const {\n    openMethod,\n    triggerProps,\n    reset: resetOpenInteractionType\n  } = useOpenInteractionType(open);\n  useField({\n    id,\n    name,\n    commit: validation.commit,\n    value: fieldRawValue,\n    controlRef: inputInsidePopup ? triggerRef : inputRef,\n    getValue: () => fieldStringValue\n  });\n  const forceMount = useStableCallback(() => {\n    if (items) {\n      // Ensure typeahead works on a closed list.\n      labelsRef.current = flatFilteredItems.map(item => stringifyAsLabel(item, itemToStringLabel));\n    } else {\n      store.set('forceMounted', true);\n    }\n  });\n  const initialSelectedValueRef = React.useRef(selectedValue);\n  useIsoLayoutEffect(() => {\n    // Ensure the values and labels are registered for programmatic value changes.\n    if (selectedValue !== initialSelectedValueRef.current) {\n      forceMount();\n    }\n  }, [forceMount, selectedValue]);\n  const setIndices = useStableCallback(options => {\n    store.update(options);\n    const type = options.type || 'none';\n    if (options.activeIndex === undefined) {\n      return;\n    }\n    if (options.activeIndex === null) {\n      if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {\n        lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;\n        onItemHighlighted(undefined, createGenericEventDetails(type, undefined, {\n          index: -1\n        }));\n      }\n    } else {\n      const activeValue = valuesRef.current[options.activeIndex];\n      lastHighlightRef.current = {\n        value: activeValue,\n        index: options.activeIndex\n      };\n      onItemHighlighted(activeValue, createGenericEventDetails(type, undefined, {\n        index: options.activeIndex\n      }));\n    }\n  });\n  const setInputValue = useStableCallback((next, eventDetails) => {\n    hadInputClearRef.current = eventDetails.reason === REASONS.inputClear;\n    props.onInputValueChange?.(next, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n\n    // If user is typing, ensure we don't auto-highlight on open due to a race\n    // with the post-open effect that sets this flag.\n    if (eventDetails.reason === REASONS.inputChange) {\n      const hasQuery = next.trim() !== '';\n      if (hasQuery) {\n        setQueryChangedAfterOpen(true);\n      }\n      // Defer index updates until after the filtered items have been derived to ensure\n      // `onItemHighlighted` receives the latest item.\n      pendingQueryHighlightRef.current = {\n        hasQuery\n      };\n      if (hasQuery && autoHighlightMode && store.state.activeIndex == null) {\n        store.set('activeIndex', 0);\n      }\n    }\n    setInputValueUnwrapped(next);\n  });\n  const setOpen = useStableCallback((nextOpen, eventDetails) => {\n    if (open === nextOpen) {\n      return;\n    }\n\n    // If the `Empty` component is not used, the positioner or popup should be hidden\n    // with CSS. In this case, allow the Escape key to bubble to close a parent popup\n    // if there are no items to show.\n    if (eventDetails.reason === 'escape-key' && hasItems && flatFilteredItems.length === 0 && !store.state.emptyRef.current) {\n      eventDetails.allowPropagation();\n    }\n    props.onOpenChange?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    if (!nextOpen && queryChangedAfterOpen) {\n      if (single) {\n        setCloseQuery(query);\n        // Avoid a flicker when closing the popup with an empty query.\n        if (query === '') {\n          setQueryChangedAfterOpen(false);\n        }\n      } else if (multiple) {\n        if (inline || inputInsidePopup) {\n          setIndices({\n            activeIndex: null\n          });\n        } else {\n          // Freeze the current query so filtering remains stable while exiting.\n          setCloseQuery(query);\n        }\n        // Clear the input immediately on close while retaining filtering via closeQuery for exit animations\n        // if the input is outside the popup.\n        setInputValue('', createChangeEventDetails(REASONS.inputClear, eventDetails.event));\n      }\n    }\n    setOpenUnwrapped(nextOpen);\n  });\n  const setSelectedValue = useStableCallback((nextValue, eventDetails) => {\n    // Cast to `any` due to conditional value type (single vs. multiple).\n    // The runtime implementation already ensures the correct value shape.\n    onSelectedValueChange?.(nextValue, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setSelectedValueUnwrapped(nextValue);\n    const shouldFillInput = selectionMode === 'none' && popupRef.current && fillInputOnItemPress || single && !store.state.inputInsidePopup;\n    if (shouldFillInput) {\n      setInputValue(stringifyAsLabel(nextValue, itemToStringLabel), createChangeEventDetails(eventDetails.reason, eventDetails.event));\n    }\n    if (single && nextValue != null && eventDetails.reason !== REASONS.inputChange && queryChangedAfterOpen) {\n      setCloseQuery(query);\n    }\n  });\n  const handleSelection = useStableCallback((event, passedValue) => {\n    let value = passedValue;\n    if (value === undefined) {\n      if (activeIndex === null) {\n        return;\n      }\n      value = valuesRef.current[activeIndex];\n    }\n    const targetEl = getTarget(event);\n    const overrideEvent = selectionEventRef.current ?? event;\n    selectionEventRef.current = null;\n    const eventDetails = createChangeEventDetails(REASONS.itemPress, overrideEvent);\n\n    // Let the link handle the click.\n    const href = targetEl?.closest('a')?.getAttribute('href');\n    if (href) {\n      if (href.startsWith('#')) {\n        setOpen(false, eventDetails);\n      }\n      return;\n    }\n    if (multiple) {\n      const currentSelectedValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const isCurrentlySelected = itemIncludes(currentSelectedValue, value, store.state.isItemEqualToValue);\n      const nextValue = isCurrentlySelected ? removeItem(currentSelectedValue, value, store.state.isItemEqualToValue) : [...currentSelectedValue, value];\n      setSelectedValue(nextValue, eventDetails);\n      const wasFiltering = inputRef.current ? inputRef.current.value.trim() !== '' : false;\n      if (!wasFiltering) {\n        return;\n      }\n      if (store.state.inputInsidePopup) {\n        setInputValue('', createChangeEventDetails(REASONS.inputClear, eventDetails.event));\n      } else {\n        setOpen(false, eventDetails);\n      }\n    } else {\n      setSelectedValue(value, eventDetails);\n      setOpen(false, eventDetails);\n    }\n  });\n  const requestSubmit = useStableCallback(() => {\n    if (!store.state.submitOnItemClick) {\n      return;\n    }\n    const form = store.state.inputElement?.form;\n    if (form && typeof form.requestSubmit === 'function') {\n      form.requestSubmit();\n    }\n  });\n  const handleUnmount = useStableCallback(() => {\n    setMounted(false);\n    onOpenChangeComplete?.(false);\n    setQueryChangedAfterOpen(false);\n    resetOpenInteractionType();\n    setCloseQuery(null);\n    if (selectionMode === 'none') {\n      setIndices({\n        activeIndex: null,\n        selectedIndex: null\n      });\n    } else {\n      setIndices({\n        activeIndex: null\n      });\n    }\n\n    // Multiple selection mode:\n    // If the user typed a filter and didn't select in multiple mode, clear the input\n    // after close completes to avoid mid-exit flicker and start fresh on next open.\n    if (multiple && inputRef.current && inputRef.current.value !== '' && !hadInputClearRef.current) {\n      setInputValue('', createChangeEventDetails(REASONS.inputClear));\n    }\n\n    // Single selection mode:\n    // - If input is rendered inside the popup, clear it so the next open is blank\n    // - If input is outside the popup, sync it to the selected value\n    if (single) {\n      if (store.state.inputInsidePopup) {\n        if (inputRef.current && inputRef.current.value !== '') {\n          setInputValue('', createChangeEventDetails(REASONS.inputClear));\n        }\n      } else {\n        const stringVal = stringifyAsLabel(selectedValue, itemToStringLabel);\n        if (inputRef.current && inputRef.current.value !== stringVal) {\n          // If no selection was made, treat this as clearing the typed filter.\n          const reason = stringVal === '' ? REASONS.inputClear : REASONS.none;\n          setInputValue(stringVal, createChangeEventDetails(reason));\n        }\n      }\n    }\n  });\n\n  // Support composing the Dialog component around an inline combobox.\n  // `[role=\"dialog\"]` is more interoperable than using a context, e.g. it can work\n  // with third-party modal libraries, though the limitation is that the closest\n  // `role=dialog` part must be the animated element.\n  const resolvedPopupRef = React.useMemo(() => {\n    if (inline && positionerElement) {\n      return {\n        current: positionerElement.closest('[role=\"dialog\"]')\n      };\n    }\n    return popupRef;\n  }, [inline, positionerElement]);\n  useOpenChangeComplete({\n    enabled: !props.actionsRef,\n    open,\n    ref: resolvedPopupRef,\n    onComplete() {\n      if (!open) {\n        handleUnmount();\n      }\n    }\n  });\n  React.useImperativeHandle(props.actionsRef, () => ({\n    unmount: handleUnmount\n  }), [handleUnmount]);\n  useIsoLayoutEffect(function syncSelectedIndex() {\n    if (open || selectionMode === 'none') {\n      return;\n    }\n    const registry = items ? flatItems : allValuesRef.current;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const lastValue = currentValue[currentValue.length - 1];\n      const lastIndex = findItemIndex(registry, lastValue, isItemEqualToValue);\n      setIndices({\n        selectedIndex: lastIndex === -1 ? null : lastIndex\n      });\n    } else {\n      const index = findItemIndex(registry, selectedValue, isItemEqualToValue);\n      setIndices({\n        selectedIndex: index === -1 ? null : index\n      });\n    }\n  }, [open, selectedValue, items, selectionMode, flatItems, multiple, isItemEqualToValue, setIndices]);\n  useIsoLayoutEffect(() => {\n    if (items) {\n      valuesRef.current = flatFilteredItems;\n      listRef.current.length = flatFilteredItems.length;\n    }\n  }, [items, flatFilteredItems]);\n  useIsoLayoutEffect(() => {\n    const pendingHighlight = pendingQueryHighlightRef.current;\n    if (pendingHighlight) {\n      if (pendingHighlight.hasQuery) {\n        if (autoHighlightMode) {\n          store.set('activeIndex', 0);\n        }\n      } else if (autoHighlightMode === 'always') {\n        store.set('activeIndex', 0);\n      }\n      pendingQueryHighlightRef.current = null;\n    }\n    if (!open && !inline) {\n      return;\n    }\n    const shouldUseFlatFilteredItems = hasItems || hasFilteredItemsProp;\n    const candidateItems = shouldUseFlatFilteredItems ? flatFilteredItems : valuesRef.current;\n    const storeActiveIndex = store.state.activeIndex;\n    if (storeActiveIndex == null) {\n      if (autoHighlightMode === 'always' && candidateItems.length > 0) {\n        store.set('activeIndex', 0);\n        return;\n      }\n      if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {\n        lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;\n        store.state.onItemHighlighted(undefined, createGenericEventDetails(REASONS.none, undefined, {\n          index: -1\n        }));\n      }\n      return;\n    }\n    if (storeActiveIndex >= candidateItems.length) {\n      if (lastHighlightRef.current !== INITIAL_LAST_HIGHLIGHT) {\n        lastHighlightRef.current = INITIAL_LAST_HIGHLIGHT;\n        store.state.onItemHighlighted(undefined, createGenericEventDetails(REASONS.none, undefined, {\n          index: -1\n        }));\n      }\n      store.set('activeIndex', null);\n      return;\n    }\n    const nextActiveValue = candidateItems[storeActiveIndex];\n    const lastHighlightedValue = lastHighlightRef.current.value;\n    const isSameItem = lastHighlightedValue !== NO_ACTIVE_VALUE && store.state.isItemEqualToValue(nextActiveValue, lastHighlightedValue);\n    if (lastHighlightRef.current.index !== storeActiveIndex || !isSameItem) {\n      lastHighlightRef.current = {\n        value: nextActiveValue,\n        index: storeActiveIndex\n      };\n      store.state.onItemHighlighted(nextActiveValue, createGenericEventDetails(REASONS.none, undefined, {\n        index: storeActiveIndex\n      }));\n    }\n  }, [activeIndex, autoHighlightMode, hasFilteredItemsProp, hasItems, flatFilteredItems, inline, open, store]);\n\n  // When the available items change, ensure the selected value(s) remain valid.\n  // - Single: if current selection is removed, fall back to defaultSelectedValue if it exists in the list; else null.\n  // - Multiple: drop any removed selections.\n  useIsoLayoutEffect(() => {\n    if (!items || selectionMode === 'none') {\n      return;\n    }\n    const registry = flatItems;\n    if (multiple) {\n      const current = Array.isArray(selectedValue) ? selectedValue : EMPTY_ARRAY;\n      const next = current.filter(v => itemIncludes(registry, v, store.state.isItemEqualToValue));\n      if (next.length !== current.length) {\n        setSelectedValueUnwrapped(next);\n      }\n      return;\n    }\n    const isStillPresent = selectedValue == null ? true : itemIncludes(registry, selectedValue, store.state.isItemEqualToValue);\n    if (isStillPresent) {\n      return;\n    }\n    let fallback = null;\n    if (defaultSelectedValue != null && itemIncludes(registry, defaultSelectedValue, store.state.isItemEqualToValue)) {\n      fallback = defaultSelectedValue;\n    }\n    setSelectedValueUnwrapped(fallback);\n\n    // Keep the input text in sync when the input is rendered outside the popup.\n    if (!store.state.inputInsidePopup) {\n      const stringVal = stringifyAsLabel(fallback, itemToStringLabel);\n      if (inputRef.current && inputRef.current.value !== stringVal) {\n        setInputValue(stringVal, createChangeEventDetails(REASONS.none));\n      }\n    }\n  }, [items, flatItems, multiple, selectionMode, selectedValue, defaultSelectedValue, setSelectedValueUnwrapped, itemToStringLabel, store, setInputValue]);\n  useIsoLayoutEffect(() => {\n    if (selectionMode === 'none') {\n      setFilled(String(inputValue) !== '');\n      return;\n    }\n    setFilled(multiple ? Array.isArray(selectedValue) && selectedValue.length > 0 : selectedValue != null);\n  }, [setFilled, selectionMode, inputValue, selectedValue, multiple]);\n\n  // Ensures that the active index is not set to 0 when the list is empty.\n  // This avoids needing to press ArrowDown twice under certain conditions.\n  React.useEffect(() => {\n    if (hasItems && autoHighlightMode && flatFilteredItems.length === 0) {\n      setIndices({\n        activeIndex: null\n      });\n    }\n  }, [hasItems, autoHighlightMode, flatFilteredItems.length, setIndices]);\n  useValueChanged(query, () => {\n    if (!open || query === '' || query === String(initialDefaultInputValue)) {\n      return;\n    }\n    setQueryChangedAfterOpen(true);\n  });\n  useValueChanged(selectedValue, () => {\n    if (selectionMode === 'none') {\n      return;\n    }\n    clearErrors(name);\n    setDirty(selectedValue !== validityData.initialValue);\n    if (shouldValidateOnChange()) {\n      validation.commit(selectedValue);\n    } else {\n      validation.commit(selectedValue, true);\n    }\n    if (multiple && store.state.selectedIndex !== null && (!Array.isArray(selectedValue) || selectedValue.length === 0)) {\n      setIndices({\n        activeIndex: null,\n        selectedIndex: null\n      });\n    }\n    if (single && !hasInputValue && !inputInsidePopup) {\n      const nextInputValue = stringifyAsLabel(selectedValue, itemToStringLabel);\n      if (inputValue !== nextInputValue) {\n        setInputValue(nextInputValue, createChangeEventDetails(REASONS.none));\n      }\n    }\n  });\n  useValueChanged(inputValue, () => {\n    if (selectionMode !== 'none') {\n      return;\n    }\n    clearErrors(name);\n    setDirty(inputValue !== validityData.initialValue);\n    if (shouldValidateOnChange()) {\n      validation.commit(inputValue);\n    } else {\n      validation.commit(inputValue, true);\n    }\n  });\n  useValueChanged(items, () => {\n    if (!single || hasInputValue || inputInsidePopup || queryChangedAfterOpen) {\n      return;\n    }\n    const nextInputValue = stringifyAsLabel(selectedValue, itemToStringLabel);\n    if (inputValue !== nextInputValue) {\n      setInputValue(nextInputValue, createChangeEventDetails(REASONS.none));\n    }\n  });\n  const floatingRootContext = useFloatingRootContext({\n    open: inline ? true : open,\n    onOpenChange: setOpen,\n    elements: {\n      reference: inputInsidePopup ? triggerElement : inputElement,\n      floating: positionerElement\n    }\n  });\n  let ariaHasPopup;\n  let ariaExpanded;\n  if (!inline) {\n    ariaHasPopup = grid ? 'grid' : 'listbox';\n    ariaExpanded = open ? 'true' : 'false';\n  }\n  const role = React.useMemo(() => {\n    const isPlainInput = inputElement?.tagName === 'INPUT';\n    const shouldApplyAria = isPlainInput || open;\n    const reference = isPlainInput ? {\n      autoComplete: 'off',\n      spellCheck: 'false',\n      autoCorrect: 'off',\n      autoCapitalize: 'none'\n    } : {};\n    if (shouldApplyAria) {\n      reference.role = 'combobox';\n      reference['aria-expanded'] = ariaExpanded;\n      reference['aria-haspopup'] = ariaHasPopup;\n      reference['aria-controls'] = open ? listElement?.id : undefined;\n      reference['aria-autocomplete'] = autoComplete;\n    }\n    return {\n      reference,\n      floating: {\n        role: 'presentation'\n      }\n    };\n  }, [inputElement, open, ariaExpanded, ariaHasPopup, listElement?.id, autoComplete]);\n  const click = useClick(floatingRootContext, {\n    enabled: !readOnly && !disabled && openOnInputClick,\n    event: 'mousedown-only',\n    toggle: false,\n    // Apply a small delay for touch to let iOS viewport centering settle.\n    // This avoids top-bottom flip flickers if the preferred position is \"top\" when first tapping.\n    touchOpenDelay: inputInsidePopup ? 0 : 50\n  });\n  const dismiss = useDismiss(floatingRootContext, {\n    enabled: !readOnly && !disabled && !inline,\n    outsidePressEvent: {\n      mouse: 'sloppy',\n      // The visual viewport (affected by the mobile software keyboard) can be\n      // somewhat small. The user may want to scroll the screen to see more of\n      // the popup.\n      touch: 'intentional'\n    },\n    // Without a popup, let the Escape key bubble the event up to other popups' handlers.\n    bubbles: inline ? true : undefined,\n    outsidePress(event) {\n      const target = getTarget(event);\n      return !contains(triggerElement, target) && !contains(clearRef.current, target) && !contains(chipsContainerRef.current, target);\n    }\n  });\n  const listNavigation = useListNavigation(floatingRootContext, {\n    enabled: !readOnly && !disabled,\n    id,\n    listRef,\n    activeIndex,\n    selectedIndex,\n    virtual: true,\n    loopFocus: true,\n    allowEscape: !autoHighlightMode,\n    focusItemOnOpen: queryChangedAfterOpen || selectionMode === 'none' && !autoHighlightMode ? false : 'auto',\n    focusItemOnHover: highlightItemOnHover,\n    resetOnPointerLeave: !keepHighlight,\n    // `cols` > 1 enables grid navigation.\n    // Since <Combobox.Row> infers column sizes (and is required when building a grid),\n    // it works correctly even with a value of `2`.\n    // Floating UI tests don't require `role=\"row\"` wrappers, so retains the number API.\n    cols: grid ? 2 : 1,\n    orientation: grid ? 'horizontal' : undefined,\n    disabledIndices: EMPTY_ARRAY,\n    onNavigate(nextActiveIndex, event) {\n      // Retain the highlight only while actually transitioning out or closed.\n      if (!event && !open || transitionStatus === 'ending') {\n        return;\n      }\n      if (!event) {\n        setIndices({\n          activeIndex: nextActiveIndex\n        });\n      } else {\n        setIndices({\n          activeIndex: nextActiveIndex,\n          type: keyboardActiveRef.current ? 'keyboard' : 'pointer'\n        });\n      }\n    }\n  });\n  const {\n    getReferenceProps,\n    getFloatingProps,\n    getItemProps\n  } = useInteractions([role, click, dismiss, listNavigation]);\n  useOnFirstRender(() => {\n    store.update({\n      inline: inlineProp,\n      popupProps: getFloatingProps(),\n      inputProps: getReferenceProps(),\n      triggerProps,\n      getItemProps,\n      setOpen,\n      setInputValue,\n      setSelectedValue,\n      setIndices,\n      onItemHighlighted,\n      handleSelection,\n      forceMount,\n      requestSubmit\n    });\n  });\n  useIsoLayoutEffect(() => {\n    store.update({\n      id,\n      selectedValue,\n      open,\n      mounted,\n      transitionStatus,\n      items,\n      inline: inlineProp,\n      popupProps: getFloatingProps(),\n      inputProps: getReferenceProps(),\n      triggerProps,\n      openMethod,\n      getItemProps,\n      selectionMode,\n      name,\n      disabled,\n      readOnly,\n      required,\n      grid,\n      isGrouped,\n      virtualized,\n      onOpenChangeComplete,\n      openOnInputClick,\n      itemToStringLabel,\n      modal,\n      autoHighlight: autoHighlightMode,\n      isItemEqualToValue,\n      submitOnItemClick,\n      hasInputValue,\n      requestSubmit\n    });\n  }, [store, id, selectedValue, open, mounted, transitionStatus, items, getFloatingProps, getReferenceProps, getItemProps, openMethod, triggerProps, selectionMode, name, disabled, readOnly, required, validation, grid, isGrouped, virtualized, onOpenChangeComplete, openOnInputClick, itemToStringLabel, modal, isItemEqualToValue, submitOnItemClick, hasInputValue, inlineProp, requestSubmit, autoHighlightMode]);\n  const hiddenInputRef = useMergedRefs(inputRefProp, validation.inputRef);\n  const itemsContextValue = React.useMemo(() => ({\n    query,\n    filteredItems,\n    flatFilteredItems\n  }), [query, filteredItems, flatFilteredItems]);\n  const serializedValue = React.useMemo(() => {\n    if (Array.isArray(fieldRawValue)) {\n      return '';\n    }\n    return stringifyAsValue(fieldRawValue, itemToStringValue);\n  }, [fieldRawValue, itemToStringValue]);\n  const hasMultipleSelection = multiple && Array.isArray(selectedValue) && selectedValue.length > 0;\n  const hiddenInputs = React.useMemo(() => {\n    if (!multiple || !Array.isArray(selectedValue) || !name) {\n      return null;\n    }\n    return selectedValue.map(value => {\n      const currentSerializedValue = stringifyAsValue(value, itemToStringValue);\n      return /*#__PURE__*/_jsx(\"input\", {\n        type: \"hidden\",\n        name: name,\n        value: currentSerializedValue\n      }, currentSerializedValue);\n    });\n  }, [multiple, selectedValue, name, itemToStringValue]);\n  const children = /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [props.children, /*#__PURE__*/_jsx(\"input\", {\n      ...validation.getInputValidationProps({\n        // Move focus when the hidden input is focused.\n        onFocus() {\n          if (inputInsidePopup) {\n            triggerElement?.focus();\n            return;\n          }\n          (inputRef.current || triggerElement)?.focus();\n        },\n        // Handle browser autofill.\n        onChange(event) {\n          // Workaround for https://github.com/facebook/react/issues/9023\n          if (event.nativeEvent.defaultPrevented) {\n            return;\n          }\n          const nextValue = event.target.value;\n          const details = createChangeEventDetails(REASONS.inputChange, event.nativeEvent);\n          function handleChange() {\n            // Browser autofill only writes a single scalar value.\n            if (multiple) {\n              return;\n            }\n            if (selectionMode === 'none') {\n              setDirty(nextValue !== validityData.initialValue);\n              setInputValue(nextValue, details);\n              if (shouldValidateOnChange()) {\n                validation.commit(nextValue);\n              }\n              return;\n            }\n            const matchingValue = valuesRef.current.find(v => {\n              const candidate = stringifyAsValue(v, itemToStringValue);\n              if (candidate.toLowerCase() === nextValue.toLowerCase()) {\n                return true;\n              }\n              return false;\n            });\n            if (matchingValue != null) {\n              setDirty(matchingValue !== validityData.initialValue);\n              setSelectedValue?.(matchingValue, details);\n              if (shouldValidateOnChange()) {\n                validation.commit(matchingValue);\n              }\n            }\n          }\n          if (items) {\n            handleChange();\n          } else {\n            forceMount();\n            queueMicrotask(handleChange);\n          }\n        }\n      }),\n      id: id,\n      name: multiple || selectionMode === 'none' ? undefined : name,\n      disabled: disabled,\n      required: required && !hasMultipleSelection,\n      readOnly: readOnly,\n      value: serializedValue,\n      ref: hiddenInputRef,\n      style: visuallyHidden,\n      tabIndex: -1,\n      \"aria-hidden\": true\n    }), hiddenInputs]\n  });\n  return /*#__PURE__*/_jsx(ComboboxRootContext.Provider, {\n    value: store,\n    children: /*#__PURE__*/_jsx(ComboboxFloatingContext.Provider, {\n      value: floatingRootContext,\n      children: /*#__PURE__*/_jsx(ComboboxDerivedItemsContext.Provider, {\n        value: itemsContextValue,\n        children: /*#__PURE__*/_jsx(ComboboxInputValueContext.Provider, {\n          value: inputValue,\n          children: children\n        })\n      })\n    })\n  });\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO;AACL;AAAM;AACA;AACkB;AACC;AACR;AACf;AACmB;AACP;AACI;AACG;AACb;AACmB;AACd;AACA;AACD;AACH;AACP;AACe;AACP;AACW;AACH;AACA;AACO;AACvB;AACA;AACqB;AACP;AACO;AACE;AACf;AACA;AACO;AACf;AACoB;AAEtB;AAAM;AACJ;AAEF;AAAM;AACJ;AACA;AACA;AACA;AACM;AACI;AACV;AAEF;AAA0B;AACpB;AAEN;AAAqC;AACnC;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAoB;AAEpB;AAAqD;AAEvD;AAAiE;AACnD;AAC8C;AACpD;AACC;AAET;AACE;AACE;AAAa;AAEf;AACE;AAAO;AAET;AACE;AAA2F;AAE7F;AAAiE;AAKnE;AACE;AACE;AAAgC;AAElC;AACE;AAAwD;AAE1D;AAAO;AAET;AAA2D;AAC7C;AACH;AACH;AACC;AAET;AAA+C;AAC3B;AACH;AACT;AACC;AAET;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAO;AAET;AACE;AAAyC;AAE3C;AAAO;AAET;AACE;AACE;AAAO;AAET;AACE;AAAO;AAET;AACE;AACA;AACA;AACA;AACE;AACE;AAAA;AAEF;AACA;AACE;AAAA;AAEF;AACA;AACA;AACE;AAAiB;AACZ;AACI;AAET;AACA;AAA4B;AAC9B;AAEF;AAAO;AAET;AACE;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO5C;AAAA;AAEF;AACA;AACE;AACE;AAAA;AAEF;AACE;AAAsB;AACxB;AAEF;AAAO;AAET;AACE;AACE;AACA;AAAkC;AAEpC;AAAO;AAET;AAA6C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe;AACf;AACA;AACS;AACK;AACI;AACV;AACK;AACE;AACH;AACA;AACE;AACK;AACN;AACG;AACF;AACH;AACC;AACM;AACgC;AAAA;AAEzC;AACM;AACG;AACN;AACO;AACF;AACG;AACR;AACG;AAEjB;AACA;AACE;AACE;AAAO;AAET;AACE;AAA4E;AAE9E;AAAwD;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAM;AACJ;AACA;AACA;AAEF;AAAM;AACJ;AACA;AACO;AAET;AAAS;AACP;AACA;AACmB;AACZ;AACqC;AAC5B;AAElB;AACE;AAEE;AAA2F;AAE3F;AAA8B;AAChC;AAEF;AACA;AAEE;AACE;AAAU;AACZ;AAEF;AACE;AACA;AACA;AACE;AAAA;AAEF;AACE;AACE;AACA;AAAwE;AAC/D;AACP;AACJ;AAEA;AACA;AAA2B;AAClB;AACQ;AAEjB;AAA0E;AACzD;AACf;AACJ;AAEF;AACE;AACA;AACA;AACE;AAAA;AAKF;AACE;AACA;AACE;AAA6B;AAI/B;AAAmC;AACjC;AAEF;AACE;AAA0B;AAC5B;AAEF;AAA2B;AAE7B;AACE;AACE;AAAA;AAMF;AACE;AAA6B;AAE/B;AACA;AACE;AAAA;AAEF;AACE;AACE;AAEA;AACE;AAA8B;AAChC;AAEA;AACE;AAAW;AACI;AACd;AAGD;AAAmB;AAIrB;AAAkF;AACpF;AAEF;AAAyB;AAE3B;AAGE;AACA;AACE;AAAA;AAEF;AACA;AACA;AACE;AAA+H;AAEjI;AACE;AAAmB;AACrB;AAEF;AACE;AACA;AACE;AACE;AAAA;AAEF;AAAqC;AAEvC;AACA;AACA;AACA;AAGA;AACA;AACE;AACE;AAA2B;AAE7B;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACE;AAAA;AAEF;AACE;AAAkF;AAElF;AAA2B;AAC7B;AAEA;AACA;AAA2B;AAC7B;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACE;AAAkB;AACpB;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACE;AAAW;AACI;AACE;AAChB;AAED;AAAW;AACI;AACd;AAMH;AACE;AAA8D;AAMhE;AACE;AACE;AACE;AAA8D;AAChE;AAEA;AACA;AAEE;AACA;AAAyD;AAC3D;AACF;AACF;AAOF;AACE;AACE;AAAO;AAC+C;AAC5D;AAEI;AAAO;AAET;AAAsB;AACJ;AAChB;AACK;AAEH;AACE;AAAa;AACf;AACF;AAEF;AAAmD;AACxC;AAEX;AACE;AACE;AAAA;AAEF;AACA;AACE;AACA;AACA;AACA;AAAW;AACgC;AAC1C;AAED;AACA;AAAW;AAC4B;AACtC;AACH;AAEF;AACE;AACE;AACA;AAA2C;AAC7C;AAEF;AACE;AACA;AACE;AACE;AACE;AAA0B;AAC5B;AAEA;AAA0B;AAE5B;AAAmC;AAErC;AACE;AAAA;AAEF;AACA;AACA;AACA;AACE;AACE;AACA;AAAA;AAEF;AACE;AACA;AAA4F;AACnF;AACP;AAEJ;AAAA;AAEF;AACE;AACE;AACA;AAA4F;AACnF;AACP;AAEJ;AACA;AAAA;AAEF;AACA;AACA;AACA;AACE;AAA2B;AAClB;AACA;AAET;AAAkG;AACzF;AACP;AACJ;AAMF;AACE;AACE;AAAA;AAEF;AACA;AACE;AACA;AACA;AACE;AAA8B;AAEhC;AAAA;AAEF;AACA;AACE;AAAA;AAEF;AACA;AACE;AAAW;AAEb;AAGA;AACE;AACA;AACE;AAA+D;AACjE;AACF;AAEF;AACE;AACE;AACA;AAAA;AAEF;AAAqG;AAKvG;AACE;AACE;AAAW;AACI;AACd;AACH;AAEF;AACE;AACE;AAAA;AAEF;AAA6B;AAE/B;AACE;AACE;AAAA;AAEF;AACA;AACA;AACE;AAA+B;AAE/B;AAAqC;AAEvC;AACE;AAAW;AACI;AACE;AAChB;AAEH;AACE;AACA;AACE;AAAoE;AACtE;AACF;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACA;AACE;AAA4B;AAE5B;AAAkC;AACpC;AAEF;AACE;AACE;AAAA;AAEF;AACA;AACE;AAAoE;AACtE;AAEF;AAAmD;AAC3B;AACR;AACJ;AACuC;AACrC;AAChB;AAEE;AACA;AACA;AACE;AACA;AAA+B;AAEjC;AACE;AACA;AACA;AAAiC;AACjB;AACF;AACC;AACG;AAElB;AACE;AACA;AACA;AACA;AACA;AAAiC;AAEnC;AAAO;AACL;AACU;AACF;AACd;AACA;AAEE;AAA4C;AACP;AAC5B;AACC;AAAA;AAAA;AAG+B;AAEzC;AAAgD;AACV;AACjB;AACV;AAAA;AAAA;AAAA;AAIA;AACb;AAAA;AAE6B;AAEvB;AACA;AAA8H;AAChI;AAEF;AAA8D;AACrC;AACvB;AACA;AACA;AACA;AACS;AACE;AACG;AACqF;AACjF;AACI;AAAA;AAAA;AAAA;AAAA;AAKL;AACkB;AAClB;AAGf;AACE;AAAA;AAEF;AACE;AAAW;AACI;AACd;AAED;AAAW;AACI;AACkC;AAChD;AACH;AACF;AAEF;AAAM;AACJ;AACA;AACA;AAEF;AACE;AAAa;AACH;AACoB;AACC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AAEH;AACE;AAAa;AACX;AACA;AACA;AACA;AACA;AACA;AACQ;AACoB;AACC;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe;AACf;AACA;AACA;AACA;AACD;AAEH;AACA;AAA+C;AAC7C;AACA;AACA;AAEF;AACE;AACE;AAAO;AAET;AAAwD;AAE1D;AACA;AACE;AACE;AAAO;AAET;AACE;AACA;AAAkC;AAC1B;AACN;AACO;AACgB;AAC1B;AAEH;AAAoD;AACI;AACd;AAAA;AAGlC;AACE;AACA;AAAA;AAEF;AAA2C;AAC7C;AAAA;AAIE;AACE;AAAA;AAEF;AACA;AACA;AAEE;AACE;AAAA;AAEF;AACE;AACA;AACA;AACE;AAA2B;AAE7B;AAAA;AAEF;AACE;AACA;AACE;AAAO;AAET;AAAO;AAET;AACE;AACA;AACA;AACE;AAA+B;AACjC;AACF;AAEF;AACE;AAAY;AAEZ;AACA;AAA2B;AAC7B;AACF;AACD;AACD;AACyD;AACzD;AACuB;AACvB;AACO;AACF;AACE;AACG;AACK;AACD;AAElB;AAAuD;AAC9C;AACuD;AACrD;AAC2D;AACzD;AACyD;AACvD;AACP;AACD;AACF;AACF;AAEL;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js

@@ -0,0 +1,24 @@
+"use client";
+import "react";
+import { AriaCombobox } from "./AriaCombobox.js";
+import { jsx } from "react/jsx-runtime";
+function ComboboxRoot(props) {
+  const {
+    multiple = false,
+    defaultValue,
+    value,
+    onValueChange,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsx(AriaCombobox, {
+    ...other,
+    selectionMode: multiple ? "multiple" : "single",
+    selectedValue: value,
+    defaultSelectedValue: defaultValue,
+    onSelectedValueChange: onValueChange
+  });
+}
+export {
+  ComboboxRoot
+};
+//# sourceMappingURL=ComboboxRoot.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AriaCombobox } from \"./AriaCombobox.js\";\n\n/**\n * Groups all parts of the combobox.\n * Doesn't render its own HTML element.\n *\n * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function ComboboxRoot(props) {\n  const {\n    multiple = false,\n    defaultValue,\n    value,\n    onValueChange,\n    ...other\n  } = props;\n  return /*#__PURE__*/_jsx(AriaCombobox, {\n    ...other,\n    selectionMode: multiple ? 'multiple' : 'single',\n    selectedValue: value,\n    defaultSelectedValue: defaultValue,\n    onSelectedValueChange: onValueChange\n  });\n}"],"names":[],"mappings":";;;;AAYO;AACL;AAAM;AACO;AACX;AACA;AACA;AACG;AAEL;AAAuC;AAClC;AACoC;AACxB;AACO;AACC;AAE3B;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/root/ComboboxRootContext.js

@@ -0,0 +1,45 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ComboboxRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxRootContext.displayName = "ComboboxRootContext";
+const ComboboxFloatingContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxFloatingContext.displayName = "ComboboxFloatingContext";
+const ComboboxDerivedItemsContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxDerivedItemsContext.displayName = "ComboboxDerivedItemsContext";
+const ComboboxInputValueContext = /* @__PURE__ */ React.createContext("");
+if (process.env.NODE_ENV !== "production") ComboboxInputValueContext.displayName = "ComboboxInputValueContext";
+function useComboboxRootContext() {
+  const context = React.useContext(ComboboxRootContext);
+  if (!context) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(22));
+  }
+  return context;
+}
+function useComboboxFloatingContext() {
+  const context = React.useContext(ComboboxFloatingContext);
+  if (!context) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(23));
+  }
+  return context;
+}
+function useComboboxDerivedItemsContext() {
+  const context = React.useContext(ComboboxDerivedItemsContext);
+  if (!context) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>." : formatErrorMessage(24));
+  }
+  return context;
+}
+function useComboboxInputValueContext() {
+  return React.useContext(ComboboxInputValueContext);
+}
+export {
+  ComboboxDerivedItemsContext,
+  ComboboxFloatingContext,
+  ComboboxInputValueContext,
+  ComboboxRootContext,
+  useComboboxDerivedItemsContext,
+  useComboboxFloatingContext,
+  useComboboxInputValueContext,
+  useComboboxRootContext
+};
+//# sourceMappingURL=ComboboxRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/root/ComboboxRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRootContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/root/ComboboxRootContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ComboboxRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ComboboxRootContext.displayName = \"ComboboxRootContext\";\nexport const ComboboxFloatingContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ComboboxFloatingContext.displayName = \"ComboboxFloatingContext\";\nexport const ComboboxDerivedItemsContext = /*#__PURE__*/React.createContext(undefined);\n// `inputValue` can't be placed in the store.\n// https://github.com/mui/base-ui/issues/2703\nif (process.env.NODE_ENV !== \"production\") ComboboxDerivedItemsContext.displayName = \"ComboboxDerivedItemsContext\";\nexport const ComboboxInputValueContext = /*#__PURE__*/React.createContext('');\nif (process.env.NODE_ENV !== \"production\") ComboboxInputValueContext.displayName = \"ComboboxInputValueContext\";\nexport function useComboboxRootContext() {\n  const context = React.useContext(ComboboxRootContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>.' : _formatErrorMessage(22));\n  }\n  return context;\n}\nexport function useComboboxFloatingContext() {\n  const context = React.useContext(ComboboxFloatingContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>.' : _formatErrorMessage(23));\n  }\n  return context;\n}\nexport function useComboboxDerivedItemsContext() {\n  const context = React.useContext(ComboboxDerivedItemsContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>.' : _formatErrorMessage(24));\n  }\n  return context;\n}\nexport function useComboboxInputValueContext() {\n  return React.useContext(ComboboxInputValueContext);\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,sBAAmC,sBAAM,cAAc,MAAS;AAC7E,IAAI,QAAQ,IAAI,aAAa,aAAc,qBAAoB,cAAc;AACjE,MAAC,0BAAuC,sBAAM,cAAc,MAAS;AACjF,IAAI,QAAQ,IAAI,aAAa,aAAc,yBAAwB,cAAc;AACrE,MAAC,8BAA2C,sBAAM,cAAc,MAAS;AAGrF,IAAI,QAAQ,IAAI,aAAa,aAAc,6BAA4B,cAAc;AACzE,MAAC,4BAAyC,sBAAM,cAAc,EAAE;AAC5E,IAAI,QAAQ,IAAI,aAAa,aAAc,2BAA0B,cAAc;AAC5E,SAAS,yBAAyB;AACvC,QAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,mGAAmGA,mBAAoB,EAAE,CAAC;AAAA,EACpL;AACA,SAAO;AACT;AACO,SAAS,6BAA6B;AAC3C,QAAM,UAAU,MAAM,WAAW,uBAAuB;AACxD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,uGAAuGA,mBAAoB,EAAE,CAAC;AAAA,EACxL;AACA,SAAO;AACT;AACO,SAAS,iCAAiC;AAC/C,QAAM,UAAU,MAAM,WAAW,2BAA2B;AAC5D,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,oGAAoGA,mBAAoB,EAAE,CAAC;AAAA,EACrL;AACA,SAAO;AACT;AACO,SAAS,+BAA+B;AAC7C,SAAO,MAAM,WAAW,yBAAyB;AACnD;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/constants.js

@@ -0,0 +1,10 @@
+const NO_ACTIVE_VALUE = /* @__PURE__ */ Symbol("none");
+const INITIAL_LAST_HIGHLIGHT = {
+  value: NO_ACTIVE_VALUE,
+  index: -1
+};
+export {
+  INITIAL_LAST_HIGHLIGHT,
+  NO_ACTIVE_VALUE
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../../node_modules/@base-ui/react/esm/combobox/root/utils/constants.js"],"sourcesContent":["export const NO_ACTIVE_VALUE = Symbol('none');\nexport const INITIAL_LAST_HIGHLIGHT = {\n  value: NO_ACTIVE_VALUE,\n  index: -1\n};"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,uBAAO,MAAM;AAChC,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,OAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/index.js

@@ -0,0 +1,31 @@
+import { stringifyAsLabel } from "../../../utils/resolveValueLabel.js";
+function createCollatorItemFilter(collatorFilter, itemToStringLabel) {
+  return (item, query) => {
+    if (item == null) {
+      return false;
+    }
+    const itemString = stringifyAsLabel(item, itemToStringLabel);
+    return collatorFilter.contains(itemString, query);
+  };
+}
+function createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel, selectedValue) {
+  return (item, query) => {
+    if (item == null) {
+      return false;
+    }
+    if (!query) {
+      return true;
+    }
+    const itemString = stringifyAsLabel(item, itemToStringLabel);
+    const selectedString = selectedValue != null ? stringifyAsLabel(selectedValue, itemToStringLabel) : "";
+    if (selectedString && collatorFilter.contains(selectedString, query) && selectedString.length === query.length) {
+      return true;
+    }
+    return collatorFilter.contains(itemString, query);
+  };
+}
+export {
+  createCollatorItemFilter,
+  createSingleSelectionCollatorFilter
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../../node_modules/@base-ui/react/esm/combobox/root/utils/index.js"],"sourcesContent":["import { stringifyAsLabel } from \"../../../utils/resolveValueLabel.js\";\n/**\n * Enhanced filter using Intl.Collator for more robust string matching.\n * Uses the provided `itemToStringLabel` function if available, otherwise falls back to:\n * • When `item` is an object with a `value` property, that property is used.\n * • When `item` is a primitive (e.g. `string`), it is used directly.\n */\nexport function createCollatorItemFilter(collatorFilter, itemToStringLabel) {\n  return (item, query) => {\n    if (item == null) {\n      return false;\n    }\n    const itemString = stringifyAsLabel(item, itemToStringLabel);\n    return collatorFilter.contains(itemString, query);\n  };\n}\n\n/**\n * Enhanced filter for single selection mode using Intl.Collator that shows all items\n * when query is empty or matches the current selection, making it easier to browse options.\n */\nexport function createSingleSelectionCollatorFilter(collatorFilter, itemToStringLabel, selectedValue) {\n  return (item, query) => {\n    if (item == null) {\n      return false;\n    }\n    if (!query) {\n      return true;\n    }\n    const itemString = stringifyAsLabel(item, itemToStringLabel);\n    const selectedString = selectedValue != null ? stringifyAsLabel(selectedValue, itemToStringLabel) : '';\n\n    // Handle case-insensitive matching consistently\n    if (selectedString && collatorFilter.contains(selectedString, query) && selectedString.length === query.length) {\n      return true;\n    }\n    return collatorFilter.contains(itemString, query);\n  };\n}"],"names":[],"mappings":";AAOO,SAAS,yBAAyB,gBAAgB,mBAAmB;AAC1E,SAAO,CAAC,MAAM,UAAU;AACtB,QAAI,QAAQ,MAAM;AAChB,aAAO;AAAA,IACT;AACA,UAAM,aAAa,iBAAiB,MAAM,iBAAiB;AAC3D,WAAO,eAAe,SAAS,YAAY,KAAK;AAAA,EAClD;AACF;AAMO,SAAS,oCAAoC,gBAAgB,mBAAmB,eAAe;AACpG,SAAO,CAAC,MAAM,UAAU;AACtB,QAAI,QAAQ,MAAM;AAChB,aAAO;AAAA,IACT;AACA,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AACA,UAAM,aAAa,iBAAiB,MAAM,iBAAiB;AAC3D,UAAM,iBAAiB,iBAAiB,OAAO,iBAAiB,eAAe,iBAAiB,IAAI;AAGpG,QAAI,kBAAkB,eAAe,SAAS,gBAAgB,KAAK,KAAK,eAAe,WAAW,MAAM,QAAQ;AAC9G,aAAO;AAAA,IACT;AACA,WAAO,eAAe,SAAS,YAAY,KAAK;AAAA,EAClD;AACF;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/useFilter.js

@@ -0,0 +1,63 @@
+"use client";
+import "react";
+import { stringifyAsLabel } from "../../../utils/resolveValueLabel.js";
+const filterCache = /* @__PURE__ */ new Map();
+function stringifyLocale(locale) {
+  if (Array.isArray(locale)) {
+    return locale.map((value) => stringifyLocale(value)).join(",");
+  }
+  if (locale == null) {
+    return "";
+  }
+  return String(locale);
+}
+function getFilter(options = {}) {
+  const mergedOptions = {
+    usage: "search",
+    sensitivity: "base",
+    ignorePunctuation: true,
+    ...options
+  };
+  const cacheKey = `${stringifyLocale(options.locale)}|${JSON.stringify(mergedOptions)}`;
+  const cachedFilter = filterCache.get(cacheKey);
+  if (cachedFilter) {
+    return cachedFilter;
+  }
+  const collator = new Intl.Collator(options.locale, mergedOptions);
+  const filter = {
+    contains(item, query, itemToString) {
+      if (!query) {
+        return true;
+      }
+      const itemString = stringifyAsLabel(item, itemToString);
+      for (let i = 0; i <= itemString.length - query.length; i += 1) {
+        if (collator.compare(itemString.slice(i, i + query.length), query) === 0) {
+          return true;
+        }
+      }
+      return false;
+    },
+    startsWith(item, query, itemToString) {
+      if (!query) {
+        return true;
+      }
+      const itemString = stringifyAsLabel(item, itemToString);
+      return collator.compare(itemString.slice(0, query.length), query) === 0;
+    },
+    endsWith(item, query, itemToString) {
+      if (!query) {
+        return true;
+      }
+      const itemString = stringifyAsLabel(item, itemToString);
+      const queryLength = query.length;
+      return itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0;
+    }
+  };
+  filterCache.set(cacheKey, filter);
+  return filter;
+}
+const useCoreFilter = getFilter;
+export {
+  useCoreFilter
+};
+//# sourceMappingURL=useFilter.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/root/utils/useFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.js","sources":["../../../../../../../../node_modules/@base-ui/react/esm/combobox/root/utils/useFilter.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createCollatorItemFilter, createSingleSelectionCollatorFilter } from \"./index.js\";\nimport { stringifyAsLabel } from \"../../../utils/resolveValueLabel.js\";\nconst filterCache = new Map();\nfunction stringifyLocale(locale) {\n  if (Array.isArray(locale)) {\n    return locale.map(value => stringifyLocale(value)).join(',');\n  }\n  if (locale == null) {\n    return '';\n  }\n  return String(locale);\n}\nfunction getFilter(options = {}) {\n  const mergedOptions = {\n    usage: 'search',\n    sensitivity: 'base',\n    ignorePunctuation: true,\n    ...options\n  };\n  const cacheKey = `${stringifyLocale(options.locale)}|${JSON.stringify(mergedOptions)}`;\n  const cachedFilter = filterCache.get(cacheKey);\n  if (cachedFilter) {\n    return cachedFilter;\n  }\n  const collator = new Intl.Collator(options.locale, mergedOptions);\n  const filter = {\n    contains(item, query, itemToString) {\n      if (!query) {\n        return true;\n      }\n      const itemString = stringifyAsLabel(item, itemToString);\n      for (let i = 0; i <= itemString.length - query.length; i += 1) {\n        if (collator.compare(itemString.slice(i, i + query.length), query) === 0) {\n          return true;\n        }\n      }\n      return false;\n    },\n    startsWith(item, query, itemToString) {\n      if (!query) {\n        return true;\n      }\n      const itemString = stringifyAsLabel(item, itemToString);\n      return collator.compare(itemString.slice(0, query.length), query) === 0;\n    },\n    endsWith(item, query, itemToString) {\n      if (!query) {\n        return true;\n      }\n      const itemString = stringifyAsLabel(item, itemToString);\n      const queryLength = query.length;\n      return itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0;\n    }\n  };\n  filterCache.set(cacheKey, filter);\n  return filter;\n}\n\n/**\n * Matches items against a query using `Intl.Collator` for robust string matching.\n */\nexport const useCoreFilter = getFilter;\n/**\n * Matches items against a query using `Intl.Collator` for robust string matching.\n */\nexport function useComboboxFilter(options = {}) {\n  const {\n    multiple = false,\n    value,\n    ...collatorOptions\n  } = options;\n  const coreFilter = getFilter(collatorOptions);\n  const contains = React.useCallback((item, query, itemToString) => {\n    if (multiple) {\n      return createCollatorItemFilter(coreFilter, itemToString)(item, query);\n    }\n    return createSingleSelectionCollatorFilter(coreFilter, itemToString, value)(item, query);\n  }, [coreFilter, value, multiple]);\n  return React.useMemo(() => ({\n    contains,\n    startsWith: coreFilter.startsWith,\n    endsWith: coreFilter.endsWith\n  }), [contains, coreFilter]);\n}"],"names":[],"mappings":";;;AAKA;AACA;AACE;AACE;AAA2D;AAE7D;AACE;AAAO;AAET;AACF;AACA;AACE;AAAsB;AACb;AACM;AACM;AAChB;AAEL;AACA;AACA;AACE;AAAO;AAET;AACA;AAAe;AAEX;AACE;AAAO;AAET;AACA;AACE;AACE;AAAO;AACT;AAEF;AAAO;AACT;AAEE;AACE;AAAO;AAET;AACA;AAAsE;AACxE;AAEE;AACE;AAAO;AAET;AACA;AACA;AAA0H;AAC5H;AAEF;AACA;AACF;AAKY;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/row/ComboboxRowContext.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const ComboboxRowContext = /* @__PURE__ */ React.createContext(false);
+if (process.env.NODE_ENV !== "production") ComboboxRowContext.displayName = "ComboboxRowContext";
+function useComboboxRowContext() {
+  return React.useContext(ComboboxRowContext);
+}
+export {
+  ComboboxRowContext,
+  useComboboxRowContext
+};
+//# sourceMappingURL=ComboboxRowContext.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/row/ComboboxRowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxRowContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/row/ComboboxRowContext.js"],"sourcesContent":["import * as React from 'react';\nexport const ComboboxRowContext = /*#__PURE__*/React.createContext(false);\nif (process.env.NODE_ENV !== \"production\") ComboboxRowContext.displayName = \"ComboboxRowContext\";\nexport function useComboboxRowContext() {\n  return React.useContext(ComboboxRowContext);\n}"],"names":[],"mappings":";AACY,MAAC,qBAAkC,sBAAM,cAAc,KAAK;AACxE,IAAI,QAAQ,IAAI,aAAa,aAAc,oBAAmB,cAAc;AACrE,SAAS,wBAAwB;AACtC,SAAO,MAAM,WAAW,kBAAkB;AAC5C;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/store.js

@@ -0,0 +1,64 @@
+import { compareItemEquality } from "../utils/itemEquality.js";
+import { createSelector } from "../../../utils/esm/store/createSelector.js";
+const selectors = {
+  id: createSelector((state) => state.id),
+  query: createSelector((state) => state.query),
+  items: createSelector((state) => state.items),
+  selectedValue: createSelector((state) => state.selectedValue),
+  open: createSelector((state) => state.open),
+  mounted: createSelector((state) => state.mounted),
+  forceMounted: createSelector((state) => state.forceMounted),
+  inline: createSelector((state) => state.inline),
+  activeIndex: createSelector((state) => state.activeIndex),
+  selectedIndex: createSelector((state) => state.selectedIndex),
+  isActive: createSelector((state, index) => state.activeIndex === index),
+  isSelected: createSelector((state, candidate) => {
+    const comparer = state.isItemEqualToValue;
+    const selectedValue = state.selectedValue;
+    if (Array.isArray(selectedValue)) {
+      return selectedValue.some((value) => compareItemEquality(value, candidate, comparer));
+    }
+    return compareItemEquality(selectedValue, candidate, comparer);
+  }),
+  transitionStatus: createSelector((state) => state.transitionStatus),
+  popupProps: createSelector((state) => state.popupProps),
+  inputProps: createSelector((state) => state.inputProps),
+  triggerProps: createSelector((state) => state.triggerProps),
+  getItemProps: createSelector((state) => state.getItemProps),
+  positionerElement: createSelector((state) => state.positionerElement),
+  listElement: createSelector((state) => state.listElement),
+  triggerElement: createSelector((state) => state.triggerElement),
+  inputElement: createSelector((state) => state.inputElement),
+  popupSide: createSelector((state) => state.popupSide),
+  openMethod: createSelector((state) => state.openMethod),
+  inputInsidePopup: createSelector((state) => state.inputInsidePopup),
+  selectionMode: createSelector((state) => state.selectionMode),
+  listRef: createSelector((state) => state.listRef),
+  labelsRef: createSelector((state) => state.labelsRef),
+  popupRef: createSelector((state) => state.popupRef),
+  emptyRef: createSelector((state) => state.emptyRef),
+  inputRef: createSelector((state) => state.inputRef),
+  keyboardActiveRef: createSelector((state) => state.keyboardActiveRef),
+  chipsContainerRef: createSelector((state) => state.chipsContainerRef),
+  clearRef: createSelector((state) => state.clearRef),
+  valuesRef: createSelector((state) => state.valuesRef),
+  allValuesRef: createSelector((state) => state.allValuesRef),
+  name: createSelector((state) => state.name),
+  disabled: createSelector((state) => state.disabled),
+  readOnly: createSelector((state) => state.readOnly),
+  required: createSelector((state) => state.required),
+  grid: createSelector((state) => state.grid),
+  isGrouped: createSelector((state) => state.isGrouped),
+  virtualized: createSelector((state) => state.virtualized),
+  onOpenChangeComplete: createSelector((state) => state.onOpenChangeComplete),
+  openOnInputClick: createSelector((state) => state.openOnInputClick),
+  itemToStringLabel: createSelector((state) => state.itemToStringLabel),
+  isItemEqualToValue: createSelector((state) => state.isItemEqualToValue),
+  modal: createSelector((state) => state.modal),
+  autoHighlight: createSelector((state) => state.autoHighlight),
+  submitOnItemClick: createSelector((state) => state.submitOnItemClick)
+};
+export {
+  selectors
+};
+//# sourceMappingURL=store.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../../../../../../node_modules/@base-ui/react/esm/combobox/store.js"],"sourcesContent":["import { createSelector } from '@base-ui/utils/store';\nimport { compareItemEquality } from \"../utils/itemEquality.js\";\nexport const selectors = {\n  id: createSelector(state => state.id),\n  query: createSelector(state => state.query),\n  items: createSelector(state => state.items),\n  selectedValue: createSelector(state => state.selectedValue),\n  open: createSelector(state => state.open),\n  mounted: createSelector(state => state.mounted),\n  forceMounted: createSelector(state => state.forceMounted),\n  inline: createSelector(state => state.inline),\n  activeIndex: createSelector(state => state.activeIndex),\n  selectedIndex: createSelector(state => state.selectedIndex),\n  isActive: createSelector((state, index) => state.activeIndex === index),\n  isSelected: createSelector((state, candidate) => {\n    const comparer = state.isItemEqualToValue;\n    const selectedValue = state.selectedValue;\n    if (Array.isArray(selectedValue)) {\n      return selectedValue.some(value => compareItemEquality(value, candidate, comparer));\n    }\n    return compareItemEquality(selectedValue, candidate, comparer);\n  }),\n  transitionStatus: createSelector(state => state.transitionStatus),\n  popupProps: createSelector(state => state.popupProps),\n  inputProps: createSelector(state => state.inputProps),\n  triggerProps: createSelector(state => state.triggerProps),\n  getItemProps: createSelector(state => state.getItemProps),\n  positionerElement: createSelector(state => state.positionerElement),\n  listElement: createSelector(state => state.listElement),\n  triggerElement: createSelector(state => state.triggerElement),\n  inputElement: createSelector(state => state.inputElement),\n  popupSide: createSelector(state => state.popupSide),\n  openMethod: createSelector(state => state.openMethod),\n  inputInsidePopup: createSelector(state => state.inputInsidePopup),\n  selectionMode: createSelector(state => state.selectionMode),\n  listRef: createSelector(state => state.listRef),\n  labelsRef: createSelector(state => state.labelsRef),\n  popupRef: createSelector(state => state.popupRef),\n  emptyRef: createSelector(state => state.emptyRef),\n  inputRef: createSelector(state => state.inputRef),\n  keyboardActiveRef: createSelector(state => state.keyboardActiveRef),\n  chipsContainerRef: createSelector(state => state.chipsContainerRef),\n  clearRef: createSelector(state => state.clearRef),\n  valuesRef: createSelector(state => state.valuesRef),\n  allValuesRef: createSelector(state => state.allValuesRef),\n  name: createSelector(state => state.name),\n  disabled: createSelector(state => state.disabled),\n  readOnly: createSelector(state => state.readOnly),\n  required: createSelector(state => state.required),\n  grid: createSelector(state => state.grid),\n  isGrouped: createSelector(state => state.isGrouped),\n  virtualized: createSelector(state => state.virtualized),\n  onOpenChangeComplete: createSelector(state => state.onOpenChangeComplete),\n  openOnInputClick: createSelector(state => state.openOnInputClick),\n  itemToStringLabel: createSelector(state => state.itemToStringLabel),\n  isItemEqualToValue: createSelector(state => state.isItemEqualToValue),\n  modal: createSelector(state => state.modal),\n  autoHighlight: createSelector(state => state.autoHighlight),\n  submitOnItemClick: createSelector(state => state.submitOnItemClick)\n};"],"names":[],"mappings":";;AAEY,MAAC,YAAY;AAAA,EACvB,IAAI,eAAe,WAAS,MAAM,EAAE;AAAA,EACpC,OAAO,eAAe,WAAS,MAAM,KAAK;AAAA,EAC1C,OAAO,eAAe,WAAS,MAAM,KAAK;AAAA,EAC1C,eAAe,eAAe,WAAS,MAAM,aAAa;AAAA,EAC1D,MAAM,eAAe,WAAS,MAAM,IAAI;AAAA,EACxC,SAAS,eAAe,WAAS,MAAM,OAAO;AAAA,EAC9C,cAAc,eAAe,WAAS,MAAM,YAAY;AAAA,EACxD,QAAQ,eAAe,WAAS,MAAM,MAAM;AAAA,EAC5C,aAAa,eAAe,WAAS,MAAM,WAAW;AAAA,EACtD,eAAe,eAAe,WAAS,MAAM,aAAa;AAAA,EAC1D,UAAU,eAAe,CAAC,OAAO,UAAU,MAAM,gBAAgB,KAAK;AAAA,EACtE,YAAY,eAAe,CAAC,OAAO,cAAc;AAC/C,UAAM,WAAW,MAAM;AACvB,UAAM,gBAAgB,MAAM;AAC5B,QAAI,MAAM,QAAQ,aAAa,GAAG;AAChC,aAAO,cAAc,KAAK,WAAS,oBAAoB,OAAO,WAAW,QAAQ,CAAC;AAAA,IACpF;AACA,WAAO,oBAAoB,eAAe,WAAW,QAAQ;AAAA,EAC/D,CAAC;AAAA,EACD,kBAAkB,eAAe,WAAS,MAAM,gBAAgB;AAAA,EAChE,YAAY,eAAe,WAAS,MAAM,UAAU;AAAA,EACpD,YAAY,eAAe,WAAS,MAAM,UAAU;AAAA,EACpD,cAAc,eAAe,WAAS,MAAM,YAAY;AAAA,EACxD,cAAc,eAAe,WAAS,MAAM,YAAY;AAAA,EACxD,mBAAmB,eAAe,WAAS,MAAM,iBAAiB;AAAA,EAClE,aAAa,eAAe,WAAS,MAAM,WAAW;AAAA,EACtD,gBAAgB,eAAe,WAAS,MAAM,cAAc;AAAA,EAC5D,cAAc,eAAe,WAAS,MAAM,YAAY;AAAA,EACxD,WAAW,eAAe,WAAS,MAAM,SAAS;AAAA,EAClD,YAAY,eAAe,WAAS,MAAM,UAAU;AAAA,EACpD,kBAAkB,eAAe,WAAS,MAAM,gBAAgB;AAAA,EAChE,eAAe,eAAe,WAAS,MAAM,aAAa;AAAA,EAC1D,SAAS,eAAe,WAAS,MAAM,OAAO;AAAA,EAC9C,WAAW,eAAe,WAAS,MAAM,SAAS;AAAA,EAClD,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,mBAAmB,eAAe,WAAS,MAAM,iBAAiB;AAAA,EAClE,mBAAmB,eAAe,WAAS,MAAM,iBAAiB;AAAA,EAClE,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,WAAW,eAAe,WAAS,MAAM,SAAS;AAAA,EAClD,cAAc,eAAe,WAAS,MAAM,YAAY;AAAA,EACxD,MAAM,eAAe,WAAS,MAAM,IAAI;AAAA,EACxC,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,UAAU,eAAe,WAAS,MAAM,QAAQ;AAAA,EAChD,MAAM,eAAe,WAAS,MAAM,IAAI;AAAA,EACxC,WAAW,eAAe,WAAS,MAAM,SAAS;AAAA,EAClD,aAAa,eAAe,WAAS,MAAM,WAAW;AAAA,EACtD,sBAAsB,eAAe,WAAS,MAAM,oBAAoB;AAAA,EACxE,kBAAkB,eAAe,WAAS,MAAM,gBAAgB;AAAA,EAChE,mBAAmB,eAAe,WAAS,MAAM,iBAAiB;AAAA,EAClE,oBAAoB,eAAe,WAAS,MAAM,kBAAkB;AAAA,EACpE,OAAO,eAAe,WAAS,MAAM,KAAK;AAAA,EAC1C,eAAe,eAAe,WAAS,MAAM,aAAa;AAAA,EAC1D,mBAAmB,eAAe,WAAS,MAAM,iBAAiB;AACpE;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js

@@ -0,0 +1,200 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { ownerDocument } from "../../../../utils/esm/owner.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext, useComboboxFloatingContext, useComboboxInputValueContext } from "../root/ComboboxRootContext.js";
+import { selectors } from "../store.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { pressableTriggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { getPseudoElementBounds } from "../../utils/getPseudoElementBounds.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { fieldValidityMapping } from "../../field/utils/constants.js";
+import { useTypeahead } from "../../floating-ui-react/hooks/useTypeahead.js";
+import { useClick } from "../../floating-ui-react/hooks/useClick.js";
+import { useButton } from "../../use-button/useButton.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { stopEvent } from "../../floating-ui-react/utils/event.js";
+import { listNavigation } from "../../utils/reason-parts.js";
+import { getTarget, contains } from "../../floating-ui-react/utils/element.js";
+const BOUNDARY_OFFSET = 2;
+const stateAttributesMapping = {
+  ...pressableTriggerOpenStateMapping,
+  ...fieldValidityMapping
+};
+const ComboboxTrigger = /* @__PURE__ */ React.forwardRef(function ComboboxTrigger2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    nativeButton = true,
+    disabled: disabledProp = false,
+    ...elementProps
+  } = componentProps;
+  const {
+    state: fieldState,
+    disabled: fieldDisabled,
+    setTouched,
+    setFocused,
+    validationMode,
+    validation
+  } = useFieldRootContext();
+  const {
+    labelId
+  } = useLabelableContext();
+  const store = useComboboxRootContext();
+  const selectionMode = useStore(store, selectors.selectionMode);
+  const comboboxDisabled = useStore(store, selectors.disabled);
+  const readOnly = useStore(store, selectors.readOnly);
+  const listElement = useStore(store, selectors.listElement);
+  const triggerProps = useStore(store, selectors.triggerProps);
+  const triggerElement = useStore(store, selectors.triggerElement);
+  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
+  const open = useStore(store, selectors.open);
+  const selectedValue = useStore(store, selectors.selectedValue);
+  const activeIndex = useStore(store, selectors.activeIndex);
+  const selectedIndex = useStore(store, selectors.selectedIndex);
+  const floatingRootContext = useComboboxFloatingContext();
+  const inputValue = useComboboxInputValueContext();
+  const focusTimeout = useTimeout();
+  const disabled = fieldDisabled || comboboxDisabled || disabledProp;
+  const currentPointerTypeRef = React.useRef("");
+  function trackPointerType(event) {
+    currentPointerTypeRef.current = event.pointerType;
+  }
+  const domReference = floatingRootContext.select("domReferenceElement");
+  React.useEffect(() => {
+    if (!inputInsidePopup) {
+      return;
+    }
+    if (triggerElement && triggerElement !== domReference) {
+      floatingRootContext.set("domReferenceElement", triggerElement);
+    }
+  }, [triggerElement, domReference, floatingRootContext, inputInsidePopup]);
+  const {
+    reference: triggerTypeaheadProps
+  } = useTypeahead(floatingRootContext, {
+    enabled: !open && !readOnly && !comboboxDisabled && selectionMode === "single",
+    listRef: store.state.labelsRef,
+    activeIndex,
+    selectedIndex,
+    onMatch(index) {
+      const nextSelectedValue = store.state.valuesRef.current[index];
+      if (nextSelectedValue !== void 0) {
+        store.state.setSelectedValue(nextSelectedValue, createChangeEventDetails("none"));
+      }
+    }
+  });
+  const {
+    reference: triggerClickProps
+  } = useClick(floatingRootContext, {
+    enabled: !readOnly && !comboboxDisabled,
+    event: "mousedown"
+  });
+  const {
+    buttonRef,
+    getButtonProps
+  } = useButton({
+    native: nativeButton,
+    disabled
+  });
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    open,
+    disabled
+  }), [fieldState, open, disabled]);
+  const setTriggerElement = useStableCallback((element2) => {
+    store.set("triggerElement", element2);
+  });
+  const element = useRenderElement("button", componentProps, {
+    ref: [forwardedRef, buttonRef, setTriggerElement],
+    state,
+    props: [triggerProps, triggerClickProps, triggerTypeaheadProps, {
+      tabIndex: inputInsidePopup ? 0 : -1,
+      disabled,
+      role: inputInsidePopup ? "combobox" : void 0,
+      "aria-expanded": open ? "true" : "false",
+      "aria-haspopup": inputInsidePopup ? "dialog" : "listbox",
+      "aria-controls": open ? listElement?.id : void 0,
+      "aria-readonly": readOnly || void 0,
+      "aria-labelledby": labelId,
+      onPointerDown: trackPointerType,
+      onPointerEnter: trackPointerType,
+      onFocus() {
+        setFocused(true);
+        if (disabled || readOnly) {
+          return;
+        }
+        focusTimeout.start(0, store.state.forceMount);
+      },
+      onBlur() {
+        setTouched(true);
+        setFocused(false);
+        if (validationMode === "onBlur") {
+          const valueToValidate = selectionMode === "none" ? inputValue : selectedValue;
+          validation.commit(valueToValidate);
+        }
+      },
+      onMouseDown(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        if (!inputInsidePopup) {
+          floatingRootContext.set("domReferenceElement", event.currentTarget);
+        }
+        store.state.forceMount();
+        if (currentPointerTypeRef.current !== "touch") {
+          store.state.inputRef.current?.focus();
+          if (!inputInsidePopup) {
+            event.preventDefault();
+          }
+        }
+        if (open) {
+          return;
+        }
+        const doc = ownerDocument(event.currentTarget);
+        function handleMouseUp(mouseEvent) {
+          if (!triggerElement) {
+            return;
+          }
+          const mouseUpTarget = getTarget(mouseEvent);
+          const positioner = store.state.positionerElement;
+          const list = store.state.listElement;
+          if (contains(triggerElement, mouseUpTarget) || contains(positioner, mouseUpTarget) || contains(list, mouseUpTarget) || mouseUpTarget === triggerElement) {
+            return;
+          }
+          const bounds = getPseudoElementBounds(triggerElement);
+          const withinHorizontal = mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET;
+          const withinVertical = mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET;
+          if (withinHorizontal && withinVertical) {
+            return;
+          }
+          store.state.setOpen(false, createChangeEventDetails("cancel-open", mouseEvent));
+        }
+        if (inputInsidePopup) {
+          doc.addEventListener("mouseup", handleMouseUp, {
+            once: true
+          });
+        }
+      },
+      onKeyDown(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+          stopEvent(event);
+          store.state.setOpen(true, createChangeEventDetails(listNavigation, event.nativeEvent));
+          store.state.inputRef.current?.focus();
+        }
+      }
+    }, validation ? validation.getValidationProps(elementProps) : elementProps, getButtonProps],
+    stateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxTrigger.displayName = "ComboboxTrigger";
+export {
+  ComboboxTrigger
+};
+//# sourceMappingURL=ComboboxTrigger.js.map