@purpur/library 9.10.1 → 10.0.0

package/dist/dropdown-C8VsfTQw.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-C8VsfTQw.mjs","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\nconst MAX_VISIBLE_TAGS = 6;\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n  moreOptionsText?: string;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  negative,\n  onRemove,\n  isSelect,\n  moreOptionsText,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  const capEnabled = moreOptionsText !== undefined && selectedItems.length > MAX_VISIBLE_TAGS;\n  const visibleItems = capEnabled ? selectedItems.slice(-MAX_VISIBLE_TAGS) : selectedItems;\n  const hiddenCount = selectedItems.length - visibleItems.length;\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      {visibleItems.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      {hiddenCount > 0 && (\n        <li\n          className={cx(`${rootClassName}__chip-group-more`)}\n          data-testid={getTestId(\"tags-more\")}\n        >\n          {`+${hiddenCount} ${moreOptionsText}`}\n        </li>\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    moreOptionsText,\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              moreOptionsText={moreOptionsText}\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    moreOptionsText,\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              moreOptionsText={moreOptionsText}\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","MAX_VISIBLE_TAGS","DropdownTags","selectedItems","onRemove","isSelect","moreOptionsText","visibleItems","hiddenCount","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-p4R2yCnJ.js

@@ -1,2 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),k=require("react"),ae=require("./listbox-lXO21cJV.js"),Ne=require("./use-autocomplete.es-BwAzMcau.js"),xe=require("./checkbox-qjWQEoa5.js"),we=require("./dismissable-chip-group-2updhyuR.js"),Ee=require("./field-error-text-FhQulSV5.js"),Ae=require("./field-helper-text-DSKO-Tce.js"),Te=require("./check-circle-filled.es-5-GXE9l4.js"),Be=require("./chevron-down.es-BMjgiS3F.js"),Fe=require("./label-yHK80hhV.js"),Pe=require("./spinner-tKunS_o-.js"),qe=require("./bind-DeUYJ6m9.js"),Ke={"purpur-dropdown":"_purpur-dropdown_1solp_1","purpur-dropdown--negative":"_purpur-dropdown--negative_1solp_14","purpur-dropdown__label":"_purpur-dropdown__label_1solp_17","purpur-dropdown__field-row":"_purpur-dropdown__field-row_1solp_22","purpur-dropdown__frame":"_purpur-dropdown__frame_1solp_26","purpur-dropdown__frame--negative":"_purpur-dropdown__frame--negative_1solp_33","purpur-dropdown__trigger-container":"_purpur-dropdown__trigger-container_1solp_36","purpur-dropdown__chip-group":"_purpur-dropdown__chip-group_1solp_48","purpur-dropdown__trigger-container--has-tags":"_purpur-dropdown__trigger-container--has-tags_1solp_52","purpur-dropdown__trigger-container--disabled":"_purpur-dropdown__trigger-container--disabled_1solp_55","purpur-dropdown__trigger-container--readonly":"_purpur-dropdown__trigger-container--readonly_1solp_55","purpur-dropdown__trigger-container--negative":"_purpur-dropdown__trigger-container--negative_1solp_62","purpur-dropdown__trigger-container--error":"_purpur-dropdown__trigger-container--error_1solp_65","purpur-dropdown__trigger-container--is-valid":"_purpur-dropdown__trigger-container--is-valid_1solp_68","purpur-dropdown__input":"_purpur-dropdown__input_1solp_71","purpur-dropdown__trigger":"_purpur-dropdown__trigger_1solp_36","purpur-dropdown__trigger--placeholder":"_purpur-dropdown__trigger--placeholder_1solp_119","purpur-dropdown__trigger--is-valid":"_purpur-dropdown__trigger--is-valid_1solp_122","purpur-dropdown__trigger--disabled":"_purpur-dropdown__trigger--disabled_1solp_125","purpur-dropdown__trigger--readonly":"_purpur-dropdown__trigger--readonly_1solp_129","purpur-dropdown__trigger--negative":"_purpur-dropdown__trigger--negative_1solp_133","purpur-dropdown__trigger-text":"_purpur-dropdown__trigger-text_1solp_146","purpur-dropdown__combobox-container":"_purpur-dropdown__combobox-container_1solp_152","purpur-dropdown__combobox-container--disabled":"_purpur-dropdown__combobox-container--disabled_1solp_162","purpur-dropdown__combobox-container--readonly":"_purpur-dropdown__combobox-container--readonly_1solp_169","purpur-dropdown__combobox-container--error":"_purpur-dropdown__combobox-container--error_1solp_176","purpur-dropdown__combobox-container--is-valid":"_purpur-dropdown__combobox-container--is-valid_1solp_179","purpur-dropdown__combobox-container--negative":"_purpur-dropdown__combobox-container--negative_1solp_182","purpur-dropdown__input--negative":"_purpur-dropdown__input--negative_1solp_221","purpur-dropdown__chip-group--select":"_purpur-dropdown__chip-group--select_1solp_244","purpur-dropdown__chip-group-more":"_purpur-dropdown__chip-group-more_1solp_250","purpur-dropdown__end-adornments":"_purpur-dropdown__end-adornments_1solp_261","purpur-dropdown__chevron-icon":"_purpur-dropdown__chevron-icon_1solp_272","purpur-dropdown__chevron-icon--open":"_purpur-dropdown__chevron-icon--open_1solp_277","purpur-dropdown__chevron-icon--disabled":"_purpur-dropdown__chevron-icon--disabled_1solp_280","purpur-dropdown__chevron-icon--readonly":"_purpur-dropdown__chevron-icon--readonly_1solp_283","purpur-dropdown__chevron-icon--negative":"_purpur-dropdown__chevron-icon--negative_1solp_286","purpur-dropdown__valid-icon":"_purpur-dropdown__valid-icon_1solp_289","purpur-dropdown__listbox":"_purpur-dropdown__listbox_1solp_292","purpur-dropdown__checkbox-item-multiple":"_purpur-dropdown__checkbox-item-multiple_1solp_302","purpur-dropdown__checkbox-container":"_purpur-dropdown__checkbox-container_1solp_305","purpur-dropdown__checkbox-container--disabled":"_purpur-dropdown__checkbox-container--disabled_1solp_312","purpur-dropdown__select-all-child":"_purpur-dropdown__select-all-child_1solp_315"},x=qe.c.bind(Ke),r="purpur-dropdown",ve=({fieldId:e,htmlForSuffix:n,label:l,getTestId:d,disabled:s,negative:p,required:g})=>l?t.jsxs(Fe.Label,{htmlFor:n?`${e}-${n}`:e,className:x(`${r}__label`),"data-testid":d("label"),disabled:s,negative:p,children:[g&&t.jsx("span",{"aria-hidden":!0,children:"*"}),l]}):null,$e=({getTestId:e,loading:n,disabled:l,negative:d,isValid:s,isOpen:p,readOnly:g,showChevronOpen:v})=>t.jsx("span",{className:x(`${r}__end-adornments`),children:n?t.jsx(Pe.Spinner,{disabled:l,size:"xxs",negative:d,"data-testid":e("spinner")}):t.jsxs(t.Fragment,{children:[s&&t.jsx(Te.r,{"data-testid":e("valid-icon"),className:x(`${r}__valid-icon`)}),t.jsx(Be.l,{className:x(`${r}__chevron-icon`,{[`${r}__chevron-icon--open`]:v&&p,[`${r}__chevron-icon--disabled`]:l,[`${r}__chevron-icon--readonly`]:g&&!l,[`${r}__chevron-icon--is-valid`]:s,[`${r}__chevron-icon--negative`]:d}),"data-testid":e("dropdown-icon"),size:"sm"})]})}),me=6,ye=({selectedItems:e,getTestId:n,disabled:l,negative:d,onRemove:s,isSelect:p,moreOptionsText:g})=>{if(!e.length)return null;const y=g!==void 0&&e.length>me?e.slice(-me):e,a=e.length-y.length;return t.jsxs(we.DismissableChipGroup,{className:x(`${r}__chip-group`,{[`${r}__chip-group--select`]:p}),negative:d,"data-testid":n("tags"),size:"sm",children:[y.map(u=>t.jsx(we.DismissableChipGroup.Item,{id:u.id,"data-testid":n(`tag-${u.id}`),"aria-label":`Remove ${u.label}`,onDismiss:()=>{s(u)},disabled:l||u.disabled,children:u.label},u.id)),a>0&&t.jsx("li",{className:x(`${r}__chip-group-more`),"data-testid":n("tags-more"),children:`+${a} ${g}`})]})},Se=({errorText:e,helperText:n,helperTextId:l,negative:d})=>t.jsxs(t.Fragment,{children:[e&&t.jsx(Ee.FieldErrorText,{negative:d,children:e}),n&&!e&&t.jsx(Ae.FieldHelperText,{id:l,negative:d,children:n})]}),oe="__purpur-dropdown-select-all__",Ie=({selectAllLabel:e,multiple:n,options:l,selectedItems:d})=>!e||!n||l.filter(v=>!v.disabled).length===0?!1:!l.filter(v=>v.disabled).some(v=>!d.some(y=>y.id===v.id)),Ce=({optionsToShow:e,getListboxItemProps:n,multiple:l,negative:d,fieldId:s,noOptionsText:p,selectAllLabel:g,selectedItems:v=[]})=>{if(p!==void 0&&!e.length)return t.jsx(ae.Listbox.Item,{noninteractive:!0,children:p});const y=e[0]?.id===oe;let a=!1;if(y){const h=e.filter(c=>c.id!==oe).filter(c=>!c.disabled),_=h.filter(c=>v.some(S=>S.id===c.id)).length,$=h.length>0&&_===h.length,b=v.length>0;a=$?!0:b?"indeterminate":!1}return e.map((u,h)=>{const{key:_,selected:$,...b}=n(u,h);return u.id===oe?t.jsx(ae.Listbox.Item,{...b,"aria-selected":a===!0,className:x(`${r}__checkbox-item-multiple`,`${r}__select-all-item`),hideSelectedIcon:!0,children:t.jsx("span",{className:x(`${r}__checkbox-container`),children:t.jsx(xe.Checkbox,{id:`${s}-checkbox-select-all`,checked:a,label:g,negative:d,"aria-hidden":!0})})},_):l?t.jsx(ae.Listbox.Item,{...b,className:x(`${r}__checkbox-item-multiple`,{[`${r}__select-all-child`]:y}),selected:!!$,hideSelectedIcon:!0,children:t.jsx("span",{className:x(`${r}__checkbox-container`,{[`${r}__checkbox-container--disabled`]:u.disabled}),children:t.jsx(xe.Checkbox,{id:`${s}-checkbox-${u.id}`,checked:!!$,label:u.label,negative:d,"aria-hidden":!0,disabled:u.disabled})})},_):t.jsx(ae.Listbox.Item,{...b,selected:!!$,children:t.jsx("span",{children:u.label})},_)})},He=(e,n,l)=>{if(l)return e.filter(s=>l(n,s));if(!n)return e;const d=n.toUpperCase().split(" ");return e.filter(s=>d.every(p=>(s.value||s.label).toUpperCase().includes(p)))},ke=({options:e,searchTerm:n,filterOption:l,selectedOption:d,multiple:s})=>!s&&d&&d.label===n?e:He(e,n,l),Oe=({controlledInputValue:e,defaultInputValue:n,selectedOption:l,onInputChange:d})=>{const[s,p]=k.useState((typeof e=="string"?e:n??l?.label)??"");return{displayInputValue:typeof e=="string"?e:s,populateInputField:y=>{d?.(y),p(y)}}},je=k.forwardRef((e,n)=>{const{id:l,label:d,options:s,className:p,errorText:g,helperText:v,placeholder:y,negative:a=!1,readOnly:u=!1,disabled:h=!1,required:_=!1,valid:$,loading:b,multiple:c=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:te=!1,listboxMaxHeight:L,listboxLabel:pe,filterOption:q,inputValue:Z,defaultInputValue:K,onInputChange:f,noOptionsText:V,highlightFirstOption:M=!1,selectAllLabel:O,moreOptionsText:ee,["data-testid"]:C}=e,A=k.useId(),E=l??A,U=i=>C?`${C}-${i}`:void 0,N=!!$&&!g,Y=`${E}-helper-text`,w=c?D:S?[S]:[],{displayInputValue:Q,populateInputField:z}=Oe({controlledInputValue:Z,defaultInputValue:K,selectedOption:S,onInputChange:f}),ne=ke({options:s,searchTerm:Q,filterOption:q,selectedOption:S,multiple:c}),se=Ie({selectAllLabel:O,multiple:c,options:s,selectedItems:w}),re=se&&(se&&!Q)?[{id:oe,label:O},...ne]:ne,H=()=>{const i=s.filter(j=>!j.disabled);if(i.every(j=>w.some(P=>P.id===j.id))){const j=w.filter(P=>P.disabled);I?.(void 0,j)}else{const P=[...w.filter(fe=>fe.disabled),...i];I?.(void 0,P)}z("")},ue=i=>{if(i.id===oe){H();return}if(c){const j=w.some(P=>P.id===i.id)?w.filter(P=>P.id!==i.id):[...w,i];I?.(i,j),z("")}else I?.(i,[i]),z(i.label)},{rootRef:ie,inputRef:W,inputProps:X,listboxProps:le,getListboxItemProps:de,isOpen:m,openListbox:G,anchorStyle:T}=Ne.te({id:E,options:re,listboxLabel:pe||d||"Options",selectedOption:c?void 0:S,disabled:h,readOnly:u,openOnFocus:te,listboxMaxHeight:L,highlightFirstOption:M,closeOnSelect:!c,noOptionsText:V,negative:a,onSelect:ue,"data-testid":C}),J=i=>{ie.current=i,typeof n=="function"?n(i):n&&(n.current=i)},_e=(i,R)=>{const j=de(i,R);if(c){const P=w.some(fe=>fe.id===i.id);return{...j,selected:P,"aria-selected":P}}return j},ge=i=>{const R=w.filter(j=>j.id!==i.id);I?.(i,R)},o=i=>{if(c&&i.key==="Backspace"&&i.currentTarget.value===""&&w.length>0){for(let R=w.length-1;R>=0;R--)if(!w[R].disabled){ge(w[R]);break}}X?.onKeyDown?.(i)},B=i=>{z(i.target.value),m||G()},ce=i=>{if(h||u)return;const R=i.target;if(R===W.current||R.closest("button"))return;const j=W.current;j?.dispatchEvent(new MouseEvent("mousedown",{bubbles:!0})),j?.focus()},F=c&&!!O&&s.length>0&&s.every(i=>w.some(R=>R.id===i.id)),be=x(r,p,{[`${r}--negative`]:a});return t.jsxs("div",{ref:J,className:be,children:[t.jsx(ve,{fieldId:E,htmlForSuffix:"input",label:d,getTestId:U,disabled:h,negative:a,required:_}),t.jsx("div",{className:x(`${r}__field-row`),children:t.jsxs("div",{className:x(`${r}__combobox-container`,{[`${r}__combobox-container--error`]:!!g,[`${r}__combobox-container--is-valid`]:N,[`${r}__combobox-container--negative`]:a,[`${r}__combobox-container--disabled`]:h,[`${r}__combobox-container--readonly`]:u&&!h}),style:T,onClick:ce,children:[c&&!F&&t.jsx(ye,{selectedItems:w,getTestId:U,disabled:h,negative:a,onRemove:ge,moreOptionsText:ee}),t.jsx("input",{...X,ref:W,id:`${E}-input`,"data-testid":U("input"),onKeyDown:o,onChange:B,value:F&&!Q?O:Q,placeholder:y,className:x(`${r}__input`,{[`${r}__input--negative`]:a}),"aria-describedby":Y,"aria-invalid":!!g,disabled:h,readOnly:u}),t.jsx($e,{getTestId:U,loading:b,disabled:h,negative:a,isValid:N,isOpen:m,showChevronOpen:!0}),t.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:a})})]})}),m&&t.jsx(ae.Listbox,{...le,className:x(`${r}__listbox`),children:Ce({optionsToShow:re,getListboxItemProps:_e,multiple:c,negative:a,fieldId:E,noOptionsText:V,selectAllLabel:O,selectedItems:w})}),t.jsx(Se,{errorText:g,helperText:v,helperTextId:Y,negative:a})]})});je.displayName="DropdownCombobox";const Ve=({options:e,highlightFirstOption:n})=>{const l=k.useRef(null),d=k.useRef({}),[s,p]=k.useState(n?e[0]:void 0),g=_=>{if(_){const $=_.getBoundingClientRect(),b=l.current?.getBoundingClientRect()||{top:0,bottom:0};($.top<b.top||$.bottom>b.bottom)&&_.scrollIntoView({block:"nearest"})}};return{highlightedOption:s,listboxRef:l,optionRefs:d,findNextOption:(_,$)=>{const b=$.filter(S=>!S.disabled);if(!b.length)return;const c=s?b.findIndex(S=>S.id===s.id):-1;return _==="ArrowDown"?b[(c+1)%b.length]:b[(c-1+b.length)%b.length]},highlightOption:_=>{p(_?{..._}:void 0),_&&g(d.current[_.id])},highlightByClick:_=>{_.id!==s?.id&&p({..._,isSetByClickEvent:!0})},highlightSelected:(_,$)=>{requestAnimationFrame(()=>{p({..._,isSetByClickEvent:$==="CLICK"}),g(d.current[_.id])})},resetHighlight:()=>{p(void 0)}}},Me=(e,n)=>{const l=k.useCallback(d=>{e&&!e.contains(d.target)&&n()},[n,e]);k.useEffect(()=>(document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}),[l])},De=({id:e,variant:n,options:l,listboxLabel:d,multiple:s=!1,selectedOption:p,selectedOptions:g=[],onSelect:v,filterOption:y,inputValue:a,defaultInputValue:u,onInputChange:h,noOptionsText:_,highlightFirstOption:$=!1,openOnFocus:b=!1,listboxMaxHeight:c,negative:S,disabled:D=!1,readOnly:I=!1,["data-testid"]:te})=>{const L=n==="combobox",pe=k.useId(),q=k.useRef(null),Z=k.useRef(null),K=k.useRef(null),f=Ve({options:l,highlightFirstOption:$}),{displayInputValue:V,populateInputField:M}=Oe({controlledInputValue:a,defaultInputValue:u,selectedOption:p,onInputChange:h}),[O,ee]=k.useState(!1),C=()=>{ee(!1),f.resetHighlight()};Me(q.current,C);const A=({eventType:o})=>{ee(!0);const B=s?void 0:p;B&&f.highlightSelected(B,o)},E=s?g:p?[p]:[],U=L?ke({options:l,searchTerm:V,filterOption:y,selectedOption:p,multiple:s}):l,N=O&&(!!U.length||!!_),Y=o=>te?`${te}-${o}`:void 0,w=o=>{if(!(!o||o.disabled))if(s){const ce=E.some(F=>F.id===o.id)?E.filter(F=>F.id!==o.id):[...E,o];v?.(o,ce),L&&(M(""),K.current?.focus())}else v?.(o,[o]),L&&M(o.label),C(),(L?K:Z).current?.focus()},Q=o=>{N||A({eventType:"KEYBOARD"});const B=f.findNextOption(o,U);f.highlightOption(B)},z=o=>{if(!(D||I))switch(o.key){case"ArrowUp":case"ArrowDown":o.preventDefault(),Q(o.key);break;case"Enter":{o.preventDefault(),N&&f.highlightedOption?w(f.highlightedOption):N||A({eventType:"KEYBOARD"});break}case" ":{L||(o.preventDefault(),N&&f.highlightedOption?w(f.highlightedOption):N||A({eventType:"KEYBOARD"}));break}case"Escape":o.preventDefault(),C();break;case"Tab":C();break;case"Home":case"End":L&&C();break}},ne=o=>{M(o.target.value),f.resetHighlight(),O||A({eventType:"KEYBOARD"})},se=()=>{D||I||(O?C():A({eventType:"CLICK"}))},he=()=>{!O&&b&&!D&&!I&&A({eventType:"KEYBOARD"}),K.current?.select()},re=()=>{setTimeout(()=>{const o=document.activeElement;o!==document.body&&!K.current?.contains(o)&&!f.listboxRef.current?.contains(o)&&!q.current?.contains(o)&&(C(),L&&!s&&M(p?p.label:""))})},H=()=>{D||I||(O?C():A({eventType:"CLICK"}))},ue=o=>{if(D||I)return;const B=o.target.closest("button");B&&B!==Z.current||H()},ie=()=>{!O&&b&&!D&&!I&&A({eventType:"KEYBOARD"})},W=`${e}-listbox`,X=o=>`${e}-listbox-item-${o.id}`,le=`--purpur-dropdown-${pe.replace(/:/g,"")}`,de={anchorName:le},m=L?null:{onClick:ue},G=k.useCallback(o=>{if(f.listboxRef.current=o,o&&typeof o.showPopover=="function")try{o.showPopover()}catch{}},[f.listboxRef]),T={"aria-label":d,"aria-expanded":N,"data-testid":Y("listbox"),id:W,ref:G,onMouseLeave:()=>f.resetHighlight(),popover:"manual",negative:S,style:{...c?{maxHeight:typeof c=="number"?`${c}px`:c}:{},positionAnchor:le}},J=(o,B)=>{const ce=E.some(i=>i.id===o.id),{highlightedOption:F}=f,be=(o.id===F?.id||$&&!F&&B===0)&&!F?.isSetByClickEvent;return{"data-testid":Y(`listbox-item-${o.id}`),id:X(o),key:o.id,onMouseMove:()=>f.highlightByClick(o),onMouseUp:()=>w(o),ref:i=>{i&&(f.optionRefs.current[o.id]=i)},tabIndex:-1,selected:ce,disabled:o.disabled,highlighted:be,hovered:o.id===F?.id&&!!F?.isSetByClickEvent,"aria-selected":ce}},_e=L?{}:{ref:Z,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":N,"aria-controls":W,"aria-disabled":D,"data-testid":Y("trigger"),id:`${e}-trigger`,onKeyDown:z,onFocus:ie,disabled:D,tabIndex:D?-1:0,style:de},ge=L?{ref:K,role:"combobox","aria-autocomplete":"list","aria-expanded":N,"aria-controls":W,"aria-activedescendant":f.highlightedOption?X(f.highlightedOption):void 0,"data-testid":Y("input"),autoComplete:"off",id:`${e}-input`,type:"text",value:V,onChange:ne,onMouseDown:se,onFocus:he,onBlur:re,onKeyDown:z,disabled:D,readOnly:I}:null;return{rootRef:q,triggerContainerProps:m,triggerProps:_e,inputProps:ge,listboxProps:T,getListboxItemProps:J,optionsToShow:U,isOpen:N,highlightedOption:f.highlightedOption,selectedItems:E,anchorStyle:de}},Re=k.forwardRef((e,n)=>{const{id:l,label:d,options:s,className:p,errorText:g,helperText:v,placeholder:y,negative:a=!1,readOnly:u=!1,disabled:h=!1,required:_=!1,valid:$=!1,loading:b=!1,multiple:c=!1,selectedOption:S,selectedOptions:D=[],onSelect:I,openOnFocus:te=!1,listboxMaxHeight:L,listboxLabel:pe,selectAllLabel:q,moreOptionsText:Z,["data-testid"]:K}=e,f=k.useId(),V=l??f,M=m=>K?`${K}-${m}`:void 0,O=!!$&&!g,ee=`${V}-helper-text`,C=c?D:S?[S]:[],A=Ie({selectAllLabel:q,multiple:c,options:s,selectedItems:C}),E=()=>{const m=s.filter(T=>!T.disabled);if(m.every(T=>C.some(J=>J.id===T.id))){const T=C.filter(J=>J.disabled);I?.(void 0,T)}else{const J=[...C.filter(_e=>_e.disabled),...m];I?.(void 0,J)}},U=(m,G)=>{if(m?.id===oe){E();return}I?.(m,G)},N=A?[{id:oe,label:q},...s]:s,Y=De({id:V,variant:"select",options:N,listboxLabel:pe||d||"Options",multiple:c,negative:a,selectedOption:S,selectedOptions:D,onSelect:U,openOnFocus:te,listboxMaxHeight:L,disabled:h,readOnly:u,"data-testid":K}),w=m=>{Y.rootRef.current=m,typeof n=="function"?n(m):n&&(n.current=m)},{triggerContainerProps:Q,triggerProps:z,listboxProps:ne,getListboxItemProps:se,optionsToShow:he,isOpen:re,selectedItems:H,anchorStyle:ue}=Y,ie={...z};delete ie.style;const W=m=>{const G=H.filter(T=>T.id!==m.id);I?.(m,G)},X=c&&!!q&&s.length>0&&s.every(m=>H.some(G=>G.id===m.id)),le=c?X?q:H.length===0&&y||"":S?.label||y||"",de=x(r,p,{[`${r}--negative`]:a});return t.jsxs("div",{ref:w,className:de,children:[t.jsx(ve,{fieldId:V,htmlForSuffix:"trigger",label:d,getTestId:M,disabled:h,negative:a,required:_}),t.jsx("div",{className:x(`${r}__field-row`),children:t.jsxs("div",{...Q,className:x(`${r}__trigger-container`,{[`${r}__trigger-container--error`]:!!g,[`${r}__trigger-container--is-valid`]:O,[`${r}__trigger-container--negative`]:a,[`${r}__trigger-container--disabled`]:h,[`${r}__trigger-container--readonly`]:u&&!h,[`${r}__trigger-container--has-tags`]:c&&H.length>0&&!X}),style:ue,children:[c&&!X&&t.jsx(ye,{selectedItems:H,getTestId:M,disabled:h,negative:a,onRemove:W,moreOptionsText:Z,isSelect:!0}),t.jsx("button",{...ie,className:x(`${r}__trigger`,{[`${r}__trigger--is-valid`]:O,[`${r}__trigger--negative`]:a,[`${r}__trigger--disabled`]:h,[`${r}__trigger--readonly`]:u&&!h,[`${r}__trigger--placeholder`]:!H.length}),"aria-describedby":ee,children:t.jsx("span",{className:x(`${r}__trigger-text`),children:le})}),t.jsx($e,{getTestId:M,loading:b,disabled:h,negative:a,isValid:O,isOpen:re,readOnly:u,showChevronOpen:!0}),t.jsx("span",{className:x(`${r}__frame`,{[`${r}__frame--negative`]:a})})]})}),re&&t.jsx(ae.Listbox,{...ne,className:x(`${r}__listbox`),children:Ce({optionsToShow:he,getListboxItemProps:se,multiple:c,negative:a,fieldId:V,selectAllLabel:q,selectedItems:H})}),t.jsx(Se,{errorText:g,helperText:v,helperTextId:ee,negative:a})]})});Re.displayName="DropdownSelect";const Le=k.forwardRef((e,n)=>e.combobox?t.jsx(je,{ref:n,...e}):t.jsx(Re,{ref:n,...e}));Le.displayName="Dropdown";exports.Dropdown=Le;exports.useDropdown=De;
-//# sourceMappingURL=dropdown-p4R2yCnJ.js.map

package/dist/dropdown-p4R2yCnJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-p4R2yCnJ.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\nconst MAX_VISIBLE_TAGS = 6;\n\ntype DropdownTagsProps = {\n  selectedItems: DropdownOption[];\n  getTestId: GetTestId;\n  disabled: boolean;\n  negative: boolean;\n  onRemove: (option: DropdownOption) => void;\n  isSelect?: boolean;\n  moreOptionsText?: string;\n};\n\nexport const DropdownTags = ({\n  selectedItems,\n  getTestId,\n  disabled,\n  negative,\n  onRemove,\n  isSelect,\n  moreOptionsText,\n}: DropdownTagsProps) => {\n  if (!selectedItems.length) return null;\n\n  const capEnabled = moreOptionsText !== undefined && selectedItems.length > MAX_VISIBLE_TAGS;\n  const visibleItems = capEnabled ? selectedItems.slice(-MAX_VISIBLE_TAGS) : selectedItems;\n  const hiddenCount = selectedItems.length - visibleItems.length;\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      {visibleItems.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      {hiddenCount > 0 && (\n        <li\n          className={cx(`${rootClassName}__chip-group-more`)}\n          data-testid={getTestId(\"tags-more\")}\n        >\n          {`+${hiddenCount} ${moreOptionsText}`}\n        </li>\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    moreOptionsText,\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              moreOptionsText={moreOptionsText}\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    moreOptionsText,\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              moreOptionsText={moreOptionsText}\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","MAX_VISIBLE_TAGS","DropdownTags","selectedItems","onRemove","isSelect","moreOptionsText","visibleItems","hiddenCount","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/footer-B8rzVSrZ.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),Z=require("./container-DRwKIAjh.js"),y=require("./link-Dzqd0QuD.js"),H=require("./select-D6R7I5b5.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-B8rzVSrZ.js.map

package/dist/footer-B8rzVSrZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-B8rzVSrZ.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":"uWAAaA,EAAgB,inDCSvBC,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAqBlBC,EAAkB,CAAC,CAAE,MAAAC,EAAO,WAAYC,WAC3C,KAAA,CACE,SAAAD,EAAM,IAAI,CAAC,CAAE,KAAAE,EAAM,KAAAC,EAAM,GAAGC,GAAaC,IACxCC,EAAAA,IAAC,KAAA,CACE,SAAAL,EACCK,EAAAA,IAACL,EAAA,CACE,GAAGG,EACJ,KAAAF,EACA,UAAWN,EAAG,GAAGD,CAAa,0BAA0B,EAEvD,SAAAQ,CAAA,CACH,EAEAG,EAAAA,IAACC,EAAAA,KAAA,CAAM,GAAGH,EAAW,QAAQ,aAAa,SAAQ,GAAC,KAAAF,EAAY,eAAgB,GAC5E,SAAAC,CAAA,CACH,GAZKE,CAcT,CACD,EACH,EASWG,EAAmB,CAAC,CAC/B,gBAAAC,EACA,aAAAC,EACA,WAAAC,CACF,IACEC,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAP,EAAAA,IAAC,UAAA,CACE,GAAGI,EACJ,UAAWd,EACT,GAAGD,CAAa,eAChB,GAAGA,CAAa,mBAChBe,GAAc,SAAA,EAGf,SAAAD,EAAgB,IAAI,CAACK,EAASC,IAC7BH,EAAAA,KAAC,MAAA,CAAY,UAAWhB,EAAG,GAAGD,CAAa,sBAAsB,EAC/D,SAAA,CAAAW,EAAAA,IAAC,KAAA,CAAG,UAAWV,EAAG,GAAGD,CAAa,8BAA8B,EAAI,WAAQ,OAAA,CAAQ,EACpFW,EAAAA,IAACP,EAAA,CAAgB,MAAOe,EAAQ,MAAO,WAAAH,CAAA,CAAwB,CAAA,CAAA,EAFvDI,CAGV,CACD,CAAA,CAAA,EAEHT,EAAAA,IAAC,UAAA,CACE,GAAGI,EACJ,UAAWd,EACT,GAAGD,CAAa,eAChB,GAAGA,CAAa,mBAChBe,GAAc,SAAA,EAGhB,SAAAJ,EAAAA,IAACU,aAAU,SAAQ,GAChB,WAAgB,IAAI,CAACF,EAASC,IAC7BT,EAAAA,IAACU,EAAAA,UAAU,KAAV,CAEC,MAAOF,EAAQ,QACf,SAAS,KACT,UAAWlB,EAAG,GAAGD,CAAa,sBAAsB,EAEpD,SAAAW,EAAAA,IAACP,EAAA,CAAgB,MAAOe,EAAQ,MAAO,WAAAH,CAAA,CAAwB,CAAA,EAL1DI,CAAA,CAOR,CAAA,CACH,CAAA,CAAA,CACF,EACF,ECtFInB,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAEXmB,EAAmB,CAAC,CAAE,KAAAC,EAAM,KAAAhB,EAAM,GAAGiB,KAChDb,EAAAA,IAAC,IAAA,CACE,GAAGa,EACJ,KAAAjB,EACA,UAAWN,EAAG,GAAGD,CAAa,eAAe,EAC7C,IAAI,aACJ,OAAO,SAEP,SAAAW,EAAAA,IAACc,EAAAA,EAAA,CAAK,IAAKF,CAAA,CAAM,CAAA,CACnB,ECvBWG,EAAY,IACvBT,EAAAA,KAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,MAAM,6BAA6B,KAAK,MACtF,SAAA,CAAAN,EAAAA,IAAC,SAAM,SAAA,OAAA,CAAK,EACZM,EAAAA,KAAC,IAAA,CAAE,SAAS,wBACV,SAAA,CAAAN,EAAAA,IAAC,OAAA,CACC,EAAE,kpBACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,4PACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,oMACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,8bACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,kFACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,oOACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,6VACF,KAAK,cAAA,CAAA,EAEPA,EAAAA,IAAC,OAAA,CACC,EAAE,yNACF,KAAK,cAAA,CAAA,CACP,EACF,EACAA,MAAC,OAAA,CACC,SAAAA,EAAAA,IAAC,WAAA,CAAS,GAAG,kBACX,SAAAA,EAAAA,IAAC,OAAA,CAAK,MAAM,KAAK,OAAO,KAAK,KAAK,eAAe,EACnD,CAAA,CACF,CAAA,EACF,ECzBIV,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAsEXwB,EAAS,CAAC,CACrB,UAAAC,EACA,WAAAC,EACA,OAAAC,EACA,SAAAC,EACA,WAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,GAAGb,CACL,IAAmB,CACjB,MAAMc,EAAUrC,EAAG2B,EAAW5B,CAAa,EAErC,CAAE,QAAAuC,CAAA,EAAYC,WAAA,EACd,CAACC,EAAaC,CAAc,EAAIC,iBAAA,EAEhCC,EAAsBP,GAAoBE,GAAS,kBAEzD,aACG,SAAA,CAAO,oBAAmBK,EAAqB,UAAWN,EAAU,GAAGd,EACtE,SAAAb,MAACkC,EAAAA,UAAA,CACC,gBAAC,MAAA,CAAI,UAAW5C,EAAG,GAAGD,CAAa,aAAa,EAC9C,SAAA,CAAAW,EAAAA,IAAC,MAAA,CACC,UAAWV,EAAG,GAAGD,CAAa,SAAU,CACtC,CAAC,GAAGA,CAAa,eAAe,EAAG,CAACmC,CAAA,CACrC,EAEA,SAAAA,SAAST,EAAA,CAAA,CAAU,CAAA,CAAA,EAErBI,GACCnB,EAAAA,IAAC,UAAA,CACE,GAAGmB,EAAO,aACX,UAAW7B,EACT,GAAGD,CAAa,WAChB,GAAGA,CAAa,eAChB8B,EAAO,cAAc,SAAA,EAGtB,WAAO,MAAM,IAAI,CAAC,CAAE,KAAAP,EAAM,KAAAhB,EAAM,GAAGuC,CAAA,IAClCC,EAAAA,cAACzB,GAAkB,GAAGwB,EAAiB,KAAAvB,EAAY,KAAAhB,EAAY,IAAKA,EAAM,CAC3E,CAAA,CAAA,EAGJsB,GACClB,EAAAA,IAACE,EAAA,CACC,WAAYgB,EAAW,WACvB,gBAAiBA,EAAW,MAC5B,aAAcA,EAAW,YAAA,CAAA,EAG5BK,GACCjB,EAAAA,KAAC,UAAA,CACE,GAAGiB,EAAS,aACb,UAAWjC,EAAG,GAAGD,CAAa,aAAckC,EAAS,cAAc,SAAS,EAE3E,SAAA,CAAAA,EAAS,QACTA,EAAS,QAAQ,IAAI,CAAC,CAAE,IAAAc,EAAK,IAAAC,KAC5BtC,EAAAA,IAAC,MAAA,CACC,UAAWV,EAAG,GAAGD,CAAa,kBAAkB,EAChD,IAAAiD,EACA,IAAAD,CAAA,EACKC,CAAA,CAER,CAAA,CAAA,CAAA,EAGJb,SACE,UAAA,CAAQ,UAAWnC,EAAG,GAAGD,CAAa,gBAAgB,EACrD,SAAAW,EAAAA,IAACuC,EAAAA,OAAA,CACC,MAAOT,EACP,MAAOL,EAAY,MACnB,QAASA,EAAY,QACrB,SAAQ,GACR,SAAWe,GAAU,CACnBT,EAAeS,EAAM,OAAO,KAAqB,CACnD,CAAA,CAAA,EAEJ,EAEDpB,GACCd,EAAAA,KAAC,UAAA,CACE,GAAGc,EAAS,aACb,UAAW9B,EAAG,GAAGD,CAAa,aAAc+B,EAAS,cAAc,SAAS,EAE3E,SAAA,CAAAA,EAAS,WACRpB,EAAAA,IAAC,MAAA,CAAI,UAAWV,EAAG,GAAGD,CAAa,sBAAsB,EACtD,SAAA+B,EAAS,SAAA,CACZ,EAEDA,EAAS,SACRpB,EAAAA,IAAC,UAAA,CACE,GAAGoB,EAAS,QAAQ,aACrB,UAAW9B,EACT,GAAGD,CAAa,qBAChB+B,EAAS,QAAQ,cAAc,SAAA,EAGhC,WAAS,QAAQ,OAAA,CAAA,CACpB,CAAA,CAAA,GAIJE,GAAUD,IACVf,EAAAA,KAAC,MAAA,CAAI,UAAWhB,EAAG,GAAGD,CAAa,cAAc,EAC9C,SAAA,CAAAiC,GACCtB,EAAAA,IAAC,UAAA,CACE,GAAGsB,EAAO,aACX,UAAWhC,EAAG,GAAGD,CAAa,mBAAoBiC,EAAO,cAAc,SAAS,EAE/E,SAAAA,EAAO,OAAA,CAAA,EAGXD,GACCrB,EAAAA,IAAC,UAAA,CACE,GAAGqB,EAAW,aACf,UAAW/B,EACT,GAAGD,CAAa,qBAChBgC,EAAW,cAAc,SAAA,EAG1B,SAAAA,GAAY,OAAO,IAAI,CAAC,CAAE,KAAAzB,EAAM,KAAAC,EAAM,GAAG4C,CAAA,IACxCL,EAAAA,cAACnC,EAAAA,KAAA,CACE,GAAGwC,EACJ,QAAQ,aACR,SAAQ,GACR,KAAA7C,EACA,IAAKA,EACL,eAAgB,EAAA,EAEfC,CAAA,CAEJ,CAAA,CAAA,CACH,EAEJ,EAEDsB,GACCnB,EAAAA,IAAC,UAAA,CACE,GAAGmB,EAAO,aACX,UAAW7B,EACT,GAAGD,CAAa,WAChB,GAAGA,CAAa,eAChB8B,EAAO,cAAc,SAAA,EAGtB,WAAO,MAAM,IAAI,CAAC,CAAE,KAAAP,EAAM,KAAAhB,EAAM,GAAGuC,CAAA,IAClCC,EAAAA,cAACzB,GAAkB,GAAGwB,EAAiB,KAAAvB,EAAY,KAAAhB,EAAY,IAAKA,EAAM,CAC3E,CAAA,CAAA,CACH,CAAA,CAEJ,EACF,EACF,CAEJ,EAEAoB,EAAO,YAAc"}

package/dist/footer-D5YkHmCo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-D5YkHmCo.mjs","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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"}

package/dist/heading-drD5ugCC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-drD5ugCC.js","sources":["../../../components/heading/src/heading.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n  H1: \"h1\",\n  H2: \"h2\",\n  H3: \"h3\",\n  H4: \"h4\",\n  H5: \"h5\",\n  H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n  TITLE100: \"title-100\",\n  TITLE200: \"title-200\",\n  TITLE300: \"title-300\",\n  TITLE400: \"title-400\",\n  TITLE500: \"title-500\",\n  TITLE600: \"title-600\",\n  TITLE700: \"title-700\",\n  SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n  DISPLAY5: \"display-5\",\n  DISPLAY10: \"display-10\",\n  DISPLAY15: \"display-15\",\n  DISPLAY20: \"display-20\",\n  DISPLAY25: \"display-25\",\n  DISPLAY50: \"display-50\",\n  DISPLAY100: \"display-100\",\n  DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingVariant = TitleVariantType | DisplayVariantType;\n\nexport type HeadingProps<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n  children: ReactNode;\n  enableHyphenation?: boolean;\n  negative?: boolean;\n  tag: HeadingTagType;\n  variant?: HeadingVariant;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n  children,\n  className = \"\",\n  enableHyphenation = false,\n  negative = false,\n  tag,\n  variant = TitleVariant.TITLE100,\n  ...props\n}: HeadingProps<T>) => {\n  const Tag = tag;\n  const classes = c([\n    className,\n    styles[rootClassName],\n    styles[`${rootClassName}--${variant}`],\n    {\n      [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n      [styles[`${rootClassName}--negative`]]: negative,\n    },\n  ]);\n\n  return (\n    <Tag className={classes} {...props}>\n      {children}\n    </Tag>\n  );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","children","className","enableHyphenation","negative","tag","variant","props","Tag","classes","c","styles"],"mappings":"4zCAMaA,EAAa,CACxB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAIaC,EAAe,CAC1B,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,cAAe,gBACjB,EAIaC,EAAiB,CAC5B,SAAU,YACV,UAAW,aACX,UAAW,aACX,UAAW,aACX,UAAW,aACX,UAAW,aACX,WAAY,cACZ,WAAY,aACd,EAcMC,EAAgB,iBAETC,EAAU,CAA2B,CAChD,SAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,IAAAC,EACA,QAAAC,EAAUT,EAAa,SACvB,GAAGU,CACL,IAAuB,CACrB,MAAMC,EAAMH,EACNI,EAAUC,EAAAA,EAAE,CAChBR,EACAS,EAAOZ,CAAa,EACpBY,EAAO,GAAGZ,CAAa,KAAKO,CAAO,EAAE,EACrC,CACE,CAACK,EAAO,GAAGZ,CAAa,WAAW,CAAC,EAAGI,EACvC,CAACQ,EAAO,GAAGZ,CAAa,YAAY,CAAC,EAAGK,CAAA,CAC1C,CACD,EAED,aACGI,EAAA,CAAI,UAAWC,EAAU,GAAGF,EAC1B,SAAAN,EACH,CAEJ,EAEAD,EAAQ,YAAc"}