@purpur/library 9.7.5 → 9.8.1

package/dist/{dropdown-DJKNQnuo.js.map → dropdown-_FLHLyPL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-DJKNQnuo.js","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n  fieldId: string;\n  htmlForSuffix?: string;\n  label?: string;\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  required: boolean;\n};\n\nexport const DropdownLabel = ({\n  fieldId,\n  htmlForSuffix,\n  label,\n  getTestId,\n  disabled,\n  negative,\n  required,\n}: DropdownLabelProps) => {\n  if (!label) return null;\n\n  return (\n    <Label\n      htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n      className={cx(`${rootClassName}__label`)}\n      data-testid={getTestId(\"label\")}\n      disabled={disabled}\n      negative={negative}\n    >\n      {required && <span aria-hidden>*</span>}\n      {label}\n    </Label>\n  );\n};\n\ntype DropdownEndAdornmentsProps = {\n  getTestId: GetTestId;\n  loading?: boolean;\n  disabled: boolean;\n  negative: boolean;\n  isValid: boolean;\n  isOpen?: boolean;\n  readOnly?: boolean;\n  showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n  getTestId,\n  loading,\n  disabled,\n  negative,\n  isValid,\n  isOpen,\n  readOnly,\n  showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n  <span className={cx(`${rootClassName}__end-adornments`)}>\n    {loading ? (\n      <Spinner\n        disabled={disabled}\n        size=\"xxs\"\n        negative={negative}\n        data-testid={getTestId(\"spinner\")}\n      />\n    ) : (\n      <>\n        {isValid && (\n          <IconCheckCircleFilled\n            data-testid={getTestId(\"valid-icon\")}\n            className={cx(`${rootClassName}__valid-icon`)}\n          />\n        )}\n        <IconChevronDown\n          className={cx(`${rootClassName}__chevron-icon`, {\n            [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n            [`${rootClassName}__chevron-icon--disabled`]: disabled,\n            [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n            [`${rootClassName}__chevron-icon--negative`]: negative,\n          })}\n          data-testid={getTestId(\"dropdown-icon\")}\n          size=\"sm\"\n        />\n      </>\n    )}\n  </span>\n);\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  negative,\n  onRemove,\n  isSelect,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  return (\n    <DismissableChipGroup\n      className={cx(`${rootClassName}__chip-group`, {\n        [`${rootClassName}__chip-group--select`]: isSelect,\n      })}\n      negative={negative}\n      data-testid={getTestId(\"tags\")}\n      size=\"sm\"\n    >\n      {selectedItems.map((item) => (\n        <DismissableChipGroup.Item\n          key={item.id}\n          id={item.id}\n          data-testid={getTestId(`tag-${item.id}`)}\n          aria-label={`Remove ${item.label}`}\n          onDismiss={() => {\n            onRemove(item);\n          }}\n          disabled={disabled || item.disabled}\n        >\n          {item.label}\n        </DismissableChipGroup.Item>\n      ))}\n    </DismissableChipGroup>\n  );\n};\n\ntype DropdownFooterProps = {\n  errorText?: string;\n  helperText?: string;\n  helperTextId: string;\n  negative: boolean;\n};\n\nexport const DropdownFooter = ({\n  errorText,\n  helperText,\n  helperTextId,\n  negative,\n}: DropdownFooterProps) => (\n  <>\n    {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n    {helperText && !errorText && (\n      <FieldHelperText id={helperTextId} negative={negative}>\n        {helperText}\n      </FieldHelperText>\n    )}\n  </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n  selectAllLabel?: string;\n  multiple?: boolean;\n  options: DropdownOption[];\n  selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n  selectAllLabel,\n  multiple,\n  options,\n  selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n  if (!selectAllLabel || !multiple) return false;\n  const enabledOptions = options.filter((o) => !o.disabled);\n  if (enabledOptions.length === 0) return false;\n  const disabledOptions = options.filter((o) => o.disabled);\n  const hasDisabledUnselected = disabledOptions.some(\n    (o) => !selectedItems.some((s) => s.id === o.id)\n  );\n  // Hide \"All\" when a disabled option is not selected (can't select everything)\n  return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n  optionsToShow: DropdownOption[];\n  getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n  multiple?: boolean;\n  negative: boolean;\n  fieldId: string;\n  noOptionsText?: React.ReactNode;\n  selectAllLabel?: string;\n  selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n  optionsToShow,\n  getListboxItemProps,\n  multiple,\n  negative,\n  fieldId,\n  noOptionsText,\n  selectAllLabel,\n  selectedItems = [],\n}: DropdownListboxItemsProps) => {\n  if (noOptionsText !== undefined && !optionsToShow.length) {\n    return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n  }\n\n  const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n  let selectAllCheckedState: CheckedState = false;\n  if (hasSelectAll) {\n    const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n    const enabledOptions = realOptions.filter((o) => !o.disabled);\n    const enabledSelectedCount = enabledOptions.filter((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    ).length;\n    const allEnabledSelected =\n      enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n    const someSelected = selectedItems.length > 0;\n    selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n  }\n\n  return optionsToShow.map((option, index) => {\n    const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          aria-selected={selectAllCheckedState === true}\n          className={cx(\n            `${rootClassName}__checkbox-item-multiple`,\n            `${rootClassName}__select-all-item`\n          )}\n          hideSelectedIcon\n        >\n          <span className={cx(`${rootClassName}__checkbox-container`)}>\n            <Checkbox\n              id={`${fieldId}-checkbox-select-all`}\n              checked={selectAllCheckedState}\n              label={selectAllLabel}\n              negative={negative}\n              aria-hidden\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    if (multiple) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          className={cx(`${rootClassName}__checkbox-item-multiple`, {\n            [`${rootClassName}__select-all-child`]: hasSelectAll,\n          })}\n          selected={!!selected}\n          hideSelectedIcon\n        >\n          <span\n            className={cx(`${rootClassName}__checkbox-container`, {\n              [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n            })}\n          >\n            <Checkbox\n              id={`${fieldId}-checkbox-${option.id}`}\n              checked={!!selected}\n              label={option.label}\n              negative={negative}\n              aria-hidden\n              disabled={option.disabled}\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    return (\n      <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n        <span>{option.label}</span>\n      </Listbox.Item>\n    );\n  });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n  options: DropdownOption[],\n  searchTerm: string | undefined,\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n  if (filterOption) {\n    return options.filter((option) => filterOption(searchTerm, option));\n  }\n  if (!searchTerm) return options;\n  const chunks = searchTerm.toUpperCase().split(\" \");\n  return options.filter((option) =>\n    chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n  );\n};\n\nexport const getFilteredOptions = ({\n  options,\n  searchTerm,\n  filterOption,\n  selectedOption,\n  multiple,\n}: {\n  options: DropdownOption[];\n  searchTerm: string | undefined;\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  selectedOption?: DropdownOption;\n  multiple: boolean;\n}): DropdownOption[] => {\n  if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n    return options;\n  }\n  return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n  controlledInputValue?: string;\n  defaultInputValue?: string;\n  selectedOption?: DropdownOption;\n  onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n  controlledInputValue,\n  defaultInputValue,\n  selectedOption,\n  onInputChange,\n}: UseDropdownInputParams) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    (typeof controlledInputValue === \"string\"\n      ? controlledInputValue\n      : defaultInputValue ?? selectedOption?.label) ?? \"\"\n  );\n\n  const displayInputValue =\n    typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  return {\n    displayInputValue,\n    populateInputField,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid,\n    loading,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    filterOption,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    noOptionsText,\n    highlightFirstOption = false,\n    selectAllLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue: inputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  const optionsToShow = getFilteredOptions({\n    options,\n    searchTerm: displayInputValue,\n    filterOption,\n    selectedOption,\n    multiple,\n  });\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems,\n  });\n\n  // Hide \"Select all\" when the user is actively searching/filtering.\n  const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n  // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n  const optionsWithSelectAll =\n    showSelectAll && selectAllMatchesSearch\n      ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n      : optionsToShow;\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      const next = selectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      const disabledSelected = selectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n    populateInputField(\"\");\n  };\n\n  const handleAutocompleteSelect = (option: DropdownOption) => {\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    if (multiple) {\n      const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? selectedItems.filter((o) => o.id !== option.id)\n        : [...selectedItems, option];\n      onSelect?.(option, next);\n      populateInputField(\"\");\n    } else {\n      onSelect?.(option, [option]);\n      populateInputField(option.label);\n    }\n  };\n\n  const {\n    rootRef,\n    inputRef,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    isOpen,\n    openListbox,\n    anchorStyle,\n  } = useAutocomplete({\n    id: fieldId,\n    options: optionsWithSelectAll,\n    listboxLabel: listboxLabel || label || \"Options\",\n    selectedOption: multiple ? undefined : selectedOption,\n    disabled,\n    readOnly,\n    openOnFocus,\n    listboxMaxHeight,\n    highlightFirstOption,\n    closeOnSelect: !multiple,\n    noOptionsText,\n    negative,\n    onSelect: handleAutocompleteSelect,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  // For multi-select the hook doesn't know about selectedOptions, so inject\n  // the correct `selected` state here based on selectedItems.\n  const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n    const props = getListboxItemProps(option, index);\n    if (multiple) {\n      const isSelected = selectedItems.some((o) => o.id === option.id);\n      return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n    }\n    return props;\n  };\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      multiple &&\n      event.key === \"Backspace\" &&\n      event.currentTarget.value === \"\" &&\n      selectedItems.length > 0\n    ) {\n      // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n      for (let i = selectedItems.length - 1; i >= 0; i--) {\n        if (!selectedItems[i].disabled) {\n          handleRemoveTag(selectedItems[i]);\n          break;\n        }\n      }\n    }\n    (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    if (!isOpen) {\n      openListbox();\n    }\n  };\n\n  const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const target = event.target as HTMLElement;\n    // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n    if (\n      target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n      target.closest(\"button\")\n    ) {\n      return;\n    }\n\n    const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n    input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n    input?.focus();\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"input\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className={cx(`${rootClassName}__combobox-container`, {\n            [`${rootClassName}__combobox-container--error`]: !!errorText,\n            [`${rootClassName}__combobox-container--is-valid`]: isValid,\n            [`${rootClassName}__combobox-container--negative`]: negative,\n            [`${rootClassName}__combobox-container--disabled`]: disabled,\n            [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n          })}\n          style={anchorStyle}\n          onClick={handleContainerClick}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n            />\n          )}\n          <input\n            {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n            ref={inputRef as React.RefObject<HTMLInputElement>}\n            id={`${fieldId}-input`}\n            data-testid={getTestId(\"input\")}\n            onKeyDown={handleInputKeyDown}\n            onChange={handleInputChange}\n            value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n            placeholder={placeholder}\n            className={cx(`${rootClassName}__input`, {\n              [`${rootClassName}__input--negative`]: negative,\n            })}\n            aria-describedby={helperTextId}\n            aria-invalid={!!errorText}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow: optionsWithSelectAll,\n            getListboxItemProps: getListboxItemPropsWithSelection,\n            multiple,\n            negative,\n            fieldId,\n            noOptionsText,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n  options: DropdownOption[];\n  highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n  options,\n  highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n  const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n    highlightFirstOption ? options[0] : undefined\n  );\n\n  const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n    if (optionEl) {\n      const optionRect = optionEl.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOutside) {\n        optionEl.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const findNextOption = (\n    direction: \"ArrowUp\" | \"ArrowDown\",\n    optionsToShow: DropdownOption[]\n  ): DropdownOption | undefined => {\n    const enabledList = optionsToShow.filter((o) => !o.disabled);\n    if (!enabledList.length) return undefined;\n\n    const currentIndex = highlightedOption\n      ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n      : -1;\n\n    if (direction === \"ArrowDown\") {\n      return enabledList[(currentIndex + 1) % enabledList.length];\n    }\n    return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n  };\n\n  const highlightOption = (option: DropdownOption | undefined) => {\n    setHighlightedOption(option ? { ...option } : undefined);\n    if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n  };\n\n  const highlightByClick = (option: DropdownOption) => {\n    if (option.id !== highlightedOption?.id) {\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n    }\n  };\n\n  const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n    requestAnimationFrame(() => {\n      const isSetByClickEvent = eventType === \"CLICK\";\n      setHighlightedOption({ ...option, isSetByClickEvent });\n      scrollOptionIntoView(optionRefs.current[option.id]);\n    });\n  };\n\n  const resetHighlight = () => {\n    setHighlightedOption(undefined);\n  };\n\n  return {\n    highlightedOption,\n    listboxRef,\n    optionRefs,\n    findNextOption,\n    highlightOption,\n    highlightByClick,\n    highlightSelected,\n    resetHighlight,\n  };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n  id: string;\n  variant: \"select\" | \"combobox\";\n  options: DropdownOption[];\n  listboxLabel: string;\n  multiple?: boolean;\n\n  // Selection\n  selectedOption?: DropdownOption;\n  selectedOptions?: DropdownOption[];\n  onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n  // Combobox-specific\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  noOptionsText?: React.ReactNode;\n  highlightFirstOption?: boolean;\n\n  // Shared behaviour\n  negative: boolean;\n  openOnFocus?: boolean;\n  listboxMaxHeight?: string | number;\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  triggerContainerProps: Record<string, unknown> | null;\n  triggerProps: Record<string, unknown>;\n  inputProps: Record<string, unknown> | null;\n  listboxProps: ListboxProps;\n  getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n  optionsToShow: DropdownOption[];\n  isOpen: boolean;\n  highlightedOption: DropdownOption | undefined;\n  selectedItems: DropdownOption[];\n  anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n  id,\n  variant,\n  options,\n  listboxLabel,\n  multiple = false,\n  selectedOption,\n  selectedOptions = [],\n  onSelect,\n  filterOption,\n  inputValue: controlledInputValue,\n  defaultInputValue,\n  onInputChange,\n  noOptionsText,\n  highlightFirstOption = false,\n  openOnFocus = false,\n  listboxMaxHeight,\n  negative,\n  disabled = false,\n  readOnly = false,\n  [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n  const isCombobox = variant === \"combobox\";\n  const uniqueId = useId();\n\n  // ── Refs ─────────────────────────────────────────────────────────────\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // ── Sub-hooks ────────────────────────────────────────────────────────\n  const highlight = useDropdownHighlight({ options, highlightFirstOption });\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  // ── Open / close ────────────────────────────────────────────────────\n  const [isOpen, setIsOpen] = useState(false);\n\n  const closeListbox = () => {\n    setIsOpen(false);\n    highlight.resetHighlight();\n  };\n\n  useOnClickOutside(rootRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setIsOpen(true);\n    const current = multiple ? undefined : selectedOption;\n    if (current) {\n      highlight.highlightSelected(current, eventType);\n    }\n  };\n\n  // ── Derived state ───────────────────────────────────────────────────\n  const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const optionsToShow = isCombobox\n    ? getFilteredOptions({\n        options,\n        searchTerm: displayInputValue,\n        filterOption,\n        selectedOption,\n        multiple,\n      })\n    : options;\n\n  const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  // ── Helpers ──────────────────────────────────────────────────────────\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n  // ── Selection ────────────────────────────────────────────────────────\n  const selectOption = (option: DropdownOption | undefined) => {\n    if (!option || option.disabled) return;\n\n    if (multiple) {\n      const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? resolvedSelected.filter((o) => o.id !== option.id)\n        : [...resolvedSelected, option];\n      onSelect?.(option, next);\n      if (isCombobox) {\n        populateInputField(\"\");\n        inputRef.current?.focus();\n      }\n    } else {\n      onSelect?.(option, [option]);\n      if (isCombobox) {\n        populateInputField(option.label);\n      }\n      closeListbox();\n      (isCombobox ? inputRef : triggerRef).current?.focus();\n    }\n  };\n\n  // ── Navigation ───────────────────────────────────────────────────────\n  const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n    if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n    const next = highlight.findNextOption(direction, optionsToShow);\n    highlight.highlightOption(next);\n  };\n\n  // ── Keyboard ─────────────────────────────────────────────────────────\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled || readOnly) return;\n\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        if (showListbox && highlight.highlightedOption) {\n          selectOption(highlight.highlightedOption);\n        } else if (!showListbox) {\n          openListbox({ eventType: \"KEYBOARD\" });\n        }\n        break;\n      }\n      case \" \": {\n        if (!isCombobox) {\n          event.preventDefault();\n          if (showListbox && highlight.highlightedOption) {\n            selectOption(highlight.highlightedOption);\n          } else if (!showListbox) {\n            openListbox({ eventType: \"KEYBOARD\" });\n          }\n        }\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        closeListbox();\n        break;\n      case \"Tab\":\n        closeListbox();\n        break;\n      case \"Home\":\n      case \"End\":\n        if (isCombobox) closeListbox();\n        break;\n    }\n  };\n\n  // ── Combobox input handlers ─────────────────────────────────────────\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    highlight.resetHighlight();\n    if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n  };\n\n  const handleInputMouseDown = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleInputFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n    inputRef.current?.select();\n  };\n\n  const handleInputBlur = () => {\n    setTimeout(() => {\n      const activeEl = document.activeElement;\n      // Only close when focus has moved to a real element outside the dropdown.\n      // Guarding against document.body prevents a false-positive close when a\n      // screen reader navigates with its virtual cursor: the input blurs but no\n      // DOM element receives physical focus (activeElement falls back to body).\n      if (\n        activeEl !== document.body &&\n        !inputRef.current?.contains(activeEl) &&\n        !highlight.listboxRef.current?.contains(activeEl) &&\n        !rootRef.current?.contains(activeEl)\n      ) {\n        closeListbox();\n        if (isCombobox && !multiple) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  // ── Select trigger handlers ─────────────────────────────────────────\n  const handleTriggerClick = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const clickedButton = (event.target as HTMLElement).closest(\"button\");\n    if (clickedButton && clickedButton !== triggerRef.current) {\n      return;\n    }\n\n    handleTriggerClick();\n  };\n\n  const handleTriggerFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n  };\n\n  // ── Build props ──────────────────────────────────────────────────────\n  const listboxId = `${id}-listbox`;\n  const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n  const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n  const anchorStyle = { anchorName } as CSSProperties;\n  const triggerContainerProps: Record<string, unknown> | null = isCombobox\n    ? null\n    : {\n        onClick: handleTriggerContainerClick,\n      };\n\n  // ── Popover sync ────────────────────────────────────────────────────\n  const listboxCallbackRef = useCallback(\n    (node: HTMLUListElement | null) => {\n      (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n      if (node && typeof node.showPopover === \"function\") {\n        try {\n          node.showPopover();\n        } catch {\n          // Popover not supported or already open\n        }\n      }\n    },\n    [highlight.listboxRef]\n  );\n\n  const listboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: listboxId,\n    ref: listboxCallbackRef,\n    onMouseLeave: () => highlight.resetHighlight(),\n    popover: \"manual\",\n    negative,\n    style: {\n      ...(listboxMaxHeight\n        ? {\n            maxHeight:\n              typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n          }\n        : {}),\n      positionAnchor: anchorName,\n    } as CSSProperties,\n  } as ListboxProps;\n\n  const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n    const isSelected = resolvedSelected.some((o) => o.id === option.id);\n    const { highlightedOption } = highlight;\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: () => highlight.highlightByClick(option),\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) highlight.optionRefs.current[option.id] = el;\n      },\n      tabIndex: -1,\n      selected: isSelected,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n      \"aria-selected\": isSelected,\n    };\n  };\n\n  const triggerProps: Record<string, unknown> = isCombobox\n    ? {}\n    : {\n        ref: triggerRef,\n        type: \"button\" as const,\n        role: \"combobox\",\n        \"aria-haspopup\": \"listbox\",\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-disabled\": disabled,\n        \"data-testid\": getTestId(\"trigger\"),\n        id: `${id}-trigger`,\n        onKeyDown: handleKeyDown,\n        onFocus: handleTriggerFocus,\n        disabled,\n        tabIndex: disabled ? -1 : 0,\n        style: anchorStyle,\n      };\n\n  const inputProps: Record<string, unknown> | null = isCombobox\n    ? {\n        ref: inputRef,\n        role: \"combobox\",\n        \"aria-autocomplete\": \"list\" as const,\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-activedescendant\": highlight.highlightedOption\n          ? createListboxItemId(highlight.highlightedOption)\n          : undefined,\n        \"data-testid\": getTestId(\"input\"),\n        autoComplete: \"off\",\n        id: `${id}-input`,\n        type: \"text\",\n        value: displayInputValue,\n        onChange: handleInputChange,\n        onMouseDown: handleInputMouseDown,\n        onFocus: handleInputFocus,\n        onBlur: handleInputBlur,\n        onKeyDown: handleKeyDown,\n        disabled,\n        readOnly,\n      }\n    : null;\n\n  return {\n    rootRef,\n    triggerContainerProps,\n    triggerProps,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen: showListbox,\n    highlightedOption: highlight.highlightedOption,\n    selectedItems: resolvedSelected,\n    anchorStyle,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid = false,\n    loading = false,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    selectAllLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  // Resolve selected items up-front so we can decide whether to show the\n  // virtual \"Select all\" option.\n  const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems: resolvedSelectedItems,\n  });\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      resolvedSelectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      // Deselect all enabled options, keep disabled+selected as-is\n      const next = resolvedSelectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      // Select all enabled, keep disabled+selected as-is\n      const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n  };\n\n  // Intercept selection of the virtual \"Select all\" option routed through the\n  // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n  const handleHookSelect = (\n    toggledOption: DropdownOption | undefined,\n    nextSelected: DropdownOption[]\n  ) => {\n    if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    onSelect?.(toggledOption, nextSelected);\n  };\n\n  const hookOptions = showSelectAll\n    ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n    : options;\n\n  const dropdown = useDropdown({\n    id: fieldId,\n    variant: \"select\",\n    options: hookOptions,\n    listboxLabel: listboxLabel || label || \"Options\",\n    multiple,\n    negative,\n    selectedOption,\n    selectedOptions,\n    onSelect: handleHookSelect,\n    openOnFocus,\n    listboxMaxHeight,\n    disabled,\n    readOnly,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  const {\n    triggerContainerProps,\n    triggerProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen,\n    selectedItems,\n    anchorStyle,\n  } = dropdown;\n\n  const triggerButtonProps = {\n    ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n  };\n  delete triggerButtonProps.style;\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const displayLabel = multiple\n    ? allEnabledSelected\n      ? selectAllLabel\n      : selectedItems.length === 0\n      ? placeholder || \"\"\n      : \"\"\n    : selectedOption?.label || placeholder || \"\";\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"trigger\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        <div\n          {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cx(`${rootClassName}__trigger-container`, {\n            [`${rootClassName}__trigger-container--error`]: !!errorText,\n            [`${rootClassName}__trigger-container--is-valid`]: isValid,\n            [`${rootClassName}__trigger-container--negative`]: negative,\n            [`${rootClassName}__trigger-container--disabled`]: disabled,\n            [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__trigger-container--has-tags`]:\n              multiple && selectedItems.length > 0 && !allEnabledSelected,\n          })}\n          style={anchorStyle}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n              isSelect\n            />\n          )}\n          <button\n            {...triggerButtonProps}\n            className={cx(`${rootClassName}__trigger`, {\n              [`${rootClassName}__trigger--is-valid`]: isValid,\n              [`${rootClassName}__trigger--negative`]: negative,\n              [`${rootClassName}__trigger--disabled`]: disabled,\n              [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n              [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n            })}\n            aria-describedby={helperTextId}\n          >\n            <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n          </button>\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            readOnly={readOnly}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow,\n            getListboxItemProps,\n            multiple,\n            negative,\n            fieldId,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n  if (props.combobox) {\n    return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n  }\n\n  return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n  DropdownComboboxProps,\n  DropdownOption,\n  DropdownProps,\n  DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","option","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"siIAgBMA,EAAKC,GAAAA,EAAE,KAAKC,EAAM,EACXC,EAAgB,kBAchBC,GAAgB,CAAC,CAC5B,QAAAC,EACA,cAAAC,EAAA,MACAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CACF,IACOJ,EAGHK,EAAAA,KAACC,GAAAA,MAAA,CACC,QAASP,EAAgB,GAAGD,CAAO,IAAIC,CAAa,GAAKD,EACzD,UAAWL,EAAG,GAAGG,CAAa,SAAS,EACvC,cAAaK,EAAU,OAAO,EAC9B,SAAAC,EACA,SAAAC,EAEC,SAAA,CAAAC,GAAYG,EAAAA,IAAC,OAAA,CAAK,cAAW,GAAC,SAAA,IAAC,EAC/BP,CAAA,CAAA,CAAA,EAXc,KA2BRQ,GAAwB,CAAC,CACpC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,CACF,IACEN,MAAC,QAAK,UAAWd,EAAG,GAAGG,CAAa,kBAAkB,EACnD,SAAAa,EACCF,EAAAA,IAACO,GAAAA,QAAA,CACC,SAAAZ,EACA,KAAK,MACL,SAAAC,EACA,cAAaF,EAAU,SAAS,CAAA,CAClC,EAEAI,EAAAA,KAAAU,WAAA,CACG,SAAA,CAAAL,GACCH,EAAAA,IAACS,GAAAA,EAAA,CACC,cAAaf,EAAU,YAAY,EACnC,UAAWR,EAAG,GAAGG,CAAa,cAAc,CAAA,CAAA,EAGhDW,EAAAA,IAACU,GAAAA,EAAA,CACC,UAAWxB,EAAG,GAAGG,CAAa,iBAAkB,CAC9C,CAAC,GAAGA,CAAa,sBAAsB,EAAGiB,GAAmBF,EAC7D,CAAC,GAAGf,CAAa,0BAA0B,EAAGM,EAC9C,CAAC,GAAGN,CAAa,0BAA0B,EAAGgB,GAAY,CAACV,EAC3D,CAAC,GAAGN,CAAa,0BAA0B,EAAGc,EAC9C,CAAC,GAAGd,CAAa,0BAA0B,EAAGO,CAAA,CAC/C,EACD,cAAaF,EAAU,eAAe,EACtC,KAAK,IAAA,CAAA,CACP,CAAA,CACF,CAAA,CAEJ,EAYWiB,GAAe,CAAC,CAC3B,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,SAAAiB,EACA,SAAAC,CACF,IACOF,EAAc,OAGjBZ,EAAAA,IAACe,GAAAA,qBAAA,CACC,UAAW7B,EAAG,GAAGG,CAAa,eAAgB,CAC5C,CAAC,GAAGA,CAAa,sBAAsB,EAAGyB,CAAA,CAC3C,EACD,SAAAlB,EACA,cAAaF,EAAU,MAAM,EAC7B,KAAK,KAEJ,SAAAkB,EAAc,IAAKI,GAClBhB,EAAAA,IAACe,GAAAA,qBAAqB,KAArB,CAEC,GAAIC,EAAK,GACT,cAAatB,EAAU,OAAOsB,EAAK,EAAE,EAAE,EACvC,aAAY,UAAUA,EAAK,KAAK,GAChC,UAAW,IAAM,CACfH,EAASG,CAAI,CACf,EACA,SAAUrB,GAAYqB,EAAK,SAE1B,SAAAA,EAAK,KAAA,EATDA,EAAK,EAAA,CAWb,CAAA,CAAA,EAxB6B,KAoCvBC,GAAiB,CAAC,CAC7B,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CACF,IACEE,EAAAA,KAAAU,WAAA,CACG,SAAA,CAAAU,GAAalB,EAAAA,IAACqB,GAAAA,eAAA,CAAe,SAAAzB,EAAqB,SAAAsB,EAAU,EAC5DC,GAAc,CAACD,GACdlB,EAAAA,IAACsB,GAAAA,iBAAgB,GAAIF,EAAc,SAAAxB,EAChC,SAAAuB,CAAA,CACH,CAAA,EAEJ,EAGWI,GAAuB,iCASvBC,GAAsB,CAAC,CAClC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAf,CACF,IACM,CAACa,GAAkB,CAACC,GACDC,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EACrC,SAAW,EAAU,GAMjC,CALiBD,EAAQ,OAAQC,GAAMA,EAAE,QAAQ,EACV,KAC3CA,GAAM,CAAChB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAiBtCE,GAAuB,CAAC,CACnC,cAAAC,EACA,oBAAAC,EACA,SAAAN,EACA,SAAA9B,EACA,QAAAL,EACA,cAAA0C,EACA,eAAAR,EACA,cAAAb,EAAgB,CAAA,CAClB,IAAiC,CAC/B,GAAIqB,IAAkB,QAAa,CAACF,EAAc,OAChD,aAAQG,GAAAA,QAAQ,KAAR,CAAa,eAAc,GAAE,SAAAD,EAAc,EAGrD,MAAME,EAAeJ,EAAc,CAAC,GAAG,KAAOR,GAE9C,IAAIa,EAAsC,GAC1C,GAAID,EAAc,CAEhB,MAAME,EADcN,EAAc,OAAQH,GAAMA,EAAE,KAAOL,EAAoB,EAC1C,OAAQK,GAAM,CAACA,EAAE,QAAQ,EACtDU,EAAuBD,EAAe,OAAQT,GAClDhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EACvC,OACIW,EACJF,EAAe,OAAS,GAAKC,IAAyBD,EAAe,OACjEG,EAAe5B,EAAc,OAAS,EAC5CwB,EAAwBG,EAAqB,GAAOC,EAAe,gBAAkB,EACvF,CAEA,OAAOT,EAAc,IAAI,CAACU,EAAQC,IAAU,CAC1C,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcb,EAAoBS,EAAQC,CAAK,EAEzE,OAAID,EAAO,KAAOlB,GAEdvB,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAEE,GAAGW,EACJ,gBAAeT,IAA0B,GACzC,UAAWlD,EACT,GAAGG,CAAa,2BAChB,GAAGA,CAAa,mBAAA,EAElB,iBAAgB,GAEhB,eAAC,OAAA,CAAK,UAAWH,EAAG,GAAGG,CAAa,sBAAsB,EACxD,SAAAW,EAAAA,IAAC8C,GAAAA,SAAA,CACC,GAAI,GAAGvD,CAAO,uBACd,QAAS6C,EACT,MAAOX,EACP,SAAA7B,EACA,cAAW,EAAA,CAAA,CACb,CACF,CAAA,EAjBK+C,CAAA,EAsBPjB,EAEA1B,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAEE,GAAGW,EACJ,UAAW3D,EAAG,GAAGG,CAAa,2BAA4B,CACxD,CAAC,GAAGA,CAAa,oBAAoB,EAAG8C,CAAA,CACzC,EACD,SAAU,CAAC,CAACS,EACZ,iBAAgB,GAEhB,SAAA5C,EAAAA,IAAC,OAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,uBAAwB,CACpD,CAAC,GAAGA,CAAa,gCAAgC,EAAGoD,EAAO,QAAA,CAC5D,EAED,SAAAzC,EAAAA,IAAC8C,GAAAA,SAAA,CACC,GAAI,GAAGvD,CAAO,aAAakD,EAAO,EAAE,GACpC,QAAS,CAAC,CAACG,EACX,MAAOH,EAAO,MACd,SAAA7C,EACA,cAAW,GACX,SAAU6C,EAAO,QAAA,CAAA,CACnB,CAAA,CACF,EArBKE,CAAA,EA2BT3C,EAAAA,IAACkC,GAAAA,QAAQ,KAAR,CAAkC,GAAGW,EAAW,SAAU,CAAC,CAACD,EAC3D,SAAA5C,EAAAA,IAAC,OAAA,CAAM,SAAAyC,EAAO,KAAA,CAAM,GADHE,CAEnB,CAEJ,CAAC,CACH,ECjTMI,GAAgB,CACpBpB,EACAqB,EACAC,IACqB,CACrB,GAAIA,EACF,OAAOtB,EAAQ,OAAQc,GAAWQ,EAAaD,EAAYP,CAAM,CAAC,EAEpE,GAAI,CAACO,EAAY,OAAOrB,EACxB,MAAMuB,EAASF,EAAW,YAAA,EAAc,MAAM,GAAG,EACjD,OAAOrB,EAAQ,OAAQc,GACrBS,EAAO,MAAOC,IAAWV,EAAO,OAASA,EAAO,OAAO,YAAA,EAAc,SAASU,CAAK,CAAC,CAAA,CAExF,EAEaC,GAAqB,CAAC,CACjC,QAAAzB,EACA,WAAAqB,EACA,aAAAC,EACA,eAAAI,EACA,SAAA3B,CACF,IAOM,CAACA,GAAY2B,GAAkBA,EAAe,QAAUL,EACnDrB,EAEFoB,GAAcpB,EAASqB,EAAYC,CAAY,ECtB3CK,GAAmB,CAAC,CAC/B,qBAAAC,EACA,kBAAAC,EACA,eAAAH,EACA,cAAAI,CACF,IAA8B,CAC5B,KAAM,CAACC,EAAoBC,CAAqB,EAAIC,EAAAA,UACjD,OAAOL,GAAyB,SAC7BA,EACAC,GAAqBH,GAAgB,QAAU,EAAA,EAWrD,MAAO,CACL,kBARA,OAAOE,GAAyB,SAAWA,EAAuBG,EASlE,mBAP0BG,GAAkB,CAC5CJ,IAAgBI,CAAK,EACrBF,EAAsBE,CAAK,CAC7B,CAIE,CAEJ,EChBaC,GAAmBC,EAAAA,WAAkD,CAACC,EAAOC,IAAQ,CAChG,KAAM,CACJ,GAAIC,EACJ,MAAAzE,EACA,QAAAkC,EACA,UAAAwC,EACA,UAAAjD,EACA,WAAAC,EACA,YAAAiD,EACA,SAAAxE,EAAW,GACX,SAAAS,EAAW,GACX,SAAAV,EAAW,GACX,SAAAE,EAAW,GACX,MAAAwE,EACA,QAAAnE,EACA,SAAAwB,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,YAAAC,GAAc,GACd,iBAAAC,EACA,aAAAC,GACA,aAAAzB,EACA,WAAA0B,EACA,kBAAAnB,EACA,cAAAC,EACA,cAAAxB,EACA,qBAAA2C,EAAuB,GACvB,eAAAnD,EACA,CAAC,aAAa,EAAGoD,CAAA,EACfb,EAEEc,EAAWC,EAAAA,MAAA,EACXxF,EAAU2E,GAAUY,EACpBpF,EAAasF,GAAkBH,EAAa,GAAGA,CAAU,IAAIG,CAAI,GAAK,OACtE7E,EAAU,CAAC,CAACkE,GAAS,CAACnD,EACtBE,EAAe,GAAG7B,CAAO,eAEzBqB,EAAgBc,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEjF,CAAE,kBAAA4B,EAAmB,mBAAAC,CAAA,EAAuB5B,GAAiB,CACjE,qBAAsBqB,EACtB,kBAAAnB,EACA,eAAAH,EACA,cAAAI,CAAA,CACD,EAEK1B,EAAgBqB,GAAmB,CACvC,QAAAzB,EACA,WAAYsD,EACZ,aAAAhC,EACA,eAAAI,EACA,SAAA3B,CAAA,CACD,EAEKyD,GAAgB3D,GAAoB,CACxC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAAf,CAAA,CACD,EAMKwE,GACJD,KAJ6BA,IAAiB,CAACF,GAK3C,CAAC,CAAE,GAAI1D,GAAsB,MAAOE,CAAA,EAA4B,GAAGM,CAAa,EAChFA,EAEAsD,EAAkB,IAAM,CAC5B,MAAMhD,EAAiBV,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EAIxD,GAH2BS,EAAe,MAAOT,GAC/ChB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAEjB,CACtB,MAAM0D,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,QAAQ,EACnD2C,IAAW,OAAWe,CAAI,CAC5B,KAAO,CAEL,MAAMA,EAAO,CAAC,GADW1E,EAAc,OAAQgB,IAAMA,GAAE,QAAQ,EAC5B,GAAGS,CAAc,EACpDkC,IAAW,OAAWe,CAAI,CAC5B,CACAJ,EAAmB,EAAE,CACvB,EAEMK,GAA4B9C,GAA2B,CAC3D,GAAIA,EAAO,KAAOlB,GAAsB,CACtC8D,EAAA,EACA,MACF,CACA,GAAI3D,EAAU,CAEZ,MAAM4D,EADoB1E,EAAc,KAAMgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAElE7B,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC9C,CAAC,GAAG7B,EAAe6B,CAAM,EAC7B8B,IAAW9B,EAAQ6C,CAAI,EACvBJ,EAAmB,EAAE,CACvB,MACEX,IAAW9B,EAAQ,CAACA,CAAM,CAAC,EAC3ByC,EAAmBzC,EAAO,KAAK,CAEnC,EAEM,CACJ,QAAA+C,GACA,SAAAC,GACA,WAAAC,EACA,aAAAC,GACA,oBAAA3D,GACA,OAAA5B,EACA,YAAAwF,EACA,YAAAC,CAAA,EACEC,MAAgB,CAClB,GAAIvG,EACJ,QAAS6F,GACT,aAAcV,IAAgBjF,GAAS,UACvC,eAAgBiC,EAAW,OAAY2B,EACvC,SAAA1D,EACA,SAAAU,EACA,YAAAmE,GACA,iBAAAC,EACA,qBAAAG,EACA,cAAe,CAAClD,EAChB,cAAAO,EACA,SAAArC,EACA,SAAU2F,GACT,cAAgBV,CAAA,CAClB,EAEKkB,EAAcC,GAAgC,CACjDR,GAAmD,QAAUQ,EAC1D,OAAO/B,GAAQ,WAAYA,EAAI+B,CAAI,EAC9B/B,IAAMA,EAA+C,QAAU+B,EAC1E,EAIMC,GAAmC,CAACxD,EAAwBC,IAAkB,CAClF,MAAMsB,EAAQhC,GAAoBS,EAAQC,CAAK,EAC/C,GAAIhB,EAAU,CACZ,MAAMwE,EAAatF,EAAc,KAAMgB,IAAMA,GAAE,KAAOa,EAAO,EAAE,EAC/D,MAAO,CAAE,GAAGuB,EAAO,SAAUkC,EAAY,gBAAiBA,CAAA,CAC5D,CACA,OAAOlC,CACT,EAEMmC,GAAmB1D,GAA2B,CAClD,MAAM6C,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC3D8B,IAAW9B,EAAQ6C,CAAI,CACzB,EAEMc,GAAsBC,GAAiD,CAC3E,GACE3E,GACA2E,EAAM,MAAQ,aACdA,EAAM,cAAc,QAAU,IAC9BzF,EAAc,OAAS,GAGvB,QAAS0F,EAAI1F,EAAc,OAAS,EAAG0F,GAAK,EAAGA,IAC7C,GAAI,CAAC1F,EAAc0F,CAAC,EAAE,SAAU,CAC9BH,GAAgBvF,EAAc0F,CAAC,CAAC,EAChC,KACF,EAGHZ,GAA4D,YAAYW,CAAK,CAChF,EAEME,EAAiEC,GAAM,CAC3EtB,EAAmBsB,EAAE,OAAO,KAAK,EAC5BpG,GACHwF,EAAA,CAEJ,EAEMa,EAAiEJ,GAAU,CAC/E,GAAI1G,GAAYU,EAAU,OAE1B,MAAMqG,EAASL,EAAM,OAErB,GACEK,IAAYjB,GAA+C,SAC3DiB,EAAO,QAAQ,QAAQ,EAEvB,OAGF,MAAMC,EAASlB,GAA+C,QAC9DkB,GAAO,cAAc,IAAI,WAAW,YAAa,CAAE,QAAS,EAAA,CAAM,CAAC,EACnEA,GAAO,MAAA,CACT,EAKMpE,GACJb,GACA,CAAC,CAACD,GACFE,EAAQ,OAAS,GACjBA,EAAQ,MAAOC,GAAMhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAC,EAEzDgF,EAAmB1H,EAAGG,EAAe8E,EAAW,CACpD,CAAC,GAAG9E,CAAa,YAAY,EAAGO,CAAA,CACjC,EAED,OACEE,EAAAA,KAAC,MAAA,CAAI,IAAKiG,EAAY,UAAWa,EAC/B,SAAA,CAAA5G,EAAAA,IAACV,GAAA,CACC,QAAAC,EACA,cAAc,QACd,MAAAE,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,CAAA,QAED,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,aAAa,EAG9C,SAAAS,EAAAA,KAAC,MAAA,CACC,UAAWZ,EAAG,GAAGG,CAAa,uBAAwB,CACpD,CAAC,GAAGA,CAAa,6BAA6B,EAAG,CAAC,CAAC6B,EACnD,CAAC,GAAG7B,CAAa,gCAAgC,EAAGc,EACpD,CAAC,GAAGd,CAAa,gCAAgC,EAAGO,EACpD,CAAC,GAAGP,CAAa,gCAAgC,EAAGM,EACpD,CAAC,GAAGN,CAAa,gCAAgC,EAAGgB,GAAY,CAACV,CAAA,CAClE,EACD,MAAOkG,EACP,QAASY,EAER,SAAA,CAAA/E,GAAY,CAACa,IACZvC,EAAAA,IAACW,GAAA,CACC,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,SAAUuG,EAAA,CAAA,EAGdnG,EAAAA,IAAC,QAAA,CACE,GAAI0F,EACL,IAAKD,GACL,GAAI,GAAGlG,CAAO,SACd,cAAaG,EAAU,OAAO,EAC9B,UAAW0G,GACX,SAAUG,EACV,MAAOhE,IAAsB,CAAC0C,EAAoBxD,EAAiBwD,EACnE,YAAAb,EACA,UAAWlF,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,EACD,mBAAkBwB,EAClB,eAAc,CAAC,CAACF,EAChB,SAAAvB,EACA,SAAAU,CAAA,CAAA,EAEFL,EAAAA,IAACC,GAAA,CACC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,EACA,gBAAe,EAAA,CAAA,EAEjBJ,EAAAA,IAAC,OAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,EACCQ,GACCJ,EAAAA,IAACkC,GAAAA,QAAA,CAAS,GAAGyD,GAAc,UAAWzG,EAAG,GAAGG,CAAa,WAAW,EACjE,SAAAyC,GAAqB,CACpB,cAAesD,GACf,oBAAqBa,GACrB,SAAAvE,EACA,SAAA9B,EACA,QAAAL,EACA,cAAA0C,EACA,eAAAR,EACA,cAAAb,CAAA,CACD,EACH,EAEFZ,EAAAA,IAACiB,GAAA,CACC,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CAAA,CAAA,CACF,EACF,CAEJ,CAAC,EAEDkE,GAAiB,YAAc,mBCnTxB,MAAM+C,GAAuB,CAAC,CACnC,QAAAlF,EACA,qBAAAiD,CACF,IAAkC,CAChC,MAAMkC,EAAaC,EAAAA,OAAyB,IAAI,EAC1CC,EAAaD,EAAAA,OAAsC,EAAE,EAErD,CAACE,EAAmBC,CAAoB,EAAItD,EAAAA,SAChDgB,EAAuBjD,EAAQ,CAAC,EAAI,MAAA,EAGhCwF,EAAwBC,GAAwC,CACpE,GAAIA,EAAU,CACZ,MAAMC,EAAaD,EAAS,sBAAA,EACtBE,EAAcR,EAAW,SAAS,sBAAA,GAA2B,CAAE,IAAK,EAAG,OAAQ,CAAA,GACnEO,EAAW,IAAMC,EAAY,KAAOD,EAAW,OAASC,EAAY,SAEpFF,EAAS,eAAe,CAAE,MAAO,SAAA,CAAW,CAEhD,CACF,EA0CA,MAAO,CACL,kBAAAH,EACA,WAAAH,EACA,WAAAE,EACA,eA5CqB,CACrBO,EACAxF,IAC+B,CAC/B,MAAMyF,EAAczF,EAAc,OAAQH,GAAM,CAACA,EAAE,QAAQ,EAC3D,GAAI,CAAC4F,EAAY,OAAQ,OAEzB,MAAMC,EAAeR,EACjBO,EAAY,UAAW5F,GAAMA,EAAE,KAAOqF,EAAkB,EAAE,EAC1D,GAEJ,OAAIM,IAAc,YACTC,GAAaC,EAAe,GAAKD,EAAY,MAAM,EAErDA,GAAaC,EAAe,EAAID,EAAY,QAAUA,EAAY,MAAM,CACjF,EA8BE,gBA5BuB/E,GAAuC,CAC9DyE,EAAqBzE,EAAS,CAAE,GAAGA,CAAA,EAAW,MAAS,EACnDA,GAAQ0E,EAAqBH,EAAW,QAAQvE,EAAO,EAAE,CAAC,CAChE,EA0BE,iBAxBwBA,GAA2B,CAC/CA,EAAO,KAAOwE,GAAmB,IACnCC,EAAqB,CAAE,GAAGzE,EAAQ,kBAAmB,GAAM,CAE/D,EAqBE,kBAnBwB,CAACA,EAAwBiF,IAAoC,CACrF,sBAAsB,IAAM,CAE1BR,EAAqB,CAAE,GAAGzE,EAAQ,kBADRiF,IAAc,QACa,EACrDP,EAAqBH,EAAW,QAAQvE,EAAO,EAAE,CAAC,CACpD,CAAC,CACH,EAcE,eAZqB,IAAM,CAC3ByE,EAAqB,MAAS,CAChC,CAUE,CAEJ,ECjFaS,GAAoB,CAACC,EAA6BC,IAAyB,CACtF,MAAMC,EAAqBC,EAAAA,YACxB1B,GAAsB,CACjBuB,GAAW,CAACA,EAAQ,SAASvB,EAAM,MAAc,GACnDwB,EAAA,CAEJ,EACA,CAACA,EAAUD,CAAO,CAAA,EAGpBI,EAAAA,UAAU,KACR,SAAS,iBAAiB,YAAaF,CAAkB,EAClD,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,GACC,CAACA,CAAkB,CAAC,CACzB,EC0CaG,GAAc,CAAC,CAC1B,GAAAC,EACA,QAAAC,EACA,QAAAxG,EACA,aAAA+C,EACA,SAAAhD,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,aAAAtB,EACA,WAAYM,EACZ,kBAAAC,EACA,cAAAC,EACA,cAAAxB,EACA,qBAAA2C,EAAuB,GACvB,YAAAJ,EAAc,GACd,iBAAAC,EACA,SAAA7E,EACA,SAAAD,EAAW,GACX,SAAAU,EAAW,GACX,CAAC,eAAgBwE,EACnB,IAA4C,CAC1C,MAAMuD,EAAaD,IAAY,WACzBE,GAAWtD,EAAAA,MAAA,EAGXS,EAAUuB,EAAAA,OAA8B,IAAI,EAC5CuB,EAAavB,EAAAA,OAAiC,IAAI,EAClDtB,EAAWsB,EAAAA,OAAgC,IAAI,EAG/CwB,EAAY1B,GAAqB,CAAE,QAAAlF,EAAS,qBAAAiD,EAAsB,EAClE,CAAE,kBAAAK,EAAmB,mBAAAC,CAAA,EAAuB5B,GAAiB,CACjE,qBAAAC,EACA,kBAAAC,EACA,eAAAH,EACA,cAAAI,CAAA,CACD,EAGK,CAACrD,EAAQoI,CAAS,EAAI5E,EAAAA,SAAS,EAAK,EAEpC6E,EAAe,IAAM,CACzBD,EAAU,EAAK,EACfD,EAAU,eAAA,CACZ,EAEAZ,GAAkBnC,EAAQ,QAASiD,CAAY,EAE/C,MAAM7C,EAAc,CAAC,CAAE,UAAA8B,KAAqD,CAC1Ec,EAAU,EAAI,EACd,MAAME,EAAUhH,EAAW,OAAY2B,EACnCqF,GACFH,EAAU,kBAAkBG,EAAShB,CAAS,CAElD,EAGMiB,EAAmBjH,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEpFtB,EAAgBqG,EAClBhF,GAAmB,CACjB,QAAAzB,EACA,WAAYsD,EACZ,aAAAhC,EACA,eAAAI,EACA,SAAA3B,CAAA,CACD,EACDC,EAEEiH,EAAcxI,IAAW,CAAC,CAAC2B,EAAc,QAAU,CAAC,CAACE,GAGrDvC,EAAasF,GAAkBH,GAAa,GAAGA,EAAU,IAAIG,CAAI,GAAK,OAGtE6D,EAAgBpG,GAAuC,CAC3D,GAAI,GAACA,GAAUA,EAAO,UAEtB,GAAIf,EAAU,CAEZ,MAAM4D,GADoBqD,EAAiB,KAAM/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAErEkG,EAAiB,OAAQ/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EACjD,CAAC,GAAGkG,EAAkBlG,CAAM,EAChC8B,IAAW9B,EAAQ6C,EAAI,EACnB8C,IACFlD,EAAmB,EAAE,EACrBO,EAAS,SAAS,MAAA,EAEtB,MACElB,IAAW9B,EAAQ,CAACA,CAAM,CAAC,EACvB2F,GACFlD,EAAmBzC,EAAO,KAAK,EAEjCgG,EAAA,GACCL,EAAa3C,EAAW6C,GAAY,SAAS,MAAA,CAElD,EAGMQ,EAAuBvB,GAAuC,CAC7DqB,GAAahD,EAAY,CAAE,UAAW,WAAY,EACvD,MAAMN,EAAOiD,EAAU,eAAehB,EAAWxF,CAAa,EAC9DwG,EAAU,gBAAgBjD,CAAI,CAChC,EAGMyD,EAAiB1C,GAA+B,CACpD,GAAI,EAAA1G,GAAYU,GAEhB,OAAQgG,EAAM,IAAA,CACZ,IAAK,UACL,IAAK,YACHA,EAAM,eAAA,EACNyC,EAAoBzC,EAAM,GAAG,EAC7B,MACF,IAAK,QAAS,CACZA,EAAM,eAAA,EACFuC,GAAeL,EAAU,kBAC3BM,EAAaN,EAAU,iBAAiB,EAC9BK,GACVhD,EAAY,CAAE,UAAW,WAAY,EAEvC,KACF,CACA,IAAK,IAAK,CACHwC,IACH/B,EAAM,eAAA,EACFuC,GAAeL,EAAU,kBAC3BM,EAAaN,EAAU,iBAAiB,EAC9BK,GACVhD,EAAY,CAAE,UAAW,WAAY,GAGzC,KACF,CACA,IAAK,SACHS,EAAM,eAAA,EACNoC,EAAA,EACA,MACF,IAAK,MACHA,EAAA,EACA,MACF,IAAK,OACL,IAAK,MACCL,GAAYK,EAAA,EAChB,KAAA,CAEN,EAGMlC,GAAiEC,GAAM,CAC3EtB,EAAmBsB,EAAE,OAAO,KAAK,EACjC+B,EAAU,eAAA,EACLnI,GAAQwF,EAAY,CAAE,UAAW,WAAY,CACpD,EAEMoD,GAAuB,IAAM,CAC7BrJ,GAAYU,IAChBD,EAASqI,IAAiB7C,EAAY,CAAE,UAAW,QAAS,EAC9D,EAEMqD,GAAmB,IAAM,CACzB,CAAC7I,GAAUoE,GAAe,CAAC7E,GAAY,CAACU,GAC1CuF,EAAY,CAAE,UAAW,WAAY,EAEvCH,EAAS,SAAS,OAAA,CACpB,EAEMyD,EAAkB,IAAM,CAC5B,WAAW,IAAM,CACf,MAAMC,EAAW,SAAS,cAMxBA,IAAa,SAAS,MACtB,CAAC1D,EAAS,SAAS,SAAS0D,CAAQ,GACpC,CAACZ,EAAU,WAAW,SAAS,SAASY,CAAQ,GAChD,CAAC3D,EAAQ,SAAS,SAAS2D,CAAQ,IAEnCV,EAAA,EACIL,GAAc,CAAC1G,GACjBwD,EAAmB7B,EAAiBA,EAAe,MAAQ,EAAE,EAGnE,CAAC,CACH,EAGM+F,GAAqB,IAAM,CAC3BzJ,GAAYU,IAChBD,EAASqI,IAAiB7C,EAAY,CAAE,UAAW,QAAS,EAC9D,EAEMyD,GAAwEhD,GAAU,CACtF,GAAI1G,GAAYU,EAAU,OAE1B,MAAMiJ,EAAiBjD,EAAM,OAAuB,QAAQ,QAAQ,EAChEiD,GAAiBA,IAAkBhB,EAAW,SAIlDc,GAAA,CACF,EAEMG,GAAqB,IAAM,CAC3B,CAACnJ,GAAUoE,GAAe,CAAC7E,GAAY,CAACU,GAC1CuF,EAAY,CAAE,UAAW,WAAY,CAEzC,EAGM4D,EAAY,GAAGtB,CAAE,WACjBuB,GAAuBhH,GAA2B,GAAGyF,CAAE,iBAAiBzF,EAAO,EAAE,GACjFiH,GAAa,qBAAqBrB,GAAS,QAAQ,KAAM,EAAE,CAAC,GAC5DxC,EAAc,CAAE,WAAA6D,EAAA,EAChBC,EAAwDvB,EAC1D,KACA,CACE,QAASiB,EAAA,EAITO,EAAqB7B,EAAAA,YACxB/B,GAAkC,CAEjC,GADCuC,EAAU,WAA+D,QAAUvC,EAChFA,GAAQ,OAAOA,EAAK,aAAgB,WACtC,GAAI,CACFA,EAAK,YAAA,CACP,MAAQ,CAER,CAEJ,EACA,CAACuC,EAAU,UAAU,CAAA,EAGjB5C,EAAe,CACnB,aAAcjB,EACd,gBAAiBkE,EACjB,cAAelJ,EAAU,SAAS,EAClC,GAAI8J,EACJ,IAAKI,EACL,aAAc,IAAMrB,EAAU,eAAA,EAC9B,QAAS,SACT,SAAA3I,EACA,MAAO,CACL,GAAI6E,EACA,CACE,UACE,OAAOA,GAAqB,SAAW,GAAGA,CAAgB,KAAOA,CAAA,EAErE,CAAA,EACJ,eAAgBiF,EAAA,CAClB,EAGI1H,GAAsB,CAACS,EAAwBC,IAAoC,CACvF,MAAMwD,GAAayC,EAAiB,KAAM/G,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC5D,CAAE,kBAAAwE,GAAsBsB,EAExBsB,GACHpH,EAAO,KAAOwE,GAAmB,IAC/BrC,GAAwB,CAACqC,GAAqBvE,IAAU,IAC3D,CAACuE,GAAmB,kBAEtB,MAAO,CACL,cAAevH,EAAU,gBAAgB+C,EAAO,EAAE,EAAE,EACpD,GAAIgH,GAAoBhH,CAAM,EAC9B,IAAKA,EAAO,GACZ,YAAa,IAAM8F,EAAU,iBAAiB9F,CAAM,EACpD,UAAW,IAAMoG,EAAapG,CAAM,EACpC,IAAMqH,GAAO,CACPA,IAAIvB,EAAU,WAAW,QAAQ9F,EAAO,EAAE,EAAIqH,EACpD,EACA,SAAU,GACV,SAAU5D,GACV,SAAUzD,EAAO,SACjB,YAAAoH,EACA,QAASpH,EAAO,KAAOwE,GAAmB,IAAM,CAAC,CAACA,GAAmB,kBACrE,gBAAiBf,EAAA,CAErB,EAEM6D,GAAwC3B,EAC1C,GACA,CACE,IAAKE,EACL,KAAM,SACN,KAAM,WACN,gBAAiB,UACjB,gBAAiBM,EACjB,gBAAiBY,EACjB,gBAAiB7J,EACjB,cAAeD,EAAU,SAAS,EAClC,GAAI,GAAGwI,CAAE,WACT,UAAWa,EACX,QAASQ,GACT,SAAA5J,EACA,SAAUA,EAAW,GAAK,EAC1B,MAAOkG,CAAA,EAGPH,GAA6C0C,EAC/C,CACE,IAAK3C,EACL,KAAM,WACN,oBAAqB,OACrB,gBAAiBmD,EACjB,gBAAiBY,EACjB,wBAAyBjB,EAAU,kBAC/BkB,GAAoBlB,EAAU,iBAAiB,EAC/C,OACJ,cAAe7I,EAAU,OAAO,EAChC,aAAc,MACd,GAAI,GAAGwI,CAAE,SACT,KAAM,OACN,MAAOjD,EACP,SAAUsB,GACV,YAAayC,GACb,QAASC,GACT,OAAQC,EACR,UAAWH,EACX,SAAApJ,EACA,SAAAU,CAAA,EAEF,KAEJ,MAAO,CACL,QAAAmF,EACA,sBAAAmE,EACA,aAAAI,GACA,WAAArE,GACA,aAAAC,EACA,oBAAA3D,GACA,cAAAD,EACA,OAAQ6G,EACR,kBAAmBL,EAAU,kBAC7B,cAAeI,EACf,YAAA9C,CAAA,CAEJ,EClYamE,GAAiBjG,EAAAA,WAAgD,CAACC,EAAOC,IAAQ,CAC5F,KAAM,CACJ,GAAIC,EACJ,MAAAzE,EACA,QAAAkC,EACA,UAAAwC,EACA,UAAAjD,EACA,WAAAC,EACA,YAAAiD,EACA,SAAAxE,EAAW,GACX,SAAAS,EAAW,GACX,SAAAV,EAAW,GACX,SAAAE,EAAW,GACX,MAAAwE,EAAQ,GACR,QAAAnE,EAAU,GACV,SAAAwB,EAAW,GACX,eAAA2B,EACA,gBAAAiB,EAAkB,CAAA,EAClB,SAAAC,EACA,YAAAC,GAAc,GACd,iBAAAC,EACA,aAAAC,GACA,eAAAjD,EACA,CAAC,aAAa,EAAGoD,CAAA,EACfb,EAEEc,EAAWC,EAAAA,MAAA,EACXxF,EAAU2E,GAAUY,EACpBpF,EAAasF,GAAkBH,EAAa,GAAGA,CAAU,IAAIG,CAAI,GAAK,OACtE7E,EAAU,CAAC,CAACkE,GAAS,CAACnD,EACtBE,EAAe,GAAG7B,CAAO,eAIzB0K,EAAwBvI,EAAW4C,EAAkBjB,EAAiB,CAACA,CAAc,EAAI,CAAA,EAEzF8B,EAAgB3D,GAAoB,CACxC,eAAAC,EACA,SAAAC,EACA,QAAAC,EACA,cAAesI,CAAA,CAChB,EAEK5E,EAAkB,IAAM,CAC5B,MAAMhD,EAAiBV,EAAQ,OAAQC,GAAM,CAACA,EAAE,QAAQ,EAIxD,GAH2BS,EAAe,MAAOT,GAC/CqI,EAAsB,KAAMpI,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAA,EAEzB,CAEtB,MAAM0D,EAAO2E,EAAsB,OAAQrI,GAAMA,EAAE,QAAQ,EAC3D2C,IAAW,OAAWe,CAAI,CAC5B,KAAO,CAGL,MAAMA,EAAO,CAAC,GADW2E,EAAsB,OAAQrI,IAAMA,GAAE,QAAQ,EACpC,GAAGS,CAAc,EACpDkC,IAAW,OAAWe,CAAI,CAC5B,CACF,EAIM4E,EAAmB,CACvBC,EACAC,IACG,CACH,GAAID,GAAe,KAAO5I,GAAsB,CAC9C8D,EAAA,EACA,MACF,CACAd,IAAW4F,EAAeC,CAAY,CACxC,EAEMC,EAAclF,EAChB,CAAC,CAAE,GAAI5D,GAAsB,MAAOE,CAAA,EAA4B,GAAGE,CAAO,EAC1EA,EAEE2I,EAAWrC,GAAY,CAC3B,GAAI1I,EACJ,QAAS,SACT,QAAS8K,EACT,aAAc3F,IAAgBjF,GAAS,UACvC,SAAAiC,EACA,SAAA9B,EACA,eAAAyD,EACA,gBAAAiB,EACA,SAAU4F,EACV,YAAA1F,GACA,iBAAAC,EACA,SAAA9E,EACA,SAAAU,EACC,cAAgBwE,CAAA,CAClB,EAEKkB,EAAcC,GAAgC,CACjDsE,EAAS,QAAmD,QAAUtE,EACnE,OAAO/B,GAAQ,WAAYA,EAAI+B,CAAI,EAC9B/B,IAAMA,EAA+C,QAAU+B,EAC1E,EAEM,CACJ,sBAAA2D,EACA,aAAAI,EACA,aAAApE,EACA,oBAAA3D,GACA,cAAAD,GACA,OAAA3B,GACA,cAAAQ,EACA,YAAAiF,EAAA,EACEyE,EAEEC,GAAqB,CACzB,GAAIR,CAAA,EAEN,OAAOQ,GAAmB,MAE1B,MAAMpE,GAAmB1D,GAA2B,CAClD,MAAM6C,EAAO1E,EAAc,OAAQgB,GAAMA,EAAE,KAAOa,EAAO,EAAE,EAC3D8B,IAAW9B,EAAQ6C,CAAI,CACzB,EAKM/C,EACJb,GACA,CAAC,CAACD,GACFE,EAAQ,OAAS,GACjBA,EAAQ,MAAOC,GAAMhB,EAAc,KAAMiB,GAAMA,EAAE,KAAOD,EAAE,EAAE,CAAC,EAEzD4I,GAAe9I,EACjBa,EACEd,EACAb,EAAc,SAAW,GACzBwD,GAAe,GAEjBf,GAAgB,OAASe,GAAe,GAEtCwC,GAAmB1H,EAAGG,EAAe8E,EAAW,CACpD,CAAC,GAAG9E,CAAa,YAAY,EAAGO,CAAA,CACjC,EAED,OACEE,EAAAA,KAAC,MAAA,CAAI,IAAKiG,EAAY,UAAWa,GAC/B,SAAA,CAAA5G,EAAAA,IAACV,GAAA,CACC,QAAAC,EACA,cAAc,UACd,MAAAE,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,CAAA,QAED,MAAA,CAAI,UAAWX,EAAG,GAAGG,CAAa,aAAa,EAC9C,SAAAS,EAAAA,KAAC,MAAA,CACE,GAAI6J,EACL,UAAWzK,EAAG,GAAGG,CAAa,sBAAuB,CACnD,CAAC,GAAGA,CAAa,4BAA4B,EAAG,CAAC,CAAC6B,EAClD,CAAC,GAAG7B,CAAa,+BAA+B,EAAGc,EACnD,CAAC,GAAGd,CAAa,+BAA+B,EAAGO,EACnD,CAAC,GAAGP,CAAa,+BAA+B,EAAGM,EACnD,CAAC,GAAGN,CAAa,+BAA+B,EAAGgB,GAAY,CAACV,EAChE,CAAC,GAAGN,CAAa,+BAA+B,EAC9CqC,GAAYd,EAAc,OAAS,GAAK,CAAC2B,CAAA,CAC5C,EACD,MAAOsD,GAEN,SAAA,CAAAnE,GAAY,CAACa,GACZvC,EAAAA,IAACW,GAAA,CACC,cAAAC,EACA,UAAAlB,EACA,SAAAC,EACA,SAAAC,EACA,SAAUuG,GACV,SAAQ,EAAA,CAAA,EAGZnG,EAAAA,IAAC,SAAA,CACE,GAAGuK,GACJ,UAAWrL,EAAG,GAAGG,CAAa,YAAa,CACzC,CAAC,GAAGA,CAAa,qBAAqB,EAAGc,EACzC,CAAC,GAAGd,CAAa,qBAAqB,EAAGO,EACzC,CAAC,GAAGP,CAAa,qBAAqB,EAAGM,EACzC,CAAC,GAAGN,CAAa,qBAAqB,EAAGgB,GAAY,CAACV,EACtD,CAAC,GAAGN,CAAa,wBAAwB,EAAG,CAACuB,EAAc,MAAA,CAC5D,EACD,mBAAkBQ,EAElB,SAAApB,EAAAA,IAAC,QAAK,UAAWd,EAAG,GAAGG,CAAa,gBAAgB,EAAI,SAAAmL,EAAA,CAAa,CAAA,CAAA,EAEvExK,EAAAA,IAACC,GAAA,CACC,UAAAP,EACA,QAAAQ,EACA,SAAAP,EACA,SAAAC,EACA,QAAAO,EACA,OAAAC,GACA,SAAAC,EACA,gBAAe,EAAA,CAAA,EAEjBL,EAAAA,IAAC,OAAA,CACC,UAAWd,EAAG,GAAGG,CAAa,UAAW,CACvC,CAAC,GAAGA,CAAa,mBAAmB,EAAGO,CAAA,CACxC,CAAA,CAAA,CACH,CAAA,CAAA,EAEJ,EACCQ,IACCJ,EAAAA,IAACkC,GAAAA,QAAA,CAAS,GAAGyD,EAAc,UAAWzG,EAAG,GAAGG,CAAa,WAAW,EACjE,SAAAyC,GAAqB,CACpB,cAAAC,GACA,oBAAAC,GACA,SAAAN,EACA,SAAA9B,EACA,QAAAL,EACA,eAAAkC,EACA,cAAAb,CAAA,CACD,EACH,EAEFZ,EAAAA,IAACiB,GAAA,CACC,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,SAAAxB,CAAA,CAAA,CACF,EACF,CAEJ,CAAC,EAEDoK,GAAe,YAAc,iBCjPtB,MAAMS,GAAW1G,EAAAA,WAA0C,CAACC,EAAOC,IACpED,EAAM,SACDhE,EAAAA,IAAC8D,GAAA,CAAiB,IAAAG,EAAW,GAAID,CAAA,CAAiC,EAGpEhE,EAAAA,IAACgK,GAAA,CAAe,IAAA/F,EAAW,GAAID,CAAA,CAA+B,CACtE,EAEDyG,GAAS,YAAc"}
+{"version":3,"file":"dropdown-_FLHLyPL.js","sources":["../../../components/dropdown/src/dropdown-shared.tsx","../../../components/dropdown/src/useDropdownFilter.ts","../../../components/dropdown/src/useDropdownInput.ts","../../../components/dropdown/src/dropdown-combobox.tsx","../../../components/dropdown/src/useDropdownHighlight.ts","../../../components/dropdown/src/useOnClickOutside.ts","../../../components/dropdown/src/useDropdown.ts","../../../components/dropdown/src/dropdown-select.tsx","../../../components/dropdown/src/dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CheckedState } from \"@purpur/checkbox\";\nimport { Checkbox } from \"@purpur/checkbox\";\nimport { DismissableChipGroup } from \"@purpur/dismissable-chip-group\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Label } from \"@purpur/label\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./dropdown.module.scss\";\nimport type { DropdownOption } from \"./dropdown.types\";\n\nconst cx = c.bind(styles);\nexport const rootClassName = \"purpur-dropdown\";\n\ntype GetTestId = (name: string) => string | undefined;\n\ntype DropdownLabelProps = {\n  fieldId: string;\n  htmlForSuffix?: string;\n  label?: string;\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  required: boolean;\n};\n\nexport const DropdownLabel = ({\n  fieldId,\n  htmlForSuffix,\n  label,\n  getTestId,\n  disabled,\n  negative,\n  required,\n}: DropdownLabelProps) => {\n  if (!label) return null;\n\n  return (\n    <Label\n      htmlFor={htmlForSuffix ? `${fieldId}-${htmlForSuffix}` : fieldId}\n      className={cx(`${rootClassName}__label`)}\n      data-testid={getTestId(\"label\")}\n      disabled={disabled}\n      negative={negative}\n    >\n      {required && <span aria-hidden>*</span>}\n      {label}\n    </Label>\n  );\n};\n\ntype DropdownEndAdornmentsProps = {\n  getTestId: GetTestId;\n  loading?: boolean;\n  disabled: boolean;\n  negative: boolean;\n  isValid: boolean;\n  isOpen?: boolean;\n  readOnly?: boolean;\n  showChevronOpen: boolean;\n};\n\nexport const DropdownEndAdornments = ({\n  getTestId,\n  loading,\n  disabled,\n  negative,\n  isValid,\n  isOpen,\n  readOnly,\n  showChevronOpen,\n}: DropdownEndAdornmentsProps) => (\n  <span className={cx(`${rootClassName}__end-adornments`)}>\n    {loading ? (\n      <Spinner\n        disabled={disabled}\n        size=\"xxs\"\n        negative={negative}\n        data-testid={getTestId(\"spinner\")}\n      />\n    ) : (\n      <>\n        {isValid && (\n          <IconCheckCircleFilled\n            data-testid={getTestId(\"valid-icon\")}\n            className={cx(`${rootClassName}__valid-icon`)}\n          />\n        )}\n        <IconChevronDown\n          className={cx(`${rootClassName}__chevron-icon`, {\n            [`${rootClassName}__chevron-icon--open`]: showChevronOpen && isOpen,\n            [`${rootClassName}__chevron-icon--disabled`]: disabled,\n            [`${rootClassName}__chevron-icon--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__chevron-icon--is-valid`]: isValid,\n            [`${rootClassName}__chevron-icon--negative`]: negative,\n          })}\n          data-testid={getTestId(\"dropdown-icon\")}\n          size=\"sm\"\n        />\n      </>\n    )}\n  </span>\n);\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  negative,\n  onRemove,\n  isSelect,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  return (\n    <DismissableChipGroup\n      className={cx(`${rootClassName}__chip-group`, {\n        [`${rootClassName}__chip-group--select`]: isSelect,\n      })}\n      negative={negative}\n      data-testid={getTestId(\"tags\")}\n      size=\"sm\"\n    >\n      {selectedItems.map((item) => (\n        <DismissableChipGroup.Item\n          key={item.id}\n          id={item.id}\n          data-testid={getTestId(`tag-${item.id}`)}\n          aria-label={`Remove ${item.label}`}\n          onDismiss={() => {\n            onRemove(item);\n          }}\n          disabled={disabled || item.disabled}\n        >\n          {item.label}\n        </DismissableChipGroup.Item>\n      ))}\n    </DismissableChipGroup>\n  );\n};\n\ntype DropdownFooterProps = {\n  errorText?: string;\n  helperText?: string;\n  helperTextId: string;\n  negative: boolean;\n};\n\nexport const DropdownFooter = ({\n  errorText,\n  helperText,\n  helperTextId,\n  negative,\n}: DropdownFooterProps) => (\n  <>\n    {errorText && <FieldErrorText negative={negative}>{errorText}</FieldErrorText>}\n    {helperText && !errorText && (\n      <FieldHelperText id={helperTextId} negative={negative}>\n        {helperText}\n      </FieldHelperText>\n    )}\n  </>\n);\n\nexport const SELECT_ALL_OPTION_ID = \"__purpur-dropdown-select-all__\";\n\ntype ShouldShowSelectAllArgs = {\n  selectAllLabel?: string;\n  multiple?: boolean;\n  options: DropdownOption[];\n  selectedItems: DropdownOption[];\n};\n\nexport const shouldShowSelectAll = ({\n  selectAllLabel,\n  multiple,\n  options,\n  selectedItems,\n}: ShouldShowSelectAllArgs): boolean => {\n  if (!selectAllLabel || !multiple) return false;\n  const enabledOptions = options.filter((o) => !o.disabled);\n  if (enabledOptions.length === 0) return false;\n  const disabledOptions = options.filter((o) => o.disabled);\n  const hasDisabledUnselected = disabledOptions.some(\n    (o) => !selectedItems.some((s) => s.id === o.id)\n  );\n  // Hide \"All\" when a disabled option is not selected (can't select everything)\n  return !hasDisabledUnselected;\n};\n\ntype DropdownListboxItemsProps = {\n  optionsToShow: DropdownOption[];\n  getListboxItemProps: (option: DropdownOption, index: number) => Record<string, unknown>;\n  multiple?: boolean;\n  negative: boolean;\n  fieldId: string;\n  noOptionsText?: React.ReactNode;\n  selectAllLabel?: string;\n  selectedItems?: DropdownOption[];\n};\n\nexport const DropdownListboxItems = ({\n  optionsToShow,\n  getListboxItemProps,\n  multiple,\n  negative,\n  fieldId,\n  noOptionsText,\n  selectAllLabel,\n  selectedItems = [],\n}: DropdownListboxItemsProps) => {\n  if (noOptionsText !== undefined && !optionsToShow.length) {\n    return <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>;\n  }\n\n  const hasSelectAll = optionsToShow[0]?.id === SELECT_ALL_OPTION_ID;\n\n  let selectAllCheckedState: CheckedState = false;\n  if (hasSelectAll) {\n    const realOptions = optionsToShow.filter((o) => o.id !== SELECT_ALL_OPTION_ID);\n    const enabledOptions = realOptions.filter((o) => !o.disabled);\n    const enabledSelectedCount = enabledOptions.filter((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    ).length;\n    const allEnabledSelected =\n      enabledOptions.length > 0 && enabledSelectedCount === enabledOptions.length;\n    const someSelected = selectedItems.length > 0;\n    selectAllCheckedState = allEnabledSelected ? true : someSelected ? \"indeterminate\" : false;\n  }\n\n  return optionsToShow.map((option, index) => {\n    const { key, selected, ...itemProps } = getListboxItemProps(option, index);\n\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          aria-selected={selectAllCheckedState === true}\n          className={cx(\n            `${rootClassName}__checkbox-item-multiple`,\n            `${rootClassName}__select-all-item`\n          )}\n          hideSelectedIcon\n        >\n          <span className={cx(`${rootClassName}__checkbox-container`)}>\n            <Checkbox\n              id={`${fieldId}-checkbox-select-all`}\n              checked={selectAllCheckedState}\n              label={selectAllLabel}\n              negative={negative}\n              aria-hidden\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    if (multiple) {\n      return (\n        <Listbox.Item\n          key={key as string}\n          {...itemProps}\n          className={cx(`${rootClassName}__checkbox-item-multiple`, {\n            [`${rootClassName}__select-all-child`]: hasSelectAll,\n          })}\n          selected={!!selected}\n          hideSelectedIcon\n        >\n          <span\n            className={cx(`${rootClassName}__checkbox-container`, {\n              [`${rootClassName}__checkbox-container--disabled`]: option.disabled,\n            })}\n          >\n            <Checkbox\n              id={`${fieldId}-checkbox-${option.id}`}\n              checked={!!selected}\n              label={option.label}\n              negative={negative}\n              aria-hidden\n              disabled={option.disabled}\n            />\n          </span>\n        </Listbox.Item>\n      );\n    }\n\n    return (\n      <Listbox.Item key={key as string} {...itemProps} selected={!!selected}>\n        <span>{option.label}</span>\n      </Listbox.Item>\n    );\n  });\n};\n\nexport { cx };\n","import type { DropdownOption } from \"./dropdown.types\";\n\nconst filterOptions = (\n  options: DropdownOption[],\n  searchTerm: string | undefined,\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean\n): DropdownOption[] => {\n  if (filterOption) {\n    return options.filter((option) => filterOption(searchTerm, option));\n  }\n  if (!searchTerm) return options;\n  const chunks = searchTerm.toUpperCase().split(\" \");\n  return options.filter((option) =>\n    chunks.every((chunk) => (option.value || option.label).toUpperCase().includes(chunk))\n  );\n};\n\nexport const getFilteredOptions = ({\n  options,\n  searchTerm,\n  filterOption,\n  selectedOption,\n  multiple,\n}: {\n  options: DropdownOption[];\n  searchTerm: string | undefined;\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  selectedOption?: DropdownOption;\n  multiple: boolean;\n}): DropdownOption[] => {\n  if (!multiple && selectedOption && selectedOption.label === searchTerm) {\n    return options;\n  }\n  return filterOptions(options, searchTerm, filterOption);\n};\n","import { useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type UseDropdownInputParams = {\n  controlledInputValue?: string;\n  defaultInputValue?: string;\n  selectedOption?: DropdownOption;\n  onInputChange?: (value: string) => void;\n};\n\nexport const useDropdownInput = ({\n  controlledInputValue,\n  defaultInputValue,\n  selectedOption,\n  onInputChange,\n}: UseDropdownInputParams) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    (typeof controlledInputValue === \"string\"\n      ? controlledInputValue\n      : defaultInputValue ?? selectedOption?.label) ?? \"\"\n  );\n\n  const displayInputValue =\n    typeof controlledInputValue === \"string\" ? controlledInputValue : internalInputValue;\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  return {\n    displayInputValue,\n    populateInputField,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { useAutocomplete } from \"@purpur/use-autocomplete\";\n\nimport type { DropdownComboboxProps, DropdownOption } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownInput } from \"./useDropdownInput\";\n\nexport const DropdownCombobox = forwardRef<HTMLDivElement, DropdownComboboxProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid,\n    loading,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    filterOption,\n    inputValue,\n    defaultInputValue,\n    onInputChange,\n    noOptionsText,\n    highlightFirstOption = false,\n    selectAllLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  const selectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue: inputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  const optionsToShow = getFilteredOptions({\n    options,\n    searchTerm: displayInputValue,\n    filterOption,\n    selectedOption,\n    multiple,\n  });\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems,\n  });\n\n  // Hide \"Select all\" when the user is actively searching/filtering.\n  const selectAllMatchesSearch = showSelectAll && !displayInputValue;\n\n  // Inject a virtual \"Select all\" option so it participates in keyboard navigation.\n  const optionsWithSelectAll =\n    showSelectAll && selectAllMatchesSearch\n      ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...optionsToShow]\n      : optionsToShow;\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      selectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      const next = selectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      const disabledSelected = selectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n    populateInputField(\"\");\n  };\n\n  const handleAutocompleteSelect = (option: DropdownOption) => {\n    if (option.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    if (multiple) {\n      const isAlreadySelected = selectedItems.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? selectedItems.filter((o) => o.id !== option.id)\n        : [...selectedItems, option];\n      onSelect?.(option, next);\n      populateInputField(\"\");\n    } else {\n      onSelect?.(option, [option]);\n      populateInputField(option.label);\n    }\n  };\n\n  const {\n    rootRef,\n    inputRef,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    isOpen,\n    openListbox,\n    anchorStyle,\n  } = useAutocomplete({\n    id: fieldId,\n    options: optionsWithSelectAll,\n    listboxLabel: listboxLabel || label || \"Options\",\n    selectedOption: multiple ? undefined : selectedOption,\n    disabled,\n    readOnly,\n    openOnFocus,\n    listboxMaxHeight,\n    highlightFirstOption,\n    closeOnSelect: !multiple,\n    noOptionsText,\n    negative,\n    onSelect: handleAutocompleteSelect,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  // For multi-select the hook doesn't know about selectedOptions, so inject\n  // the correct `selected` state here based on selectedItems.\n  const getListboxItemPropsWithSelection = (option: DropdownOption, index: number) => {\n    const props = getListboxItemProps(option, index);\n    if (multiple) {\n      const isSelected = selectedItems.some((o) => o.id === option.id);\n      return { ...props, selected: isSelected, \"aria-selected\": isSelected };\n    }\n    return props;\n  };\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (\n      multiple &&\n      event.key === \"Backspace\" &&\n      event.currentTarget.value === \"\" &&\n      selectedItems.length > 0\n    ) {\n      // Find the last non-disabled chip to remove; disabled chips cannot be removed.\n      for (let i = selectedItems.length - 1; i >= 0; i--) {\n        if (!selectedItems[i].disabled) {\n          handleRemoveTag(selectedItems[i]);\n          break;\n        }\n      }\n    }\n    (inputProps as React.InputHTMLAttributes<HTMLInputElement>)?.onKeyDown?.(event);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    if (!isOpen) {\n      openListbox();\n    }\n  };\n\n  const handleContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const target = event.target as HTMLElement;\n    // Ignore clicks on the input (it has its own mousedown handler) or chip dismiss buttons.\n    if (\n      target === (inputRef as React.RefObject<HTMLInputElement>).current ||\n      target.closest(\"button\")\n    ) {\n      return;\n    }\n\n    const input = (inputRef as React.RefObject<HTMLInputElement>).current;\n    input?.dispatchEvent(new MouseEvent(\"mousedown\", { bubbles: true }));\n    input?.focus();\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"input\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        {/* disable eslint rules for this div since it is just visual container and the input inside is still accessible and has its own handlers.*/}\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          className={cx(`${rootClassName}__combobox-container`, {\n            [`${rootClassName}__combobox-container--error`]: !!errorText,\n            [`${rootClassName}__combobox-container--is-valid`]: isValid,\n            [`${rootClassName}__combobox-container--negative`]: negative,\n            [`${rootClassName}__combobox-container--disabled`]: disabled,\n            [`${rootClassName}__combobox-container--readonly`]: readOnly && !disabled,\n          })}\n          style={anchorStyle}\n          onClick={handleContainerClick}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n            />\n          )}\n          <input\n            {...(inputProps as React.InputHTMLAttributes<HTMLInputElement>)}\n            ref={inputRef as React.RefObject<HTMLInputElement>}\n            id={`${fieldId}-input`}\n            data-testid={getTestId(\"input\")}\n            onKeyDown={handleInputKeyDown}\n            onChange={handleInputChange}\n            value={allEnabledSelected && !displayInputValue ? selectAllLabel : displayInputValue}\n            placeholder={placeholder}\n            className={cx(`${rootClassName}__input`, {\n              [`${rootClassName}__input--negative`]: negative,\n            })}\n            aria-describedby={helperTextId}\n            aria-invalid={!!errorText}\n            disabled={disabled}\n            readOnly={readOnly}\n          />\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow: optionsWithSelectAll,\n            getListboxItemProps: getListboxItemPropsWithSelection,\n            multiple,\n            negative,\n            fieldId,\n            noOptionsText,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownCombobox.displayName = \"DropdownCombobox\";\n","import { useRef, useState } from \"react\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\n\nexport type HighlightedOption = DropdownOption & { isSetByClickEvent?: boolean };\n\nexport type UseDropdownHighlightParams = {\n  options: DropdownOption[];\n  highlightFirstOption: boolean;\n};\n\nexport const useDropdownHighlight = ({\n  options,\n  highlightFirstOption,\n}: UseDropdownHighlightParams) => {\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n\n  const [highlightedOption, setHighlightedOption] = useState<HighlightedOption | undefined>(\n    highlightFirstOption ? options[0] : undefined\n  );\n\n  const scrollOptionIntoView = (optionEl: HTMLLIElement | undefined) => {\n    if (optionEl) {\n      const optionRect = optionEl.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOutside = optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOutside) {\n        optionEl.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const findNextOption = (\n    direction: \"ArrowUp\" | \"ArrowDown\",\n    optionsToShow: DropdownOption[]\n  ): DropdownOption | undefined => {\n    const enabledList = optionsToShow.filter((o) => !o.disabled);\n    if (!enabledList.length) return undefined;\n\n    const currentIndex = highlightedOption\n      ? enabledList.findIndex((o) => o.id === highlightedOption.id)\n      : -1;\n\n    if (direction === \"ArrowDown\") {\n      return enabledList[(currentIndex + 1) % enabledList.length];\n    }\n    return enabledList[(currentIndex - 1 + enabledList.length) % enabledList.length];\n  };\n\n  const highlightOption = (option: DropdownOption | undefined) => {\n    setHighlightedOption(option ? { ...option } : undefined);\n    if (option) scrollOptionIntoView(optionRefs.current[option.id]);\n  };\n\n  const highlightByClick = (option: DropdownOption) => {\n    if (option.id !== highlightedOption?.id) {\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n    }\n  };\n\n  const highlightSelected = (option: DropdownOption, eventType: \"CLICK\" | \"KEYBOARD\") => {\n    requestAnimationFrame(() => {\n      const isSetByClickEvent = eventType === \"CLICK\";\n      setHighlightedOption({ ...option, isSetByClickEvent });\n      scrollOptionIntoView(optionRefs.current[option.id]);\n    });\n  };\n\n  const resetHighlight = () => {\n    setHighlightedOption(undefined);\n  };\n\n  return {\n    highlightedOption,\n    listboxRef,\n    optionRefs,\n    findNextOption,\n    highlightOption,\n    highlightByClick,\n    highlightSelected,\n    resetHighlight,\n  };\n};\n","import { useCallback, useEffect } from \"react\";\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties } from \"react\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport type { DropdownOption } from \"./dropdown.types\";\nimport { getFilteredOptions } from \"./useDropdownFilter\";\nimport { useDropdownHighlight } from \"./useDropdownHighlight\";\nimport { useDropdownInput } from \"./useDropdownInput\";\nimport { useOnClickOutside } from \"./useOnClickOutside\";\n\n// ── Hook params ────────────────────────────────────────────────────────\n\nexport type UseDropdownParams = {\n  id: string;\n  variant: \"select\" | \"combobox\";\n  options: DropdownOption[];\n  listboxLabel: string;\n  multiple?: boolean;\n\n  // Selection\n  selectedOption?: DropdownOption;\n  selectedOptions?: DropdownOption[];\n  onSelect?: (toggledOption: DropdownOption | undefined, selectedOptions: DropdownOption[]) => void;\n\n  // Combobox-specific\n  filterOption?: (inputValue: string | undefined, option: DropdownOption) => boolean;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n  noOptionsText?: React.ReactNode;\n  highlightFirstOption?: boolean;\n\n  // Shared behaviour\n  negative: boolean;\n  openOnFocus?: boolean;\n  listboxMaxHeight?: string | number;\n  disabled?: boolean;\n  readOnly?: boolean;\n\n  [\"data-testid\"]?: string;\n};\n\n// ── Return type ────────────────────────────────────────────────────────\n\nexport type UseDropdownReturn = {\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  triggerContainerProps: Record<string, unknown> | null;\n  triggerProps: Record<string, unknown>;\n  inputProps: Record<string, unknown> | null;\n  listboxProps: ListboxProps;\n  getListboxItemProps: (option: DropdownOption, index: number) => ListboxItemProps;\n  optionsToShow: DropdownOption[];\n  isOpen: boolean;\n  highlightedOption: DropdownOption | undefined;\n  selectedItems: DropdownOption[];\n  anchorStyle: CSSProperties;\n};\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport const useDropdown = ({\n  id,\n  variant,\n  options,\n  listboxLabel,\n  multiple = false,\n  selectedOption,\n  selectedOptions = [],\n  onSelect,\n  filterOption,\n  inputValue: controlledInputValue,\n  defaultInputValue,\n  onInputChange,\n  noOptionsText,\n  highlightFirstOption = false,\n  openOnFocus = false,\n  listboxMaxHeight,\n  negative,\n  disabled = false,\n  readOnly = false,\n  [\"data-testid\"]: dataTestId,\n}: UseDropdownParams): UseDropdownReturn => {\n  const isCombobox = variant === \"combobox\";\n  const uniqueId = useId();\n\n  // ── Refs ─────────────────────────────────────────────────────────────\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n\n  // ── Sub-hooks ────────────────────────────────────────────────────────\n  const highlight = useDropdownHighlight({ options, highlightFirstOption });\n  const { displayInputValue, populateInputField } = useDropdownInput({\n    controlledInputValue,\n    defaultInputValue,\n    selectedOption,\n    onInputChange,\n  });\n\n  // ── Open / close ────────────────────────────────────────────────────\n  const [isOpen, setIsOpen] = useState(false);\n\n  const closeListbox = () => {\n    setIsOpen(false);\n    highlight.resetHighlight();\n  };\n\n  useOnClickOutside(rootRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setIsOpen(true);\n    const current = multiple ? undefined : selectedOption;\n    if (current) {\n      highlight.highlightSelected(current, eventType);\n    }\n  };\n\n  // ── Derived state ───────────────────────────────────────────────────\n  const resolvedSelected = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const optionsToShow = isCombobox\n    ? getFilteredOptions({\n        options,\n        searchTerm: displayInputValue,\n        filterOption,\n        selectedOption,\n        multiple,\n      })\n    : options;\n\n  const showListbox = isOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  // ── Helpers ──────────────────────────────────────────────────────────\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n\n  // ── Selection ────────────────────────────────────────────────────────\n  const selectOption = (option: DropdownOption | undefined) => {\n    if (!option || option.disabled) return;\n\n    if (multiple) {\n      const isAlreadySelected = resolvedSelected.some((o) => o.id === option.id);\n      const next = isAlreadySelected\n        ? resolvedSelected.filter((o) => o.id !== option.id)\n        : [...resolvedSelected, option];\n      onSelect?.(option, next);\n      if (isCombobox) {\n        populateInputField(\"\");\n        inputRef.current?.focus();\n      }\n    } else {\n      onSelect?.(option, [option]);\n      if (isCombobox) {\n        populateInputField(option.label);\n      }\n      closeListbox();\n      (isCombobox ? inputRef : triggerRef).current?.focus();\n    }\n  };\n\n  // ── Navigation ───────────────────────────────────────────────────────\n  const highlightNextOption = (direction: \"ArrowUp\" | \"ArrowDown\") => {\n    if (!showListbox) openListbox({ eventType: \"KEYBOARD\" });\n    const next = highlight.findNextOption(direction, optionsToShow);\n    highlight.highlightOption(next);\n  };\n\n  // ── Keyboard ─────────────────────────────────────────────────────────\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (disabled || readOnly) return;\n\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        event.preventDefault();\n        if (showListbox && highlight.highlightedOption) {\n          selectOption(highlight.highlightedOption);\n        } else if (!showListbox) {\n          openListbox({ eventType: \"KEYBOARD\" });\n        }\n        break;\n      }\n      case \" \": {\n        if (!isCombobox) {\n          event.preventDefault();\n          if (showListbox && highlight.highlightedOption) {\n            selectOption(highlight.highlightedOption);\n          } else if (!showListbox) {\n            openListbox({ eventType: \"KEYBOARD\" });\n          }\n        }\n        break;\n      }\n      case \"Escape\":\n        event.preventDefault();\n        closeListbox();\n        break;\n      case \"Tab\":\n        closeListbox();\n        break;\n      case \"Home\":\n      case \"End\":\n        if (isCombobox) closeListbox();\n        break;\n    }\n  };\n\n  // ── Combobox input handlers ─────────────────────────────────────────\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    populateInputField(e.target.value);\n    highlight.resetHighlight();\n    if (!isOpen) openListbox({ eventType: \"KEYBOARD\" });\n  };\n\n  const handleInputMouseDown = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleInputFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n    inputRef.current?.select();\n  };\n\n  const handleInputBlur = () => {\n    setTimeout(() => {\n      const activeEl = document.activeElement;\n      // Only close when focus has moved to a real element outside the dropdown.\n      // Guarding against document.body prevents a false-positive close when a\n      // screen reader navigates with its virtual cursor: the input blurs but no\n      // DOM element receives physical focus (activeElement falls back to body).\n      if (\n        activeEl !== document.body &&\n        !inputRef.current?.contains(activeEl) &&\n        !highlight.listboxRef.current?.contains(activeEl) &&\n        !rootRef.current?.contains(activeEl)\n      ) {\n        closeListbox();\n        if (isCombobox && !multiple) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  // ── Select trigger handlers ─────────────────────────────────────────\n  const handleTriggerClick = () => {\n    if (disabled || readOnly) return;\n    isOpen ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleTriggerContainerClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (disabled || readOnly) return;\n\n    const clickedButton = (event.target as HTMLElement).closest(\"button\");\n    if (clickedButton && clickedButton !== triggerRef.current) {\n      return;\n    }\n\n    handleTriggerClick();\n  };\n\n  const handleTriggerFocus = () => {\n    if (!isOpen && openOnFocus && !disabled && !readOnly) {\n      openListbox({ eventType: \"KEYBOARD\" });\n    }\n  };\n\n  // ── Build props ──────────────────────────────────────────────────────\n  const listboxId = `${id}-listbox`;\n  const createListboxItemId = (option: DropdownOption) => `${id}-listbox-item-${option.id}`;\n  const anchorName = `--purpur-dropdown-${uniqueId.replace(/:/g, \"\")}`;\n  const anchorStyle = { anchorName } as CSSProperties;\n  const triggerContainerProps: Record<string, unknown> | null = isCombobox\n    ? null\n    : {\n        onClick: handleTriggerContainerClick,\n      };\n\n  // ── Popover sync ────────────────────────────────────────────────────\n  const listboxCallbackRef = useCallback(\n    (node: HTMLUListElement | null) => {\n      (highlight.listboxRef as React.MutableRefObject<HTMLUListElement | null>).current = node;\n      if (node && typeof node.showPopover === \"function\") {\n        try {\n          node.showPopover();\n        } catch {\n          // Popover not supported or already open\n        }\n      }\n    },\n    [highlight.listboxRef]\n  );\n\n  const listboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: listboxId,\n    ref: listboxCallbackRef,\n    onMouseLeave: () => highlight.resetHighlight(),\n    popover: \"manual\",\n    negative,\n    style: {\n      ...(listboxMaxHeight\n        ? {\n            maxHeight:\n              typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n          }\n        : {}),\n      positionAnchor: anchorName,\n    } as CSSProperties,\n  } as ListboxProps;\n\n  const getListboxItemProps = (option: DropdownOption, index: number): ListboxItemProps => {\n    const isSelected = resolvedSelected.some((o) => o.id === option.id);\n    const { highlightedOption } = highlight;\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: () => highlight.highlightByClick(option),\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) highlight.optionRefs.current[option.id] = el;\n      },\n      tabIndex: -1,\n      selected: isSelected,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n      \"aria-selected\": isSelected,\n    };\n  };\n\n  const triggerProps: Record<string, unknown> = isCombobox\n    ? {}\n    : {\n        ref: triggerRef,\n        type: \"button\" as const,\n        role: \"combobox\",\n        \"aria-haspopup\": \"listbox\",\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-disabled\": disabled,\n        \"data-testid\": getTestId(\"trigger\"),\n        id: `${id}-trigger`,\n        onKeyDown: handleKeyDown,\n        onFocus: handleTriggerFocus,\n        disabled,\n        tabIndex: disabled ? -1 : 0,\n        style: anchorStyle,\n      };\n\n  const inputProps: Record<string, unknown> | null = isCombobox\n    ? {\n        ref: inputRef,\n        role: \"combobox\",\n        \"aria-autocomplete\": \"list\" as const,\n        \"aria-expanded\": showListbox,\n        \"aria-controls\": listboxId,\n        \"aria-activedescendant\": highlight.highlightedOption\n          ? createListboxItemId(highlight.highlightedOption)\n          : undefined,\n        \"data-testid\": getTestId(\"input\"),\n        autoComplete: \"off\",\n        id: `${id}-input`,\n        type: \"text\",\n        value: displayInputValue,\n        onChange: handleInputChange,\n        onMouseDown: handleInputMouseDown,\n        onFocus: handleInputFocus,\n        onBlur: handleInputBlur,\n        onKeyDown: handleKeyDown,\n        disabled,\n        readOnly,\n      }\n    : null;\n\n  return {\n    rootRef,\n    triggerContainerProps,\n    triggerProps,\n    inputProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen: showListbox,\n    highlightedOption: highlight.highlightedOption,\n    selectedItems: resolvedSelected,\n    anchorStyle,\n  };\n};\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\n\nimport type { DropdownOption, DropdownSelectProps } from \"./dropdown.types\";\nimport {\n  cx,\n  DropdownEndAdornments,\n  DropdownFooter,\n  DropdownLabel,\n  DropdownListboxItems,\n  DropdownTags,\n  rootClassName,\n  SELECT_ALL_OPTION_ID,\n  shouldShowSelectAll,\n} from \"./dropdown-shared\";\nimport { useDropdown } from \"./useDropdown\";\n\nexport const DropdownSelect = forwardRef<HTMLDivElement, DropdownSelectProps>((props, ref) => {\n  const {\n    id: propId,\n    label,\n    options,\n    className,\n    errorText,\n    helperText,\n    placeholder,\n    negative = false,\n    readOnly = false,\n    disabled = false,\n    required = false,\n    valid = false,\n    loading = false,\n    multiple = false,\n    selectedOption,\n    selectedOptions = [],\n    onSelect,\n    openOnFocus = false,\n    listboxMaxHeight,\n    listboxLabel,\n    selectAllLabel,\n    [\"data-testid\"]: dataTestId,\n  } = props;\n\n  const randomId = useId();\n  const fieldId = propId ?? randomId;\n  const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n  const isValid = !!valid && !errorText;\n  const helperTextId = `${fieldId}-helper-text`;\n\n  // Resolve selected items up-front so we can decide whether to show the\n  // virtual \"Select all\" option.\n  const resolvedSelectedItems = multiple ? selectedOptions : selectedOption ? [selectedOption] : [];\n\n  const showSelectAll = shouldShowSelectAll({\n    selectAllLabel,\n    multiple,\n    options,\n    selectedItems: resolvedSelectedItems,\n  });\n\n  const handleSelectAll = () => {\n    const enabledOptions = options.filter((o) => !o.disabled);\n    const allEnabledSelected = enabledOptions.every((o) =>\n      resolvedSelectedItems.some((s) => s.id === o.id)\n    );\n    if (allEnabledSelected) {\n      // Deselect all enabled options, keep disabled+selected as-is\n      const next = resolvedSelectedItems.filter((o) => o.disabled);\n      onSelect?.(undefined, next);\n    } else {\n      // Select all enabled, keep disabled+selected as-is\n      const disabledSelected = resolvedSelectedItems.filter((o) => o.disabled);\n      const next = [...disabledSelected, ...enabledOptions];\n      onSelect?.(undefined, next);\n    }\n  };\n\n  // Intercept selection of the virtual \"Select all\" option routed through the\n  // hook's keyboard/mouse handlers and redirect to the dedicated handler.\n  const handleHookSelect = (\n    toggledOption: DropdownOption | undefined,\n    nextSelected: DropdownOption[]\n  ) => {\n    if (toggledOption?.id === SELECT_ALL_OPTION_ID) {\n      handleSelectAll();\n      return;\n    }\n    onSelect?.(toggledOption, nextSelected);\n  };\n\n  const hookOptions = showSelectAll\n    ? [{ id: SELECT_ALL_OPTION_ID, label: selectAllLabel as string }, ...options]\n    : options;\n\n  const dropdown = useDropdown({\n    id: fieldId,\n    variant: \"select\",\n    options: hookOptions,\n    listboxLabel: listboxLabel || label || \"Options\",\n    multiple,\n    negative,\n    selectedOption,\n    selectedOptions,\n    onSelect: handleHookSelect,\n    openOnFocus,\n    listboxMaxHeight,\n    disabled,\n    readOnly,\n    [\"data-testid\"]: dataTestId,\n  });\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    (dropdown.rootRef as React.RefObject<HTMLDivElement | null>).current = node;\n    if (typeof ref === \"function\") ref(node);\n    else if (ref) (ref as React.RefObject<HTMLDivElement | null>).current = node;\n  };\n\n  const {\n    triggerContainerProps,\n    triggerProps,\n    listboxProps,\n    getListboxItemProps,\n    optionsToShow,\n    isOpen,\n    selectedItems,\n    anchorStyle,\n  } = dropdown;\n\n  const triggerButtonProps = {\n    ...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>),\n  };\n  delete triggerButtonProps.style;\n\n  const handleRemoveTag = (option: DropdownOption) => {\n    const next = selectedItems.filter((o) => o.id !== option.id);\n    onSelect?.(option, next);\n  };\n\n  // True when every option (enabled and disabled) is currently selected and a\n  // `selectAllLabel` is configured. In that case the field shows the label\n  // text instead of a list of chips.\n  const allEnabledSelected =\n    multiple &&\n    !!selectAllLabel &&\n    options.length > 0 &&\n    options.every((o) => selectedItems.some((s) => s.id === o.id));\n\n  const displayLabel = multiple\n    ? allEnabledSelected\n      ? selectAllLabel\n      : selectedItems.length === 0\n      ? placeholder || \"\"\n      : \"\"\n    : selectedOption?.label || placeholder || \"\";\n\n  const wrapperClassName = cx(rootClassName, className, {\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <div ref={setRootRef} className={wrapperClassName}>\n      <DropdownLabel\n        fieldId={fieldId}\n        htmlForSuffix=\"trigger\"\n        label={label}\n        getTestId={getTestId}\n        disabled={disabled}\n        negative={negative}\n        required={required}\n      />\n      <div className={cx(`${rootClassName}__field-row`)}>\n        <div\n          {...(triggerContainerProps as React.HTMLAttributes<HTMLDivElement>)}\n          className={cx(`${rootClassName}__trigger-container`, {\n            [`${rootClassName}__trigger-container--error`]: !!errorText,\n            [`${rootClassName}__trigger-container--is-valid`]: isValid,\n            [`${rootClassName}__trigger-container--negative`]: negative,\n            [`${rootClassName}__trigger-container--disabled`]: disabled,\n            [`${rootClassName}__trigger-container--readonly`]: readOnly && !disabled,\n            [`${rootClassName}__trigger-container--has-tags`]:\n              multiple && selectedItems.length > 0 && !allEnabledSelected,\n          })}\n          style={anchorStyle}\n        >\n          {multiple && !allEnabledSelected && (\n            <DropdownTags\n              selectedItems={selectedItems}\n              getTestId={getTestId}\n              disabled={disabled}\n              negative={negative}\n              onRemove={handleRemoveTag}\n              isSelect\n            />\n          )}\n          <button\n            {...triggerButtonProps}\n            className={cx(`${rootClassName}__trigger`, {\n              [`${rootClassName}__trigger--is-valid`]: isValid,\n              [`${rootClassName}__trigger--negative`]: negative,\n              [`${rootClassName}__trigger--disabled`]: disabled,\n              [`${rootClassName}__trigger--readonly`]: readOnly && !disabled,\n              [`${rootClassName}__trigger--placeholder`]: !selectedItems.length,\n            })}\n            aria-describedby={helperTextId}\n          >\n            <span className={cx(`${rootClassName}__trigger-text`)}>{displayLabel}</span>\n          </button>\n          <DropdownEndAdornments\n            getTestId={getTestId}\n            loading={loading}\n            disabled={disabled}\n            negative={negative}\n            isValid={isValid}\n            isOpen={isOpen}\n            readOnly={readOnly}\n            showChevronOpen\n          />\n          <span\n            className={cx(`${rootClassName}__frame`, {\n              [`${rootClassName}__frame--negative`]: negative,\n            })}\n          />\n        </div>\n      </div>\n      {isOpen && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {DropdownListboxItems({\n            optionsToShow,\n            getListboxItemProps,\n            multiple,\n            negative,\n            fieldId,\n            selectAllLabel,\n            selectedItems,\n          })}\n        </Listbox>\n      )}\n      <DropdownFooter\n        errorText={errorText}\n        helperText={helperText}\n        helperTextId={helperTextId}\n        negative={negative}\n      />\n    </div>\n  );\n});\n\nDropdownSelect.displayName = \"DropdownSelect\";\n","import React, { forwardRef } from \"react\";\n\nimport type { DropdownComboboxProps, DropdownProps, DropdownSelectProps } from \"./dropdown.types\";\nimport { DropdownCombobox } from \"./dropdown-combobox\";\nimport { DropdownSelect } from \"./dropdown-select\";\n\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>((props, ref) => {\n  if (props.combobox) {\n    return <DropdownCombobox ref={ref} {...(props as DropdownComboboxProps)} />;\n  }\n\n  return <DropdownSelect ref={ref} {...(props as DropdownSelectProps)} />;\n});\n\nDropdown.displayName = \"Dropdown\";\n\nexport type {\n  DropdownComboboxProps,\n  DropdownOption,\n  DropdownProps,\n  DropdownSelectProps,\n} from \"./dropdown.types\";\nexport { useDropdown } from \"./useDropdown\";\n"],"names":["cx","c","styles","rootClassName","DropdownLabel","fieldId","htmlForSuffix","label","getTestId","disabled","negative","required","jsxs","Label","jsx","DropdownEndAdornments","loading","isValid","isOpen","readOnly","showChevronOpen","Spinner","Fragment","IconCheckCircleFilled","IconChevronDown","DropdownTags","selectedItems","onRemove","isSelect","DismissableChipGroup","item","DropdownFooter","errorText","helperText","helperTextId","FieldErrorText","FieldHelperText","SELECT_ALL_OPTION_ID","shouldShowSelectAll","selectAllLabel","multiple","options","o","s","DropdownListboxItems","optionsToShow","getListboxItemProps","noOptionsText","Listbox","hasSelectAll","selectAllCheckedState","enabledOptions","enabledSelectedCount","allEnabledSelected","someSelected","option","index","key","selected","itemProps","Checkbox","filterOptions","searchTerm","filterOption","chunks","chunk","getFilteredOptions","selectedOption","useDropdownInput","controlledInputValue","defaultInputValue","onInputChange","internalInputValue","setInternalInputValue","useState","value","DropdownCombobox","forwardRef","props","ref","propId","className","placeholder","valid","selectedOptions","onSelect","openOnFocus","listboxMaxHeight","listboxLabel","inputValue","highlightFirstOption","dataTestId","randomId","useId","name","displayInputValue","populateInputField","showSelectAll","optionsWithSelectAll","handleSelectAll","next","handleAutocompleteSelect","rootRef","inputRef","inputProps","listboxProps","openListbox","anchorStyle","useAutocomplete","setRootRef","node","getListboxItemPropsWithSelection","isSelected","handleRemoveTag","handleInputKeyDown","event","i","handleInputChange","e","handleContainerClick","target","input","wrapperClassName","useDropdownHighlight","listboxRef","useRef","optionRefs","highlightedOption","setHighlightedOption","scrollOptionIntoView","optionEl","optionRect","listboxRect","direction","enabledList","currentIndex","eventType","useOnClickOutside","element","callback","handleClickOutside","useCallback","useEffect","useDropdown","id","variant","isCombobox","uniqueId","triggerRef","highlight","setIsOpen","closeListbox","current","resolvedSelected","showListbox","selectOption","highlightNextOption","handleKeyDown","handleInputMouseDown","handleInputFocus","handleInputBlur","activeEl","handleTriggerClick","handleTriggerContainerClick","clickedButton","handleTriggerFocus","listboxId","createListboxItemId","anchorName","triggerContainerProps","listboxCallbackRef","highlighted","el","triggerProps","DropdownSelect","resolvedSelectedItems","handleHookSelect","toggledOption","nextSelected","hookOptions","dropdown","triggerButtonProps","displayLabel","Dropdown"],"mappings":"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"}

package/dist/dropdown.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dropdown-DJKNQnuo.js");exports.Dropdown=o.Dropdown;exports.useDropdown=o.useDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dropdown-_FLHLyPL.js");exports.Dropdown=o.Dropdown;exports.useDropdown=o.useDropdown;
 //# sourceMappingURL=dropdown.cjs.js.map

package/dist/dropdown.es.js

@@ -1,4 +1,4 @@
-import { D as p, u as s } from "./dropdown-CMO_VD5e.mjs";
+import { D as p, u as s } from "./dropdown-CDK_eRm3.mjs";
 export {
   p as Dropdown,
   s as useDropdown

package/dist/footer-CS6ZfztM.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),Z=require("./container-DRwKIAjh.js"),y=require("./link-DhWVrkTz.js"),H=require("./select-DOqTJgTj.js"),L=require("./ThemeProvider-BJGm3zai.js"),w=require("./useColorScheme-BHhPgv9q.js"),g=require("./bind-DeUYJ6m9.js"),x=require("./accordion-BfpN5h4C.js"),F=require("./icon.es-j3eRib6d.js"),r="purpur-footer",C={"purpur-footer":"_purpur-footer_yqb4h_1","purpur-footer__container":"_purpur-footer__container_yqb4h_8","purpur-footer__logo":"_purpur-footer__logo_yqb4h_30","purpur-footer__logo--telia":"_purpur-footer__logo--telia_yqb4h_34","purpur-footer__social":"_purpur-footer__social_yqb4h_54","purpur-footer__social--md":"_purpur-footer__social--md_yqb4h_70","purpur-footer__social--sm":"_purpur-footer__social--sm_yqb4h_78","purpur-footer__social-link":"_purpur-footer__social-link_yqb4h_87","purpur-footer__navigation":"_purpur-footer__navigation_yqb4h_107","purpur-footer__navigation-section":"_purpur-footer__navigation-section_yqb4h_116","purpur-footer__navigation-section-heading":"_purpur-footer__navigation-section-heading_yqb4h_119","purpur-footer__navigation--lg":"_purpur-footer__navigation--lg_yqb4h_142","purpur-footer__navigation--sm":"_purpur-footer__navigation--sm_yqb4h_156","purpur-footer__custom-link-navigation":"_purpur-footer__custom-link-navigation_yqb4h_180","purpur-footer__payments":"_purpur-footer__payments_yqb4h_202","purpur-footer__payments-image":"_purpur-footer__payments-image_yqb4h_219","purpur-footer__contacts":"_purpur-footer__contacts_yqb4h_223","purpur-footer__contacts-copyright":"_purpur-footer__contacts-copyright_yqb4h_238","purpur-footer__contacts-address":"_purpur-footer__contacts-address_yqb4h_243","purpur-footer__theme-select":"_purpur-footer__theme-select_yqb4h_247","purpur-footer__additional":"_purpur-footer__additional_yqb4h_263","purpur-footer__additional-links":"_purpur-footer__additional-links_yqb4h_280","purpur-footer__custom-content":"_purpur-footer__custom-content_yqb4h_292"},p=g.c.bind(C),j=({links:c,customLink:t})=>e.jsx("ul",{children:c.map(({href:s,text:o,..._},l)=>e.jsx("li",{children:t?e.jsx(t,{..._,href:s,className:p(`${r}__custom-link-navigation`),children:o}):e.jsx(y.Link,{..._,variant:"navigation",negative:!0,href:s,disableVisited:!0,children:o})},l))}),S=({navigationLinks:c,sectionProps:t,customLink:s})=>e.jsxs(e.Fragment,{children:[e.jsx("section",{...t,className:p(`${r}__navigation`,`${r}__navigation--lg`,t?.className),children:c.map((o,_)=>e.jsxs("div",{className:p(`${r}__navigation-section`),children:[e.jsx("h3",{className:p(`${r}__navigation-section-heading`),children:o.heading}),e.jsx(j,{links:o.links,customLink:s})]},_))}),e.jsx("section",{...t,className:p(`${r}__navigation`,`${r}__navigation--sm`,t?.className),children:e.jsx(x.Accordion,{negative:!0,children:c.map((o,_)=>e.jsx(x.Accordion.Item,{title:o.heading,titleTag:"h2",className:p(`${r}__navigation-section`),children:e.jsx(j,{links:o.links,customLink:s})},_))})})]}),T=g.c.bind(C),v=({icon:c,href:t,...s})=>e.jsx("a",{...s,href:t,className:T(`${r}__social-link`),rel:"noreferrer",target:"_blank",children:e.jsx(F.b,{svg:c})}),E=()=>e.jsxs("svg",{width:"81",height:"32",viewBox:"0 0 81 32",xmlns:"http://www.w3.org/2000/svg",role:"img",children:[e.jsx("title",{children:"Telia"}),e.jsxs("g",{clipPath:"url(#clip0_5309_7721)",children:[e.jsx("path",{d:"M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z",fill:"currentColor"}),e.jsx("path",{d:"M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z",fill:"currentColor"}),e.jsx("path",{d:"M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z",fill:"currentColor"}),e.jsx("path",{d:"M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z",fill:"currentColor"}),e.jsx("path",{d:"M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z",fill:"currentColor"}),e.jsx("path",{d:"M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z",fill:"currentColor"}),e.jsx("path",{d:"M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z",fill:"currentColor"}),e.jsx("path",{d:"M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z",fill:"currentColor"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_5309_7721",children:e.jsx("rect",{width:"81",height:"32",fill:"currentColor"})})})]}),i=g.c.bind(C),N=({className:c,navigation:t,social:s,contacts:o,additional:_,custom:l,payments:u,logo:f,themeSelect:h,forceColorScheme:b,...q})=>{const $=i(c,r),{options:k}=L.useTheme(),[P,V]=w.useColorScheme(),M=b??k?.footerColorScheme;return e.jsx("footer",{"data-color-scheme":M,className:$,...q,children:e.jsx(Z.Container,{children:e.jsxs("div",{className:i(`${r}__container`),children:[e.jsx("div",{className:i(`${r}__logo`,{[`${r}__logo--telia`]:!f}),children:f??e.jsx(E,{})}),s&&e.jsx("section",{...s.sectionProps,className:i(`${r}__social`,`${r}__social--md`,s.sectionProps?.className),children:s.links.map(({icon:n,href:a,...d})=>m.createElement(v,{...d,icon:n,href:a,key:a}))}),t&&e.jsx(S,{customLink:t.customLink,navigationLinks:t.links,sectionProps:t.sectionProps}),u&&e.jsxs("section",{...u.sectionProps,className:i(`${r}__payments`,u.sectionProps?.className),children:[u.content,u.images?.map(({alt:n,src:a})=>e.jsx("img",{className:i(`${r}__payments-image`),src:a,alt:n},a))]}),h&&e.jsx("section",{className:i(`${r}__theme-select`),children:e.jsx(H.Select,{value:P,label:h.label,options:h.options,negative:!0,onChange:n=>{V(n.target.value)}})}),o&&e.jsxs("section",{...o.sectionProps,className:i(`${r}__contacts`,o.sectionProps?.className),children:[o.copyright&&e.jsx("div",{className:i(`${r}__contacts-copyright`),children:o.copyright}),o.address&&e.jsx("address",{...o.address.addressProps,className:i(`${r}__contacts-address`,o.address.addressProps?.className),children:o.address.content})]}),(l||_)&&e.jsxs("div",{className:i(`${r}__additional`),children:[l&&e.jsx("section",{...l.sectionProps,className:i(`${r}__custom-content`,l.sectionProps?.className),children:l.content}),_&&e.jsx("section",{..._.sectionProps,className:i(`${r}__additional-links`,_.sectionProps?.className),children:_?.links?.map(({href:n,text:a,...d})=>m.createElement(y.Link,{...d,variant:"standalone",negative:!0,href:n,key:n,disableVisited:!0},a))})]}),s&&e.jsx("section",{...s.sectionProps,className:i(`${r}__social`,`${r}__social--sm`,s.sectionProps?.className),children:s.links.map(({icon:n,href:a,...d})=>m.createElement(v,{...d,icon:n,href:a,key:a}))})]})})})};N.displayName="Footer";exports.Footer=N;
+//# sourceMappingURL=footer-CS6ZfztM.js.map

package/dist/footer-CS6ZfztM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-CS6ZfztM.js","sources":["../../../components/footer/src/constants.ts","../../../components/footer/src/footer-navigation.tsx","../../../components/footer/src/footer-social-link.tsx","../../../components/footer/src/telia-logo.tsx","../../../components/footer/src/footer.tsx"],"sourcesContent":["export const rootClassName = \"purpur-footer\";\n","import React, { type AnchorHTMLAttributes, type ForwardRefExoticComponent } from \"react\";\nimport { Accordion } from \"@purpur/accordion\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Link } from \"@purpur/link\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FooterNavigationItemLink = Omit<BaseProps<\"a\">, \"href\"> & {\n  text: string;\n  href: string;\n};\n\nexport type FooterNavigationItem = {\n  heading: string;\n  links: FooterNavigationItemLink[];\n};\n\nexport type CustomLinkType =\n  | ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement>>\n  | \"a\";\n\ntype NavigationLinksProps = {\n  links: FooterNavigationItemLink[];\n  customLink?: CustomLinkType;\n};\n\nconst NavigationLinks = ({ links, customLink: CustomLink }: NavigationLinksProps) => (\n  <ul>\n    {links.map(({ href, text, ...linkProps }, j) => (\n      <li key={j}>\n        {CustomLink ? (\n          <CustomLink\n            {...linkProps}\n            href={href}\n            className={cx(`${rootClassName}__custom-link-navigation`)}\n          >\n            {text}\n          </CustomLink>\n        ) : (\n          <Link {...linkProps} variant=\"navigation\" negative href={href} disableVisited={true}>\n            {text}\n          </Link>\n        )}\n      </li>\n    ))}\n  </ul>\n);\n\ntype FooterNavigationProps = {\n  customLink?: CustomLinkType;\n  sectionProps?: Omit<BaseProps<\"section\">, \"children\">;\n  navigationLinks: FooterNavigationItem[];\n};\n\nexport const FooterNavigation = ({\n  navigationLinks,\n  sectionProps,\n  customLink,\n}: FooterNavigationProps) => (\n  <>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--lg`,\n        sectionProps?.className\n      )}\n    >\n      {navigationLinks.map((section, i) => (\n        <div key={i} className={cx(`${rootClassName}__navigation-section`)}>\n          <h3 className={cx(`${rootClassName}__navigation-section-heading`)}>{section.heading}</h3>\n          <NavigationLinks links={section.links} customLink={customLink} />\n        </div>\n      ))}\n    </section>\n    <section\n      {...sectionProps}\n      className={cx(\n        `${rootClassName}__navigation`,\n        `${rootClassName}__navigation--sm`,\n        sectionProps?.className\n      )}\n    >\n      <Accordion negative>\n        {navigationLinks.map((section, i) => (\n          <Accordion.Item\n            key={i}\n            title={section.heading}\n            titleTag=\"h2\"\n            className={cx(`${rootClassName}__navigation-section`)}\n          >\n            <NavigationLinks links={section.links} customLink={customLink} />\n          </Accordion.Item>\n        ))}\n      </Accordion>\n    </section>\n  </>\n);\n","import React from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Icon, type IconProps } from \"@purpur/icon\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\n\nexport type FooterSocialLinkProps = Omit<BaseProps<\"a\">, \"aria-label\" | \"href\" | \"children\"> & {\n  \"aria-label\": string;\n  icon: IconProps[\"svg\"];\n  href: string;\n};\n\nconst cx = c.bind(styles);\n\nexport const FooterSocialLink = ({ icon, href, ...props }: FooterSocialLinkProps) => (\n  <a\n    {...props}\n    href={href}\n    className={cx(`${rootClassName}__social-link`)}\n    rel=\"noreferrer\"\n    target=\"_blank\"\n  >\n    <Icon svg={icon} />\n  </a>\n);\n","import React from \"react\";\n\nexport const TeliaLogo = () => (\n  <svg width=\"81\" height=\"32\" viewBox=\"0 0 81 32\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\">\n    <title>Telia</title>\n    <g clipPath=\"url(#clip0_5309_7721)\">\n      <path\n        d=\"M81.28 16.8043V25.2064H78.5458V23.8293C77.6183 25.04 76.1438 25.4912 74.9076 25.4912C72.3401 25.4912 70.8186 23.8773 70.8186 21.8592C70.8186 19.5573 73.4107 17.6821 76.5723 17.6821C77.1909 17.6821 77.8566 17.7301 78.4507 17.92V17.1371C78.4507 15.9499 77.7615 15.3333 76.3586 15.3333C75.0989 15.3333 73.9812 15.9744 73.2921 16.8053L71.2235 15.2864C72.3882 13.9339 74.3862 12.9845 76.4067 12.9845C79.5683 12.9824 81.28 14.3595 81.28 16.8043ZM78.4507 20.6251V20.1024C77.9752 19.936 77.4762 19.8891 76.8576 19.8891C74.7174 19.8891 73.6244 20.7435 73.6244 21.7877C73.6244 22.6421 74.3616 23.1883 75.4792 23.1883C76.9527 23.1883 78.4507 22.3104 78.4507 20.6251Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M65.8021 9.968C65.8021 9.04214 66.6109 8.28267 67.5373 8.28267C68.4412 8.28267 69.249 9.04214 69.249 9.968C69.249 10.8939 68.4401 11.6533 67.5373 11.6533C66.6109 11.6533 65.8021 10.8939 65.8021 9.968ZM66.0638 25.2064V13.3387H68.9883V25.2064H66.0638Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M64.2806 25.2533C63.8286 25.3483 63.3531 25.3717 62.9257 25.3717C60.8337 25.3717 59.9062 24.3744 59.9062 22.3573V8.59093H62.8306V21.9541C62.8306 22.9749 63.4493 23.1168 64.2806 23.0219V25.2533Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M58.0513 20.1035H49.2781C49.5869 21.8603 50.8477 23.0229 52.4643 23.0229C53.677 23.0229 54.6514 22.4768 55.2466 21.5755L57.5769 22.976C56.3877 24.5664 54.4388 25.5157 52.4653 25.5157C49.2086 25.5157 46.3793 22.9291 46.3793 19.2256C46.3793 15.5221 49.1851 12.96 52.3232 12.96C56.4347 12.9589 58.4552 16.2347 58.0513 20.1035ZM49.3732 17.8955H55.222C54.8651 16.3531 53.8672 15.3792 52.3211 15.3792C50.8712 15.3803 49.7771 16.3765 49.3732 17.8955Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M48.6359 11.2971H43.69V25.2064H40.5518V11.2971H35.5589V8.59093H48.6359V11.2971Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M16.9321 27.4656C11.5983 29.6245 8.54567 28.9365 6.85855 27.5904L6.83397 27.5712C9.44532 30.1717 12.4221 32.0011 15.0324 32.0011C19.6033 32.0011 25.8614 26.4651 28.8232 17.8805C27.1542 20.9792 23.5727 24.7861 16.9321 27.4656Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M20.9806 22.4843C25.137 20.0779 28.8809 15.9968 30.0616 13.0869C30.3971 10.6784 30.4654 10.3744 30.506 7.7248C30.5114 7.35787 30.4889 7.00587 30.4548 6.6688C30.2122 10.56 25.1743 15.4528 18.5092 18.6496C10.4689 22.5056 4.43738 23.5435 1.74589 20.6027C2.6808 22.4459 3.29411 23.3408 4.34549 24.7083C7.45048 27.4539 13.9853 26.5355 20.9806 22.4843Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M17.5721 15.8923C25.1562 12.24 30.4387 7.04427 29.5177 3.6C28.0058 0.993067 24.9457 0 21.6644 0C11.9381 0 0 6.4 0 14.5653C0 15.6149 0.231859 16.7883 0.647496 18.0181C2.86565 20.9568 9.64833 19.7077 17.5721 15.8923Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_5309_7721\">\n        <rect width=\"81\" height=\"32\" fill=\"currentColor\" />\n      </clipPath>\n    </defs>\n  </svg>\n);\n","import React, { type ReactElement, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Container } from \"@purpur/container\";\nimport { Link, type LinkProps } from \"@purpur/link\";\nimport { Select } from \"@purpur/select\";\nimport { type ColorOptions, type ColorScheme, useColorScheme, useTheme } from \"@purpur/theme\";\nimport c from \"classnames/bind\";\n\nimport { rootClassName } from \"./constants\";\nimport styles from \"./footer.module.scss\";\nimport {\n  type CustomLinkType,\n  FooterNavigation,\n  type FooterNavigationItem,\n  type FooterNavigationItemLink,\n} from \"./footer-navigation\";\nimport { FooterSocialLink, type FooterSocialLinkProps } from \"./footer-social-link\";\nimport { TeliaLogo } from \"./telia-logo\";\n\nconst cx = c.bind(styles);\n\ntype AdditionalLink = FooterNavigationItemLink &\n  Omit<LinkProps, \"href\" | \"variant\" | \"negative\" | \"children\" | \"disableVisited\">;\n\ntype SectionProps = Omit<BaseProps<\"section\">, \"children\">;\n\nexport type FooterProps = BaseProps<\"footer\"> & {\n  /**\n   * Navigation section of the footer.\n   */\n  navigation?: {\n    customLink?: CustomLinkType;\n    links: FooterNavigationItem[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Social links section of the footer.\n   */\n  social?: {\n    links: FooterSocialLinkProps[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Contacts section of the footer.\n   */\n  contacts?: {\n    copyright?: string;\n    address?: {\n      content: ReactElement;\n      addressProps?: Omit<BaseProps<\"address\">, \"children\">;\n    };\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Additional links section of the footer.\n   */\n  additional?: {\n    links: AdditionalLink[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom content section of the footer.\n   */\n  custom?: {\n    content: ReactElement;\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Payment images section of the footer.\n   */\n  payments?: {\n    /**\n     * @deprecated use content instead\n     */\n    images?: { src: string; alt: string }[];\n    content?: ReactElement | ReactElement[];\n    sectionProps?: SectionProps;\n  };\n  /**\n   * Custom logo that replaces the default Telia logo.\n   */\n  logo?: ReactNode;\n  themeSelect?: {\n    label: string;\n    options: { value: ColorOptions; label: string }[];\n  };\n  forceColorScheme?: ColorScheme;\n};\n\nexport const Footer = ({\n  className,\n  navigation,\n  social,\n  contacts,\n  additional,\n  custom,\n  payments,\n  logo,\n  themeSelect,\n  forceColorScheme,\n  ...props\n}: FooterProps) => {\n  const classes = cx(className, rootClassName);\n\n  const { options } = useTheme();\n  const [colorScheme, setColorScheme] = useColorScheme();\n\n  const resolvedColorScheme = forceColorScheme ?? options?.footerColorScheme;\n\n  return (\n    <footer data-color-scheme={resolvedColorScheme} className={classes} {...props}>\n      <Container>\n        <div className={cx(`${rootClassName}__container`)}>\n          <div\n            className={cx(`${rootClassName}__logo`, {\n              [`${rootClassName}__logo--telia`]: !logo,\n            })}\n          >\n            {logo ?? <TeliaLogo />}\n          </div>\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--md`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n          {navigation && (\n            <FooterNavigation\n              customLink={navigation.customLink}\n              navigationLinks={navigation.links}\n              sectionProps={navigation.sectionProps}\n            />\n          )}\n          {payments && (\n            <section\n              {...payments.sectionProps}\n              className={cx(`${rootClassName}__payments`, payments.sectionProps?.className)}\n            >\n              {payments.content}\n              {payments.images?.map(({ alt, src }) => (\n                <img\n                  className={cx(`${rootClassName}__payments-image`)}\n                  src={src}\n                  alt={alt}\n                  key={src}\n                />\n              ))}\n            </section>\n          )}\n          {themeSelect && (\n            <section className={cx(`${rootClassName}__theme-select`)}>\n              <Select\n                value={colorScheme}\n                label={themeSelect.label}\n                options={themeSelect.options}\n                negative\n                onChange={(event) => {\n                  setColorScheme(event.target.value as ColorOptions);\n                }}\n              />\n            </section>\n          )}\n          {contacts && (\n            <section\n              {...contacts.sectionProps}\n              className={cx(`${rootClassName}__contacts`, contacts.sectionProps?.className)}\n            >\n              {contacts.copyright && (\n                <div className={cx(`${rootClassName}__contacts-copyright`)}>\n                  {contacts.copyright}\n                </div>\n              )}\n              {contacts.address && (\n                <address\n                  {...contacts.address.addressProps}\n                  className={cx(\n                    `${rootClassName}__contacts-address`,\n                    contacts.address.addressProps?.className\n                  )}\n                >\n                  {contacts.address.content}\n                </address>\n              )}\n            </section>\n          )}\n          {(custom || additional) && (\n            <div className={cx(`${rootClassName}__additional`)}>\n              {custom && (\n                <section\n                  {...custom.sectionProps}\n                  className={cx(`${rootClassName}__custom-content`, custom.sectionProps?.className)}\n                >\n                  {custom.content}\n                </section>\n              )}\n              {additional && (\n                <section\n                  {...additional.sectionProps}\n                  className={cx(\n                    `${rootClassName}__additional-links`,\n                    additional.sectionProps?.className\n                  )}\n                >\n                  {additional?.links?.map(({ href, text, ...additionalLinkProps }) => (\n                    <Link\n                      {...additionalLinkProps}\n                      variant=\"standalone\"\n                      negative\n                      href={href}\n                      key={href}\n                      disableVisited={true}\n                    >\n                      {text}\n                    </Link>\n                  ))}\n                </section>\n              )}\n            </div>\n          )}\n          {social && (\n            <section\n              {...social.sectionProps}\n              className={cx(\n                `${rootClassName}__social`,\n                `${rootClassName}__social--sm`,\n                social.sectionProps?.className\n              )}\n            >\n              {social.links.map(({ icon, href, ...socialLinkProps }) => (\n                <FooterSocialLink {...socialLinkProps} icon={icon} href={href} key={href} />\n              ))}\n            </section>\n          )}\n        </div>\n      </Container>\n    </footer>\n  );\n};\n\nFooter.displayName = \"Footer\";\n"],"names":["rootClassName","cx","c","styles","NavigationLinks","links","CustomLink","href","text","linkProps","j","jsx","Link","FooterNavigation","navigationLinks","sectionProps","customLink","jsxs","Fragment","section","i","Accordion","FooterSocialLink","icon","props","Icon","TeliaLogo","Footer","className","navigation","social","contacts","additional","custom","payments","logo","themeSelect","forceColorScheme","classes","options","useTheme","colorScheme","setColorScheme","useColorScheme","resolvedColorScheme","Container","socialLinkProps","createElement","alt","src","Select","event","additionalLinkProps"],"mappings":"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"}